body{
    font-family: Verdana,Arial,sans-serif;
    color: #5e5e5e;
}
#upgrade-school-popup .modal-header {
    border-bottom: none;
}
#upgrade-school-popup .modal-title {
    color: #f47f20;
}
#upgrade-school-popup .modal-body {
    position: relative;
    padding: 15px !important;
}
#upgrade-school-popup .modal-footer {
    border-top: none;
	    text-align: center;
}
.overview-level p {
    font-size: 18px;
}
.school_upper_section .col-lg-3 {
    width: 22% !important;
}
.mysubjecttop0{
	margin-top: 0px !important;
}
.cm-header-add.custom-invoice-css,.noting {
    font-size: 13px;
}
.hm_content-img > img.hangoutmain{
	width:58% ;
}
/*.custom-padding{
        padding-left: 29px;
}*/
.my_anchor_hover.custom-padding{
    font-size: 13px;
}
.classroom-new-section{
	    text-align: center;
    background: #fef2e5;
    padding: 20px 20px;
	margin: 20px auto;
}
.classroom-new-section1{
	 text-align: center;
    background: #dbf1ec;
    padding: 20px 20px;
	margin: 20px auto;
}

.hm_content-darkgreen{
	background-color: #009E7E;
}

.classroom-tutorial-new .lesson1,.classroom-tutorial-new .lesson2{
	margin-bottom: 10px;
}
.classroom-tutorial-new{
	width: 35%;
    margin: 0px auto;
    text-align: center;
}
.paid_user_features_new {
    width: 700px;
    margin: 0px auto !important;
    border-bottom: 1px solid #5e5e5e4f;
    padding-bottom: inherit;
    text-align: center !important;
    display: block;
}
.classroom-new-section1 .classroom_text {
    color: gray;
    padding-bottom: 10px;
}
.classroom-new-section .classroom_text {
    color: gray;
    padding-bottom: 10px;
}
/*.container {
    width: 1050px;
}*/
.voki-support-voki .hangouts{
    margin-top: 26px;
}
.voki-support-voki .hangouts h5{
    margin-top: 0px;
}
.overview-po{
    
    margin-top: 15px;
    color: #5e5e5e;
}
.overview-level a:hover,.overview-level a:active,.overview-level a:focus{
    color: #f47f20;
    opacity: 0.9;
    text-decoration: none;
}
#use_diferent_card{
        float: left;
        color: #f47f20;
    font-size: 14px;
    font-weight: bold;
}
.cardexistpurchase{
    float:right;
}
.radio-outer-div a{
     color: #f47f20;
}
input.cardlisting {
    margin-right: 7px;
    vertical-align: middle;
    margin-top: 0px;
}
.extra-button{
    background: #9c2ac7;
    padding: 8px 5px;
    margin: 15px 8px 2px 8px;
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
    font-size: 18px;
}
.exist h4 {
    margin-bottom: 21px !important;
    font-weight: bold;
    font-size: 15px;
}
.extra-button.extra-content{
    margin:12px 8px 2px 8px;
}
a.banner_buttons_here {
    color: #f27d2d;
    font-weight: bold;
    text-align: center;
    text-decoration: underline;
}
.lesson1 span,.lesson2 span{
font-size:12px;
}
.popup-link-new-text{
text-align:center;
}
.popup-link-new-text a.banner_buttons_here {
    color: #f27d2d;
    font-weight: bold;
    text-align: center;
    text-decoration: underline;
}
.orange-text {
    color: #f47f20;
}
.orange-bg {
    background-color: #f47f20;
}
.padding-0{
    padding: 0;
}
.gradient {
    background: linear-gradient(#fef2e5, #fff) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
nav.navbar.navbar-default{
    background-color: #f47f20;
    margin-bottom: 0px;
    border: none;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    margin: 18px 20px;
    padding: 0;e
}
.arrow-up {
    border-bottom: 12px solid white;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    height: 0;
    margin: 0 auto;
    width: 0;
}
.show_hower_arw {
    display: none;
}
.navbar-default .navbar-nav > li > a.active_a {
    cursor: default;
}
.navbar-default .navbar-nav > li > a.active_a:focus {
    outline: medium none;
    outline-offset: 0;
}
.navbar-default .navbar-nav > li > a:hover ~ .show_hower_arw, .navbar-default .navbar-nav > li > a:focus ~ .show_hower_arw, .navbar-default .navbar-nav > li > a:active ~ .show_hower_arw{
    display: block;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active {
    margin-bottom: 6px;
    color: #fff;
}
/*.navbar-default .navbar-nav > li:hover .show_hower_arw {
    display: block;
}*/
.navbar-brand{
    padding-top: 7px;
    padding-left: 0;
    margin-left: -10px !important;
}
.nav.navbar-nav:first-child{
    margin-left: 0;
}
/*.nav.navbar-nav.navbar-right > li:last-child > a{
    padding-right: 25px;
}*/
/*.navbar-right {
    margin-right: -30px;
}*/
.user_detail {
    /*padding: 5px 5px 7px 0;*/
    padding: 0;
}
.user_detail ul {
    margin-bottom: 0;
}
.user_detail a{
    color: #020202;
    font-size: 16px;
}
.user_detail i{
    color: #f47f20;
    margin-right: 4px;
}
.user_support {
    border-right: 1px solid #c0c0c0;
    padding-left: 28px !important;
}
.user_acc {
    padding: 17px 5px;
}
.user_acc > a {
    margin: 10px 7px 10px 13px;
}
.user_support > a {
    margin: 0 31px 0 0;
}

.header-cnt {
    display: inline-block;
    width: 100%;
}
.onlyTeachSubMenu {
    display: none;
}

/*Container*/
.body_container {
    padding: 0;
}
.row{
    margin-right: 0;
    margin-left: 0;
}
/**slider**/
.banner_main-home .sy-controls{
    width: 1195px;
    position: relative;
    margin: 0 auto;
}
.home-banner_css {
    background-position: center center !important;
    //background-size: 100% auto !important;
}
.banner_main-home .sy-slide > img {
    display: none;
}
.hide_banner {
    display: none;
}
.home-banner-1 {
    background: url(../images/bn1.jpg);
}
.banner_main-home .sy-caption-wrap {
    left: 19%;
}
.banner-1 {
    color: #fff;
    font-weight: bold;
    left: 20%;
    position: absolute;
    top: 37px;
    z-index: 9;
    width: 500px;
}
.banner-1 > span {
    font-size: 50px;
    line-height: 45px;
}
.banner-1_ul {
    margin-top: 25px;
}
.banner-1_ul oo {
    background-color: #fff;
    background-size: 2em auto;
    border: 1px solid;
    border-radius: 50%;
    float: left;
    margin-top: 9px;
    padding: 4px;
}
.banner-1_ul cnt {
    float: left;
    font-size: 23px;
    padding-left: 10px;
    line-height: 26px;
    margin-bottom: 4px;
    width: 97%;
    letter-spacing: 1px;
}
.banner-1_ul cnt sm {
    font-weight: normal;
}
#animation_character{
    bottom: 0;
    display: none;
    height: 410px;
    position: absolute;
    right: 17.5%;
    width: 400px;
    background: url(../images/animation_character4.gif) no-repeat;
    background-size: 400px;
}
.animation_flash {
    bottom: 0;
    position: absolute;
    right: 14%;
    visibility: hidden;
}
.home-banner-2 {
    background: url(../images/bn2.jpg);
}
.banner2-img_main {
    margin: 0 auto;
    width: 941px;
}
.banner2-img_cnt {
    background: url("../images/bn2-1.png") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
    height: 452px;
    margin: 0 0 0 auto;
    width: 725px;
}
.banner-2 {
    color: #fff;
    font-weight: bold;
    left: 20%;
    position: absolute;
    top: 51px;
    width: 315px;
}
.banner-2 > span {
    float: left;
    font-size: 50px;
    line-height: 45px;
}
.banner-2 > cnt {
    float: left;
    font-size: 27px;
    line-height: 30px;
    margin-top: 21px;
}
.home-banner-3 {
    background: url(../images/bn3.jpg);
}
.banner3-img_main {
    margin: 0 auto;
    width: 941px;
}
.banner3-img_cnt {
    background: url("../images/bn3-1.png") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
    height: 351px;
    margin: 23px 0 0 auto;
    width: 410px;
}
.banner-3 {
    color: #fff;
    left: 20%;
    position: absolute;
    top: 50px;
}
.banner-3 > span {
    font-size: 50px;
    font-weight: bold;
    line-height: 45px;
}
.banner-3 > .banner-sub-heading {
    font-size: 29px;
    font-weight: bold;
}
.banner-3_ul {
    margin-top: 15px;
}
.banner-3_ul oo {
    background-color: #fff;
    background-size: 2em auto;
    border-radius: 50%;
    float: left;
    margin-top: 12px;
    padding: 5px;
}
.banner-3_ul cnt {
    font-size: 22px;
    margin-left: 10px;
    font-weight: bold;
}
.home-banner-4 {
    background: url(../images/bn5.png);
}
.banner4-img_main {
    margin: 0 auto;
    width: 941px;
}
.banner4-img_cnt {
    background: url("../images/bn5-1.png") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
    height: 388px;
    margin: 58px 0 0 auto;
    width: 678px;
}
.banner-4 {
    color: #fff;
    font-size: 50px;
    font-weight: bold;
    left: 20%;
    line-height: 45px;
    position: absolute;
    top: 61px;
}
.banner-4 app {
    display: block;
}
.home-banner-app {
    margin-top: 26px;
    width: 235px;
}
.home-banner-app img {
    margin-bottom: 10px;
    width: 220px;
}
.home-banner-app span {
    font-size: 21px;
}
.home-banner-app2-main {
    display: inline-block;
    margin-top: 12px;
}
.home-banner-app2 {
    margin-top: -10px;
}

.sy-pager{
    display: none;
}
.sy-box:hover .sy-pager{
    display: block;
}
.sy-caption a img:hover{
    opacity: 0.8;
}
.sy-caption img {
    width: 70%;
}

.hm_title {
    color: #f87f1a;
    font-size: 22px;
    font-weight: bold;
    padding: 30px 0;
    text-transform: uppercase;
}

.hm_content{
    background: linear-gradient(#fef2e6, #fff) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.hm_content .col-md-3:first-child{
    //padding-left: 15px
}
.bg-voki_labless {
    padding-top: 0px;
    background: url("../images/voki_strip.png");
    background-repeat: no-repeat;
    background-size: 100% 25px;
}
.bg-voki_labless.no_background_here
{
    padding-top: 20px;
    background: none;
}
.product_header .bg-voki_labless {
    padding-top: 0px;
    background: none;
    background-repeat: no-repeat;
    background-size: 100% 25px;
}
.hm_content-block {
    height: 25px;
}
.hm_content-org {
    background-color: #f57e20;
}
.hm_content-grn {
    background-color: #4a6f31;
}
.hm_content-blue {
    background-color: #1b4679;
}
.hm_content-red {
    background-color: #af1111;
}
.cnt_data_block {
    padding: 0 10px;
}
.hm_content-img {
    padding: 0;
    height: 180px;
}
.hm_content-img > img {
    width: 80%;
}
.hm_content-img .class_img_here
{
    padding-top:20px;
}
.cnt_data_block h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 20px 0 10px;
}
h3.hm_content-vc {
    margin: 20px 0 10px;
}
.hm_content-vc  a {
    color: #000;
}
.hm_content-vc  a:hover {
    text-decoration: none;
}
h3.hm_content-vp{
    margin: 20px 0 10px;
}
.hm_content-vp  a {
    color: #000;
}
.hm_content-vp  a:hover {
    text-decoration: none;
}
h3.hm_content-vt{
    margin: 20px 0 10px;
}
.hm_content-vt  a {
    color: #000;
}
.hm_content-vt  a:hover {
    text-decoration: none;
}
.hm_content-btn {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    width: 162px;
    margin-bottom: 25px;
}
.hm_content-btn:hover{
    color: #fff;
    opacity: 0.9;
}
.cnt_data_block P {
    font-size: 12px;
    height: 105px;
}
.hm_content-learn > a{
    text-decoration: underline;
    font-weight: bold;
}
.hm_content-learn > a:hover{
    text-decoration: none;
}
.hm_content-learn.hm_content-Lorg > a {
    color: #f27d2d;
}
.hm_content-learn.hm_content-Lgrn > a {
    color: #487032;
}
.hm_content-learn.hm_content-Lblue > a {
    color: #1f4574;
}
.hm_content-learn.hm_content-Lred > a {
    color: #ae0f13;
}
.hm_content-learn i {
    margin-left: -5px;
}
.hm_content-learn {
    padding-bottom: 60px;
}
.hm-bar {
    background-color: #f47f20;
    height: 27px;
}
.middle_hm_bar.hm-bar
{
    height: 12px;
}
.hm-static {
    background: linear-gradient(#fef2e6, #fff) repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 35px 0 58px;
}
/*.hm-static img{
    width: 73%;
}*/
.hm-static-1 h1 {
    color: #000;
    font-size: 45px;
    font-weight: bold;
    margin: 0;
}
.hm-static-1 h4 {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    padding-bottom: 13px;
}
.hm-static-1-img {
    position: relative;
}
.home_apple {
    width: 1085px;
}
.apple-img {
    /*background-color: red;*/
    display: inline-block;
    position: relative;
    width: 20%;
}
.apple-img img {
    vertical-align: bottom;
    width: 100%;
}
.apple-img1 {
    z-index: 6;
}
.apple-img2 {
    margin-left: -32px;
    z-index: 5;
}
.apple-img3 {
    margin-left: -22px;
    z-index: 4;
}
.apple-img4 {
    margin-left: -17px;
    z-index: 3;
}
.apple-img5 {
    margin-left: -33px;
    z-index: 2;
}
.sml-apple-img {
    position: absolute;
    width: 100px;
}
.sml-apple-img-1 {
    bottom: -19px;
    left: -21px;
}
.sml-apple-img-2 {
    bottom: -34px;
    right: -31px;
}
.sml-apple-img-3 {
    bottom: -13px;
    right: -26px;
}
.sml-apple-img-4 {
    bottom: -12px;
    right: -40px;
}
.sml-apple-img-5 {
    bottom: -13px;
    right: -31px;
}
.sml-apple-img-6 {
    bottom: -15px;
    right: -37px;
}
.show-apple, .hide-apple {
    cursor: pointer;
}
.hide-apple {
    display: none;
}
.show-apple-popup {
    position: absolute;
    text-align: left;
    display: none;
}
#show-apple-img1-popup {
    left: 59px;
    top: -223px;
    width: 393px;
    height: 322px;
}
#show-apple-img2-popup {
    height: 322px;
    left: 59px;
    top: -228px;
    width: 311px;
}
#show-apple-img3-popup {
    height: 351px;
    left: 59px;
    top: -156px;
    width: 323px;
}
#show-apple-img4-popup {
    height: 230px;
    right: 280px;
    top: -106px;
    width: 433px;
    z-index: 10;
}
#show-apple-img5-popup {
    height: 291px;
    right: 59px;
    top: -158px;
    width: 345px;
    z-index: 10;
}
.show-apple-popup-cnt {
    background-color: #fff;
    border: 3px solid #f47f20;
    padding: 26px;
}
.show-apple-popup-cnt h2 {
    margin: 0 0 17px;
}
.show-apple-popup-cnt h2 span {
    font-size: 22px;
}
.show-apple-popup-cnt p {
    color: #000;
    font-weight: bold;
}
button.show-popup-btn {
    color: #fff;
    background-color: #f47f20;
    border-color: #f47f20;
    font-weight: bold;
    margin: 15px 0;
    padding: 6px 26px;
}
button.show-popup-btn:hover, button.show-popup-btn:focus, button.show-popup-btn:active {
    color: #fff !important;
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    opacity: 0.9;
}
.apple-arrow {
    display: inline-block;
    margin-left: 83px;
}
.apple-arrow img {
    width: 70px;
    margin-top: -9px;
}
.apple-arrow-rgt {
    display: inline-block;
    float: right;
    margin-left: 0;
    margin-right: 111px;
}
.apple-arrow-rgt img {
    width: 70px;
    margin-top: -9px;
}

.hm-ft-cnt {
    font-size: 30px;
    font-weight: bold;
    margin: 0 auto;
    padding: 23px 0;
    width: 80%;
    line-height: 29px;
}
.sml-apple-img-10, .sml-apple-img-8, .sml-apple-img-7, .sml-apple-img-9 {
    display: none;
}

/*Home page testimonials slider*/
.home-testimonials {
    padding-bottom: 45px;
    position: relative;
    margin: 0 auto;
}
.hm_quotes_right img{
    position: absolute;
    right: -5%;
    top: -12%;
    z-index: 999;
}
.hm_quotes_left img{
    left: -6%;
    position: absolute;
    top: -12%;
    z-index: 999;
}
.left-testmo .tes-cnt{
    padding-left: 62px;
}
.home-testimonials .sy-controls {
    display: none !important;
}
.home-testimonials .sy-pager {
    display: block;
    margin: -20px 0 0;
}
.home-testimonials .sy-pager li.sy-active a {
    background-color: #9C9C9C
}
.home-testimonials .sy-pager li a {
    background-color: #E5E5E5;
}
.home-testimonials .sy-slides-wrap, .home-testimonials .sy-slides-crop, .home-testimonials .sy-list, .home-testimonials .sy-slide {
    height: 147px;
}
.left-testmo, .right-testmo {
    background-color: #FFFFFF;
    height: 97px;
    padding: 10px;
    border-radius: 50px;
    border: 4px solid #e5e4e2;
}
.left-testmo {
    float: left;
    width: 49%;

}
.right-testmo {
    float: right;
    /*padding-left: 61px;*/
    width: 49%;
}
.left-testmo img, .right-testmo img  {
    display: inline-block;
    vertical-align: top;
}
.tes-cnt {
    color: #000;
    display: inline-block;
    font-weight: bold;
    line-height: 18px;
    padding-left: 11px;
    padding-top: 5px;
    width: 82%;
}
.tes-cnt span {
    color: #5e5e5e;
    display: block;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    line-height: 8px;
    margin-top: 4px;
}
.left-testmo-1, .right-testmo-1 {
    height: 121px;
}
.left-testmo-2, .right-testmo-2 {
    height: 105px;
}

/*Footer*/
.footer{
    border-top: 0;
}
.footer-content{
    padding-left: 0;
    padding-right: 0;
}
.foot_social {
    background-color: #f47f20;
    display: inline-block;
    width: 100%;
}

/*New Footer Changes*/
.fot-new {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    padding: 4px 4px 8px;
    width: 100%;
}
.fot_app {
    margin-top: 8px;
}
.fot_app span {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    vertical-align: middle;
    width: 122px;
}
.fot_app a {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}
.pull-right.fot_app a img {
    display: inline-block;
    vertical-align: bottom;
}
.pull-right.fot_app a img:hover {
    opacity: 0.85;
}
.fot_google {
    display: inline-block;
    font-size: 8px;
    width: 108px;
}
.fot_newsletter {
    cursor: pointer;
    margin-top: 8px;
}
.fot_newsletter:hover {
    opacity: 0.8;
}
.fot_newsletter span {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    line-height: 15px;
    vertical-align: middle;
    width: 154px;
}
.newsletter-div {
    display: inline-block;
    font-size: 35px;
    vertical-align: middle;
}
.fot-content {
    margin: 8px auto 0;
    position: relative;
    text-align: center;
    width: 330px;
}
.fot-content span {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    line-height: 15px;
    text-align: left;
    vertical-align: middle;
    width: 106px;
}
.fot-content_data {
    display: inline-block;
    font-size: 35px;
    vertical-align: middle;
}
.fot-content_data a {
    color: #fff;
    float: left;
    font-size: 35px;
    margin-left: 10px;
}
.fot-content_data a:hover {
    opacity: 0.8;
}
/*.like_social {
    margin: 0 auto;
    padding: 10px 0;
    width: 740px;
}
.f-followUs {
    display: inline-block;
}
.f-followUs span {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    vertical-align: super;
}
.f-followUs-cnt {
    display: inline-block;
}
.f-followUs-cnt a {
    color: #fff;
    display: inline-block;
    font-size: 34px;
    margin-left: 8px;
}
.f-followUs-cnt a:hover {
    opacity: 0.8;
}
.f-newsletter {
    cursor: pointer;
    float: right;
}
.f-newsletter:hover {
    opacity: 0.8;
}
.f-newsletter span {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    vertical-align: super;
}
.newsletter-div {
    color: #fff;
    display: inline-block;
    font-size: 34px;
    margin-left: 5px;
}*/

/*.like_social a{
    color: #fff;
    vertical-align: sub;
}
.like_fb {
    font-size: 20px;
    margin: 11px 0 11px 30px;
}
.like_fb i {
    font-size: 33px;
    margin-right: 22px;
}
.like_fb > span {
    vertical-align: text-bottom;
}
.news_letter {
    font-size: 20px;
    margin: 13px 30px 13px 0;
}
.news_letter i {
    font-size: 20px;
    margin-left: 22px;
}
.follow_social {
    padding: 3px 0;
}
.follow_social > span {
    color: #fff;
    font-size: 20px;
}
.follow_social > a {
    font-size: 35px;
    padding: 0 13px;
}*/
.footer_links {
    margin-bottom: 12px;
    padding: 15px 0;
}
.footer_links > li {
    font-size: 15px;
    padding: 0 15px;
}
.footer_links li a {
    color: #f47f20;
}
.footer_cnt {
    font-size: 16px;
    margin-bottom: 30px;
}
.footer_cnt > a {
    color: #f47f20;
}
.footer-foot {
    background: linear-gradient(#fef2e5, #fff) repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding-top: 15px;
}
.footer_end {
    font-size: 16px;
    padding-bottom: 15px;
}

/*Login*/
.forget_pass{
    margin-top: 8px;
    text-decoration: underline;
}
.forget_pass:hover{
    text-decoration: none;
    color: #f47f20;
}
.sub-btn{
    color: #fff;
    font-weight: bold;
    padding: 6px 60px;
}
.sub-btn:hover, .sub-btn:focus, .sub-btn:active{
    background-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}
.checkbox-div {
    margin-top: 28px;
}
.sub-div {
    margin-top: 40px;
}
.log_signup {
    margin: 29px 0;
}
.checkbox-div label {
    padding-left: 0;
}
.checkbox-div span {
    vertical-align: bottom;
}

.model_login {
    width: 479px;
}
.model_login .modal-header, .model_signup .modal-header {
    border-bottom: 0; 
    padding: 15px 15px 0;
}
.model_signup {
    width: 500px;
}
#modal-dialog .modal-content {
    border: 4px solid #f47f20;
    border-radius: 0;
}
#modal-dialog button.close{
    opacity: 1;
    position: relative;
    z-index: 9999;
}
#modal-dialog button.close:hover {
    opacity: 0.8;
}
.errorMessage {
    color: #a94442;
    font-size: 0.9em;
}

/*Terms & Conditions*/
.login-TC h4 {
    font-size: 15px;
    margin-top: 20px;
}
.login-TC_cnt {
    border: 2px solid;
    height: 300px;
    margin-bottom: 10px;
    overflow: auto;
    padding: 10px;
}
.login-TC_cnt h4 {
    font-size: 15px;
    font-weight: bold;
}
.login-TC_cnt h5 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 0;
}
.login-TC_btn {
    display: block;
    margin: 10px auto 0;
}

/*Sign Up Form*/
.singup_form{
    padding: 0 28px;
}
.singup_log {
    margin-top: 5px;
}
.signup_ins {
    margin: 20px 0;
    padding: 0 58px;
}

.signup_thanks p {
    margin: 0 0 17px;
    color: #000;
}
.ok_signup button {
    background-color: #f47f20;
    border-color: #f47f20;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
    width: 153px;
}
.ok_signup button:hover, .ok_signup button:focus, .ok_signup button:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}
.ok_signup strong {
    display: block;
    margin-bottom: 18px;
    padding-top: 10px;
}
.login_activation .ok_signup button {
    width: 185px;
}
.hide_reset_var {
    display: none;
}

/*Setting tab*/
#user_setting {
    cursor: pointer;
}
.user_detail i{
    color: #f47f20;
    margin-left: 0;
    font-size: 16px;
}
.user_acc span {
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    margin: 0 2px 0 6px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 200px;
}
.user_acc name {
    font-weight: normal;
}
.user_acc .dropdown-menu {
    left: -5px;
    border: none;
    border-radius: 0;
    min-width: 151px;
    margin-top: 17px;
}
.user_acc .dropdown-menu {
    background-color: #140202;
}
.user_acc .dropdown-menu > li > a{
    font-size: 15px;
    color: #fff;
    margin: 3px 9px 3px 26px;
    padding: 0;
}
.user_acc .dropdown-menu > li > a:hover, .user_acc .dropdown-menu > li > a:focus {
    background-color: transparent;
    color: #fff;
}
.user_acc .dropdown-menu > li > a.acc_btn {
    margin: 10px;
    padding: 11px 17px;
    text-align: left;
    background-color: transparent;
    border: none;
    border-radius: 0;
}
.user_acc .dropdown-menu > li > a.acc_btn.selected-acc_btn {
    background-color: #4D4240;
    cursor: default;
}
.user_acc .dropdown-menu > li > a.acc_btn:hover {
    background-color: #4D4240;
}
.user_acc lev {
    /*color: #a40b1b;*/
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    line-height: 18px;
}

/**Loader**/
.back_loader {
    //background-color: #000;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.loader {
    display: none;
    position: fixed;
    text-align: center;
    top: 37%;
    width: 100%;
    z-index: 99999;
}
.loader > img {
    width: 50px;
}


/*Pricing*/
.footnote_price_level1 p {
    color: #909090;
    font-weight: bold;
    text-align: center;
}
.footnote_school_offer p {
    font-size: 22px;
    font-weight: bold;
    padding-top: 15px;
    text-align: center;
}
.pricing-header {
    margin-bottom: 25px;
    margin-top: 20px;
}
.pricing_h2 {
    color: #000;
    font-weight: bold;
    margin-bottom: 27px;
}
.pricing-head {
    padding: 0 16px;
}
.pricing-head:first-child {
    padding-left: 0;
    padding-right: 0;
}
.pricing-head:last-child {
    padding-right: 0;
    padding-left: 16px;
}
.pricing-head_cnt {
    border: 3px solid;
    border-top: 0px solid;
    padding: 12px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #ffffff;
}
.prining-head_cnt-orng {
    color: #f57e20;
}
.prining-head_cnt-grn {
    color: #4a6f31;
    padding-right: 0;
}
.prining-head_cnt-blue {
    color: #1b4679;
    padding-right: 0;
}
.prining-head_cnt-red {
    color: #f30705;
}
.pricing-head_cnt h2 {
    color: #000;
    font-weight: bold;
    margin: 0;
}
.pricing-head_cnt h4 {
    color: #5e5e5e;
    font-weight: bold;
    margin-top: 3px;
	margin-bottom:5px;
	}
.pricing-head_no-margin {
    margin-bottom: 0;
}
.pricing-head_cnt-1 {
    color: #5e5e5e;
    font-weight: bold;
    height: 185px;
    font-size: 13px;
	margin-top:10px;
}
.pricing-head_cnt-1 ul {
    margin: 0;
    padding-left: 15px;
}
.pricing-head_cnt-1 .pricing_que {
    cursor: pointer;
    width: 14px;
}
.btn_pricing-head_cnt {
    color: #fff;
    font-weight: bold;
    padding: 8px 5px;
    width: 100%;
    font-size:13px;
}
.btn_pricing-head_cnt:hover, .btn_pricing-head_cnt:focus, .btn_pricing-head_cnt:active {
    color: #fff;
    opacity: 0.9;
}
.pricing-header_body {
    border: 2px solid #AAAAAA;
    border-top: 20px solid #AAAAAA;
    padding: 18px;
    font-weight: bold;
}
.pricing-header_body h2 {
    color: #000;
    margin: 0;
    font-weight: bold;
}
.pricing-header_body ul {
    margin: 0;
}
.pricing-header_body-1 ul {
    padding-left: 14px;
}
.pricing-chr_img {
    background-image: url("../images/characters.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 104px;
    margin: 45px 0;
    width: 100%;
}
.pricing-table_strip {
    background-image: url("../images/pricing_strip.jpg");
    background-repeat: no-repeat;
    background-size: 100% 14px;
}
.pricing-table_strip1 {
    background-image: url("../images/pricing_strip.jpg");
    background-repeat: no-repeat;
    background-size: 100% 15px;
}
.pricing-bgs1 {
    background: linear-gradient(#fef2e5, #fff) no-repeat scroll 0 52px / 100% 45px rgba(0, 0, 0, 0);
}
.pricing-bgs2 {
    background: linear-gradient(#fef2e5, #fff) no-repeat scroll 0 97px / 100% 45px rgba(0, 0, 0, 0);
}
.pricing-bgs3 {
    background: linear-gradient(#fef2e5, #fff) no-repeat scroll 0 136px / 100% 60px rgba(0, 0, 0, 0);
}
.pricing-bgs4 {
    background: linear-gradient(#fef2e5, #fff) no-repeat scroll 0 207px / 100% 45px rgba(0, 0, 0, 0);
}
.products-bgs1 {
    background: linear-gradient(#fef2e5, #fff) no-repeat scroll 0 52px / 100% 87px rgba(0, 0, 0, 0);
}
.products-bgs2 {
    background: linear-gradient(#fef2e5, #fff) no-repeat scroll 0 136px / 100% 45px rgba(0, 0, 0, 0);
}
.products-bgs3 {
    background: linear-gradient(#fef2e5, #fff) no-repeat scroll 0 175px / 100% 70px rgba(0, 0, 0, 0);
}
.products-bgs4 {
    background: linear-gradient(#fef2e5, #fff) no-repeat scroll 0 239px / 100% 70px rgba(0, 0, 0, 0);
}
.features-bgs1 {
    background: linear-gradient(#fef2e5, #fff) no-repeat scroll 0 52px / 100% 52px rgba(0, 0, 0, 0);
}
.features-bgs2 {
    background: linear-gradient(#fef2e5, #fff) no-repeat scroll 0 112px / 100% 45px rgba(0, 0, 0, 0);
}
.features-bgs3 {
    background: linear-gradient(#fef2e5, #fff) no-repeat scroll 0 151px / 100% 70px rgba(0, 0, 0, 0);
}
.features-bgs4 {
    background: linear-gradient(#fef2e5, #fff) no-repeat scroll 0 215px / 100% 70px rgba(0, 0, 0, 0);
}

#no-more-tables .pricing-table-head_clr th {
    font-size: 3px;
}
#no-more-tables .pricing-table-head_th th {
    color: #000;
    text-align: center;
}
#no-more-tables .pricing-table-head_th th:first-child {
    padding-left: 17px;
    text-align: left;
}

.pricing-multiAcc {
    background-color: #f47f20;
    border-color: #f47f20;
    color: #fff;
    font-weight: bold;
    padding: 6px 20px;
}
.pricing-multiAcc:hover, .pricing-multiAcc:focus, .pricing-multiAcc:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}

/*.prining_cnt {
    padding: 0 33px;
}
.prining_cnt h1 {
    color: #000;
    font-weight: bold;
    font-size: 30px;
}
.prining_cnt > h3 {
    font-weight: bold;
    margin-top: 0;
    font-size: 18px;
}
.prining_cnt-orng {
    color: #f57e20;
}
.prining_cnt-grn {
    color: #4a6f31;
}
.prining_cnt-blue {
    color: #1b4679;
}
.prining_cnt-red {
    color: #af1111;
}
.prining_cnt-data {
    margin-left: -10px;
    padding-bottom: 20px;
}
.prining_cnt-data a {
    font-size: 12px;
    padding: 8px;
    width: 145px;
}
.prining_cnt-data > h3 {
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 14px;
}
.prining_cnt-data > ul {
    font-size: 14px;
    font-weight: bold;
    line-height: 28px;
    padding: 0 0 0 23px;
}
.prining_paid {
    display: inline-block;
    width: 100%;
}
.prining_paid > h1 {
    font-size: 28px;
    font-weight: bold;
    padding-left: 35px;
}
.prining_paid-cnt {
    padding-left: 53px;
}
.prining_paid-cnt li {
    font-size: 14px;
    font-weight: bold;
}*/
#no-more-tables table, #no-more-tables table tr th, #no-more-tables table tr td {
    border: none;
}
#no-more-tables table tr td {
    background: linear-gradient(#fef2e5, #fff) repeat scroll 0 0 rgba(0, 0, 0, 0);

}
#no-more-tables{
    color: #000;
}
#no-more-tables table {
    margin-bottom: 30px
}
#no-more-tables th {
    font-size: 23px;
    color: #fff;
}
#no-more-tables .pricing-grey {
    background-color: #aaaaaa;
    /*border-right: 5px solid;*/
    width: 36%;
    padding-left: 16px;
}
#no-more-tables .pricing-orng {
    background-color: #f57e20;
    /*border-right: 5px solid;*/
}
#no-more-tables .pricing-grn {
    background-color: #4a6f31;
    /*border-right: 5px solid;*/
}
#no-more-tables .pricing-blue {
    background-color: #1b4679;
    /*border-right: 5px solid;*/
}
#no-more-tables .pricing-red {
    background-color: #af1111;
}
#no-more-tables td:first-child strong {
    color: #000;
}
#no-more-tables td strong {
    font-size: 15px;
    color: #5e5e5e;
}
#no-more-tables td {
    padding-bottom: 13px;
}
#no-more-tables td:first-child {
    padding-left: 16px;
}
#no-more-tables ul {
    display: inline-block;
}
#no-more-tables set {
    color: #f57e20;
    text-decoration: underline;
    cursor: pointer;
}
.pricing_que{
    margin-top: -5px;
    cursor: pointer;
}
.pricing_que.ToolMarg{
    margin-top: -3px;
}
.pricing_last-tbl table {
    margin-bottom: 20px;
}
#no-more-tables .pricing-tr-top {
    padding-top: 20px;
}
.pricing_set {
    width: 1100px;
}

/**Pricing Pop Up***/
.openAvatarNew a {
    font-size: 16px;
    margin-right: 17px;
    text-decoration: underline;
        padding-bottom: 20px;
}
.openAvatarNew a:hover, .openAvatarNew a:focus {
    color: #f47f20;
    text-decoration: none;
}
.pricing_set .modal-title {
    color: #f57e20;
}
.pricing_set .modal-body {
    padding: 0% 4% 0% 4%;
}
.character_display {
    /*max-height: 580px;*/
    overflow-y: auto;
}
.character_display .chr_dis-h4 {
    color: #f57e20;
    font-weight: bold;
    margin-top: 0;
    font-size: 20px;
}
/*.character_display #VokiSet-1 {
    margin-top: 20px;
}*/
.character_display p {
    font-size: 12px;
}
.chr_img-cnt {
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
}
.chr_img-cnt > h4 {
    font-weight: bold;
}
.chr_img {
    float: left;
    padding: 0 12px;
    width: 16%;
    margin-bottom: 15px;
    text-align: center;
}
.chr_img-shadow {
    box-shadow: 4px 4px 5px #888888;
    display: inline-block;
    min-height: 161px;
    position: relative;
}
.chr_img-pri {
    position: absolute;
    right: -16px;
    top: -4px;
}
.chr_img-title {
    font-size: 11px;
    font-weight: bold;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
    width: 120px;
}

/*New Pricing Changes*/
.pricing-head_cnt-1 ul > li > span {
    font-size: 11px;
}
.pricing-head_cnt-1 ul li span se {
    cursor: pointer;
    text-decoration: underline;
}
.pricing-head_cnt-1 ul span se:hover {
    text-decoration: none;
}
.pricing-head_cnt-Data {
    background-color: #e8e5e0;
    color: #5e5e5e;
    font-size: 13px;
    font-weight: bold;
    height: 144px;
    margin-bottom: 11px;
    padding: 7px 14px 0;
}
.pricing-head_cnt-Data > ul {
    margin: 0;
    padding-left: 13px;
}
.pricing_que-new {
    cursor: pointer;
    width: 15px;
}
.pricing-header-middel {
    margin: 0 auto;
    width: 570px;
}
.pricing-header-middel h2 {
    color: #000;
    font-size: 24px;
    font-weight: bold;
}
.pricing-header-middelPart {
    display: inline-block;
    width: 59%;
}
.pricing-header-middelPart-data {
    border: 3px solid #d0d0d0;
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 4px 0;
    width: 49%;
}
.pricing-header-middelPart-data a {
    text-decoration: underline;
}
.pricing-header-middelPart-data a:hover, .pricing-header-middelPart-data a:focus {
    color: #f47f20;
    text-decoration: none;
}
.pricing-head_cnt-1 ul li .tooltip-inner, .pricing-head_cnt-Data > ul > li .tooltip-inner {
    min-width: 380px;
    width: 380px;
    margin-left: 5px;
    margin-right: 5px;
}
.my_plans tr td .tooltip-inner{
    min-width: 350px;
    width: 350px;
}

.my_plans ul{
    padding-left: 18px;
}

/**Tooltip**/
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -18px;
    border-top-color: transparent;
    border-width: 23px 20px 0 0;
    background-image: url("../images/arow.png");
    background-size: 20px;
    //background-repeat: no-repeat;*/
}
.tooltip.bottom .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -18px;
    border-top-color: transparent;
    border-width: 23px 18px 0 0;
    background-image: url("../images/arow-bottom.png");
    background-size: 17px;
    //background-repeat: no-repeat;*/
}
.tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100);
}
.tooltip-inner {
    color: #000;
    background-color: #fff;
    border: 3px solid #f47f20;
    border-radius: 0;
    padding: 15px;
    max-width: 500px;
    min-width: 200px;
    width: 270px;
    text-align: left;
    margin-bottom: 15px;
    margin-top: 13px;
    opacity: 1;
}
.voki-account .account-foot .tooltip-inner {
    width: 315px;
}
.tool_title, .tool_cnt {
    font-size: 17px;
}
.money-back-gut .tooltip-inner {
    width: 320px;
}
.account-cnt_1-header .tooltip-inner {
    width: 370px;
    line-height: 18px;
}
.account-cnt_3-data-font .tooltip-inner {
    width: 535px;
    max-width: 535px;
    line-height: 20px;
    margin-right: 10px;
}


.acc_stu_detail1 .tooltip-inner {
    width: 370px;
    margin-left: 10px;
}

.tooltip_payment .tooltip-inner {
    width: 370px;
    margin-right: 10px;
}


/**Avatar Gallery Page**/
.avatarGallerySet {
    margin: 0 auto;
    padding-bottom: 30px;
    width: 1025px;
}
.avatarGallerySet .character_display {
    max-height: none;
}
.avatarGallerySet > h2 {
    font-weight: bold;
    margin: 0;
    padding: 20px 0;
}



/***Products****/
.product_header {
    padding-bottom: 10px;
    color: #000;
}
.cnt_data_block h3.pr_cnt_h3 {
    margin: 26px 0 24px;
}
.product_header .cnt_data_block h3.pr_cnt_h3 {
    margin: 20px 0 10px;
}
.pr_cnt_h3  a {
    color: #000;
}
.pr_cnt_h3  a:hover {
    text-decoration: none;
}
.product_content {
    padding: 26px 0;
}
.product_content-data {
    padding-left: 43px;
}
.product_content-data h3 {
    font-size: 27px;
    font-weight: bold;
    margin-bottom: 0;
    padding-top: 27px;
}
.product_content-data p {
    font-size: 15px;
    margin-bottom: 17px;
    padding-right: 40px;
}
.product_content-btn {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    width: 185px;
}
.product_content-btn:hover, .product_content-btn:focus {
    color: #fff;
    opacity: 0.9;
}
.product_content-show i {
    font-size: 18px;
}
.product_content-show > span {
    cursor: pointer;
    font-weight: bold;
    text-decoration: underline;
}
.product_content-show > span:hover {
    text-decoration: none;
}
.product_content-img > img {
    width: 100%;
}
.product_content-img video {
    width: 100%;
}
.product_collapse {
    display: inline-block;
    padding-left: 26px;
    padding-top: 30px;
    width: 100%;
}
.product_content-img {
    padding-right: 15px;
}
.product_collapse-img > img {
    width: 100%;
}
.product_collapse-cnt {
    padding-left: 70px;
    padding-right: 15px;
}
.product_collapse-cnt h3 {
    font-size: 23px;
}
.product_collapse-cnt > p {
    font-size: 13px;
}
.product_collapse-cnt a {
    text-decoration: underline;
}
.product_collapse-cnt a:hover, .product_collapse-cnt a:active, .product_collapse-cnt a:focus {
    color: #f47f20;
    text-decoration: none;
}
.product_app-apple {
    display: inline-block;
    width: 200px;
}
.product_app-apple img {
    width: 100%;
}
.product_app-google {
    display: inline-block;
    margin-left: 14px;
    font-weight: bold;
    width: 200px;
}
.product_app-google img {
    width: 100%;
}

.product_collapse-cnt span {
    cursor: pointer;
    text-decoration: underline;
}
.product_mobile_view img, .product_mobile_view video {
    width: 100%; 
    display: none;
}
/**Pro Banner***/
.product_banners .sy-slide > img {
    height: auto;
}
.product_banners .sy-slide {
    height: auto;
}
.product_banners .sy-list {
    height: auto;
}
.product_banners .sy-slides-crop {
    height: auto;
    overflow: visible;
}
.product_banners .sy-slides-wrap {
    height: auto;
}
.product_banners .sy-box:hover .sy-pager, .product_banners .sy-box:hover .sy-controls {
    display: none;
}


/**Support**/
/*header*/
.header-support {
    margin-left: 91px;
}
.header-support ul {
    margin-bottom: 0;
}
.header-support li {
    padding: 20px 12px;
}
.header-support a {
    color: #000;
}
.header-hide {
    display: none;
}
/*.header-hide {
    margin-left: 199px;
}*/
.header-hide ul {
    margin-bottom: 0;
}
.header-hide li {
    padding: 17px 12px;
}
.header-hide a {
    color: #000;
}
a.s_selected {
    font-weight: bold;
    cursor: default;
}
a.s_selected:hover, a.s_selected:focus, a.s_selected:active {
    text-decoration: none !important;
    outline: medium none;
    outline-offset: 0;
}
/***/

.support_body-color {
    background-color: #f0f0ee;
    margin-top: 10px;
}
.support-title {
    border-bottom: 1px solid #CDCDCD;
    color: #000;
    font-weight: bold;
    margin-bottom: 0;
    padding-bottom: 31px;
}
.support_body {
    padding-top: 45px;
    display: inline-block;
    width: 100%;
}
.support_inlineB {
    display: inline-block;
    width: 100%;
    color: #000;
}
.support_inlineB a:hover, .support_inlineB a:focus, .support_inlineB a:active {
    color: #f47f20;
}
.support_img {
    float: left;
    width: 90px;
}
.support_img > img {
    width: 100%;
}
.support_txt-hdr {
    font-size: 26px;
    float: left;
    padding-left: 10px;
    color: grey;
    line-height: 34px;
    width: 229px;
}
.support_txt {
    float: left;
    font-size: 17px;
    line-height: 20px;
}
.support_wd {
    width: 228px;
}
.support_txt .orange-text {
    font-weight: bold;
}
.support_body-head {
    margin-bottom: 28px;
}
.support_body-cnt {
    margin-top: 20px;
}
.support_body-mid {
    display: table;
    margin: 0 auto;
    padding-bottom: 45px;
    width: 84%;
}
.support_pad {
    margin-top: 13px;
}
.support_cnt-1 {
    height: 76px;
    padding-left: 20px;
}
.support_cnt-1 > img {
    width: 70px;
}
.support_cnt-1 span {
    font-size: 27px;
    vertical-align: middle;
}
.support_cnt-2 a {
    font-weight: bold;
}
.support_cnt-2 a:hover, .support_cnt-2 a:focus, .support_cnt-2 a:active {
    color: #f47f20;
}
.support_cnt-2 {
    color: #000;
    font-size: 16px;
    line-height: 20px;
    margin-top: 20px;
    padding-right: 20px;
}
.support_b {
    padding-left: 8px;
}
.support_body-foot {
    padding-bottom: 45px;
    padding-left: 25px;
    padding-right: 25px;
}
.support_cnt-3 {
    display: inline-block;
    height: 95px;
}
.support_cnt-3 > img {
    width: 70px;
    float: left;
}
.support_cnt-3 > span {
    color: gray;
    float: left;
    font-size: 27px;
    line-height: 33px;
    padding-left: 14px;
    padding-top: 6px;
}
.support_cnt-4 {
    color: #000;
    font-size: 16px;
    margin-top: 15px;
    line-height: 21px;
}
.support_cnt-4 ul {
    padding: 0 0 0 18px;
}
.support_cnt-4 li {
    margin-top: 15px;
}
.support_cnt-4 a {
    font-weight: bold;
}
.support_cnt-4 a:hover, .support_cnt-4 a:focus, .support_cnt-4 a:active {
    color: #f47f20;
}
.support-im img {
    width: 130px;
}
.support_cnt-4 h4 {
    font-weight: bold;
    margin-bottom: 0;
}
.support_cnt-5 li {
    margin-top: 5px;
}
.support_cnt-6 {
    margin-top: 33px;
}
.support_cnt-7 {
    padding-right: 29px;
}


/**Blog**/
.blog-body > h2 {
    font-weight: bold;
}
.blog-header {
    display: inline-block;
    margin: 21px 0;
    width: 100%;
}
.blog-img {
    margin-bottom: 30px;
    margin-left: 27px;
    width: 190px;
}
.blog-img > img {
    width: 100%;
}
.blog-txt {
    //font-size: 15px;
}
.blog-txt a {
    font-weight: bold;
}
.blog-txt a:hover{
    color: #f47f20;
}
.blog-txt > span {
    color: #11730c;
    font-weight: bold;
}
.blog-share {
    margin-bottom: 31px;
}
.blog-share > h4 {
    border-top: 1px solid #cdcdcd;
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 24px;
    margin-top: 41px;
    padding-top: 13px;
}
.blog-sharing {
    margin-bottom: 25px;
}
.blog-sharing .stButton .stButton_gradient {
    height: 22px;
}
.blog-sharing .stButton .stFb, .blog-sharing .stButton .stTwbutton, .blog-sharing .stButton .stMainServices {
    height: 24px;
}
.blog-like {
    display: inline-block;
    margin-right: 16px;
}
.blog-like img {
    width: 64px;
}
.blog-simg {
    display: inline-block;
}
.blog-right-cnt {
    margin-top: 20px;
}
.blog-right-cnt > img {
    width: 80%;
}
.blog-right-cnt > span {
    display: inline-block;
    font-size: 11px;
    width: 100%;
}
.blog-right-cnt > span a {
    font-weight: bold;
}
.blog-right-cnt > span a:hover{
    color: #f47f20;
}
.blog-body1 {
    margin-top: 38px;
}
.blog-body1 h4 {
    font-size: 16px;
    font-weight: bold;
}
.blog-ul {
    color: #d6d6d6;
    font-size: 13px;
    margin-top: 15px;
}
.blog-ul a {
    font-weight: bold;
}
.blog-ul a:hover{
    color: #f47f20;
}
.blog-body1 select {
    margin-top: 25px;
}
.blog-body_cnt {
    margin-top: 20px;
}
.blog-body_cnt p {
    line-height: 25px;
}
.blog-body_cnt .orange-text {
    font-weight: bold;
}
.blog-body_cnt-last > p {
    margin-bottom: 3px;
}
.blog-mr-btm {
    margin-bottom: 25px;
}


/**FAQ**/
.faq-left-pad{
    height: 2650px;
}
.faq-left {
    background: linear-gradient(#fef2e5, #fff) repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 18px 10px;
    color: #000;
}
.faq-left_cnt {
    margin-bottom: 15px;
}
.faq-left_cnt span {
    display: inline-block;
    height: 18px;
    width: 18px;
    margin-right: 6px;
}
.faq-orng {
    background-color: #f27d2d;
}
.faq-gren {
    background-color: #487032;
}
.faq-blue {
    background-color: #1f4574;
}
.faq-red {
    background-color: #ae0f13;
}
.faq-left_cnt cnt {
    display: inline-block;
    font-size: 17px;
    text-decoration: underline;
    vertical-align: text-bottom;
}
.faq-right {
    margin-bottom: 30px;
}
.faq-right h3 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
}
.faq-right h3 span {
    display: inline-block;
    height: 18px;
    width: 18px;
    margin-right: 6px;
}
.faq-cnt {
    font-size: 17px;
    margin-top: 20px;
}
.faq-cnt h4 {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 0;
}

/*Contact Us*/
.contact-title {
    color: #000;
    font-weight: bold;
    margin-bottom: 0;
    padding-bottom: 31px;
    padding-left: 10px;
}
.contact-body {
    margin-bottom: 40px;
    padding: 37px 110px 0;
    display: inline-block;
    width: 100%;
}
.contact-1 dt {
    font-size: 16px;
    min-height: 34px;
    text-align: left;
    width: 182px;
}
.contact-1 dd {
    font-size: 16px;
    min-height: 34px;
}
.contact-1-dl dt {
    width: 135px;
}
.contact-1-dl dd {
    margin-left: 135px;
}
.contact-1 dd .form-group {
    margin-bottom: 0;
}
.contact-1 dd .form-control {
    width: 78%;
}
.contact-1 dd select {
    margin-bottom: 10px;
}
#hide_txt {
    display: none;
}
.contact-2 label {
    font-size: 16px;
}
.contact-2 label span {
    font-size: 14px;
    font-weight: normal;
}
.contact-2 textarea {
    height: 170px;
    resize: none;
}
.contact-btn {
    background-color: #f47f20;
    border-color: #f47f20;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
    padding: 6px 50px;
}
.contact-btn:hover, .contact-btn:active, .contact-btn:focus {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}
.show_480 {
    display: none;
}
.contactus_respo {
    position: relative;
    top: -36px;
    text-align: center;
    display: none;
}
.contactus_respo1 {
    margin: 0 auto;
    background: #000 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    opacity: 0.65;
    padding: 5px 10px;
    font-weight: bold;
    position: absolute;
    width: 100%;
}
.contactus_respo1.error {
    background: #a94442 none repeat scroll 0 0;
}

/******************************/

/***My Voki*****/
.MyVoki {
    padding: 10px;
    display: inline-block; width: 100%;
}
.mVoki-filter {
    float: left;
    width: 200px;
    margin-right: 30px;
}
.mVoki-filter .form-control {
    display: inline-block;
    width: 156px;
}
.mVoki-sort {
    float: left;
    width: 216px;
    margin-right: 30px;
}
.mVoki-sort .form-control {
    display: inline-block;
    width: 156px;
}
.mVoki-search {
    float: left;
    width: 266px;
    position: relative;
}
.mVoki-search .form-control {
    display: inline-block;
    width: 156px;
    padding-right: 25px;
}
.mVoki-search .btn-default {
    background-color: #1b4679;
    color: #fff;
    height: 34px;
    vertical-align: top;
}
.mVoki-search .btn-default:hover, .mVoki-search .btn-default:active, .mVoki-search .btn-default:focus {
    opacity: 0.9;
    background-color: #1b4679;
    color: #fff;
}
.mVoki_cnt-cols {
    padding-right: 38px;
}
.mVoki_header {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
}
.mVoki_header label {
    font-weight: normal;
}
.mVoki_header cross {
    background-color: #d1d1d1;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    height: 16px;
    position: absolute;
    right: 62px;
    text-align: center;
    top: 9px;
    width: 16px;
}
.mVoki_cnt {
    display: inline-block;
    width: 100%;
}
.mVoki_cnt-1 {
    /*border-top: 1px solid #e1dacf;*/
    display: inline-block;
    height: 140px;
    width: 100%;
}
.mVoki_cnt-1_img img {
    width: 100%;
    border-radius: 15px;
}
.mVoki_cnt-1_cnt {
    padding-left: 21px;
    padding-top: 10px;
}
.mVoki_cnt-1_cnt-header_title {
    margin: 4px 0 0;
    max-width: 169px;
    font-weight: bold;
    font-size: 16px;
}
.mVoki_cnt-1_cnt-header_title:hover img {
    display: inline-block;
}
.mVoki_cnt-1_cnt-header_title:hover span {
    max-width: 146px;
}
.mVoki_cnt-1_cnt-header_title span {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}
.mVoki_cnt-1_cnt-header_title img {
    display: none;
    cursor: pointer;
}
.mVoki_cnt-1_cnt-header {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
.mVoki_cnt-1_cnt-date {
    font-size: 12px;
    margin-bottom: 13px;
}
.mVoki_cnt-1_cnt-imgs_nct {
    margin-right: 37px;
}
.mVoki_cnt-1_cnt-imgs_nctstu {
    margin-right: 17px;
}
.mVoki_cnt-1_cnt-imgs img {
    cursor: pointer;
}

.model-ed_myVOki {
    width: 962px;
}
/*Delete Voki*/
.delete-voki {
    font-size: 21px;
    font-weight: bold;
    text-align: center;
}
.delete-voki-btns {
    margin: 46px 0 30px;
}

.VP-Play_wid {
    width: 915px;
}
.VP-Play_wid .modal-content {
    border: medium none !important;
}
.VP-Play_wid .close {
    display: none;
}


/******My Account******/
.voki-account {
    padding-bottom: 45px;
}
.account-head {
    display: inline-block;
    width: 100%;
}
.account-cnt {
    display: inline-block;
    margin-top: 17px;
    width: 100%;
}
.account-cnt_1 {
    padding: 0 10px;
    width: 91%;
}
.account-cnt_1-header {
    border-bottom: 1px solid #CBCBCB;
    display: inline-block;
    height: 35px;
    width: 100%;
}
.account-cnt_1-header h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}
.account-cnt_1-header img {
    cursor: pointer;
}
.account-cnt_1-a {
    background-color: #f47f20;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding: 6px 17px;
    margin-right: 7px;
}
.account-cnt_1-a:hover, .account-cnt_1-a:focus, .account-cnt_1-a:active {
    background-color: #ff8e2f !important;
    color: #fff !important;
}
.account-cnt_1-img {
    padding-left: 20px;
}

.account-cnt_1-cnt {
    display: inline-block;
    height: 190px;
    margin-top: 20px;
    width: 100%;
}
.account-cnt_1-data {
    padding-right: 15px;
    font-size: 15px;
}
.account-cnt_1-data dl dt {
    text-align: left;
    padding: 3px 0;
}
.account-cnt_1-data dl dd {
    margin-left: 170px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 3px 0;
}
.account-cnt_1-img img {
    width: 100%;
}

.account-cnt_2-ext {
    padding-left: 10px;
}
.account-cnt_2-header {
    border-bottom: 1px solid #cbcbcb;
    display: inline-block;
    padding-bottom: 10px;
    width: 100%;
}
.account-grn {
    background-color: #4a6f31;
    display: inline-block;
    height: 15px;
    width: 15px;
}
.account-blue {
    background-color: #1b4679;
    display: inline-block;
    height: 15px;
    width: 15px;
}
.account-cnt_2-header h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}
.account-cnt_2-a {
    background-color: #f47f20;
    color: #fff;
    font-size: 8px;
    font-weight: bold;
    padding: 4px 7px;
    margin: 2px 0;
}
.account-cnt_2-a:hover, .account-cnt_2-a:focus, .account-cnt_2-a:active {
    background-color: #ff8e2f !important;
    color: #fff !important;
}
.account-cnt_2-cnt {
    display: inline-block;
    margin-top: 20px;
    width: 100%;
}
.account-cnt_2-data {
    font-size: 15px;
    padding-right: 15px;
}
.dl-horizontal .acc_stu_detail1 {
    font-weight: normal;
    padding-left: 26px;
    width: 189px;
}
.account-cnt_2-data dl dt {
    padding: 3px 0;
    text-align: left;
    text-overflow: unset;
    white-space: unset;
}
.account-cnt_2-data dl dd {
    margin-left: 170px;
    padding: 3px 0;
}
.account-cnt_1-data dl dd img {
    cursor: pointer;
    width: 18px;
}
.account-cnt_rgt .account-cnt_1, .account-cnt_rgt .account-cnt_2-header, .account-cnt_rgt .account-cnt_2-cnt {
    padding-left: 35px;
}
.account-cnt_1-data dl .account-sub {
    border-bottom: 1px solid #cbcbcb;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 19px;
    padding-bottom: 8px;
}
.account-cnt_1-data dl .account-level3 {
    color: #af1111;
}
.account-cnt_1-data dl .account-level2 {
    color: #1b4679;
}
.account-cnt_1-data dl .account-level1 {
    color: #4a6f31;
}
.account-cnt_1-data dl .account-levelBasic {
    color: #f47f20;
}

.account-foot {
    padding-top: 35px;
}
.account-q {
    width: 15px;
    cursor: pointer;
}

.account-edit-img {
    color: #fff;
    cursor: pointer;
    position: absolute;
    right: 3px;
    top: 3px;
}
#news_img {
    cursor: pointer;
}
.account-hide {
    display: none;
}

.account-cnt_3 {
    padding: 0 10px;
    width: 91%;
}
.account-cnt_3-header {
    border-bottom: 1px solid #cbcbcb;
    display: inline-block;
    height: 47px;
    width: 100%;
}
.account-cnt_3-header h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}
.account-cnt_3-a {
    background-color: #f47f20;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    margin-right: 7px;
    margin-top: 12px;
    padding: 6px 17px;
}
.account-cnt_3-a:hover, .account-cnt_3-a:focus, .account-cnt_3-a:active {
    background-color: #ff8e2f !important;
    color: #fff !important;
}
.account-cnt_3-header span {
    display: block;
    font-size: 12px;
    margin-top: 6px;
}
.account-cnt_3-cnt {
    display: inline-block;
    //height: 165px;
    margin-top: 20px;
    width: 100%;
}
.account-cnt_3-data {
    font-size: 15px;
    padding-right: 15px;
}
.account-cnt_3-data dl dt {
    padding: 3px 0;
    text-align: left;
}
.account-cnt_3-data dl dd {
    margin-left: 170px;
    overflow: hidden;
    padding: 3px 0;
    text-overflow: ellipsis;
    white-space: inherit;
    min-height: 27px;
}
.tooltip_payment a {
    font-size: 13px;
    text-decoration: underline;
}
.tooltip_payment a:hover, .tooltip_payment a:focus, .tooltip_payment a:active {
    color: #f47f20;
    text-decoration: none;
}
.account-cnt_3-data dl dd.account-cnt_3-data-main-select-font {
    overflow: visible;
    text-overflow: unset;
}
.account-cnt_3-header-hideBdr {
    border: none;
}
.account-cnt_3-data dd:nth-child(9n-4) {
    min-height: 100px;
    height: 100px;
    overflow: auto;
}
.account-cnt_3-hide {
    display: none;
}
.account-cnt_3-data input, .account-cnt_3-data textarea {
    width: 190px;
    resize: none;
}

.new-account-cnt_3 {
    /*padding-left: 35px;*/
}
.basic-new-account-cnt_3 {
    padding-left: 10px;
}
.new-account-cnt_3 .account-cnt_3-header {
    height: 29px;
    margin-top: 18px;
}

/*Update Password*/
.update_PassForm {
    margin: 0 auto 40px;
    width: 429px;
}
.update_pass_span {
    color: #5e5e5e;
    display: block;
    font-size: 14px;
}
.update_sub {
    border-color: #f47f20;
    color: #fff;
    font-weight: bold;
    width: 145px;
}
.update_sub:hover, .update_sub:focus, .update_sub:active {
    border-color: #f47f20 !important;
    background-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}
.update_btn {
    background-color: #a3a3a3;
    border-color: #a3a3a3;
    color: #fff;
    font-weight: bold;
    width: 145px;
}
.update_btn:hover, .update_btn:focus, .update_btn:active {
    border-color: #a3a3a3 !important;
    background-color: #a3a3a3 !important;
    color: #fff !important;
    opacity: 0.9;
}
passhint {
    display: inline-block;
    font-size: 12px;
    padding-left: 14px;
}

.account-cnt_3-data dd.account-cnt_3-data-height {
    height: 27px;
    min-height: 27px;
}
.account-cnt_3-data dl dd.account-cnt_3-data-font {
    font-size: 12px;
    overflow: visible;
    text-overflow: unset;
}
.account-cnt_3-data-extend .account-cnt_2-a {
    width: 100%;
    font-size: 10px;
}
.account-cnt_3-data-pic {
    vertical-align: sub;
    width: 18px;
    cursor: pointer;
}
.account-cnt_3-data-fir {
    float: left;
    width: 78%;
}
.account-cnt_3-data-extend {
    float: left;
    width: 22%;
}
.account-cnt_3-data-edit_rem a {
    font-size: 13px;
    text-decoration: underline;
}
.account-cnt_3-data-edit_rem a:hover, .account-cnt_3-data-edit_rem a:focus, .account-cnt_3-data-edit_rem a:active {
    color: #f47f20;
    text-decoration: none;
}
.account-cnt_3-data-edit_rem {
    margin-top: 35px;
}
.account-cnt_3-data-extr {
    margin-top: -10px;
}
.account-cnt_3-data-extr a {
    font-size: 12px;
    margin-left: 12px;
    text-decoration: underline;
}
.account-cnt_3-data-extr a:hover, .account-cnt_3-data-extr a:focus, .account-cnt_3-data-extr a:active {
    color: #f47f20;
    text-decoration: none;
}
.account-cnt_3-data-select {
    display: inline-block;
    width: 62px;
}
.account-cnt_3-data-select select {
    padding: 6px 0;
}
.account-cnt_3-data-select2 {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 0;
    margin-left: 10px;
    margin-top: 7px;
    vertical-align: top;
}
.account-cnt_3-data-invoice {
    margin-bottom: 5px;
}
.account-cnt_3-data-invoice:last-child {
    margin-bottom: 0;
}
.account-cnt_3-data-invoice a {
    margin-left: 10px;
    text-decoration: underline;
}
.account-cnt_3-data-invoice a:hover, .account-cnt_3-data-invoice a:focus, .account-cnt_3-data-invoice a:active {
    color: #f47f20;
    text-decoration: none;
}
.account-cnt_3-cnt-height {
    height: auto;
}

.account-cnt_3_basic_accs .account-cnt_2-header {
    padding-bottom: 0;
    height: 47px;
}
.account-cnt_3_basic_accs .account-cnt_2-a {
    margin-left: 25px;
}

.basic-account-part {
    width: 800px;
    margin: 0 auto;
    padding-left: 30px;
    padding-top: 15px;
}

/*Update Image*/
.div-imageFile {
    margin: 0 auto;
    width: 396px;
}
.div-imageFile input {
    display: inline;
    width: 257px;
}
.div-imageFile label {
    display: block;
}
.btn_file {
    border-color: #f47f20;
    font-weight: bold;
    color: #fff;
}
.btn_file:hover, .btn_file:focus, .btn_file:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}
.sub_btn_file {
    border-color: #f47f20;
    font-weight: bold;
    margin-bottom: 46px;
    margin-top: 33px;
    color: #fff;
    width: 170px;
}
.sub_btn_file:hover, .sub_btn_file:focus, .sub_btn_file:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}

/*Basic Add More Popup*/
.basic-add-more {
    margin-top: -18px;
}
.basic-add-more > p {
    padding: 0px 0 15px;
}
.basic-add-more .upgrade-btn {
    margin-right: 0;
    margin-left: 20px;
}


/*Create Voki Login popup*/
.login-Voki {
    margin-bottom: 10px;
    padding: 0 50px;
}
.login-Voki-1, .login-Voki-thk, .login-Voki-thk a {
    font-size: 16px;
}
.login-Voki-2 .upgrade-btn {
    margin-right: 4px;
    width: 180px;
}
.login-Voki-2 {
    margin: 38px 0;
}
.login-Voki-thk a {
    text-decoration: underline;
}
.login-Voki-thk a:hover, .login-Voki-thk a:focus, .login-Voki-thk a:active {
    color: #f47f20;
    text-decoration: none;
}


/******************/


/**VOKI TEACH***/

.voki-teach {
    color: #000;
}
.voki-teach .sy-slide {
    background-size: 100% 100%;
}
.teach-banner1 {
    background: url(../images/teach/new_slider_1bg.jpg);
    /*background-size: 100%;*/
}
.teach-banner1-img {
    display: inline-block;
    text-align: center;
    width: 100%;
}
.teach-banner1-img img {
    width: 1096px;
}
.teach-banner2 {
    background: url(../images/teach/new_slider_2bg.jpg);
    /*background-size: 100%;*/
}
.teach-banner2-img {
    display: inline-block;
    height: 100%;
    padding-top: 54px;
    text-align: center;
    width: 100%;
}
.teach-banner2-img img {
    width: 1096px;
    margin-right: 55px;
}
.teach-banner3 {
    background: url(../images/teach/new_slider_3bg.jpg);
    /*background-size: 100%;*/
}
.teach-banner3-img {
    display: inline-block;
    height: 100%;
    padding-top: 40px;
    text-align: center;
    width: 100%;
}
.teach-banner3-img img {
    width: 1096px;
    margin-right: 55px;
}
.teach-banner4 {
    background: url(../images/teach/new_slider_4bg.jpg);
    /*background-size: 100%;*/
}
.teach-banner4-img {
    display: inline-block;
    text-align: center;
    width: 100%;
}
.teach-banner4-img img {
    width: 1096px;
}
.teach-cnt_bnt {
    display: inline-block;
    padding-bottom: 27px;
    width: 100%;
}
.teach-cnt_bnt h3 {
    font-size: 20px;
}
.voki-p_btn {
    background-color: #1b4679;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 39px;
}
.voki-p_btn:hover {
    background-color: #305b8e;
    color: #fff;
}
.teach-cnt-span {
    display: block;
    margin-top: 6px;
}
.teach-cnt-span a:hover {
    color: #f47f20;
}
.teach-gread {
    padding: 25px 0 17px;
}
.teach-gread .teach-span {
    display: inline-block;
    font-size: 21px;
    width: 910px;
}
.teach-gread h3 {
    font-size: 22px;
    font-weight: bold;
    margin: 38px 0 23px;
}
.voki-gread-btns {
    display: inline-block;
}
.voki-gread-btns ul {
    margin-bottom: 4px;
}
.voki-gread-btns li {
    margin-right: 10px;
}
.voki-gread-btns li:last-child {
    margin-right: 0;
}
.gread-btns {
    font-size: 70px;
    font-weight: bold;
    padding: 14px 15px;
    color: #fff;
}
.gread-red {
    background-color: #AD1210;
}
.gread-red:hover, .gread-red:focus, .gread-red:active {
    background-color: #AD1210 !important;
    color: #fff !important;
    opacity: 0.8 !important;
}
.gread-grey {
    background-color: #A3A3A3;
    cursor: default;
}
.gread-grey:hover, .gread-grey:focus, .gread-grey:active {
    background-color: #A3A3A3 !important;
    color: #fff !important;
}
.voki-teach-CS {
    color: #a3a3a3;
    font-size: 16px;
    font-weight: bold;
    padding-right: 71px;
}
.teach-foo-div {
    padding-bottom: 20px;
}
.teach-img {
    width: 100%;
}
.teach-img-cnt {
    padding-left: 23px;
    padding-right: 25px;
    padding-top: 30px;
}
.teach-img-cnt > h3 {
    font-weight: bold;
}
.teach-img-cnt-1 {
    font-size: 19px;
}
.teach_footer-foot {
    font-family: arial;
    padding-bottom: 40px;
    padding-right: 92px;
}
.teach_footer-foot h4 {
    font-size: 17px;
    font-weight: bold;
}
.teach_footer-foot > span {
    font-size: 17px;
}
.teach-grade_btn_data {
    display: none;
}

.tog_close {
    background-image: url("../images/teach/t_close.png");
    background-repeat: no-repeat;
    float: left;
    height: 23px;
    margin-left: 15px;
    margin-top: 25px;
    width: 50px;
}
.tog_open {
    background-image: url("../images/teach/t_open.png");
    background-repeat: no-repeat;
    float: left;
    height: 21px;
    margin-left: 15px;
    margin-top: 25px;
    width: 50px;
}
.grade_head {
    clear: both;
    display: inline-block;
    text-align: center;
    width: 97%;
}
.grade_head h2 {
    border-top: 1px solid #a3a3a3;
    display: inline-block;
    margin-top: 0;
    padding-top: 20px;
    width: 98%;
}
.grade_head close {
    cursor: pointer;
    float: right;
    margin-top: 29px;
}
.header_icons, .header_img, .header_title {
    display: inline;
}
.header_img {
    float: left;
    width: 87px;
}
.header_title {
    color: #000;
    float: left;
    font-size: 28px;
    font-weight: bold;
    margin-left: 32px;
    margin-top: 14px;
    max-width: 830px;
}
.header_img > img {
    width: 100%;
}
.teach-grade_btn_data .panel-default > .panel-heading {
    background-color: transparent;
    background-image: none;
    cursor: pointer;
    display: inline-block;
}
.teach-grade_btn_data .panel-body {
    border-top: 0 none !important;
    margin: 0 auto;
    width: 914px;
}
.teach-grade_btn_data .panel-body table tr td {
    font-size: 19px;
}
.brn_text {
    color: #113865;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}
.les_num {
    width: 17%;
}
.teach-grade_btn_data .panel-body .les_num sub {
    bottom: -0.09em;
}
.les_name {
    font-weight: bold;
    padding-top: 3px;
    width: 63%;
}
.les_imgs {
    width: 22%;
}
.teach-grade_btn_data .panel-body table {
    width: 100%;
}
.teach-grade_btn_data .panel-body table tr {
    border-bottom: 1px solid #c4c4c4;
    height: 55px;
}
.teach-grade_btn_data .panel.panel-default {
    border-color: transparent;
    box-shadow: none;
}

/*VT Popup**/
.VTP-btns {
    padding-bottom: 34px;
    padding-top: 60px;
    text-align: center;
}
.VTP-L-btn {
    background-color: #f47f20;
    color: #fff;
    font-weight: bold;
    margin-right: 30px;
    padding: 6px 22px;
}
.VTP-L-btn:hover, .VTP-L-btn:active, .VTP-L-btn:focus {
    background-color: #f47f20 !important;
    opacity: 0.8;
    color: #fff !important;
}
.VTP-R-btn {
    background-color: #9c9c9c;
    color: #fff;
    font-weight: bold;
    padding: 6px 40px;
}
.VTP-R-btn:hover, .VTP-R-btn:focus, .VTP-R-btn:active {
    background-color: #9c9c9c !important;
    color: #fff !important;
    opacity: 0.8;
}
.iframe_class {
    width: 875px;
}
.iframe_class_share {
    width: 560px;
}
.iframe_loding {
    font-size: 25px;
    font-weight: bold;
    position: absolute;
    text-align: center;
    top: 19%;
    width: 96%;
}
/*.iframe_class .modal-content {
    max-height: 725px;
}*/
.iframe_class .modal-content .modal-body iframe {
    width: 100%;
    height: 100%;
    position: relative;
}

/*******Voki Create*********/
.new-editor-create {
	width: 1600px;
}
.voki-create .container {
    padding-top: 7px;
}
.voki-create-available{
    padding-top: 15px;
}
.voki-create {
    color: #000;
    padding-bottom: 25px;
}

.voki-create_right ul {
    border-bottom: 1px solid #dfdad6;
    display: inline-block;
    font-size: 19px;
    list-style-type: none;
    padding: 0 0 0 26px;
}
.voki-create_right {
    padding-right: 10px;
    padding-top: 12px;
}
.voki-create_right li {
    margin-bottom: 40px;
}
/*.voki-create_right .first_span {
    border: 1px solid;
    border-radius: 100%;
    color: #f57e20;
     display: inline-block;
    height: 32px;
    margin-right: 10px;
    text-align: center;
    width: 32px;
    float: left;
}*/
.voki-create_right .first_span {
    margin-right:7px;
    float: left;
}
.middle_span {
    display: inline-block;
    width: 135px;
    text-align: left;
    vertical-align: middle;
}
.second_span {
    float: right;
    text-align: left;
    width: 33px;
}

.second_span > img {
    height: 32px;
}
.voki-create_right-btm {
    padding-left: 57px;
    padding-right: 78px;
}
.voki-create_right .voki-create_right-btm-ul-li {
    font-size: 13px;
    list-style-type: disc;
    padding-left: 0px;
    padding-right: 0;
    color:#000;
}
.voki-create_right-btm-ul-li > li {
    padding-bottom: 15px;
}
.row.second_row_heading {
    text-align: center;
    padding-right: 30px;
}
#arrowss{
    padding-right: 12px;  
    padding-top: 3px;
}
/* .Sitepal-Add.voki_sitepal {
    margin-top: 15px;
} */
/* .Google-Add.voki_google {
    margin-top: 15px;
} */
/*.voki-create-available{
    padding-top: 15px;
    width: 100%;
    overflow: auto;
}*/


.myVoki-Add .container.body_container{
    width:1600px;
}

.voki-create_right-btm-ul-li li {
    margin-bottom: 0;
}
.voki-create_right-btm-basic {
    padding-right: 6px;
}
.btn-vokicreate {
    background-color: #f47f20;
    color: #fff;
    font-weight: bold;
    padding: 3px 40px;
}
.btn-vokicreate:hover, .btn-vokicreate:focus, .btn-vokicreate:active {
    background-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}
.header-cnt .voki-create-header a:hover, .header-cnt .voki-create-header a:focus {
    text-decoration: underline;
    color: #000;
}
.header-cnt .voki-create-header a.s_selected:hover {
    text-decoration: none;
    //color: #5e5e5e;
}

.vc-step2 {
    display: inline-block;
    text-align: left;
    vertical-align: top;
}
.vc-step2_1 {
    width: 400px;
}
.vc-step2_2 {
    /*width: 284px;*/
    /*padding-right: 23px;*/
    /*width: 319px;*/
    width: 280px;
    padding-right: 4px;
}
.vc-step2_2-up, .vc-step2_2-bottom {
    display: inline-block;
    width: 100%;
}
.vc-step2_2-bottom_1 {
    float: left;
    margin-right: 10px;
    margin-top: 20px;
}
.vc-step2_2-bottom_2 {
    float: left;
    width: 84%;
}
.vc-step2_2-bottom_2 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.vc-step2_2-bottom_2 ul li {
    cursor: pointer;
}
.vc-step2_3,.vc-step2_4, .vc-step2_5 {
    background-color: #fff;
    border-left: 1px solid #d4cfcb;
    border-top: 1px solid #d4cfcb;
    padding: 10px;
    /*width: 466px;*/
    /*width: 420px;*/
    width: 473px;
    display: none;
    position: relative;
}
.vc-step2_3  h4,.vc-step2_4 h4, .vc-step2_5 h4{
    font-weight: bold;
}
.emai_form label {
    font-weight: normal;
}
.email_row {
    float: left;
    width: 50%;
}
.email_row-name {
    padding-right: 5px;
}
.email_area {
    float: left;
    margin-top: 8px;
    width: 100%;
}
.email_area span {
    font-size: 12px;
}
.vc-steps button {
    background-color: #f47f20;
    border-color: #f47f20;
    color: #fff;
    font-weight: bold;
    width: 114px;
}
.vc-steps button:hover, .vc-steps button:focus, .vc-steps button:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important; 
    opacity: 0.9;
}
.vc-step2_2 h2 {
    /*font-size: 31px;*/
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 20px;
}
.vc-step2_2-req {
    font-size: 13px;
    letter-spacing: -1px;
    margin-top: 10px;
}
.vc-step2_2-req img {
    vertical-align: top;
    width: 16px;
}
.vc-buttons {
    /*margin-top: 15px;*/
    margin-top: 149px;
}
.vc-buttons a {
    background-color: #f47f20;
    border-color: #f47f20;
    clear: both;
    color: #fff;
    float: left;
    font-weight: bold;
    margin-bottom: 10px;
    width: 145px;
}
.vc-buttons a:hover, .vc-buttons a:active, .vc-buttons a:focus {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}
.vc-step2 .addthis_sharing_toolbox a span {
    background-color: #f47f20;
}
.vc-sharing-share a {
    float: left;
    margin-right: 8px;
}
.vc-sharing-share img {
    width: 34px;
}
img.vc-share-required {
    position: absolute;
    right: -3px;
    top: -10px;
    width: 19px !important;
    cursor: pointer;
}
.vc-sharing {
    display: inline-block;
    margin-top: 10px;
}
.vc-sharing img {
    cursor: pointer;
    float: left;
    margin-right: 8px;
    width: 34px;
}
.vc-step2_2-img-req {
    float: left;
    position: relative;
}
img.vc-required {
    position: absolute;
    right: -11px;
    top: -10px;
    width: 19px !important;
}
.vc-steps_cnt span {
    cursor: pointer;
    text-decoration: underline;
}
.vc-steps_cnt span:hover {
    text-decoration: none;
}
.vc-steps_cnt {
    margin-top: 10px;
}
.vc-steps_cnt p {
    margin: 0;
    padding: 0 10px;
}

.code_P_size-group {
    margin-bottom: 0;
    margin-top: 15px;
}
.code_area {
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
}
.copied_code_message, .copied_url_message, .copied_email{
    background: none repeat scroll 0 0 #000;
    margin-top: 6px;
    border-radius: 5px;
    color: #fff;
    opacity: 0.65;
    padding: 5px 10px;
    position: absolute;
    right: 5px;
}
.copied_email.teach{
    right: 66px;
    top: -66px;
}
.fa-link
{
    transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform:rotate(90deg);
}

.vc-step2_5-orient {
    margin-bottom: 13px;
    margin-top: 15px;
}
.vc-step2_5-orient span {
    font-weight: bold;
    color: #636363;
    display: inline-block;
    width: 100px;
}
.vc-step2_5-orient img {
    width: 14px;
}
.vc-step2_5-orient .radio-inline {
    margin-left: 0;
}
.vc-step2_5-select {
    margin-top: 0;
    margin-bottom: 0;
}
.vc-step2_5-select select,.select_box_div {
    display: inline-block;
    margin-left: 20px;
    width: 187px;
}
.hidden-input {
    display: none;

}
.hidden-input input {
    display: inline-block;
    width: 56px;
}
.hidden-input span {
    width: auto;
}

.new-old-code {
    display: inline-block;
}
.new-old-code img {
    width: 16px;
}
.new-old-code label {
    padding-left: 11px;
}
.checkbox.checkbox-div .pricing_que {
    width: 16px;
}
.checkbox.checkbox-div .tooltip-inner {
    width: 500px;
}
.old-emb-code {
    display: none;
}

/*For Mobile*/
.voki-create-not_available {
    display: none;
}
.voki-create-not_available h2 {
    text-align: center;
    margin: 60px auto;
    width: 500px;
}
.vc-steps .vc-step2_1 button {
    background-color: transparent !important;
}




/********VOKI PRESENTER*********/
.presenter-index {
    padding-bottom: 15px;
}
.presenter_left-header {
    color: #000;
    font-size: 16px;
}
.presenter_left-header h1 {
    color: #1b4679;
    margin: 13px 0 0;
}
.presenter-header, .presenter-body-2_img {
    height: 206px;
}
.presenter-body-1 {
    display: inline-block;
    margin-bottom: 9px;
    width: 81%;
}
.presenter_left-img > img {
    width: 150px;
}
.presenter-body-1_img {
    float: left;
    width: 63px;
}
.presenter-body-1-cnt {
    float: left;
    font-size: 11px;
    line-height: 15px;
    width: 79%;
}
.presenter-body-1-cnt h4 {
    color: #1b4679;
    font-size: 20px;
    margin: 0;
}
.presenter-body-btns {
    margin-top: 30px;
}
.presenter-btn-1 {
    background-color: #1b4679;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 11px;
    padding: 6px 26px;
}
.presenter-btn-1:hover, .presenter-btn-1:focus, .presenter-btn-1:active {
    background-color: #345f92 !important;
    color: #fff !important;
}
.presenter-btn-2 {
    background-color: #f47f20;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    padding: 6px 27px;
}
.presenter-btn-2:hover, .presenter-btn-2:focus, .presenter-btn-2:active {
    background-color: #ff8e2f !important;
    color: #fff !important;
}
.presenter-body-btns > span {
    padding: 0 15px;
}
.presenter-body-2_img > img {
    width: 85%;
}

/**Voki Presentation Limit Popup**/
.limt-1 {
    margin-bottom: 20px;
    font-size: 14px;
}
.limt-2, .limt-2 ul li {
    font-size: 14px;
}
.limt-2 ul {
    padding-left: 16px;
    margin-top: 0;
    font-size: 14px;
}
.limt-2 ul li a {
    font-size: 14px;
    text-decoration: underline;
}
.limt-2 ul li a:hover {
    text-decoration: none;
    color: #f47f20;
}
.limit-btns {
    padding: 10px 0;	
	margin-top:40px;
}
.limit-btns a, .limit-btns button {
    color: #fff;
    font-weight: bold;
    width: 165px;
}
.limit-btns3 a, .limit-btns3 button {
    width: 185px;
}
.limit-btns a {
    background-color: #f47f20;
    border-color: #f47f20;
    margin-right: 10px;
}
.limit-btns a:hover, .limit-btns a:active, .limit-btns a:focus {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}
.limit-btns button {
    background-color: #9c9c9c;
    border-color: #9c9c9c;
}
.limit-btns button:hover, .limit-btns button:active, .limit-btns button:focus {
    background-color: #9c9c9c !important;
    border-color: #9c9c9c !important;
    color: #fff !important;
    opacity: 0.9;
}


/**Voki Teach Presenter**/

.presenter-bg {
    background-color: #1b4678 !important;
}
.presenter-clr i{
    color: #1b4678;
}
.presenter-color {
    color: #1b4678 !important;
}
.presenter-bg.navbar-default .navbar-nav > li > a:focus, .presenter-bg.navbar-default .navbar-nav > li > a:hover {
    //color: #fdc465;
}
.presenter-bg.navbar-default .navbar-nav > li > a.active_a {
    //color: #fdc465;
}
.presenter-header-support a:hover, .presenter-header-support a:focus {
    color: #1b4678;
    text-decoration: none;
}
a.presenter-select {
    color: #000;
    font-weight: bold;
}
a.presenter-select:hover, a.presenter-select:focus {
    color: #000;
}

.teach-presenter {
    color: #000;
}
.tp-hover {
    background-color: #1B4679;
}
.tp-hover:hover {
    background-color: #1B4679 !important;
}
.tp-grade {
    padding-top: 23px;
    padding-bottom: 23px;
}
.choose_grade {
    font-size: 18px;
    font-weight: bold;
    margin-top: 18px;
}
.teach_p-btn {
    background-color: #af1112;
    border-color: #af1112;
    color: #fff;
    font-weight: bold;
    margin-top: 18px;
}
.teach_p-btn:hover, .teach_p-btn:focus {
    background-color: #c82a2b;
    border-color: #af1112;
    color: #fff;
}
.tp-greads ul {
    margin-bottom: 2px;
}
.tp-gread-btn {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    padding: 12px 11px;
}
.tp-coming-soon {
    color: #a3a3a3;
    font-size: 11px;
    padding-right: 84px;
}
.teach-presenter .panel.panel-default {
    background-color: transparent;
    border: medium none;
    padding: 0 21px;
}
.teach-presenter .panel-default > .panel-heading {
    background-color: transparent;
    background-image: none;
    cursor: pointer;
    display: inline-block;
}
.teach-presenter .panel-body {
    border-top: 0 none !important;
    margin: 0 auto;
    width: 875px;
}
.teach-presenter .panel-body table {
    width: 100%;
}
.teach-presenter .panel-body table tr {
    border-bottom: 1px solid #c4c4c4;
    height: 55px;
}
.teach-presenter .panel-body table tr:last-child {
    border-bottom: 0;
}
.tp-header_icons, .tp-header_img, .tp-header_title {
    display: inline;
}
.tp-header_img {
    float: left;
    width: 87px;
}
.tp-header_img > img {
    width: 100%;
}
.tp-header_title {
    color: #000;
    float: left;
    font-size: 28px;
    font-weight: bold;
    margin-left: 32px;
    margin-top: 14px;
    max-width: 790px;
}
.tp-header_title mm {
    font-weight: normal;
}
.teach-presenter .panel-body table tr td {
    font-size: 19px;
}
.tp-les_num {
    width: 17%;
}
.tp-les_name {
    font-weight: bold;
    padding-top: 3px;
    width: 63%;
}
.tp-les_imgs {
    width: 22%;
}
.tp-brn_text {
    color: #113865;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}
.grade-updrade {
    background-color: #af1112;
    border-color: #af1112;
    color: #fff;
    font-weight: bold;
}
.grade-updrade:hover, .grade-updrade:focus {
    background-color: #c82a2b;
    border-color: #c82a2b;
    color: #fff;
}
.teach_p-btn_div-hide {
    display: none;
}

/**Voki Teach Presenter Pop Up**/
.level-red-text{
    color: #ae0f13;
}

.vp-Popup{
    width: 500px;
}

.grey-bg {
    background-color: #a3a3a3;
}

.grey-bg:hover, .grey-bg:focus, .grey-bg:active {
    background-color: #a3a3a3 !important;
}

.vp-Popup .sub-btn {
    color: #fff;
    font-weight: bold;
    padding: 6px 29px;
    margin-right: 5px;
}
/************/


/*******Voki Presenter Create*********/
/*.presenter_create {
    height: 650px;
    margin: 0 auto;
    overflow: auto;
    position: relative;
    width: 76%;
}*/
.presenter_create {
    height: 758px;
    margin: 0 auto;
    overflow: auto;
    position: relative;
    width: 1064px;
}
.presenter_create  #all {
    margin-top: 10px;
}
.presenter_create .slideTool {
    top: 337px;
}

.presenter_cnt {
    padding: 0 10px;
}
.presenter_cnt a {
    text-decoration: underline;
}
.presenter_cnt a:hover, .presenter_cnt a:active, .presenter_cnt a:focus {
    text-decoration: none;
    color: #f47f20;
}

.vp-create2-1 {
    padding-top: 10px;
}
.vp-create2-steps {
    display: inline-block;
    text-align: left;
    vertical-align: top;
}
.vp-create2-img {
    width: 400px;
    position: relative;
    overflow: auto;
}
.VP-play {
    margin-top: 83px;
    position: absolute;
    text-align: center;
    width: 91%;
}
.vp-create2-sharing {
    width: 300px;
}
.vp-create2-sharing h2 {
    color: #000;
    font-size: 28px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 20px;
}
.vp-create2-sharing-btns {
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
}
.vp-create2-sharing-btns a {
    float: left;
    margin-right: 8px;
}
.vp-create2-sharing-btns img {
    width: 34px;
}
.vp-create2-sharing-cnt {
    display: inline-block;
    width: 100%;
}
.vp-create2-sharing-cnt img {
    cursor: pointer;
    float: left;
    margin-right: 8px;
    width: 34px;
}
.vp-create2-sharing-cnt_req {
    font-size: 13px;
    letter-spacing: -1px;
    margin-top: 10px;
}
.vp-create2-sharing-cnt_req img {
    vertical-align: top;
    width: 15px;
}
.vp-create2-sharing-cnt_buttons {
    margin-top: 150px;
}
.vp-create2-sharing-cnt_buttons a {
    background-color: #f47f20;
    border-color: #f47f20;
    clear: both;
    color: #fff;
    float: left;
    font-weight: bold;
    margin-bottom: 10px;
    width: 145px;
}
.vp-create2-sharing-cnt_buttons a:hover, .vp-create2-sharing-cnt_buttons a:active, .vp-create2-sharing-cnt_buttons a:focus {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}
.vp-create2-2 {
    margin-top: 25px;
}
.vp-create2-2 span {
    cursor: pointer;
    text-decoration: underline;
}
.vp-create2-2 span:hover {
    text-decoration: none;
}

.vp-create2-extend {
    width: 450px;
    background-color: #fff;
    border-left: 1px solid #d4cfcb;
    border-top: 1px solid #d4cfcb;
    padding: 10px;
    position: relative;
    display: none;
}
.vp-create2-extend h4 {
    font-weight: bold;
    color: #000;
}
.vp-create2-extend button {
    background-color: #f47f20;
    border-color: #f47f20;
    color: #fff;
    font-weight: bold;
    width: 114px;
}
.vp-create2-extend button:hover, .vp-create2-extend button:focus, .vp-create2-extend button:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}

.code_P_size {
    float: left;
    width: 100%;
}
.code_P_size-group .form-control {
    width: 35%;
    display: inline;
}
.code_P_size-text {
    display: none;
}
.code_P_size-text input.form-control {
    display: inline;
    width: 53px;
    padding: 6px 3px;
}

/**********VOKI CLASSROOM************/
.classroom-bg {
    background-color: #4a6f31 !important;
}
.hangout-bg {
    background-color: #009E7E !important;
}
.classroom-bg.navbar-default .navbar-nav > li > a:focus, .classroom-bg.navbar-default .navbar-nav > li > a:hover {
    //color: #fdc465;
}
.classroom-bg.navbar-default .navbar-nav > li > a.active_a {
    //color: #fdc465;
}
.classroom-clr i{
    color: #4a6f31;
}
.classroom-color {
    color: #4a6f31 !important;
}
.hangout-color {
    color: #009E7E !important;
}
.classroom_hover a:focus, .classroom_hover a:hover{
    color: #4a6f31;
    text-decoration: none;
}
.classroom_hover a.presenter-select:hover, .classroom_hover a.presenter-select:focus {
    color: #000;
}

.classroom-index {
    padding-bottom: 55px;
}
.class_left-header {
    color: #000;
    font-size: 16px;
}
.class_left-header h1 {
    color: #4a6f31;
    margin: 13px 0 0;
}
.class-header, .class-body-2_img {
    height: 206px;
}
.class-body-1 {
    display: inline-block;
    margin-bottom: 9px;
    width: 81%;
}
.class_left-img > img {
    width: 150px;
}
.class-body-1_img {
    float: left;
    width: 63px;
}
.class-body-1-cnt {
    float: left;
    font-size: 11px;
    line-height: 15px;
    width: 79%;
}
.class-body-1-cnt h4 {
    color: #4a6f31;
    font-size: 20px;
    margin: 0;
}
.class-body-btns {
    margin-top: 30px;
}
.class-btn-1 {
    background-color: #4a6f31;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 11px;
    padding: 6px 26px;
}
.class-btn-1:hover, .class-btn-1:focus, .class-btn-1:active {
    background-color: #5f8446 !important;
    color: #fff !important;
}
.class-btn-2 {
    background-color: #f47f20;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    padding: 6px 27px;
}
.class-btn-2:hover, .class-btn-2:focus, .class-btn-2:active {
    background-color: #ff8e2f !important;
    color: #fff !important;
}
.class-body-btns > span {
    padding: 0 15px;
}
.class-body-2_img > img {
    width: 79%;
}

/**VC-Classses**/
.vc-main {
    background-color: #F0F0EE;
    padding: 15px 0;
}
.vc-add-btn {
    background: linear-gradient(#f8aa32, #f68b1a) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 7px 17px;
}
.vc-add-btn:hover, .vc-add-btn:focus, .vc-add-btn:active{
    color: #fff !important;
    opacity: 0.9;
}
.vc-search {
    display: inline;
    width: 250px;
}
.vc-select {
    display: inline;
    width: 150px;
}
.vc-header span {
    font-weight: bold;
}
.vc-header label {
    font-weight: normal;
}
.vc-search-btn {
    background-color: #1b4679;
    color: #fff;
    padding: 6px 9px;
}
.vc-header img {
    cursor: pointer;
}
.vc-search-btn:hover, .vc-search-btn:focus, .vc-search-btn:active {
    background-color: #1b4679 !important;
    color: #fff !important;
    opacity: 0.9;
}
.vc-body {
    background-color: #f2f2f2;
    margin-top: 15px
}
.vc-table {
    width: 100%;
}
.vc-table_arw {
    width: 44px;
}
.vc-table_cnt {
    width: 60px;
}
.vc-table_title {
    font-size: 16px;
    font-weight: bold;
}
.vc-panel-default {
    border: medium none;
    background-color: transparent;
    box-shadow: none;
}
.vc-panel-default .panel-heading {
    background-color: transparent;
    cursor: pointer;
}
.vc-panel-default .panel-body{
    border: medium none !important;
}
.vc-table1_fst {
    width: 80px;
}
.vc-table1_snd-header {
    width: 525px;
}
.vc-table1_snd {
    padding-right: 196px;
}
.vc-table1_tr td {
    padding-bottom: 20px;
}
.vc-header_edit {
    display: none;
    cursor: pointer;
}
.vc-table1_snd-header span:hover .vc-header_edit {
    display: inline;
}
.vc-table1_snd-header inp input {
    display: inline;
    width: 270px;
}
.vc-table1_snd span {
    float: left;
    width: 95%;
}
.vc-header-cnt_edit {
    display: none;
    cursor: pointer;
}
.vc-table1_snd cnt:hover .vc-header-cnt_edit {
    display: inline;
}
.vc-panel-default .panel-heading.collapsed {
    background-color: #f2f2f2;
}
.vc-panel-default .panel-heading {
    background-color: #E4E4E2;
}
.vc-arrow-down {
    display: none;
}
.vc-hidden {
    background-color: #fff;
    font-size: 13px;
    padding: 0 15px;
}
/*.vc-panel-default .panel-heading:hover .vc-arrow-down {
    display: block;
}
.vc-panel-default .panel-heading:hover .vc-arrow-right {
    display: none;
}*/

/*.demo_wrapper { display: none;}*/
.header_navbar-default  {display: none;}


/**Second Popup Model**/
.second_model .modal-dialog {
    width: 807px;
}
.second_model .modal-body {
    height: 650px;
    overflow: auto;
    margin-bottom: 15px;
}
.second_model .close {
    opacity: 0.8;
}
.second_model .modal-title {
    color: #f57e20;
    font-size: 23px;
    text-align: center;
    text-decoration: underline;
}
.second-TC_cnt {
    border: medium none;
    height: auto;
}
.second_model .model_signup {
    width: 500px;
    margin: 35px auto;
}
.second_model .model_signup .modal-title {
    font-size: 30px;
    text-align: left;
    text-decoration: none;
}
.second_model .model_signup .modal-body {
    height: auto;
    margin-bottom: 0;
}
.second_model .modal-content {
    border: 4px solid #f47f20;
    border-radius: 0;
}
.third_model .close {
    opacity: 0.8;
}
#third_model .modal-header {
    border-bottom: none;
    background: transparent;
}
/**Privacy Policy**/
.login-TC-page {
    box-shadow: 0 0 10px 1px;
    display: inline-block;
    margin-bottom: 11px;
    margin-top: 5px;
    width: 100%;
}

/**Upgrade**/
#myModal-popup .modal-header {
    border-bottom: none;
    background: transparent;
}
.upgrade-btns {
    padding: 28px 0;
}
.upgrade-btns a {
    background-color: #f47f20;
    border-color: #f47f20;
    margin-right: 10px;
}
.upgrade-btns a:hover, .upgrade-btns a:active, .upgrade-btns a:focus {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}
.upgrade-btns button {
    background-color: #9c9c9c;
    border-color: #9c9c9c;
}
.upgrade-btns button:hover, .upgrade-btns button:active, .upgrade-btns button:focus {
    background-color: #9c9c9c !important;
    border-color: #9c9c9c !important;
    color: #fff !important;
    opacity: 0.9;
}
.upgrade-btns a, .upgrade-btns button {
    color: #fff;
    font-weight: bold;
    width: 165px;
}
.upgade_popup-span {
    display: inline-block;
    font-size: 40px;
    text-align: center;
    width: 94%;
}
.upgade_popup h4 {
    margin-top: 0;
}


/**Share Voki**/
.share-voki {
    color: #000;
    margin-bottom: 35px;
}
.share-voki h1 {
    font-weight: bold;
    margin-bottom: 35px;
}
.share-voki-cnt-img {
    display: inline-block;
    margin-left: 72px;
}
.share-voki-cnt-data-btns {
    /* margin-top: 50px; */
}
.share-voki-cnt-data {
    display: inline-block;
    margin-left: 25px;
    vertical-align: top;
    width: 60%;
}
.share-voki-btn_div {
    margin-bottom: 25px;
}
.share-voki-btn_div span {
    font-weight: bold;
    margin-left: 16px;
    vertical-align: middle;
}
.share-voki-btn {
    background-color: #f47f20;
    border-color: #f47f20;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    width: 172px;
}
.share-voki-btn:hover, .share-voki-btn:focus, .share-voki-btn:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}
.share-voki-msg {
    border-top: 4px solid #f47f20;
    display: inline-block;
    margin-top: 20px;
    padding-top: 10px;
    width: 100%;
}
.share-voki-msg label {
    width: 190px;
}
.share-voki-msg2 {
    border-top: 1px solid #E1DED9;
    margin-top: 5px;
    padding-top: 5px;
}

/*Share Presentation*/
.share-presentation {
    color: #000;
    margin-bottom: 35px;
}
.share-presentation h1 {
    font-weight: bold;
    margin-bottom: 35px;
}

/***Purchase Flow**/
.purchase_level {
    width: 660px;
}
.purchase_level.new_purchase_level{
    width : 510px;
}
.green_level {
    color: #4a6f31;
    font-weight: bold;
}
.blue_level {
    color: #1b4679;
    font-weight: bold;
}
.red_level {
    color: #af1111;
    font-weight: bold;
}
.purchase_level-popup {
    margin: 15px auto 17px;
    width: 475px;
}
.purchase_level-head {
    display: inline-block;
    width: 220px;
    padding-right: 20px;
}
.purchase_level-head.extending-head{
    width: 420px;
    padding-right: 0;
}
.purchase_level-monthly {
    border-right: 2px solid #f47f20;
    text-align: left;
    width: 50%;
}
.purchase_level-yearly {
    /*text-align: left;*/
}
.purchase_level-detail h3 {
    color: #000;
    font-weight: bold;
    margin: 0;
}
.purchase_level-detail h4 {
    font-weight: bold;
    margin-bottom: 30px;
    margin-top: 16px;
    font-size: 22px;
}
.purchase_level-btn {
    background-color: #f47f20;
    border-color: #f47f20;
    color: #fff;
    font-weight: bold;
    padding: 10px 2px;
    width: 160px;
}
.purchase_level-btn:hover, .purchase_level-btn:focus, .purchase_level-btn:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}
.purchase_level-body {
    margin: 52px auto 0;
    width: 220px;
}
.purchase_level-body p {
    font-weight: bold;
    margin: 0;
}
.purchase_level-body ul {
    font-weight: bold;
    margin-bottom: 35px;
    padding: 0 0 0 15px;
}
.purchase_level-foot {
    margin-bottom: 27px;
}
.purchase_level-foot p {
    margin: 0;
}
.purchase_level-foot a {
    text-decoration: underline;
}
.purchase_level-foot a:hover, .purchase_level-foot a:focus, .purchase_level-foot a:active {
    color: #f47f20;
    text-decoration: none;
}
.purchase_level-foot .money-back-gut {
    display: inline-block;
    padding-top: 30px;
}
.purchase_level-img {
    width: 74%;
    display: inline-block;;
}
.purchase_level-img img {
    width: 100%;
}
.geoTrust {
    display: inline-block;
    vertical-align: bottom;
    /*width: 25%;*/
}
.geoTrust img {
    width: 100%;
}
.multipleAcc-footer-img {
    width: 46%;
}

.error-div {
    background-color: #ffcecf;
    color: #af1111;
}
.error-message {
    color: #af1111;
    font-size: 16px;
}

/*Login Signup Popup*/
.purchase_loginSignup {
    width: 850px;
}
.pur_login {
    display: inline-block;
    margin-top: -80px;
    vertical-align: middle;
    width: 45%;
}
.pur_login_signup-or {
    display: inline-block;
    font-weight: bold;
    margin-top: -200px;
    text-align: center;
    vertical-align: middle;
    width: 8%;
}
.pur_signup {
    display: inline-block;
    vertical-align: middle;
    width: 45%;
}
.pur_signup .signup_ins {
    padding: 0 27px;
    text-align: center;
}

/*Multi Accounts*/
.multipleAcc h3 {
    border-bottom: 3px solid #f47f20;
    font-size: 15px;
    margin: 0 0 10px;
    padding-bottom: 3px;
    width: 85%;
}
.multipleAcc h4 {
    font-size: 15px;
    margin: 4px 0 0;
}
.multipleAcc h5 {
    font-size: 15px;
}
.multipleAcc h5 strong {
    color: #000;
}
.pur-multipleAcc-details {
    padding-left: 13px;
    background-color: #eeeeee;
    padding-bottom: 6px;
    padding-top: 10px;
}
.pur-multipleAcc-details-data {
    max-height: 195px;
    overflow: auto;
}
.pur-multipleAcc-details .form-group {
    display: inline-block;
    margin: 0 0 5px;
    vertical-align: middle;
    width: 31%;
}
.pur-multipleAcc-details .row-delete {
    display: inline-block;
    vertical-align: middle;
    width: 4%;
}
.pur-multipleAcc-details .row-delete img {
    width: 20px;
    cursor: pointer;
}
.pur-multipleAcc-details-base {
    display: inline-block;
    width: 89%;
}
.pur-multipleAcc-details-base span {
    color: #000;
    font-size: 12px;
}
.pur-multipleAcc-details-base a {
    text-decoration: underline;
}
.pur-multipleAcc-details-base a:hover, .pur-multipleAcc-details-base a:focus, .pur-multipleAcc-details-base a:active {
    text-decoration: none;
    color: #f47f20;
}
.pur-multipleAcc-plan {
    display: inline-block;
    margin-top: 13px;
    width: 100%;
}
.multipleAcc-plan-select {
    font-size: 15px;
}
.multipleAcc-plan-select .dl-horizontal {
    margin-bottom: 0;
}
.multipleAcc-plan-select .dl-horizontal dt {
    font-weight: normal;
    text-align: left;
    width: 112px;
}
.multipleAcc-plan-select .dl-horizontal dd {
    font-weight: bold;
    margin-left: 112px;
    color: #000;
}
.multipleAcc-plan-select .dl-horizontal dd label {
    font-weight: bold;
}
.multipleAcc-plan-calculate {
    margin-top: 10px;
}
.multipleAcc-plan-calculate button {
    background-color: #f47f20;
    border-color: #f47f20;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    width: 160px;
}
.multipleAcc-plan-calculate button:hover, .multipleAcc-plan-calculate button:focus, .multipleAcc-plan-calculate button:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}
.pur-multipleAcc-total {
    font-size: 15px;
    margin-top: 20px;
}
.pur-multipleAcc-total .row {
    margin-bottom: 2px;
    padding-right: 7px;
}
.pur-multipleAcc-total .plan-total {
    background-color: #fddfc7;
    color: #000;
    font-weight: bold;
    margin-bottom: 12px;
    margin-top: 12px;
    padding-bottom: 8px;
    padding-top: 8px;
}
.plan-total-div {
    position: absolute;
    text-align: center;
    width: 95%;
}
.pur-multipleAcc-buttons {
    display: inline-block;
    margin-bottom: 25px;
    width: 100%;
}
.pur-multipleAcc-buttons button {
    font-weight: bold;
    color: #fff;
    font-size: 15px;
}
.pur-multipleAcc-buttons .btn-grey {
    background-color: #A3A3A3;
    border-color: #A3A3A3;
    width: 93px;
}
.pur-multipleAcc-buttons .btn-grey:hover, .pur-multipleAcc-buttons .btn-grey:focus, .pur-multipleAcc-buttons .btn-grey:active {
    background-color: #A3A3A3 !important;
    border-color: #A3A3A3 !important;
    color: #fff !important;
    opacity: 0.9;
}
.pur-multipleAcc-buttons .btn-orange {
    background-color: #f47f20;
    border-color: #f47f20;
    width: 160px;
}
.pur-multipleAcc-buttons .btn-orange:hover, .pur-multipleAcc-buttons .btn-orange:focus, .pur-multipleAcc-buttons .btn-orange:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}
.pur-multipleAcc-footer {
    display: inline-block;
    width: 100%;
    font-size: 15px;
}
.multipleAcc-footer-cnt {
    margin-top: 22px;
}

/*Step: 3 Checkout*/
.chk-order {
    border-bottom: 2px solid #f47f20;
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 25px;
    width: 100%;
}
.chk-order.school_po{
    margin-bottom: 5px;
}
.chk-order-padding {
    padding-left: 24px;
}
.chk-order-qty {
    /*display: inline-block;*/
    margin-bottom: 25px;
    padding-bottom: 22px;
    width: 100%;
}
.chk-order-qty-data h3 {
    font-size: 17px;
    font-weight: bold;
    margin: 0 0 7px;
}
.chk-order-qty-data div {
    font-size: 17px;
}
.chk-order-qty_2 {
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
}
.chk-order-qty_2 span {
    font-size: 12px;
}
.chk-order-total {
    margin-bottom: 10px;
}
.chk-order-total_1 {
    display: inline-block;
    font-size: 17px;
    margin-bottom: 5px;
    width: 100%;
}
.chk-order-total_2 {
    background-color: #fddfc7;
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    margin-top: 12px;
    padding: 7px 0 7px 7px;
    width: 100%;
}
.chk-order-total_2-cnt {
    position: absolute;
    width: 96%;
}
.chk-order-tabs {
    margin-bottom: 35px;
}
.chk-order-tabs ul {
    border: medium none;
}
.nav-tabs .chk-order-tabs_navs.active a {
    background-color: #eeeeee;
    border: medium none;
    color: #5e5e5e;
}
.nav-tabs .chk-order-tabs_navs.active a:hover, .nav-tabs .chk-order-tabs_navs.active a:focus {
    background-color: #eeeeee;
    border: medium none;
    color: #5e5e5e;
    outline: medium none;
}
.nav-tabs .chk-order-tabs_navs a {
    background-color: #DDDDDD;
    color: #5e5e5e;
    font-size: 17px;
    margin-right: 8px;
    border: medium none;
}
.nav-tabs .chk-order-tabs_navs a:hover {
    background-color: #DDDDDD;
    color: #5e5e5e;
    border: medium none;
}
.nav-tabs .chk-order-tabs_navs:last-child a {
    margin-right: 0;
}
.chk-order-tabs-content .active {
    background-color: #eeeeee;
    padding: 10px 55px;
}
.creditCard {
    display: inline-block;
    width: 100%;
}
.creditCard h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 9px;
}
.creditCard-left {
    padding-right: 15px;
}
.creditCard-left .form-group {
    margin-bottom: 6px;
}
.creditCard-val {
    display: inline-block;
    vertical-align: top;
    width: 49%;
}
.creditCard-right {
    padding-left: 12px;
}
.creditCard-right .form-group {
    margin-bottom: 6px;
}
.creditCard-left .form-control, .creditCard-right .form-control {
    font-size: 16px;
    height: 41px;
}

#ccNo-div {
    display: inline-block;
    padding-right: 12px;
    width: 87%;
}
#cc_img {
    display: inline-block;
    padding-top: 8px;
    vertical-align: top;
    width: 11%;
}

.ccv-cnt {
    display: inline-block;
    vertical-align: top;
    width: 65%;
}
.ccv-cnt-info {
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    margin-bottom: 10px;
    text-decoration: underline;
    vertical-align: bottom;
    width: 33%;
}
.ccv-cnt-info:hover {
    text-decoration: none;
}
.exp-date label {
    font-size: 16px;
    font-weight: normal;
}
.exp-mnt {
    display: inline-block;
    width: 31%;
}
.exp-year {
    display: inline-block;
    width: 26%;
}
.creditCard-sub {
    margin-top: 25px;
}
.creditCard-sub button {
    background-color: #f47f20;
    border-color: #f47f20;
    color: #fff;
    font-weight: bold;
    padding: 8px 41px;
}
.creditCard-sub button:hover, .creditCard-sub button:focus, .creditCard-sub button:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}
.creditCard-footer {
    padding-top: 10px;
}

.PayPal {
    padding-top: 45px;
}
.paypal-1 {
    font-size: 16px;
}
.paypal-1 h3 {
    color: #000;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 6px;
}
.paypal-1-btn {
    margin-top: 45px;
}
.paypal-1-btn button {
    display: block;
    font-size: 28px;
    font-style: italic;
    margin: 0 auto;
    width: 230px;
}
.paypal-1-btn .auto-bil {
    margin: 17px auto 0;
    text-align: left;
    width: 343px;
}
.paypal-1-btn label {
    cursor: pointer;
    display: inline-block;
    margin-top: 13px;
}
.paypal-1-btn label span {
    vertical-align: bottom;
}
.paypal-1-btn label span bb {
    text-decoration: underline;
}

.money-order h3 {
    font-size: 16px;
}
.money-order_left {
    padding-right: 15px;
}
.money-order_right {
    padding-left: 15px;
}
.money-order_left .form-control, .money-order_right .form-control {
    font-size: 16px;
    height: 41px;
}
.money-order_left .form-group, .money-order_right .form-group {
    margin-bottom: 6px;
}
.money-order-cnt {
    font-size: 15px;
    margin-bottom: 10px;
}
.money-order-cnt a {
    text-decoration: underline;
}
.money-order-cnt a:hover, .money-order-cnt a:focus, .money-order-cnt a:active {
    color: #f47f20;
    text-decoration: none;
}
.money-order-email {
    color: #000;
    font-size: 15px;
    font-weight: bold;
}
.money-order-footer {
    display: inline-block;
    font-size: 16px;
    margin-top: 10px;
    width: 90%;
}

.second_model .cm_order_invoice .modal-header {
    border-bottom: none;
}
.second_model .cm_order_invoice .modal-title {
    font-size: 30px;
    text-align: left;
    text-decoration: none;
}
.second_model .cm_order_invoice .modal-body {
    height: auto;
    margin-bottom: auto;
    overflow: visible;
}
.cm-invoice .cm-header {
    font-size: 13px;
    width: 470px;
}
.cm-invoice .cm-header-add {
    color: #000;
    line-height: 19px;
    margin-top: 20px;
}
.cm-invoice .chk-order-qty {
    border-bottom: 0 none;
    margin-bottom: 0;
    padding-bottom: 7px;
}
.cm-invoice .chk-order, .cm-invoice .chk-order-qty-data h3, .cm-invoice .chk-order-qty_2, .cm-invoice .chk-order-qty-data div strong, .cm-invoice .chk-order-total_2, .cm-invoice-imp strong, .cm-invoice-sign {
    color: #000;
}
.cm-invoice .invoice-order-purchase_data-right {
    font-weight: normal;
}
.cm-invoice .invoice-order-purchase_data {
    font-size: 15px;
    margin-bottom: 15px;
}
.cm-invoice.school_po .invoice-order-purchase_data{
    margin-bottom: 0;
}
.cm-invoice .invoice-order-purchase_data div:first-child {
    color: #111111;
}
.cm-invoice-imp {
    font-size: 15px;
    margin: 15px 0;
}
.cm-invoice-sign {
    display: inline-block;
    margin-top: 10px;
    width: 100%;
}
.cm-invoice-si span {
    border-bottom: 1px solid;
    display: inline-block;
    width: 58%;
}
.cm-invoice-date span {
    border-bottom: 1px solid;
    display: inline-block;
    width: 70%;
}
.cm-invoice-fDetail {
    color: #111111;
}
.cm-invoice-fDetail span {
    margin-left: 17px;
    color: #5e5e5e;
}
.cm-invoice-lDetail {
    color: #111111;
}
.cm-invoice-lDetail span {
    margin-left: 17px;
    color: #5e5e5e;
}
.cm-invoice  .invoice-footer {
    font-size: 16px;
}
.cm-invoice  .invoice-footer a {
    text-decoration: underline;
    color: #5e5e5e;
}
.cm-invoice.school_po .invoice-footer a{
    color: #f47f20;
}
.cm-invoice  .invoice-footer a:hover, .cm-invoice  .invoice-footer a:focus, .cm-invoice  .invoice-footer a:active {
    color: #5e5e5e;
    text-decoration: none;
}

/*Purchase Thanks*/
.purchase_active {
    width: 93%;
}
.purchase_active h3 {
    border-bottom: 2px solid #f47f20;
    color: #000;
    font-size: 17px;
    font-weight: bold;
    margin: -18px 0 0;
}
.purchase_active-cnt {
    padding-left: 22px;
}
.purchase_active-cnt h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 14px;
}
.purchase_active-cnt ul {
    font-size: 15px;
    padding: 0 0 0 14px;
}
.purchase_active-cnt li {
    margin-top: 10px;
}
.purchase_active-cnt a {
    text-decoration: underline;
}
.purchase_active-cnt a:hover, .purchase_active-cnt a:focus, .purchase_active-cnt a:active {
    text-decoration: none;
    color: #f47f20;
}

.purchase_active-cnt2 {
    margin-bottom: 25px;
    padding: 0;
}
.purchase_active-cnt_detail {
    font-size: 15px;
    margin-top: 20px;
}
.purchase_active-cnt_detail span {
    text-decoration: underline;
}

/*Voki Invoice*/
.voki-invoice {
    display: inline-block;
    width: 100%;
}
.invoice-header {
    display: inline-block;
    margin-top: -14px;
    width: 100%;
}
.invoice-header div {
    font-size: 16px;
}
.invoice-header h4 {
    color: #000;
    font-weight: bold;
    margin: 0;
}
.invoice-right {
    margin-top: 0;
}
.invoice-padding {
    padding-left: 24px;
}
.invoice-right a {
    text-decoration: underline;
}
.invoice-right a:hover, .invoice-right a:focus, .invoice-right a:active {
    text-decoration: none;
    color: #f47f20;
    outline: medium none;
}
.invoice-right a div {
    display: inline;
}
.invoice-order {
    margin-top: 25px;
}
.invoice-order-purchase {
    margin-top: 20px;
}
.invoice-order-purchase_cnt {
    display: inline-block;
    font-size: 17px;
    width: 100%;
}
.invoice-order-purchase_data {
    display: inline-block;
    width: 100%;
}
.invoice-order-purchase_data-right {
    font-weight: bold;
}
.invoice-footer {
    font-size: 17px;
    margin-bottom: 20px;
    margin-top: 40px;
}
.invoice-footer a {
    color: #f47f20;
    font-size: 14px;
    text-decoration: underline;
}
.invoice-footer a:hover, .invoice-footer a:active, .invoice-footer a:focus {
    color: #f47f20;
    text-decoration: none;
}
.invoice-footer button {
    background-color: #f47f20;
    border-color: #f47f20;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    margin-top: 10px;
    padding: 8px 61px;
}
.invoice-footer button:hover, .invoice-footer button:focus, .invoice-footer button:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}

/*Voki Upgreade*/
.voki-upgrade-level {
    border-top: 2px solid #f47f20;
    padding-top: 25px;
}
.voki-upgrade-level h4 {
    font-size: 16px;
    margin: 0 0 5px;
}
.voki-upgrade-level-btns {
    margin-bottom: 25px;
    margin-top: 27px;
}
.voki-upgrade-level-btns button {
    width: 170px;
}
.temp_newsletter-4 {
    font-size: 13px;
    line-height: 14px;
    margin-top: 15px;
}
.upgrade-btn {
    background-color: #f47f20;
    border-color: #f47f20;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    margin-right: 20px;
    width: 156px;
}
.upgrade-btn:hover, .upgrade-btn:active, .upgrade-btn:focus {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}
.thanks-btn {
    background-color: #A3A3A3;
    border-color: #A3A3A3;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    width: 156px;
}
.thanks-btn:hover, .thanks-btn:active, .thanks-btn:focus {
    background-color: #A3A3A3 !important;
    border-color: #A3A3A3 !important;
    color: #fff !important;
    opacity: 0.9;
}

/*Pricing Level Upgrade*/
#myModal-popup {
    padding-left: 0 !important;
}
.pricing_level-popup {
    margin: 15px auto 17px;
    width: 560px;
}
.pricing_level_head {
    border-bottom: 2px solid #f47f20;
    display: inline-block;
    padding-bottom: 10px;
    width: 96%;
}
.pricing_level_head h4 {
    display: inline-block;
    font-size: 23px;
    cursor: pointer;
}
.pricing_level_head_main {
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
.blue_level .pricing_level_head_main {
    width: 118px;
}
.red_level .pricing_level_head_main {
    width: 180px;
}
.up-stu {
    font-size: 12px;
    text-align: left;
    color: #5e5e5e;
    font-weight: normal;
    margin-top: 3px;
    margin-left: 1px;
}
.pricing_level_head_main3 {
    display: inline-block;
}
.up-stu3 {
    font-size: 12px;
    color: #5e5e5e;
    font-weight: normal;
    margin-top: 3px;
    margin-left: 1px;
}
.pricing_level_head img {
    margin-right: 7px;
}
.pricing_level_body {
    display: inline-block;
    font-size: 14px;
    margin-top: 25px;
    width: 100%;
}
.pricing_level_body-data {
    display: inline-block;
    width: 100%;
}
.pricing_level_body-data1 {
    font-weight: bold;
}
.pricing_level_body-data3 {
    color: #000;
    font-weight: bold;
}
.pricing_level_btn .upgrade-btn {
    margin-right: 0;
}
.pricing_level_btn {
    margin-top: 30px;
    margin-bottom: 35px;
}
.pricing_level_footer {
    margin-bottom: 35px;
    font-size: 20px;
}

.pricing_level3 {
    font-size: 15px;
    font-weight: bold;
}
.pricing_level3 ul {
    padding-left: 45px;
}
.pricing_level3-body {
    background-color: #dddddd;
    margin-bottom: 30px;
    margin-top: 20px;
    padding: 32px 60px;
}
.pricing_level3-body h3 {
    color: #000;
    font-size: 26px;
    font-weight: bold;
    margin: 0 0 15px;
}
.pricing_level3-body-cnt {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 15px;
}
.pricing_level3-body-new {
    width: 67%;
    display: inline-block;
}
.pricing_level3-body .form-group {
    display: inline-block;
    line-height: 17px;
    vertical-align: top;
}
.pricing_level3-body-total {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 35px;
}
.pricing_level3-body .upgrade-btn {
    margin-right: 0;
}

/*Checkout Validation*/
.checkout_val {
    font-size: 15px;
}
.checkout_val-btn {
    margin-bottom: 25px;
    margin-top: 30px;
}
/*****************/

/**News Letter***/
.temp_newsletter {
    padding: 0 50px;
}
.temp_newsletter-2 {
    margin-top: 25px;
    padding: 0 46px;
}


/**IE ERROR**/
.ie-header {
    background-color: #f47f20;
    height: 56px;
}
.ie-header-logo {
    margin-top: 10px;
}
.ie-main {
    margin: 0 auto;
    margin-top: 50px;
    width: 900px;
    margin-bottom: 100px;
}
.ie-main h2 {
    font-weight: bold;
}
.ie-main-cnt {
    margin-top: 50px;
    display: inline-block;
}
.ie-main-cnt-img {
    float: left;
    width: 148px;
}
.ie-main-cnt-cnt {
    float: left;
    width: 695px;
    margin-left: 20px;
}
.ie-main-cnt-cnt h4 {
    font-weight: bold;
    font-size: 16px;
    margin-top: 27px;
}
.ie-main-cnt-img img {
    width: 95px;
}
.ie-main-cnt-cnt h3 {
    font-weight: bold;
    font-size: 16px;
    margin-top: 0;
}
.ie-main-cnt-cnt ul {
    padding-left: 30px;
}
.ie-main-cnt-cnt ul li {
    line-height: 14px;
    margin-bottom: 10px;
}
.ie-footer {
    background-color: #f47f20;
    height: 20px;
}

/**Pickup page**/
.pickUP {
    margin: 40px 0 20px;
    display: inline-block;
    width: 100%;
    overflow: auto;
}
.pickUP-chr {
    display: inline-block;
    overflow: auto;
}
.pickUP-a {
    margin-bottom: 30px;
    margin-top: 29px;
    padding: 0 5px;
}
.hide-pickup2 {
    display: none;
}
.pickUP-a button {
    background-color: #f47f20;
    border-color: #f47f20;
    color: #fff;
    font-weight: bold;
}
.pickUP-a button:hover, .pickUP-a button:focus, .pickUP-a button:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}
.pick-save {
    padding: 6px 35px;
}
.pick-share {
    margin: 0 15px;
    padding: 6px 35px;
}
.pick-create {
    padding: 6px 30px;
}

/**Flash Error**/
.flash-detect {
    background-color: #000;
    color: #fff;
    padding: 219px 0;
}
.flash-de-error1 {
    font-size: 16px;
    margin-bottom: 15px;
}
.flash-de-error2 {
    margin-bottom: 35px;
}

/*Home Neswsletter*/
.newsletter-h {
    margin-top: 14px;
    padding: 0 10px;
}
.newsletter-h h2 {
    color: #000;
    font-weight: bold;
    margin: 0;
}
.newsletter-h button {
    background-color: #f47f20;
    border-color: #f47f20;
    color: #fff;
    border-radius: 0;
}
.newsletter-h button:hover, .newsletter-h button:focus, .newsletter-h button:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}
.newsletter-h button i {
    font-size: 23px;
    margin-left: 3px;
    vertical-align: top;
}
.newsletter-b {
    margin-top: 20px;
}
.newsletter-b2 {
    padding: 30px 10px 70px;
}
.newsletter-b-detail {
    float: left;
    margin-bottom: 30px;
    width: 20%;
}
.newsletter-b-cnt {
    background-color: #fff;
    border: 1px solid #eae5e0;
    padding: 15px;
    width: 90%;
    margin: 0 auto;
}
.newsletter-b-cnt h4 {
    font-size: 16px;
    font-weight: bold;
}
.newsletter-b-div {
    color: #000;
    line-height: 14px;
}
.newsletter-b-cnt img {
    margin-top: 15px;
    width: 100%;
}
.newsletter-b-cnt button {
    background-color: #f47f20;
    border-color: #f47f20;
    color: #fff;
    font-weight: bold;
    margin-top: 15px;
    width: 126px;
}
.newsletter-b-cnt button:hover, .newsletter-b-cnt button:focus, .newsletter-b-cnt button:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}

.newsletter-iframe {
    width: 800px;
}

/*Newsletter Add*/
.newsletter-Add .newsletter-b2 {
    display: inline-block;
}
.newsletter-Add .newsletter-h {
    padding: 0 10px !important;
}
.Google-Add, .newsletter-middle, .Sitepal-Add, .product-middle, .myvoki-middle, .faq-middle, .support-middle, .myVoki-middle, .Presentation-middle, .app-middle {
    display: inline-block;
    vertical-align: top;
}
.newsletter-Add .container, .product-Add .container, .myvoki-Add .container, .faq-Add .container, .support-Add .container, .myVoki-Add .container, .Presentation-Add .container, .app-main .container {
    width: 1120px;
}

/*Products Add*/
.product-Add .product_content {
    display: inline-block;
    width: 100%;
}
.newsletter-Add .container, .product-Add .container, .support-Add .container, .faq-Add .container, .myvoki-Add .container, .Presentation-Add .container, .app-main .container {
    padding: 0 20px;
}
.myVoki-Add .container {
    padding: 0px;
}
/*My Voki Add*/
.myvoki-Add {
    margin-bottom: 10px;
}
.myvoki-Add .mVoki_cnt-1_cnt-header_title {
    max-width: 143px;
}
.myvoki-Add .mVoki_cnt-1_cnt-imgs_nct {
    margin-right: 27px;
}
.myvoki-Add .mVoki_cnt-1_cnt-header_title:hover span {
    max-width: 123px;
}

/*FAQ Add*/
.faq-middle, .support-middle {
    text-align: left;
}

/*My Voki Add*/
.myVoki-Add .new_vc-step2_1 {
    width: 330px;
}
.myVoki-Add #vc-step2 {
    display: inline;
}
.myVoki-Add .vc-step2_3, .myVoki-Add .vc-step2_4, .myVoki-Add .vc-step2_5 {
    width: 433px;
}
.myVoki-Add .gradient .container {
    /*width: 100%;*/
    padding: 0;
}
.myVoki-Add .gradient .container.body_container {
    width: 100%;
}
.container_static_width {
    display: inline-block;
    width: 1168px;
}
/* 
.container.body_container {
  overflow: auto;
}*/
.voki-create_left {
    position: relative;
    z-index: 999;
}

/*Presentation Add*/
.Presentation-Add .presenter_create {
    /*width: 876px;*/ 
    /* updated by sachin sir*/
    /*width: 914px;*/
}
.Presentation-Add .new_vp-create2-sharing {
    width: 235px;
}
.Presentation-Add .gradient .container {
    width: 100%; padding: 0;
}
.Presentation-Add .vp-create2-extend {
    width: 410px;
}

/*App Add*/
.app-middle {
    text-align: left;
}
.app-middle .app-button-1, .app-middle .app-button-2 {
    width: 173px;
}
.app-middle .app-cnt2 {
    padding: 10px 130px;
}

/*Voki Home page Add*/
.vokiHome-main {
    overflow: hidden;
}
.vokiHome-Add .Google-Add, .vokiHome-Add .Sitepal-Add {
    margin-bottom: 15px;
}
.vokiHome-Add .home-banner_css {
    background-size: auto auto !important;
}
.vokiHome-Add .banner_main-home .sy-controls {
    width: 1060px;
}
.vokiHome-Add .banner_main-home .sy-caption-wrap {
    left: 8%;
}
.vokiHome-Add .banner-1, .vokiHome-Add .banner-2, .vokiHome-Add .banner-3, .vokiHome-Add .banner-4 {
    left: 9%;
}

/*App page*/
.app-main {
    margin-bottom: 45px;
}
.app-cnt1 {
    display: inline-block;
    padding: 55px;
    width: 100%;
}
.app-cnt1-1 {
    color: #000;
    font-size: 17px;
    font-weight: bold;
    line-height: 18px;
}
.app-button-1 {
    display: inline-block;
    margin-right: 13px;
    width: 190px;
}
.app-button-1 img {
    width: 100%;
}
.app-button-2 {
    display: inline-block;
    font-weight: bold;
    width: 190px;
}
.app-button-2 img {
    width: 100%;
}
.app-cnt2 {
    color: #000;
    display: inline-block;
    padding: 10px 171px;
    width: 100%;
}
.app-cnt2-left {
    float: left;
    font-size: 17px;
    font-weight: bold;
    line-height: 19px;
    padding-left: 53px;
    padding-right: 31px;
    padding-top: 56px;
    width: 60%;
}
.app-cnt2-left h3 {
    font-size: 28px;
    font-weight: bold;
}
.app-cnt2-left h3 span {
    font-size: 37px;
}
.app-cnt2-left-1 {
    padding-right: 101px;
}
.app-cnt2-right {
    float: left;
    padding-top: 16px;
    width: 40%;
}
.app-cnt2-right img {
    width: 100%;
}


/*
Voki 2.2
Voki teach
*/
.teach-bg {
    background-color: #af1112 !important;
}
.teach-clr i{
    color: #af1112;
}
.teach-color {
    color: #af1112 !important;
}
.teach_hover a.teach-select {
    color: #000;
}
.teach_hover a.teach-select:hover, .teach_hover a.teach-select:focus {
    color: #000;
    text-decoration: none;
}
.teach_hover a {
    color: #af1112;
}
.teach_hover a:focus, .teach_hover a:hover{
    color: #af1112;
    text-decoration: underline;
}

/*Lessons*/
.new-teach-main {
    padding: 0 5px;
}
.left-inner-addon {
    position: relative;
}
.left-inner-addon button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    color: transparent;
    display: block !important;
    position: absolute;
    top: 0;
    z-index: -1;
}
.left-inner-addon input {
    padding-left: 39px;
    padding-right: 30px;
    width: 270px;
}
.left-inner-addon i {
    position: absolute;
    padding: 10px 12px;
    pointer-events: none;
    color: #AF1112;
}
.left-inner-addon span {
    color: #D78788;
    cursor: pointer;
    font-size: 18px;
    padding: 4px 10px;
    position: absolute;
    right: 0;
    top: 0;
}
.left-inner-addon span:hover {
    background-color: #CCCCCC;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.new-teach-header {
    margin-top: 14px;
}
.new-teach-header-dropdowns button {
    background-color: #fff !important;
    border: 1px solid #CCCCCC;
    color: #5e5e5e !important;
    text-align: left;
    width: 175px;
}
.new-teach-header-dropdowns button:hover, .new-teach-header-dropdowns button:focus, .new-teach-header-dropdowns button:active {
    background-color: #fff !important;
    border: 1px solid #5e5e5e !important;
    color: #5e5e5e !important;
}
.new-teach-header-dropdowns .dropdown {
    display: inline-block;
    margin-right: 5px;
}
.new-teach-header-dropdowns .caret {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 13px dashed;
    margin-top: 5px;
}
.new-teach-header-dropdowns .dropdown-menu {
    border-color: #5e5e5e;
    margin: -2px 0 0;
    max-height: 290px;
    min-width: 175px;
    overflow: auto;
}
.new-teach-header-dropdowns .dropdown-menu li {
    cursor: pointer;
    padding: 10px;
}
.new-teach-header-dropdowns .dropdown-menu li:hover {
    color: #fff;
    background-color: #5e5e5e;
}
.new-teach-header-lesson {
    color: #af1112;
    font-size: 33px;
    font-weight: bold;
    margin: 0 auto;
    position: relative;
    top: -7px;
    width: 173px;
}
.show-new-teach {
    display: none;
}

.new-teach-body {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
}
.new-teach-body-cnt {
    background-color: #fff;
    border-left: 1px solid #cccccc;
    border-radius: 4px;
    border-top: 1px solid #cccccc;
    display: inline-block;
    margin-top: 10px !important;
    padding: 7px;
    width: 100%;
}
.new-teach-body .panel-default {
    border-bottom: none;
    border-right: none;
    box-shadow: none;
}
.new-teach-body-cnt-head {
    border-bottom: 1px solid #909090;
    display: inline-block;
    padding-bottom: 3px;
    width: 100%;
}
.new-teach-body-cnt-head-header {
    color: #af1112;
    font-size: 22px;
    font-weight: bold;
}
.new-teach-body-cnt-head-header teachhd {
    cursor: pointer;
}
.new-teach-body-cnt-head-header teachhd:hover {
    opacity: 0.7;
}
.new-teach-body-cnt-head-header span {
    color: #000;
    font-size: 18px;
}
/*.new-teach-body-cnt-head-rating .clear-rating, .new-teach-body-cnt-head-rating .caption {
    display: none;
}*/
.new-teach-body-cnt-head-rating .rating-container .filled-stars {
    color: #af1112;
}
.new-teach-body-cnt-head-rating .rating-container .rating {
    cursor: pointer;
    font-size: 18px;
}
.new-teach-body-cnt-head-rating .rating-container .rating.rating-fixed {
    cursor: default;
}
.new-teach-body-cnt-head-rating .rating-container .rating.rating-fixed .filled-stars {
    color: #e8df00;
}
.new-teach-body-cnt-head-rating .rating-container {
    display: inline-block;
    vertical-align: middle;
}
.new-teach-body-cnt-head-rating sptext {
    color: #000;
    font-size: 15px;
    font-weight: bold;
}
.new-teach-body-cnt-head-rating voting {
    color: #af1112;
    font-size: 12px;
}
.new-teach-body-cnt-subHead {
    display: inline-block;
    margin-top: 15px;
    width: 100%;
}
.new-teach-body-cnt-subHead button {
    background-color: #f47f20;
    border-color: #f47f20;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    padding: 4px 20px;
}
.new-teach-body-cnt-subHead button:hover, .new-teach-body-cnt-subHead button:active, .new-teach-body-cnt-subHead button:focus {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}
.new-teach-body-cnt-subHead .caret {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 8px dashed;
    margin-top: 5px;
}
.new-teach-body-cnt-subHead .caret_bottom {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 8px dashed;
    border-top: 0;
    margin-top: 3px;
}
.new-teach-body-cnt-subHead span {
    padding: 0 5px;
}

.new-teach-body-cnt-subHead-cnt {
    color: #000;
    font-weight: bold;
}
.new-teach-body-cnt-subHead-1 {
    display: inline-block;
    max-width: 370px;
    min-width: 210px;
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    vertical-align: top;
    /*white-space: nowrap;*/
}
.new-teach-body-cnt-subHead-1 .tooltip-inner, .new-teach-body-cnt-subHead-2 .tooltip-inner {
    margin-left: 5px;
    margin-right: 5px;
    width: auto;
}
.new-teach-body-cnt-subHead-2 {
    display: inline-block;
    max-width: 370px;
    min-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
}
.new-teach-body-cnt-subHead-3 {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    width: 200px;
}
.new-teach-body-cnt-subHead-1 span, .new-teach-body-cnt-subHead-2 span {
    cursor: pointer;
    padding: 0;
    vertical-align: middle;
}
.new-teach-body-cnt-subHead-cnt-grade {
    display: inline-block;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.new-teach-body-cnt-subHead-cnt-subject {
    display: inline-block;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.select_box_div{
    display: inline-block;
    margin-left: 20px;
    width: 187px;
    vertical-align: middle;
}
.new-teach-body-cnt-subHead-3 span {
    padding: 0;
    vertical-align: middle;
}

.new-teach-subBody-cnt {
    color: #000;
    margin-top: 10px;
}
.new-teach-subBody-cnt-img {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width: 90px;
}
.new-teach-subBody-cnt-img:hover {
    opacity: 0.8;
}
.new-teach-subBody-cnt-img img {
    width: 100%;
}
.new-teach-subBody-cnt-img-cnt {
    display: inline-block;
    line-height: 18px;
    padding-left: 12px;
    vertical-align: middle;
    width: 88%;
}
.new-teach-body-cnt .panel-body {
    border-top: 1px solid #909090;
    margin-top: 9px;
    padding: 8px 57px 15px;
}
.new-teach-panel-body-top-cnt {
    display: inline-block;
    padding-right: 24px;
}
.new-teach-panel-body-top-cnt:last-child {
    padding-right: 0;
}

.new-teach-panel-body-cnt {
    display: inline-block;
    width: 100%;
}
.new-teach-panel-body-cnt-data {
    border: 2px solid #af1112;
    border-radius: 6px;
    margin-right: 14px;
    margin-top: 15px !important;
    padding: 5px;
    display: inline-block;
    width: 32%;
}
.new-teach-panel-body-cnt-data:nth-child(3n) {
    margin-right: 0;
}
.new-teach-panel-body-cnt-data h5 {
    color: #000;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 5px;
}
.new-teach-panel-body-cnt-data .new-teach-panel-body-cnt-data-title {
    color: #af1112;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.new-teach-panel-body-cnt-data-mainImg {
    display: inline-block;
    position: relative;
    width: 82%;
}
.new-teach-panel-body-cnt-data-share {
    display: inline-block;
    vertical-align: bottom;
    width: 16%;
}
.TeachCntImg {
    width: 100%;
}
.new-teach-panel-body-cnt-data-share img {
    width: 49.5px;
}
.show-share-btns-div {
    position: relative;
}
/*.new-teach-panel-body-cnt-data-share .tooltip-inner, .TeachCntPlay .tooltip-inner {
    margin-left: 5px;
    margin-right: 5px;
    width: 250px;
    line-height: 17px;
}*/
.new-teach-panel-body-cnt-data-bottom .popover, .new-teach-body-cnt-3-hooks-cnt-shareBtns .popover {
    background-color: transparent;
    border: medium none;
    box-shadow: none;
}
.new-teach-panel-body-cnt-data-bottom .popover.top .arrow, .new-teach-body-cnt-3-hooks-cnt-shareBtns .popover.top .arrow {
    bottom: 0;
    left: 50%;
    margin-left: -18px;
    border-top-color: transparent;
    border-width: 23px 20px 26px 0;
    background-image: url("../images/arow.png");
    background-repeat: no-repeat;
    background-size: 20px;
}
.new-teach-panel-body-cnt-data-bottom .popover.bottom .arrow {
    bottom: 0;
    left: 50%;
    margin-left: -18px;
    border-top-color: transparent;
    border-width: 23px 18px 0 0;
    background-image: url("../images/arow-bottom.png");
    background-size: 17px;
}
.new-teach-panel-body-cnt-data-bottom .popover-content, .new-teach-body-cnt-3-hooks-cnt-shareBtns .popover-content {
    color: #000;
    background-color: #fff;
    border: 3px solid #f47f20;
    border-radius: 0;
    padding: 15px;
    max-width: 500px;
    min-width: 200px;
    width: 255px;
    text-align: left;
    opacity: 1;
    line-height: 17px;
    margin-left: 5px;
    margin-right: 5px;
}
.new-teach-panel-body-cnt-data-bottom .popover.bottom .popover-content {
    margin-bottom: 0;
    margin-top: 6px;
}
.new-teach-panel-body-cnt-data-bottom .popover.top .popover-content, .new-teach-body-cnt-3-hooks-cnt-shareBtns .popover.top .popover-content {
    margin-bottom:19px;
    margin-top: 0;
}
.new-teach-panel-body-cnt-data-bottom .popover-content a, .new-teach-body-cnt-3-hooks-cnt-shareBtns .popover-content a {
    text-decoration: underline;
}
.new-teach-panel-body-cnt-data-bottom .popover-content a:hover, .new-teach-panel-body-cnt-data-bottom .popover-content a:focus, .new-teach-body-cnt-3-hooks-cnt-shareBtns .popover-content a:active, .new-teach-body-cnt-3-hooks-cnt-shareBtns .popover-content a:hover, .new-teach-body-cnt-3-hooks-cnt-shareBtns .popover-content a:focus, .new-teach-panel-body-cnt-data-bottom .popover-content a:active {
    color: #f47f20;
    text-decoration: none;
}
.show-share-btns, .hide-share-btns {
    cursor: pointer;
}
.show-share-btns:hover {
    opacity: 0.9;
}
.TeachCntPlay {
    position: absolute;
    text-align: center;
    top: 28%;
    width: 100%;
}
.TeachCntPlay img {
    cursor: pointer;
    width: 62px;
}
.TeachCntPlay img:hover {
    opacity: 0.8;
}
.onlyLevel3 {
    left: -2px;
    position: absolute;
    width: 114px;
}
.new-teach-panel-body-cnt-data-share-cnt {
    background-color: #fff;
    display: none;
    padding-bottom: 3px;
    position: absolute;
    /*right: 0;
    top: 0;*/
    right: 50px;
    top: 3px;
    width: 189px;
}
.new-teach-panel-body-cnt-data-share-cnt img {
    margin-right: 4px;
    width: 22.8%;
}
.new-teach-panel-body-cnt-data-share-cnt img {
    cursor: pointer;
}
.new-teach-panel-body-cnt-data-share-cnt img:hover, .new-teach-panel-body-attachment img:hover {
    opacity: 0.9;
}
.new-teach-panel-body-attachment {
    bottom: 0;
    position: absolute;
    right: 0;
    text-align: right;
    width: 26%;
}
.new-teach-panel-body-attachment img {
    cursor: pointer;
    width: 49.5px;
}

/*Lesson Popups*/
.teach-copy-btn {
    border-color: #f47f20;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
    width: 124px;
}
.teach-copy-btn:hover, .teach-copy-btn:focus, .teach-copy-btn:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}
.teachCopyUrl-btns {
    padding: 45px 0 25px;
}
.teachCopyUrl .copied_url_message {
    margin-top: -37px;
    position: relative;
}

.teachEmailFrnd {
    display: inline-block;
    width: 100%;
}
.teachEmailFrnd textarea {
    resize: none;
}
.teachEmailFrnd button {
    background-color: #f47f20;
    border-color: #f47f20;
    color: #fff;
    width: 100px;
    font-weight: bold;
}
.teachEmailFrnd button:hover, .teachEmailFrnd button:active, .teachEmailFrnd button:focus {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}
.teachEmailFrnd .TeachEmail-btns {
    margin-bottom: 17px;
}

.teachCopyBtn-modal {
    width: 460px;
}
.teachCopyBtn-btns {
    margin: 21px auto 7px;
    width: 90%;
}
.teachCopyBtn-btns button {
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 4px 12px;
    width: 49%;
}
.teachCopyBtn-orgBtn {
    background-color: #f47f20;
    border-color: #f47f20;
}
.teachCopyBtn-orgBtn:hover, .teachCopyBtn-orgBtn:focus, .teachCopyBtn-orgBtn:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}
.teachCopyBtn-gryBtn {
    background-color: #9c9c9c;
    border-color: #9c9c9c;
}
.teachCopyBtn-gryBtn:focus, .teachCopyBtn-gryBtn:active, .teachCopyBtn-gryBtn:hover {
    background-color: #9c9c9c !important;
    border-color: #9c9c9c !important;
    color: #fff !important;
    opacity: 0.9;
}
.teachPlayVP-modal #model_title {
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 9;
    color: #f47f20;
}

.teachLessonPDF-modal {
    width: 875px;
}


.teachAdmin-upgrade-modal {
    width: 435px;
}
.teachAdmin-upgrade-modal .modal-content {
    padding: 0 0 0 30px;
}
.teachAdmin-upgrade-modal .modal-content .modal-body {
    padding-bottom: 40px;
    padding-right: 45px;
}
.teachAdminUpgrade {
    color: #000;
}
.teachAdminUpgrade span, .teachAdminUpgrade h3 {
    font-weight: bold;
}
.teachAdminUpgrade ul {
    padding-bottom: 17px;
    padding-left: 15px;
    padding-top: 7px;
}
.teachAdminUpgrade li {
    margin-bottom: 7px;
}
.text-center.teachAdmin-btns {
    padding-top: 21px;
}
.text-center.teachAdmin-btns .up-btn {
    background-color: #f47f20;
    border-color: #f47f20;
}
.text-center.teachAdmin-btns .th-btn {
    background-color: #bababa;
    border-color: #bababa;
}
.teachAdmin-btns button:hover, .teachAdmin-btns button:active, .teachAdmin-btns button:focus {
    color: #fff;
    opacity: 0.9;
}
.teachAdmin-btns button {    
    color: #fff;
    font-weight: bold;
    padding: 3px 12px;
    width: 151px;
}

/*Hooks*/
.new-teach-hooks-main {
    margin-bottom: 26px;
    padding: 0 5px;
}
.new-teach-hooks-main .new-teach-header-lesson {
    width: 135px;
}
.new-teach-body-cnt-hooks {
    background-color: #fff;
    border-left: 1px solid #cccccc;
    border-radius: 4px;
    border-top: 1px solid #cccccc;
    color: #000;
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 11px;
    padding: 7px;
    vertical-align: top;
    width: 49%;
}
/*.new-teach-body-cnt-hooks:nth-child(2n) {
    margin-left: 15px;
}*/
.new-teach-body-cnt-1-hooks {
    border-bottom: 1px solid #cccccc;
}
.new-teach-body-cnt-title-hooks {
    color: #af1112;
    display: inline-block;
    font-size: 19px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 76%;
}
.new-teach-body-cnt-rating-hooks {
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    width: 22%;
}
.new-teach-body-cnt-rating-hooks sptext {
    color: #000;
    font-size: 13px;
    font-weight: bold;
}
.new-teach-body-cnt-rating-hooks .rating-container {
    display: inline-block;
    vertical-align: middle;
}
.new-teach-body-cnt-rating-hooks .rating-container .rating.rating-fixed {
    cursor: default;
}
.new-teach-body-cnt-rating-hooks .rating-container .rating {
    cursor: pointer;
    font-size: 15px;
}
.new-teach-body-cnt-rating-hooks .rating-container .rating.rating-fixed .filled-stars {
    color: #e8df00;
}
.new-teach-body-cnt-rating-hooks .rating-container .filled-stars {
    color: #af1112;
}
.new-teach-body-cnt-rating-hooks voting {
    color: #af1112;
    font-size: 10px;
}
.new-teach-body-cnt-2-hooks {
    margin-top: 7px;
}
.new-teach-body-cnt-2-hooks-display {
    display: inline-block;
    font-weight: bold;
    /*overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
}
.new-teach-body-cnt-2-hooks-1 {
    width: 33%;
}
.new-teach-body-cnt-2-hooks-2 {
    width: 40%;
}
.new-teach-body-cnt-2-hooks-3 {
    width: 25%;
}
.new-teach-body-cnt-2-hooks-1 .tooltip-inner, .new-teach-body-cnt-2-hooks-2 .tooltip-inner {
    margin-left: 5px;
    margin-right: 5px;
    width: auto;
}
.new-teach-body-cnt-2-hooks-display img {
    width: 24px;
}
.new-teach-body-cnt-2-hooks-display span {
    cursor: pointer;
    vertical-align: middle;
}
.new-teach-body-cnt-2-hooks-display-grades {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 83%;
}
.new-teach-body-cnt-2-hooks-display-subjects {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 85%;
}
.new-teach-body-cnt-2-hooks-display-author {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 78%;
}
.new-teach-body-cnt-3-hooks {
    margin-top: 5px;
}
.new-teach-body-cnt-3-hooks-img {
    display: inline-block;
    position: relative;
    width: 50%;
}
.new-teach-body-cnt-3-hooks-img img {
    width: 100%;
}
.new-teach-body-cnt-3-hooks-cnt {
    display: inline-block;
    padding-left: 5px;
    vertical-align: top;
    width: 49%;
}
.new-teach-body-cnt-3-hooks-cnt-shareBtns img {
    width: 43px;
}
.new-hooks-show {
    cursor: pointer;
}
.new-hooks-show:hover {
    opacity: 0.9;
}
.new-teach-body-cnt-3-hooks-cnt-data {
    font-size: 12px;
    height: 155px;
    line-height: 17px;
    margin-bottom: 11px;
    overflow: auto;
    position: relative;
}
.new-teach-body-cnt-3-hooks-playImg {
    position: absolute;
    text-align: center;
    top: 31%;
    width: 100%;
}
.new-teach-body-cnt-3-hooks-playImg img {
    cursor: pointer;
    width: 55px;
}
.new-teach-body-cnt-3-hooks-playImg img:hover {
    opacity: 0.8;
}
.new-teach-body-cnt-3-hooks-shareCnt {
    background-color: #fff;
    bottom: 0;
    display: none;
    padding-left: 2px;
    padding-top: 3px;
    position: absolute;
    right: 0;
}
.new-teach-body-cnt-3-hooks-shareCnt img {
    cursor: pointer;
    width: auto;
}

/*Projects*/
.new-teach-presenter-main .new-teach-header-lesson {
    width: 192px;
}
.new-teach-body-project {
    display: inline-block;
}
.new-teach-body-project-data {
    background-color: #fff;
    margin-bottom: 15px;
    padding: 20px;
}
.new-teach-body-project-data-left {
    display: inline-block;
    vertical-align: middle;
    width: 810px;
}
.new-teach-project-data-img {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width: 120px;
}
.new-teach-project-data-img-cnt {
    color: #000;
    display: inline-block;
    margin-left: 11px;
    vertical-align: middle;
    width: 83%;
}
.new-teach-project-data-img-cnt-title {
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    line-height: 18px;
}
.new-teach-project-data-img-cnt-data {
    display: inline-block;
    margin-top: 11px;
    width: 100%;
}
.new-teach-project-data-img-cnt-data-1 {
    display: inline-block;
    vertical-align: middle;
    width: 30%;
}
.new-teach-project-data-img-cnt-data-2 {
    display: inline-block;
    vertical-align: middle;
    width: 34%;
}
.new-teach-project-data-img-cnt-data-3 {
    display: inline-block;
    vertical-align: middle;
    width: 34%;
}
.new-teach-project-data-img-cnt-data-4 {
    display: inline-block;
    margin-right: 7px;
    vertical-align: middle;
}
.new-teach-project-data-img-cnt-data-1 img, .new-teach-project-data-img-cnt-data-2 img, .new-teach-project-data-img-cnt-data-3 img, .new-teach-project-data-img-cnt-data-4 img {
    width: 24px;
}
.new-teach-project-data-img-cnt-data-1-span, .new-teach-project-data-img-cnt-data-2-span, .new-teach-project-data-img-cnt-data-3 span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}
.new-teach-project-data-img-cnt-data-1-span {
    cursor: pointer;
    max-width: 170px;
}
.new-teach-project-data-img-cnt-data-2-span {
    cursor: pointer;
    max-width: 197px;
}
.new-teach-project-data-img-cnt-data-3 span {
    width: 197px;
}
.new-teach-project-data-img-cnt-data-1 .tooltip-inner, .new-teach-project-data-img-cnt-data-2 .tooltip-inner {
    margin-left: 5px;
    margin-right: 5px;
    width: auto;
}
.new-teach-project-data-img-cnt-data-4 sptext {
    color: #000;
    font-size: 13px;
    font-weight: bold;
}
.new-teach-project-data-img-cnt-data-4 .rating-container {
    display: inline-block;
    vertical-align: middle;
}
.new-teach-project-data-img-cnt-data-4 .rating-container .rating {
    cursor: pointer;
    font-size: 15px;
}
.new-teach-project-data-img-cnt-data-4 .rating-container .filled-stars {
    color: #af1112;
}
.new-teach-project-data-img-cnt-data-4 .rating-container .rating.rating-fixed .filled-stars {
    color: #e8df00;
}
.new-teach-project-data-img-cnt-data-4 .rating-container .rating.rating-fixed {
    cursor: default;
}
.new-teach-project-data-img-cnt-data-4 voting {
    color: #af1112;
    font-size: 10px;
}
.new-teach-body-project-data-right {
    display: inline-block;
    position: relative;
    text-align: right;
    vertical-align: middle;
    width: 302px;
}
.teach-project-share-btns {
    display: inline-block;
}
.teach-project-share-btnsCnt {
    background-color: #fff;
    display: none;
    left: 88px;
    position: absolute;
}
.new-teach-body-project-data-right img {
    cursor: pointer;
    width: 29px;
}
.new-teach-body-project-data-right img:hover {
    opacity: 0.8;
}
.new-teach-body-project-data-right button {
    background-color: #f47f20;
    border-color: #f47f20;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 4px 13px;
}
.new-teach-body-project-data-right button:hover, .new-teach-body-project-data-right button:focus, .new-teach-body-project-data-right button:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}
.new-teach-body-project-data-right .delete-teach {
    color: #cccccc;
    cursor: pointer;
    display: inline-block;
    font-size: 35px;
    vertical-align: middle;
}


/*Project Plan Popup*/
.teachPlans-modal {
    width: 800px;
}
.teachPlans {
    /*background: url(../images/teachNew/TeachVOKI.png);*/
    /*background-repeat: no-repeat;*/
    /*background-position: bottom right 63px;*/
    /*background-position: center center;*/
    color: #000;
    /*padding: 0 24px;*/
}
.vokiBackLogo {
    position: absolute;
    text-align: center;
    top: 20%;
    width: 100%;
}
.vokiBackLogo img {
    width: 60%;
}
.teachPlans-header-print {
    cursor: pointer;
    margin-left: 11px;
}
.teachPlans-header strong {
    font-size: 30px;
    display: inline-block;
}
.teachPlans-header strong span {
    font-size: 13px;
    margin-top: -7px;
}
.teachPlans-body-1-img-hide {
    display: none;
}
.teachPlans-body-1 {
    display: inline-block;
    width: 100%;
}
.teachPlans-body-1 dt {
    float: left;
    font-size: 16px;
    margin-bottom: 10px;
    text-align: left;
    width: 127px;
}
.teachPlans-body-1 dd {
    margin-left: 126px;
    margin-bottom: 13px;
    /* overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;*/
}
.teachPlans-body-1-img img {
    width: 100%;
}
.teachPlans-body-2 {
    margin-bottom: 13px;
}
.teachPlans-body-2 h4 {
    font-weight: bold;
    margin-bottom: 3px;
}
.teachPlans-body-2-cnt {
    margin-bottom: 20px;
}
.teachPlans-body-2-cnt span {
    font-style: italic;
}
.teachPlans-body-2-cnt ol {
    padding-left: 59px;
}
.teachPlans-body-2 li a {
    display: block;
    padding-left: 33px;
    text-decoration: underline;
}
.teachPlans-body-2 extr {
    color: #9a9899;
    display: inline-block;
    padding-left: 33px;
    padding-top: 30px;
}
.teachPlans-body-2 extr a {
    color: #9a9899;
    display: inline-block;
    padding-left: 0;
    text-decoration: none;
}
.teachPlans-body-2 extr a:hover {
    text-decoration: underline;
}
.teachPlans-attachments {
    margin-top: 10px;
    position: relative;
}
.teachPlans-attachments .panel-heading {
    display: inline-block;
    width: 100%;
}
.teachPlans-attachments-header {
    color: #f47f20;
    cursor: pointer;
    font-weight: bold;
    letter-spacing: -1px;
}
.teachPlans-attachments-header button {
    background-color: #f47f20;
    border-color: #f47f20;
    color: #fff;
    font-weight: bold;
    margin-left: 10px;
    padding: 0 12px;
    position: relative;
    z-index: 9;
}
.teachPlans-attachments-header-extra {
    display: inline-block; 
    left: 0; 
    position: absolute; 
    width: 100%; 
    cursor: pointer;
    z-index: 8;
}
.teachPlans-attachments-header button:hover, .teachPlans-attachments-header button:focus, .teachPlans-attachments-header button:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}
.teachPlans-attachments-header-right {
    color: #f47f20;
    cursor: pointer;
    font-size: 20px;
}
.teachPlans-attachments .panel-body {
    border-top: medium none !important;
    padding-top: 0;
}
.teachPlans-attachment-cnt {
    border: 1px solid #ddd;
    color: #5e5e5e;
    display: inline-block;
    margin-bottom: 9px;
    padding: 10px;
    width: 100%;
}
.teachPlans-attachment-cnt:last-child {
    margin-bottom: 0;
}
.teachPlans-attachment-cnt .pull-left span {
    margin-left: 10px;
}
.teachPlans-attachment-cnt .pull-right span {
    margin-right: 30px;
}
.teachPlans-attachment-cnt .pull-right img {
    cursor: pointer;
}

/***Admin Part***/
/*Admin Hooks*/
.adminHooks {
    padding: 0 5px;
}
.adminHooks-head-1 {
    display: inline-block;
    padding-top: 10px;
    width: 100%;
}
.adminHooks-head-1-img-settings, .adminHooks-head-1-img-lesson, .adminHooks-head-1-img-hooks, .adminHooks-head-1-img-projects {
    display: inline-block;
}
.hideIMG {
    display: none;
}
.adminHooks-head-1-img-settings:hover .showIMG, .adminHooks-head-1-img-lesson:hover .showIMG, .adminHooks-head-1-img-hooks:hover .showIMG, .adminHooks-head-1-img-projects:hover .showIMG {
    display: none;
}
.adminHooks-head-1-img-settings:hover .hideIMG, .adminHooks-head-1-img-lesson:hover .hideIMG, .adminHooks-head-1-img-hooks:hover .hideIMG, .adminHooks-head-1-img-projects:hover .hideIMG {
    display: inline-block
}
.adminHooks-head-2 {
    display: inline-block;
    padding-top: 15px;
    width: 100%;
}
.adminHooks-head-2 h3 {
    color: #000;
    font-weight: bold;
    margin: 0;
    padding-left: 5px;
}
.adminHooks-head-2 button {
    background-color: #f47f20;
    border-color: #f47f20;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 3px 12px;
    width: 127px;
}
.adminHooks-head-2 button:hover, .adminHooks-head-2 button:focus, .adminHooks-head-2 button:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}
.adminHooks-body {
    overflow: auto;
    padding-bottom: 30px;
    padding-top: 10px;
}
.adminHooks-body table {
    width: 1160px;
}
.adminHooks-body table th {
    color: #ae1111;
    font-size: 15px;
    padding: 5px;
}
.adminHooks-body table th sort {
    cursor: pointer;
}
i.caret-none {
    display: none;
}
.adminHooks-body table th sort:hover ~ i.caret-none{
    display: inline-block;
}
.adminHooks-body table th img {
    vertical-align: text-bottom;
}
.adminHooks-body-th0 {
    width: 4%;
}
.adminHooks-body-th1 {
    width: 4%;
}
.adminHooks-body-th2 {
    width: 26%;
}
.adminHooks-body-th3 {
    width: 11%;
}
.adminHooks-body-th4 {
    width: 15%;
}
.adminHooks-body-th5 {
    width: 12%;
}
.adminHooks-body-th6 {
    width: 11%;
}
.adminHooks-body-th7 {
    width: 19%;
}
.adminHooks-body table td {
    color: #000;
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
}
.label-Enable-Style {
    margin-bottom: 2px;
    vertical-align: bottom;
}
.adminHooks-body table tr td:first-child, .adminHooks-body table tr th:first-child {
    text-align: center;
}
.adminHooks-body table tr {
    background-color: #fff;
    border-bottom: 9px solid #fef2e5;
}
.adminHooks-body table tr:first-child {
    background-color: #fff9f3;
}
.adminHooks-body table tr:last-child {
    border-bottom: none;
}
.table-options img {
    cursor: pointer;
    float: left;
    margin-left: 1px;
    width: 37px;
}
.table-options img:hover {
    opacity: 0.9;
}
.table-options button {
    background-color: #f47f20;
    border-color: #f47f20;
    color: #fff;
    float: left;
    font-size: 15px;
    font-weight: bold;
    margin-left: 3px;
    margin-right: 4px;
    margin-top: 2px;
    padding: 5px 18px;
}
.table-options button:hover, .table-options button:focus, .table-options button:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}
.table-options i {
    cursor: pointer;
    color: #cccccc;
    font-size: 39px;
    margin-left: 5px;
}
.table-options i:hover {
    opacity: 0.9;
}
.table-img-span {
    /*line-height: 12px;*/
    vertical-align: middle;
}
.table-img-span-GD {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 126px;
}
.table-img-LNG {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 147px;
}
.display-tooltip .tooltip-inner {
    width: auto;
}
.table-img-NM {
    display: inline-block;
    width: 103px;
}
.activeCheck {
    cursor: pointer;
}
.table-img-cnt {
    vertical-align: middle;
    width: 20px;
}
.table-main-img-cnt {
    display: inline-block;
    line-height: 16px;
    margin-left: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    width: 179px;
}
.table-main-img {
    width: 86px;
}

/*Voki Admin Popup*/
.model-content-Admin .modal-body {
    padding: 45px;
}
.VTA-add {
    width: 1100px;
}
.teachAdminHookAdd-header {
    display: inline-block;
    width: 100%;
}
.teachAdminHookAdd-header h3 {
    color: #000;
    font-weight: bold;
    margin: 0;
}
.teachAdminHookAdd-header-active {
    display: inline-block;
    margin-right: 100px;
}
.teachAdminHookAdd-header-active span {
    display: inline-block;
    vertical-align: bottom;
}
.teachAdminHookAdd-header-active img {
    cursor: pointer;
    margin-left: 8px;
    vertical-align: middle;
}
.teachAdminHookAdd-header-btn {
    background-color: #f47f20;
    border-color: #f47f20;
    color: #fff;
    font-weight: bold;
}
.free_my_lessons {
    display: inline-block;
    margin-right:100px;
}
.free_my_lessons span {
    display: inline-block;
    vertical-align: bottom;
}
.free_my_lessons img {
    cursor: pointer;
    margin-left: 8px;
    vertical-align: middle;
}
.teachAdminHookAdd-header-btn:hover, .teachAdminHookAdd-header-btn:focus, .teachAdminHookAdd-header-btn:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}
.teachAdminHookAdd-body {
    margin-top: 25px;
}
.teachAdminHookAdd-body-1 {
    border-bottom: 1px solid #cfcfcf;
    padding-bottom: 33px;
}
.teachAdminHookAdd-body-1-left {
    display: inline-block;
    padding-right: 10px;
    width: 682px;
}
.teachAdminHookAdd-body-1-1 label {
    color: #d7d7d7;
    vertical-align: top;
    width: 100px;
}
.teachAdminHookAdd-body-1-1 input {
    background-color: #fff;
    border: 1px solid #f6f6f6;
    height: 32px;
    width: 84.3%;
}
.teachAdminHookAdd-body-1-2 {
    margin-bottom: 12px;
    margin-top: 10px;
}
.teachAdminHookAdd-body-1-2 label {
    display: inline-block;
    padding-top: 3px;
    vertical-align: top;
    width: 100px;
}
.teachAdminHookAdd-body-1-2-cnt {
    border: 1px solid #dadada;
    display: inline-block;
    height: 82px;
    overflow: auto;
    width: 239px;
}
.teachAdminHookAdd-body-1-2-cnt span {
    background-color: #cccccc;
    border: 1px solid;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin: 23px 22px;
    padding: 6px 10px;
}
.teachAdminHookAdd-body-1-2-cnt-new {
    padding: 8px;
    text-align: left;
}
.teachAdminHookAdd-body-1-2-data {
    display: inline-block;
    position: relative;
}
.teachAdminHookAdd-body-1-2-data i {
    bottom: 4px;
    color: #cccccc;
    cursor: pointer;
    font-size: 23px;
    position: absolute;
    right: 19px;
}
.adminSlecetedGrade {
    line-height: 14px;
    margin-bottom: 6px;
    width: 186px;
}
.teachAdminHookAdd-body-1-2 subject {
    display: inline-block;
    padding-left: 13px;
    padding-top: 3px;
    vertical-align: top;
    font-weight: bold;
}
.teachAdminHookAdd-body-1-right {
    display: inline-block;
    vertical-align: top;
    width: 321px;
}
.teachAdminHookAdd-body-1-right img {
    width: 100%;
}
.teachAdminHookAdd-body-2 {
    margin-top: 35px;
}
.teachAdminHookAdd-body-1-1 textarea {
    background-color: #fff;
    border: 1px solid #f6f6f6;
    height: 111px;
    resize: none;
    width: 89.5%;
}
.teachAdminHookAdd-body-1-1 select {
    padding: 5px;
    width: 89.5%;
}
.teachAdminHookAdd-footer {
    margin-top: 25px;
}
.teachAdminHookAdd-footer button {
    color: #fff;
    font-weight: bold;
    padding: 3px 16px;
    width: 121px;
}
.teachAdminHookAdd-footer-cnl {
    background-color: #CCCCCC;
    border-color: #CCCCCC;
}
.teachAdminHookAdd-footer-cnl:hover, .teachAdminHookAdd-footer-cnl:focus, .teachAdminHookAdd-footer-cnl:active {
    background-color: #CCCCCC !important;
    border-color: #CCCCCC !important;
    color: #fff !important;
    opacity: 0.9;
}
.teachAdminHookAdd-footer-sv {
    background-color: #f47f20;
    border-color: #f47f20;
    margin-left: 21px;
}
.teachAdminHookAdd-footer-sv:hover, .teachAdminHookAdd-footer-sv:active, .teachAdminHookAdd-footer-sv:focus {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}

#myModal-Admin-second .modal-dialog {
    margin: 100px auto 30px;
}
.VTA-add-presenterSelect {
    width: 810px;
}
.model-content-Admin-second .modal-body {
    padding: 39px 48px;
}
.teachAdminPresenterSelect h3 {
    font-weight: bold;
    margin: 0;
}
.teachAdminPresenterSelect-head {
    display: inline-block;
    margin-top: 20px;
    width: 100%;
}
.teachAdminPresenterSelect-dropdown .dropdown {
    display: inline-block;
    margin-right: 5px;
}
.teachAdminPresenterSelect-dropdown button {
    background-color: #fff !important;
    border: 1px solid #cccccc;
    color: #5e5e5e !important;
    text-align: left;
    width: 388px;
}
.teachAdminPresenterSelect-dropdown .caret {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 13px dashed;
    margin-top: 5px;
}
.teachAdminPresenterSelect-dropdown .dropdown-menu {
    border-color: #5e5e5e;
    margin: -2px 0 0;
    max-height: 250px;
    min-width: 388px;
    overflow: auto;
}
.teachAdminPresenterSelect-dropdown .dropdown-menu li {
    cursor: pointer;
    padding: 10px;
}
.teachAdminPresenterSelect-dropdown .dropdown-menu li:hover {
    background-color: #5e5e5e;
    color: #fff;
}
.teachAdminPresenterSelect-head .left-inner-addon i {
    color: #ccc;
}
.teachAdminPresenterSelect-head .left-inner-addon span {
    color: #ccc;
}
.teachAdminPresenterSelect-head .left-inner-addon span:hover {
    background-color: #dfdfdf;
}
.teachAdminPresenterSelect-head .left-inner-addon input {
    width: 305px;
}
.teachAdminPresenterSelect-body {
    border: 1px solid #cccccc;
    border-radius: 2px;
    height: 250px;
    margin-top: 12px;
    padding: 5px;
    overflow: auto;
}
.teachAdminPresenterSelect-body-cnt {
    border: 1px solid #fff;
    margin-bottom: 5px;
    padding: 5px;
    cursor: pointer;
}
.teachAdminPresenterSelect-body-cnt:hover {
    border: 1px solid #f47f20;
}
.teachAdminPresenterSelect-body-hide {
    display: none;
}
.teachAdminPresenterSelect-body-cnt-1 {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 19px;
}
.teachAdminPresenterSelect-body-cnt img {
    display: inline-block;
    width: 98px;
}
.teachAdminPresenterSelect-body-cnt-2 {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin-left: 40px;
    vertical-align: top;
    width: 400px;
}
.teachAdminPresenterSelect-body-cnt-2 strong {
    color: #000;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 10px;
}
.teachAdminPresenterSelect-body-btm {
    font-size: 12px;
}
.teachAdminPresenterSelect-footer .teachAdminHookAdd-footer-cnl {
    background-color: #A7A7A7;
    border-color: #A7A7A7;
}
.teachAdminPresenterSelect-footer .teachAdminHookAdd-footer-cnl:hover, .teachAdminPresenterSelect-footer .teachAdminHookAdd-footer-cnl:focus, .teachAdminPresenterSelect-footer .teachAdminHookAdd-footer-cnl:active {
    background-color: #A7A7A7 !important;
    border-color: #A7A7A7 !important;
}

.VTA-add-gradeSelect {
    width: 430px;
}
.teachAdminGradeSelect-body {
    border: 1px solid #cccccc;
    max-height: 300px;
    margin: 24px auto 0;
    overflow: auto;
    padding: 5px;
    width: 90%;
}
.teachAdminGradeSelect-body-cnt {
    margin-bottom: 5px;
}
.teachAdminGradeSelect-body-cnt img {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
}
.teachAdminGradeSelect-body-cnt > span {
    display: inline-block;
    vertical-align: bottom;
    width: 233px;
}
.teachAdminGradeSelect-footer {
    margin-top: 28px;
    text-align: center;
}
.teachAdminGradeSelect-footer button {
    color: #fff;
    font-weight: bold;
    padding: 3px 16px;
    width: 121px;
}
.teachAdminGradeSelect-footer .teachAdminHookAdd-footer-cnl {
    background-color: #a7a7a7;
    border-color: #a7a7a7;
}
.teachAdminGradeSelect-footer .teachAdminHookAdd-footer-cnl:hover, .teachAdminGradeSelect-footer .teachAdminHookAdd-footer-cnl:focus, .teachAdminGradeSelect-footer .teachAdminHookAdd-footer-cnl:active {
    background-color: #a7a7a7 !important;
    border-color: #a7a7a7 !important;
}
.teachAdminHookAdd-body-1-1-new label {
    color: #5e5e5e;
}
.teachAdminHookAdd-body-1-1-new textarea, .teachAdminHookAdd-body-1-1-new input {
    border: 1px solid #dadada;
}

.VTA-delete {
    width: 457px;
}
.adminDelete h3 {
    margin-bottom: 19px;
    margin-top: 0;
}
.adminDelete-btns {
    padding-top: 26px;
}
.adminDelete-btns button {
    color: #fff;
    font-weight: bold;
    margin: 0;
    padding: 3px 16px;
    width: 140px;
}

.teachAdminProjectAdd {
    padding-bottom: 45px;
}
.teachAdminProjectAdd .teachAdminHookAdd-header-active {
    margin-right: 314px;
}
.teachAdminProjectAdd-body-right {
    position: relative;
}
.teachAdminProjectAdd-body-thumb {
    position: absolute;
    text-align: center;
    top: 75px;
    width: 100%;
}
.teachAdminProjectAdd-body-thumb span {
    background-color: #fff;
    border-radius: 3px;
    color: #cccccc;
    cursor: pointer;
    font-weight: bold;
    padding: 5px;
}
.teachAdminHookAdd-body-1 .teachAdminHookAdd-body-2 {
    margin-top: 16px;
}
.teachAdminHookAdd-body-1 .teachAdminHookAdd-body-2:first-child {
    margin-top: 35px;
}
.teachAdminProjectAdd-files button {
    margin-left: 0;
}
.teachAdminProjectAdd-file-drag {
    border: 2px dashed;
    color: #dfdfdf;
    cursor: pointer;
    font-size: 25px;
    margin-top: 14px;
    padding: 5px 1px;
    text-align: center;
    display: inline-block;
    width: 100%;
}
.teachAdminProjectAdd .teachAdminHookAdd-body-1-right {
    width: 303px;
}
.teachAdminProjectAdd-body-right i {
    bottom: 8px;
    color: #e0e2e0;
    cursor: pointer;
    font-size: 29px;
    position: absolute;
    right: 11px;
}
.teachAdminProjectAdd .teachAdminHookAdd-body-1-1 textarea, .teachAdminProjectAdd .teachAdminHookAdd-body-1-1 select {
    width: 89.3%;
}
.adminClear h3 {
    font-weight: bold;
    margin: 0 0 55px;
}
.adminClear p {
    padding-bottom: 30px;
}

/*Admin Lessons*/
.adminLessons {
    padding: 0 5px;
}
.adminLessons .adminHooks-body-th2 {
    width: 23%;
}
.adminLessons .adminHooks-body-th7 {
    width: 21%;
}
.adminLessons .table-main-img {
    width: 70px;
}
.adminLessons .table-main-img-cnt {
    width: 160px;
}

.adminLessons-body {
    overflow: auto;
    padding-bottom: 30px;
    padding-top: 10px;
}
.adminLessons-body-heading {
    background-color: #fff9f3;
    padding: 8px;
    width: 1160px;
}
.adminLessons-body .panel-group {
    width: 1160px;
}
.adminLessons-body-heading-cnt {
    color: #ae1111;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
}
.adminLessons-body-heading-cnt img {
    vertical-align: text-bottom;
}
.adminLessons-body-heading-cnt heading span {
    cursor: pointer;
}
.adminLessons-body-heading-cnt heading span:hover i.caret-none {
    display: inline-block;
}
.adminLessons-body-cnt-0 {
    text-align: center;
    width: 24px;
}
.fa.fa-star.custom_star {
    color: #f47f20;
    font-size: 23px;
}
.fa.fa-star-o.custom_star {
    color: #f47f20;
    font-size: 23px;
}
.adminLessons-body-cnt-1 {
    text-align: center;
    width: 60px;
}
.adminLessons-body-cnt-2 {
    width: 243px;
}
.adminLessons-body-cnt-3 {
    width: 123px;
}
.adminLessons-body-cnt-4 {
    width: 166px;
}
.adminLessons-body-cnt-5 {
    width: 132px;
}
.adminLessons-body-cnt-6 {
    width: 130px;
}
.adminLessons-body-cnt-7 {
    width: 230px;
}
.adminLessons-body-cnt-7 img {
    cursor: pointer;
    float: left;
    margin-left: 1px;
    width: 37px;
}
.adminLessons-body-cnt-7 button {
    background-color: #f47f20;
    border-color: #f47f20;
    color: #fff;
    float: left;
    font-size: 15px;
    font-weight: bold;
    margin-left: 3px;
    margin-right: 4px;
    margin-top: 2px;
    padding: 5px 18px;
}
.adminLessons-body-cnt-7 button:hover, .adminLessons-body-cnt-7 button:focus, .adminLessons-body-cnt-7 button:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}
.adminLessons-body-cnt-7 .lessonCollapse {
    font-size: 12px;
    padding: 8px 16px;
    display: none;
}
.adminLessons-body-cnt-7 i {
    color: #cccccc;
    cursor: pointer;
    font-size: 39px;
    margin-left: 5px;
}
.adminLessons-body-cnt-2 img, .adminLessons-body-cnt-2 .table-main-img-cnt {
    cursor: pointer;
}
.adminLessons-body-cnt-2 img:hover, .adminLessons-body-cnt-2 .table-main-img-cnt:hover {
    opacity: 0.8;
}
.adminLessons-body-cnt-3 .tooltip-inner, .adminLessons-body-cnt-4 .tooltip-inner {
    margin-left: 5px;
    margin-right: 5px;
    width: auto;
}
.adminLessons-body-cnt {
    background-color: #fff;
    margin-top: 10px;
    padding: 8px;
}
.adminLessons-body-cnt-data {
    color: #000;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    vertical-align: middle;
}
.adminLessons-body-cnt-3 .table-img-span, .adminLessons-body-cnt-4 .table-img-span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    line-height: 21px;
}
.adminLessons-body-cnt-3 .table-img-span.table-img-span-GD {
    max-width: 97px;
}
.adminLessons-body-cnt-4 .table-img-span.table-img-LNG {
    max-width: 140px;
}
.adminLessons-body-panel {
    border: medium none;
}
.adminLessons-body-collapse-des {
    border-bottom: 1px solid #b9b9b9;
    color: #000;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 10px;
    padding: 0 63px 18px 91px;
}
.adminLessons-body-addLesson {
    background-color: #f47f20;
    border-color: #f47f20;
    color: #fff;
    font-weight: bold;
    margin-left: 130px;
    padding: 3px 15px;
}
.adminLessons-body-addLesson:hover, .adminLessons-body-addLesson:active, .adminLessons-body-addLesson:focus {
    background-color: #f47f20!important;
    border-color: #f47f20!important;
    color: #fff!important;
    opacity: 0.9
}
.adminLessons-body-collapse-data {
    border-bottom: 1px solid #b9b9b9;
    cursor: move;
    margin-top: 17px;
    padding: 0 60px 13px 105px;
}
.adminLessons-body-collapse-data:last-child {
    border-bottom: medium none;
}
.adminLessons-body-i {
    color: #f47f20;
    display: inline-block;
    font-size: 16px;
    margin-right: 9px;
    width: 10px;
}
.adminLessons-body-collapse-data:hover i.admin-GG-body-sort {
    display: block;
}
.adminLessons-body-collapse-data-left {
    display: inline-block;
    width: 780px;
}
.adminLessons-body-collapse-data-left img {
    width: 86px;
}
.adminLessons-body-collapse-data-left span {
    color: #000;
    display: inline-block;
    font-weight: bold;
    padding-left: 11px;
    vertical-align: middle;
    width: 688px;
}
.adminLessons-body-collapse-data-right {
    display: inline-block;
    text-align: right;
    width: 185px;
}
.adminLessons-body-collapse-data-right img {
    cursor: pointer;
    width: 37px;
}
.adminLessons-body-collapse-data-right i {
    color: #cccccc;
    cursor: pointer;
    font-size: 39px;
    margin-left: 5px;
    vertical-align: middle;
}
/*Lessons Popup*/
.teachAdminLessonAdd .teachAdminHookAdd-header-active {
    margin-right: 0;
}
.teachAdminLessonAdd .teachAdminHookAdd-body-1-left {
    width: 774px;
}
.teachAdminLessonAdd .teachAdminHookAdd-body-1-right {
    margin-left: 19px;
    width: 210px;
}
.teachAdminLessonAdd .teachAdminHookAdd-body-1-2-cnt {
    width: 278px;
}
.teachAdminLessonAdd .teachAdminProjectAdd-body-thumb {
    top: 94px;
}
.teachAdminLessonAdd .teachAdminHookAdd-body-1 {
    border-bottom: 0;
    padding-bottom: 10px;
}
.teachAdminLessonAdd select {
    padding: 5px;
    width: 84.3%;
}
/*Lessons DataPopup*/
.teachAdminLessonDataAdd-body-main {
    margin-top: 17px;
}
.teachAdminLessonDataAdd-body-left {
    border: 2px solid #dadada;
    display: inline-block;
    height: 54px;
    text-align: center;
    vertical-align: top;
    width: 49.7%;
}
.teachAdminLessonDataAdd-body-left span {
    background-color: #cccccc;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin: 8px 0;
    padding: 7px 19px;
}
.teachAdminLessonDataAdd-body-right .teachAdminLessonDataAdd-body-added img {
    height: auto;
    width: 37px;
}
.teachAdminLessonDataAdd-body-right .teachAdminLessonDataAdd-body-added vptitle {
    width: 84%;
}
.teachAdminLessonDataAdd-body .adminLessons-body-addLesson {
    margin: 8px 0;
}
.teachAdminLessonDataAdd-body .teachAdminProjectAdd-file-drag {
    margin-top: 0;
}
.teachAdminLessonDataAdd-body-added {
    padding: 3px;
    text-align: left;
}
.teachAdminLessonDataAdd-body-added img {
    /*width: 16%;*/
    height: 44px;
    width: 78px;
}
.teachAdminLessonDataAdd-body-added vptitle {
    display: inline-block;
    font-weight: bold;
    line-height: 14px;
    margin-left: -10px;
    padding-left: 26px;
    padding-right: 10px;
    vertical-align: middle;
    width: 76%;
}
.teachAdminLessonDataAdd-body-added i {
    color: #cccccc;
    cursor: pointer;
    font-size: 39px;
    margin-left: 5px;
    vertical-align: middle;
}
.teachAdminLessonDataAdd-files-data {
    border: 1px solid #dfdfdf;
    color: #8f8f8f;
    margin-bottom: 7px;
    padding: 10px;
}
.teachAdminLessonDataAdd-files nam {
    display: inline-block;
    max-width: 195px;
    min-width: 113px;
    padding: 0 15px;
    vertical-align: middle;
}
.teachAdminLessonDataAdd-files-data span {
    background-color: #cccccc;
    border: 1px solid #cccccc;
    border-radius: 7px;
    display: inline-block;
    height: 14px;
    vertical-align: middle;
    width: 600px;
}
.teachAdminLessonDataAdd-files-data sz {
    padding-left: 30px;
}
.teachAdminLessonDataAdd-files-data i {
    color: #cccccc;
    cursor: pointer;
    float: right;
    font-size: 23px;
    margin-left: 5px;
    margin-top: 2px;
}


/*General Sttings*/
/*Accounts*/
.genralSettings {
    padding: 0 5px;
}
.genralSettings-tabs {
    display: inline-block;
    margin: 13px 0;
    width: 100%;
}
.genralSettings-tabs a {
    background-color: #fff;
    border: 1px solid;
    border-left: none;
    color: #cbcbcb;
    float: left;
    font-size: 18px;
    font-weight: bold;
    padding: 2px 0;
    text-align: center;
    width: 20%;
}
.genralSettings-tabs a:first-child {
    border-left: 1px solid;
}
.genralSettings-tabs a:hover, .genralSettings-tabs a:active, .genralSettings-tabs a:focus {
    text-decoration: none;
    background-color: #f47f20;
    color: #fff;
}
.genralSettings-tabs a.GS-tabs-active {
    background-color: #f47f20;
    color: #fff;
    cursor: default;
}
.genralSettings-th1 {
    width: 12%;
}
.genralSettings-th2 {
    width: 28%;
}
.genralSettings-th3 {
    width: 28%;
}
.genralSettings-th4 {
    width: 24%;
}
.genralSettings-th5 {
    width: 8%;
}
.genralSettings-body table tr td:first-child, .genralSettings-body table tr th:first-child {
    text-align: left;
}
.genralSettings-td1 img {
    margin-left: 13px;
}
.genralSettings-td4 img {
    margin-right: 10px;
}

/*Accounts Popup*/
.SAaccMain {
    width: 405px;
}
.teachAdminSAadd {
    padding: 0 17px;
}
.teachAdminSAadd h3 {
    color: #000;
    font-weight: bold;
    margin: 0 0 40px;
}
.SAactive {
    margin: 20px 0;
}
.SAactive label {
    cursor: default;
    font-weight: bold;
    padding: 0;
}
.SAactive span {
    margin-right: 15px;
    vertical-align: sub;
}
.SAactive img {
    cursor: pointer;
}
.SA-cnt-data span {
    display: inline-block;
    margin-right: 21px;
}
.SA-cnt-data-1 {
    cursor: pointer;
}
.SA-btns {
    padding-top: 45px;
}
.SA-btns button {
    color: #fff;
    font-weight: bold;
    padding: 4px 12px;
    width: 135px;
}
.SA-add {
    background-color: #f47f20;
    border-color: #f47f20;
}
.SA-add:hover, .SA-add:focus, .SA-add:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}
.SA-cancel {
    background-color: #CCCCCC;
    border-color: #CCCCCC;
}
.SA-cancel:hover, .SA-cancel:focus, .SA-cancel:active {
    background-color: #CCCCCC !important;
    border-color: #CCCCCC !important;
    color: #fff !important;
    opacity: 0.9;
}

/*General Setting Grade*/
.admin-GG-body-cnt {
    cursor: move;
}
.sortable-GSgrade {
    width: 1160px;
}
.admin-GG-body-cnt-1 {
    text-align: center;
    width: 55px;
}
.admin-GG-body-cnt-2 {
    color: #f47f20;
    font-size: 16px;
    padding-left: 22px;
    width: 60px;
}
.admin-GG-body-cnt-3 {
    width: 910px;
}
.admin-GG-body-cnt-4 {
    text-align: right;
    width: 104px;
}
.admin-GG-body-cnt-4 img {
    cursor: pointer;
    margin-left: 1px;
    width: 37px;
}
.admin-GG-body-cnt-4 i {
    color: #cccccc;
    cursor: pointer;
    font-size: 39px;
    margin-left: 5px;
    vertical-align: middle;
}
i.admin-GG-body-sort {
    display: none;
}
.admin-GG-body-cnt:hover .admin-GG-body-cnt-2 i.admin-GG-body-sort {
    display: block;
}
.admin-GG-body-cnt:hover {
    background-color: #E7ECF2;
}

/*General Setting Grade Popup's'*/
.teachAdminSGadd h3 {
    margin-bottom: 0;
}
.teachAdminSGadd .SAactive {
    margin-top: 8px;
    text-align: right;
}

/*Voki Teach New Home page*/
.newTeach-home {
    margin-bottom: 75px;
}
.newTeach-home-head h2 {
    font-weight: bold;
    margin: 45px 0;
}
.newTeach-home-head.newTeach-feature-head > h2 {
    margin-bottom: 15px;
}
.newTeach-home-added {
    color: #af1112;
    margin-bottom: 82px;
}
.newTeach-home-added h2 {
    font-weight: bold;
    margin: 0 0 5px 22px;
}
.newTeach-home-added-slider-left {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 36px;
    height: 55px;
    cursor: pointer;
    background: url('../images/teachNew/slideLeft.png') no-repeat;
    background-size: 100%;
    overflow: hidden;
    top: 0px;
    left: -17px;
}
.newTeach-home-added-slider-right {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 36px;
    height: 55px;
    cursor: pointer;
    background: url('../images/teachNew/slideRight.png') no-repeat;
    background-size: 100%;
    overflow: hidden;
    top: 0px;
    right:-17px;
}
.newTeach-home-added-slider-left:hover, .newTeach-home-added-slider-right:hover {
    opacity: 0.5;
}
.recentelyAdded-img {
    border: 1px solid;
}
.recentelyAdded-img-logo {
    bottom: 29px;
    position: absolute;
    right: 0;
    width: 21%;
}
.newTeach-home-added-footer {
    display: inline-block;
    width: 100%;
}
.newTeach-home-added-footer-data {
    padding-left: 24px;
    padding-right: 24px;
}
.newTeach-home-added-footer-data1, .newTeach-home-added-footer-data2, .newTeach-home-added-footer-data3 {
    background-color: #af1112;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 86% auto;
    color: #fff;
    padding: 30px;
}
.newTeach-home-added-footer-data1 {
    background-image: url(../images/teachNew/thLessons.png);
}
.newTeach-home-added-footer-data2 {
    background-image: url(../images/teachNew/thHooks.png);
}
.newTeach-home-added-footer-data3 {
    background-image: url(../images/teachNew/thProjects.png);
}
.newTeach-home-added-footer-data h3 {
    font-weight: bold;
    margin: 0 0 22px;
}
.newTeach-home-added-footer-data p {
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 20px;
}
.newTeach-home-added-footer-data a {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin-top: 2px;
    text-decoration: underline;
}
.newTeach-home-added-footer-data2 a {
    margin-top: 74px;
}
.newTeach-home-added-footer-data3 a {
    margin-top: 76px;
}
.newTeach-home-added-footer-data a:hover, .newTeach-home-added-footer-data a:active, .newTeach-home-added-footer-data a:focus {
    color: #fff;
    text-decoration: none;
}
.newTeach-home-added-footer-data img {
    width: 35px;
}
.recentelyAddedSlider-div h3 {
    bottom: 13px;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    position: absolute;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.recentelyAddedSlider-div span {
    bottom: 0;
    font-size: 9px;
    position: absolute;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.recentelyAddedSlider-div, .recentelyAddedSlider-div:hover, .recentelyAddedSlider-div:focus {
    color: #af1112;
    outline: medium none;
}
.newTeach-home-added-CM {
    margin-bottom: 120px;
}
.newTeach-home-added h2 span {
    cursor: pointer;
    font-size: 18px;
    font-weight: normal;
    margin-left: 20px;
    text-decoration: underline;
}
.comingSoonSlider-div h3 {
    bottom: 24px;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    position: absolute;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.comingSoonSlider-div span {
    font-size: 9px;
    position: absolute;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.comingSoonSlider-div .CMspan1 {
    bottom: 12px;
}
.comingSoonSlider-div .CMspan2 {
    bottom: 0;
}
.comingSoonSlider-div, .comingSoonSlider-div:hover, .comingSoonSlider-div:focus {
    color: #313131;
    outline: medium none;
}
.recentelyAdded-img-logo-CM {
    bottom: 40px;
    position: absolute;
    right: 0;
    width: 21%;
}
/*Voki Teach New Home page Popup*/
.upcomingSchedule-Modal {
    width: 840px;
}
.upcomingSchedule-weak h2 {
    background-color: #af1112;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 6px 11px;
}
.upcomingSchedule-weak-cnt {
    border-bottom: 1px solid;
    padding: 10px 0;
}
.upcomingSchedule-weak-cnt:last-child {
    border-bottom: none;
}
.upcomingSchedule-weak-img {
    display: inline-block;
    vertical-align: middle;
    width: 17%;
}
.upcomingSchedule-weak-img img {
    width: 100%;
}
.upcomingSchedule-weak-title {
    color: #af1112;
    display: inline-block;
    padding-left: 10px;
    vertical-align: middle;
    width: 73%;
}
.upcomingSchedule-weak-title h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}
.upcomingSchedule-weak-title span {
    display: block;
    font-size: 12px;
    line-height: 17px;
}
.upcomingSchedule-weak-title-span {
    color: #606a59;
    font-style: italic;
}
.upcomingSchedule-weak-titleImg {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 8%;
}
.upcomingSchedule-weak2 .upcomingSchedule-weak-title, .upcomingSchedule-weak2 .upcomingSchedule-weak-title-span {
    color: #393939;
}

/*Admin Schedule Page*/
.adminSchedule-body .adminHooks-body-th2 {
    width: 29%;
}
.adminSchedule-body .adminHooks-body-th3 {
    text-align: center;
    width: 6%;
}
.adminSchedule-body .adminHooks-body-th4 {
    width: 17%;
}
.adminSchedule-body .adminHooks-body-th5 {
    width: 19%;
}
.adminSchedule-body .adminHooks-body-th6 {
    width: 14%;
}
.adminSchedule-body .adminHooks-body-th7 {
    width: 8%;
}
.adminSchedule-body .table-main-img-cnt {
    width: 224px;
}
.adminSchedule-grade {
    display: inline-block;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}
.adminSchedule-subject {
    display: inline-block;
    max-width: 207px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

/*Pop Up Admin Schedule Page*/
.teachAdminScheduleAdd-date {
    width: 240px;
}
.teachAdminScheduleAdd-date .hasDatepicker {
    border: 1px solid #dadada;
    padding: 5px;
    width: 100%;
}
.teachAdminScheduleAdd-date img {
    position: absolute;
    right: 3px;
    top: 3px;
    cursor: pointer;
}
.teachAdminScheduleAdd-type .SA-cnt-data {
    text-align: center;
    width: 260px;
}
.ui-datepicker-today .ui-state-highlight {
    background: #FDDFC8;
}
.ui-state-default:hover {
    background: #f47f20;
    border: 1px solid #f47f20;
    color: #fff;
}
.ui-state-default.ui-state-active {
    background: #f47f20;
    border: 1px solid #f47f20;
    color: #fff;
}


/***New Signup Thanks Css***/
.newSignupThanku {
    padding: 0 40px;
}
.newSignupThanku-head {
    margin-bottom: 30px;
}
.newSignupThanku-head-main {
    display: inline-block;
    width: 80%;
}
.newSignupThanku-head-main h1 {
    margin: 0;
}
.newSignupThanku-head-main h4 {
    font-size: 15px;
    margin: 7px 0 0;
}
.newSignupThanku-head-print {
    cursor: pointer;
    display: inline-block;
    margin-top: 8px;
    vertical-align: top;
}
.newSignupThanku-head-print:hover span {
    text-decoration: none;
}
.newSignupThanku-head-print img {
    display: block;
}
.newSignupThanku-head-print span {
    text-decoration: underline;
}
.newSignupThanku-body {
    color: #000;
    padding: 0 100px;
}
.newSignupThanku-bodyTitle {
    font-size: 15px;
    font-weight: bold;
    text-decoration: underline;
}
.newSignupThanku-body p {
    color: #5e5e5e;
    font-size: 13px;
}
.newSignupThanku-body-main {
    font-weight: bold;
    margin-bottom: 40px;
}
.newSignupThanku-body-data span {
    vertical-align: middle;
}
.newSignupThanku-dataTitle {
    display: inline-block;
    width: 43%;
}
.newSignupThanku-dataCnt {
    display: inline-block;
    vertical-align: top;
    width: 54%;
}
.newSignupThanku-body button {
    background-color: #f47f20;
    border-color: #f47f20;
    color: #fff;
    font-weight: bold;
    padding: 6px 30px;
}
.newSignupThanku-body button:hover, .newSignupThanku-body button:focus, .newSignupThanku-body button:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.8;
}
.newSignupThanku-foot {
    font-size: 11px;
    margin-bottom: 20px;
    margin-top: 9px;
    padding: 0;
}
.second_model .newSignupModal .modal-header, .second_model .purchase_loginSignup .modal-header {
    border-bottom: 0;
}
.second_model .newSignupModal {
    width: 600px;
}
.second_model .newSignupModal .modal-title, .second_model .purchase_loginSignup .modal-title {
    font-size: 30px;
    text-align: left;
    text-decoration: none;
}
.second_model .newSignupModal .modal-body, .second_model .purchase_loginSignup .modal-body {
    height: auto;
    margin-bottom: 0;
}
.newPurchaseThanks-main {
    width: 758px;
}
.purchaseThanksNew .newSignupThanku-head-main {
    width: 90%;
}
.purchaseThanksNew-body-cnt {
    color: #000;
    display: inline-block;
    vertical-align: top;
    width: 49%;
}
.purchaseThanksNew-body-cnt-left {
    width: 58%;
}
.purchaseThanksNew-body-cnt-right {
    width: 41%;
}
.purchaseThanksNew-body-cnt p {
    color: #5e5e5e;
    font-size: 13px;
}
.purchaseThanksNew-body-cnt .newSignupThanku-dataTitle {
    width: 26%;
}
.purchaseThanksNew-body-cnt .newSignupThanku-dataCnt {
    max-width: 71%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
}
.purchaseThanksNew-body-cnt .newSignupThanku-body-main {
    margin-bottom: 6px;
}
/*.purchaseThanksNew-body-cnt button {
    background-color: #f47f20;
    border-color: #f47f20;
    color: #fff;
    font-weight: bold;
}
.purchaseThanksNew-body-cnt button:hover, .purchaseThanksNew-body-cnt button:focus, .purchaseThanksNew-body-cnt button:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.8;
}*/
.purchaseThanksNew-body-cnt ul {
    font-weight: bold;
    margin: 0;
    padding-left: 13px;
}
.purchaseThanksNew-body-cnt li {
    margin-top: 3px;
}
.purchaseThanksNew-bodyPart {
    padding: 25px 19px;
}
.purchaseThanksNew-bodyPart a {
    text-decoration: underline;
}
.purchaseThanksNew-bodyPart a:focus, .purchaseThanksNew-bodyPart a:hover, .purchaseThanksNew-bodyPart a:active {
    color: #f47f20;
    text-decoration: none;
}
.purchaseThanksNew-bodyInvoice {
    background-color: #f47f20;
    border-color: #f47f20;
    color: #fff;
    font-weight: bold;
    margin-right: 20px;
}
.purchaseThanksNew-bodyInvoice:hover, .purchaseThanksNew-bodyInvoice:focus, .purchaseThanksNew-bodyInvoice:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.8;
}
.purchaseThanksNew-bodyPartBtn {
    background-color: #f47f20;
    border-color: #f47f20;
    color: #fff;
    font-weight: bold;
    padding: 6px 30px;
}
.purchaseThanksNew-bodyPartBtn:hover, .purchaseThanksNew-bodyPartBtn:focus, .purchaseThanksNew-bodyPartBtn:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.8;
}
.purchaseThanksNew .newSignupThanku-foot {
    padding: 0;
}
.hanksNew-bodyPart2 {
    display: none;
}



/***Account Switch Css***/
.vokiAccount-switchDiv {
    background-color: #452d0b;
    cursor: pointer;
    margin: 0 5px;
    padding: 12px 13px;
}
.vokiAccount-switchDiv:hover .vokiAccount-switchArrow {
    display:  inline-block;
}
.vokiAccount-switchDiv:hover .vokiAccount-switchExtra {
    display: none;
}
.user_acc .dropdown-menu > .vokiAccount-switch a.acc_btn {
    background-color: #452d0b;
    border: medium none;
    color: #fff;
    font-size: 15px;
    line-height: 16px;
    margin: 0 10px;
    padding: 0;
    text-align: left;
    width: 70%;
}
.user_acc .dropdown-menu > .vokiAccount-switch a.acc_btn > div, .dropdown_header-cnt .vokiAccount-switch a.acc_btn > div {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 95px;
}
.vokiAccount-switchArrow {
    border-bottom: 10px solid transparent;
    border-left: 7px solid #f47f20;
    border-top: 10px solid transparent;
    display: inline-block;
    height: 0;
    vertical-align: middle;
    width: 0;
}
.vokiAccount-switchExtra {
    display: inline-block;
    padding-left: 2px;
}
.vokiAccount-switchActive {
    display: inline-block;
}
.vokiAccount-switchUnActive {
    display: none;
}
.dropdown_header-cnt .vokiAccount-switch a.acc_btn {
    background-color: #452d0b;
    border: medium none;
    color: #fff;
    line-height: 16px;
    margin: 0 10px;
    padding: 0;
    text-align: left;
    width: 70%;
}
.dropdown_header-cnt .vokiAccount-switch a.acc_btn:hover {
    background-color: #452d0b;
}

/* New changes from 15-nov */
.voki-create_right-btm a:hover
{
    text-decoration: none;
    color: #f47f20;
    cursor:pointer
}
.container_teacher_list
{
    padding-left:1%;
    color:#5e5e5e;
    margin-top:15px;
    display:none;
}
.container_teacher_list .fa-question-circle
{
    color:#C2C2C2;
}
.container_teacher_list_btn
{
    text-align:center;
}
.container_teacher_list_btn p
{
    font-size:13px;
}
.btn-vokitrial
{
    background-color: #f47f20;
    color: #fff;
    font-weight: bold;
    padding: 5px 43px;
    margin-bottom:4px;
    margin-top:10px;
}
.btn-vokitrial:hover, .btn-vokitrial:focus, .btn-vokitrial:active {
    background-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}
.container_teacher_list_btn p a {
    text-decoration: underline;
}
.container_teacher_list_btn p a:hover
{
    text-decoration:none;
}
.teacher_upgrade
{
    line-height:0.9;
}
.elite_version_bar
{
    background-color:#E3E3E3;
    padding:6px 5px ;
    /* margin-bottom:7px;*/
    text-align: center;
}
.elite_version_bar .fa-times-circle-o
{
    font-size:19px;
    cursor:pointer;
}
.elite_version_bar a
{
    text-decoration:underline;
}
.elite_version_bar .fa-question-circle {
    color: #c2c2c2;
}
.elite_version_bar a:hover {
    text-decoration:none;
    color:#f47f20 ;
    cursor:pointer;
}
.elite_version_bar > span
{
    cursor:pointer;
}
.elite_version_bar > span .tooltip-inner
{
    width:400px;
}
/* New design changes for classroom and presenter page starts */

.voki-create_right-btm #teacher_upgrade_head span
{
    border:none;
    width:100%;
    border-radius:0;
    height:auto;
    font-size:18px;
    padding: 0 20% 0 0;
}
.voki-create_right-btm #teacher_upgrade_head span
{
    border:none;
    width:100%;
    border-radius:0;
    height:auto;
    font-size:18px;
    padding: 0 20% 0 0;
}
.upper_heading_voki
{
    font-size:24px;
    word-spacing: 3px;
    margin-top: 30px;
}
.lower_heading_voki
{
    font-size:14px;
    color:black;
}
.lower_content_container
{
    padding-top:4%;
}
.lower_content_container img
{
    height:100%;
    width:100%;
}
.inner_right_container_image img
{
    width:55px;
    margin-top: 20px;
}
.inner_right_container_info .row
{
    min-height:75px;
    padding:10 0px;
    margin: 5px 0;
}
.inner_right_container_heading
{
    font-size:20px;
}
.secondary_right
{
    margin-left:10px;
    float:left;
    width:84%;
}
.freetrialbutton
{
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
	width:200px;
}
.classroom-free-edition-full {
    width: 230px;
    display: inline-block;
}
.classroom-edition {
    width: 200px;
    display: inline-block;
    margin-top: 20px;
}

.classroom_b:hover{
    background-color: #5f8446 !important;
    color: #fff !important;
}
.presenter_b:hover{
    background-color: #345f92 !important;
    color: #fff !important;
}
.inner_right_container_content
{
    line-height:1.1;
}
.classroom_text
{
    color:#4a6f31;
}
.presenter_text
{
    color:#1b4679;
}
.image_title_lower a
{
    text-decoration:underline;   
}
.image_title_lower a:hover
{
    cursor:pointer;
    color: #ff8e2f;
    text-decoration:none;
}
.image_title
{
    margin-top:2px;
}
.trial_button_beneath
{
    font-size:11px;
    padding-top:3px;
    clear:both;
}
.trial_button_beneath a
{
    text-decoration:underline;
}
.trial_button_beneath a:hover
{
    text-decoration:none;
    color: #ff8e2f;
    cursor:pointer;
}
.classroom_b
{
    background-color: #4a6f31;
}
.presenter_b
{
    background-color:#1b4679;
}
.teacher_upgrade_outer_div span
{
    width:100%;
    border:none;
    border-radius:0;
    font-size:12px!important;
    margin-right:0px;
}
.teacher_upgrade_outer_div
{
    cursor:pointer;
    font-weight: bold;
}
.container_teacher_list i:hover
{
    cursor:pointer;
}
.voki-create_right-btm-ul-li .tooltip-inner
{
    width:300px;
}
.purchase_level-body ul li span se
{
    cursor:pointer;
    text-decoration:underline;
}
.purchase_level-body ul li span se:hover
{
    text-decoration:none;
}









/* New design changes ends */


/*New Signup Design fields*/
.signupSelectI label {
    width: 24%;
}
.signupSelectI select {
    display: inline-block;
    width: 74.5%;
}
.signupDob label {
    width: 24%;
}
.signupDob select {
    display: inline-block;
    width: 23.9%;
    padding: 6px 4px;
}
.elite_version_bar .tooltip
{
    border:none;
    background-color: transparent;
}
.age_warning {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
}
/* PRICING PAGE NEW DESIGN CHANGES STARTS */
.second-TC_cnt a
{
    text-decoration:underline;
}
.second-TC_cnt a:hover {
    text-decoration:none;
    color:#f47f20 ;
    cursor:pointer;
}
#reason_of_archive , #reason_of_unarchive {
    resize: none;
}
.empty_error_message
{
    color:red;
    display:none;
    margin-top: 5px;
}





/* PRICING PAGE NEW DESIGN CHANGES ENDS */

/* Download POP up design starts */

.model_download {
    width: 1100px;
}
.download_container_showmobile {
    display: none;
}
.download_container {
    margin-top: -35px;
    color: #000;
}
.download_cnt > h2 {
    font-size: 20px;
    font-weight: bold;
}
.download_cnt_steps {
    margin-top: 40px;
}
.download_cnt_steps_header {
    font-size: 22px;
    border-bottom: 1px solid #f47f20;
    padding-bottom: 6px;
}
.download_cnt_steps_data {
    padding-left: 30px;
    padding-right: 10px;
    font-size: 18px;
    margin-top: 25px;
    display: inline-block;
    width: 100%;
}
.download_cnt_steps_data_part {
    margin-bottom: 25px;
}
.download_cnt_steps_data_part > span {
    width: 40px;
    display: inline-block;
    text-align: center;
    height: 40px;
    border: 2px solid;
    color: #f47f20;
    font-size: 26px;
    vertical-align: middle;
    border-radius: 100%;
    line-height: 34px;
    margin-right: 10px;
}
.download_cnt_steps_data_part > div {
    display: inline-block;
    width: calc(100% - 57px);
    vertical-align: middle;
    line-height: 20px;
}
.download_cnt_download {
    margin-top: 30px;
    margin-bottom: 15px;
}
.download_cnt_download_cnt {
    margin-top: 20px;
}
.download_cnt_download_cnt > a:hover, .download_cnt_download_cnt > a:focus, .download_cnt_download_cnt > a:active {
    color: #f47f20;
    text-decoration: underline;
}
/* Download POP up design ends */


.footnote_school_offer a {
    text-decoration: none;
}   
.footnote_school_offer a:hover , .footnote_school_offer a:focus , .footnote_school_offer a:active  {
    color: #ffffff;
    text-decoration: none;
    opacity:0.9;
}


/* School Administrator Design starts */
.account-cnts_3-header {
    border-bottom: 1px solid #cbcbcb;
    display: inline-block;
    height: 34px;
    margin-top: 14px;
    width: 100%;
}
.account-cnts_3-header h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}   
.school_administrators_contain {
    padding: 0 10px;
    width:100%;
    margin-top: 14px;
    display:inline-block;
}
.school_administrators_heading
{
    border-bottom: 1px solid #cbcbcb;
    display:inline-block;
    width:100%;
    padding:8px 0;
}
.school_administrators_heading h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}
.school_administrators_contain h4
{
    font-weight:bold;
    font-size:17px;
}
.school_administrators_contain button{
    background-color: #f47f20;
    color: #ffffff;
    font-size: 10px;
    font-weight: bold;
    padding: 7px 20px;
    margin:0 5px;
}
.school_administrators_sub_heading {
    float: left;
    width: 100%;
}
.school_administrators_each_admin
{
    background-color:  #FFFFFF;
    display: inline-block;
    padding: 0 10px;
    width: 100%;
    margin-bottom:5px;
}
.school_administrators_contain .fa-times-circle
{
    color: #f47f20;
    font-size: 30px;
    vertical-align: middle;
}
.school_administrators_contain img
{
    /*height: 35px;*/
}
.school_administrators_contain .eachrow {
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.account-cnts_1-header h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}
.account-cnts_1-header {
    border-bottom: 1px solid #cbcbcb;
    display: inline-block;
    height: 35px;
    width: 100%;
}
.school_administrators_contain button:hover, .school_administrators_contain button:focus, .school_administrators_contain button:active {
    background-color: #ff8e2f !important;
    color: #ffffff !important;
}
.school_select_dropdown {
    display: inline-block;
    margin: 0 0 12px 20px;
    vertical-align: super;
}
.school_select_dropdown button {
    color: #601a79;
    font-weight: bold;
    font-size:13px;
}
.school_select_dropdown button:hover , .school_select_dropdown button:focus , .school_select_dropdown button:active
{
    color:#601a79;
}
.school_select_dropdown ul {
    min-width: 227px;
}
.school_administrators_each_admin .name {
    padding: 0 5px 0 0;
}
/* School Administrator Design ends */

/* Pricing page design changes  */
.pricing_head_level_name > h2 {
    color: #ffffff;
    font-weight: bold;
    margin: 0;
    font-size: 40px;
    padding: 12px 0 12px 12px;
}
.pricing_head_level_name
{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.pricing_head_level_1
{
    background-color: #4a6f31;
}
.pricing_head_level_2
{
    background-color: #1b4679;
}
.pricing_head_level_3
{
    background-color: #af1111;
}
.prining-head_cnt-grey
{
    color:#868F96;
}
.pricing_head_level_basic > h2
{
    color:#676767;
}
.pricing_head_level_basic {
    border-style: solid;
    border-width: 3px 3px 0;
    background-color: #ffffff;
}
.prining-head_cnt-grey h4
{
    color:#858E94;
}
.hm_content-grey
{
    background-color: #868F96;
}
.pricing_head_level_basic > h2 {
    padding: 13px 0 13px 10px;
}
.school_district_license {
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    padding: 9px 5px;
    width:140px;
}
.school_pricing_main_container
{
    background-image: url("../images/school/bg-1.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.school_top_head h2
{
    font-size: 34px;
    font-weight:bold;
    color: #000000;
    margin-bottom: 0;
}
.school_top_head p
{
    font-size: 18px;
    color: #000000;
}
.school_pricing_container_inner_half 
{
    margin: 0 auto;
    width: 58%;
}
.school_pricing_container_inner
{
    color:#000000;
}
.school_pricing_container_inner_half .myeach_option h4
{
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}
.myeach_option 
{
    margin: 22px 0;
}
.school_pricing_container_inner_half .myeach_option p
{
    line-height:1.1;
    margin: 0;
}
.school_pricing_footer_queries
{
    margin:40px auto 10px;
    width:58%;
}
.school_pricing_footer_queries h4
{
    margin: 0;
    font-weight: bold;
    font-size: 18px;
    text-align:center;
}
.school_pricing_footer_queries p
{
    color: #787876;
    font-size: 16px;
    font-weight: bold;
    text-align:center;
}
.upto_50_teachers_query::after, .over_50_teachers_query::after {
    background: #000000 none repeat scroll 0 0;
    content: "";
    height: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}
.school_pricing_footer_queries .main_query
{
    margin-top:10px;
    margin-bottom: 20px;
}
.main_query hp
{
    color: #000000;
    font-weight: bold;
    font-size: 16px;
}
.footer_question
{
    margin: 16px auto 30px;
}
.my_button_hover a:hover , .my_button_hover a:focus , .my_button_hover a:active
{
    color: #ffffff;
    opacity: 0.9;
    text-decoration: none;
}
.my_anchor_hover a:hover , .my_anchor_hover a:focus , .my_anchor_hover a:active
{
    color: #f47f20;
    opacity: 0.9;
    text-decoration: none;
}
.underline
{
    text-decoration: underline;
}
.black_text
{
    color:#000000;
}
.bolder
{
    font-weight: bold;
}

/*new header changes starts*/
.dropdown-menu  h4 {
    font-size: 18px;
    font-weight: bold;
    padding-left: 10px;
}
.dropdown-menu .my_outer
{
    margin: -5px 15px;
    width: 220px;
    /*border-top:2px solid #898280;*/
}
.dropdown-menu .each_account_div
{
    padding: 8px 5px 10px;
    cursor: pointer;
}
.margin-00
{
    margin: 0;
}
.dropdown-menu .schoolss
{
    /*        border-top: 1px solid grey;
            border-bottom: 1px solid grey;*/
    margin: 0 10px;
}
.administrators .my_schools_contain {
    margin-left: -4px;
}
.dropdown-menu .active
{
    text-overflow: ellipsis;
    display: inline-block;
    line-height: 14px;
    overflow: hidden;
    white-space: nowrap;
    color:#D46406;
    width: 84%;
    margin-right: 0;
}
.dropdown-menu span
{
    text-overflow: ellipsis;
    display: inline-block;
    line-height: 14px;
    overflow: hidden;
    white-space: nowrap;
    width: 95%;
    margin-right: 0;
    margin-left:-3px;
}
.vokiAccount-switchArrow {
    border-bottom: 6px solid rgba(0, 0, 0, 0);
    border-top: 6px solid rgba(0, 0, 0, 0);
}
.schoolss p
{
    margin-bottom: 2px;
}
.user_acc .dropdown-menu li .accc_btn {
    background-color: rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 0;
    margin: 0 10px;
    text-align: left;
    display:block;
    padding: 8px 6px;
}
.user_acc .dropdown-menu li .accc_btn:hover
{
    background-color: #4d4240;
}
.user_acc .dropdown-menu li  a {
    color: #ffffff;
    font-size: 15px;
    margin: 3px 9px 3px 16px;
    padding: 0;
}   
.user_acc lev
{
    padding-left:16px;
}
.user_acc .dropdown-menu li.user_subscription a:hover
{
    text-decoration:none;
}
/*    .user_acc .dropdown-menu .each_account_div:hover .vokiAccount-switchArrow {display: inline-block;}
    .user_acc .dropdown-menu .each_account_div:hover .vokiAccount-switchExtra {display: none;}*/
.user_acc .dropdown-menu .each_account_div p
{
    display: inline-block;
    padding-left:5px;
}
.user_acc .dropdown-menu {
    min-width: 163px;
}
.user_detail i {
    margin-left: 12px;
}
.dropdown-menu .each_account_divs {
    cursor: pointer;
    padding: 2px 0 3px;
}
.my_personal .each_account_div
{   
    /*border-bottom:2px solid #898280;*/
}
.schoolss.only_bottom {
    margin-bottom: 4px;
    border-bottom: none;
}
.schoolss.only_top {
    margin-top: 4px;
    border-top: none;
}
.my_schools_contain {margin-left: -9px;}
.each_account_div:hover
{
    background-color: #4d4240;
}
.schoolss .my_schools_contain p {
    height: 100%;
    line-height: 20px;
    text-align: left;
    padding-left:3px;
    width: 95%;
    margin: 2px 0 0 3px;
}
.schoolss .my_schools_contain .school_name
{
    height:23px;
}
.schoolss .my_schools_contain .backk {
    background-color: #4d4240;
}
.dropdown-menu li a.accc_btn.selected-acc_btn {
    background-color: #4d4240;
    cursor: default;
}
.my_outer li {
    padding: 4px 0;
}
.scroll-left {
    height: 23px;	
    overflow: hidden;
    position: relative;
}
.scroll-left p {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    line-height: 20px;
    text-align: center;
    /* Starting position */
    -moz-transform:translateX(100%);
    -webkit-transform:translateX(100%);	
    transform:translateX(100%);
    /* Apply animation to this element */	
    -moz-animation: scroll-left 6s linear infinite;
    -webkit-animation: scroll-left 6s linear infinite;
    animation: scroll-left 6s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
    0%   { -moz-transform: translateX(0%); }
100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
    0%   { -webkit-transform: translateX(0%); }
100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
    0%   { 
    -moz-transform: translateX(0%);  
    -webkit-transform: translateX(0%);  
    transform: translateX(0%); 		
}
100% { 
    -moz-transform: translateX(-100%);  
    -webkit-transform: translateX(-100%); 
    transform: translateX(-100%); 
}
}


/*new header changes ends*/

.model-btns-combo
{
    margin:40px 0 20px;
}
.model-btns-combo button {
    color: #ffffff;
    font-weight: bold;
    margin-left: 10px;
    padding: 4px 12px;
    width: 130px;
}
.model-btns-combo .cancel_button {
    background-color: #a7a7a7;
    border-color: #a7a7a7;
}
.model-btns-combo .orange_button {
    background-color: #f47f20;
    border-color: #f47f20;
}
.cancel_button:hover, .cancel_button:focus, .cancel_button:active {
    background-color: #a7a7a7 !important;
    border-color: #a7a7a7 !important;
    color: #ffffff !important;
    opacity: 0.8;
}
.orange_button:hover, .orange_button:focus, .orange_button:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #ffffff !important;
    opacity: 0.8;
}
.model-btns-combo.wider-ones button {
    min-width: 175px;
    width: auto;
    margin-top: 4px;
}
/* School pricing pop-ups start */
.school_register_container .upper_heading > p 
{
    margin-top: -30px;
}
.main_form_containment {
    padding: 10px 70px 0;
}
.main_form_containment .form-entity {
    display: inline-block;
    width: 100%;
}
.form-entity
{
    margin-bottom:5px;
}
.reg_teach
{
    margin:7px 0;
}
.form-entity .address_lines
{
    float:right;
    margin-top: 3px;
}
.zip_contain
{
    display: inline-block;
    width:49%;
}
.country_contain {
    width: 50%;
}
.form-entity .orange_button {
    background-color: #f47f20;
    border-color: #f47f20;
}
.form-entity  button {
    color: #ffffff;
    font-weight: bold;
    padding: 4px 10px;
}
.button_containment
{
    margin: 10px 0;
}

/* School pricing pop-ups end */
.lower_betn
{
    margin:14px 0;
}
.lower_betn .sub-btn
{
    padding: 8px 60px;
}
.register_form_container {
    padding: 0 80px;
}
.voki-create-not_available .text_head
{
    width:275px;
}
.border_main_div {
    border-color: #898280;
    border-style: solid;
    border-width: 0 0 2px;
}
.school_arrow
{
    font-size: 18px;
}
.each_school_info
{
    padding:0 10px;
}
.school_administrators_contain .panel-heading.inactive
{
    background-color: #FDE4CE;
}
.school_administrators_contain .panel-heading.active
{
    background-color: #E7D6DE;
}
.school_administrators_contain .active_school
{
    background-color: #E7D6DE;m
}
.school_administrators_contain .panel-heading
{
    cursor: pointer;
}
.panel-heading.active .panel_head_inner {
    border-bottom: 2px solid #ffffff;
    padding-bottom: 5px;
}
.account-admins-img img {
    width: 100px;
}
.account-admins-img .account-edit-img {
    top: 6px;
    color: #ffffff;
    cursor: pointer;
    position: absolute;
}
.admin_account_buttons {
    background-color: #f47f20;
    color: #ffffff;
    font-size: 10px;
    font-weight: bold;
    padding: 9px 0;
    width: 100%;
}
.admin_account_buttons.extend
{
    margin-top: 36px;
    padding: 8px 0;
}
.my_anchors a:hover , .my_anchors a:focus , .my_anchors a:active {
    background-color: #f47f20;
    color: #ffffff;
    opacity: 0.8;
}
.admin_my_info
{
    float: none;
    margin: 0 auto;
}
.dl-horizontal input {
    width: 100%;
}
.dl-horizontal input.halves {
    width: 49%;
}
.account-cnt_3-hide input
{
    margin:1px 0;
}
.purchase_level-detail .new_width
{
    width:240px;
    padding: 7px 2px;
    font-size: 17px;
}
.Voki_video_container {
    text-align: center;
}
.smaller_screen_slider_buttons {
    padding: 10px 0;
    text-align: center;
    display:none;
    z-index: 1;
    position: relative;
}
.smaller_screen_slider_buttons .banner_buttons_here {
    display: inline-block;
    margin: 0 15px;
    width: 30%;
}
.smaller_screen_slider_buttons .banner_buttons_here > img {
    width: 100%;
}
.modal-dialog.model_prevalidate {
    margin: 100px auto;
    width: 450px;
}
.second_model .model_prevalidate .modal-body {
    height: auto;
    margin-bottom: 15px;
}
.model_prevalidate .modal-content {
    border: medium none;
}
.sub-btnss{
    color: #fff;
    font-weight: bold;
    padding: 6px 20px;
}
.sub-btnss:hover, .sub-btnss:focus, .sub-btnss:active{
    background-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}
.sub-divs {
    margin-top: 10px;
}
.grey-buttons {
    background-color: #a7a7a7;
    border-color: #a7a7a7;
}
.grey-buttons:hover, .grey-buttons:focus, .grey-buttons:active {
    background-color: #a7a7a7 !important;
    border-color: #a7a7a7 !important;
    color: #fff !important;
    opacity: 0.8;
}
.rating_popup_container .sub-divs
{
    margin : 25px 0; 
}
.rating_popup_container .btn {
    margin: 0 10px;
    width: 200px;
}
.feedback_title
{
    padding-left:25px;
}
.rating_popup_container textarea {
    min-width: 90%;
    min-height: 120px;
}
.rating_popup_container .rating-container .filled-stars {
    color: #feea1d;
}
.feedback_text.text-center {
    margin-top: 12px;
}
.No_Voki img {
    margin: 20px 0;
}
.No_Voki {
    min-height: 400px;
    padding-top: 35px;
}
.account_upgrade_footer {
    margin-bottom: 24px;
    margin-top: 24px;
}
.Add_voki_here a {
    background-color: #f47f20;
    border-color: #f47f20;
    color: #ffffff;
    font-weight: bold;
    margin-right: 5px;
    padding: 4px 0;
    width: 165px;
}
.limit_reached {
    padding: 0 15px;
}
.limit_reached .features {
    padding-left: 15px;
    padding-top: 5px;
}
.limit_reached .black_text
{
    margin-top: 20px;
}
.product_images_here {
    height: 175px;
    padding: 28px 0 0;
}
.cnt_data_block.product_space {
    padding-top: 10px;
    color: #5e5e5e;
}
.special_off {
    background-color: #f47f20;
    color: #ffffff;
    font-weight: bold;
    padding: 0 3px;
    position: absolute;
    bottom: 0;
    left:5px;
}
.product_space .hm_content-img {
    position: relative;
}
.teach_process
{
    cursor: pointer;
}
.school_license_promotion img {
    width: 100px;
    margin-bottom: 15px;
}
.teach_process_contain{
    padding-top: 0;
    margin-top: -25px;
}
.Add_voki_here {margin-bottom: 30px;}
.allowed_ones.no_border{border: none;}
.mvoki_new_date{margin-bottom: 8px;}
.mvoki_new_head{margin-bottom: 10px;}
.white_text{color: #ffffff;}
.Add_present-container{margin: 0 40px;}
#lets_edit_pname , .pname_edit , .pdes_edit , #lets_edit_pdes{
    display: none;
    float: left;
    margin-left: 3px;
}
.p_details_name.yes:hover #lets_edit_pname{
    display: inline;
}
.p_details_description.yes:hover #lets_edit_pdes{
    display: inline;
}
.pname_edit , .pdes_edit{
    width: 75%;
}
.school_license_promotion {
    background-image: url("../images/school-license-bg.png");
    min-height: 300px;
    background-repeat: no-repeat;
    background-position: center center ;
    padding: 75px 0 0;
    font-size: 26px;
}
/* New Pricing page changes */
.my_plans .upper_container{
    margin-bottom: 0px;
}

.first-year-msg{
	margin:15px 0;
	color:#909090;
}
.my_plans .lower_container{
    margin-bottom: 60px;
}
.upper_heading_plans{
    padding: 20px 0;
}
.upper_heading_plans span{
    font-size: 30px;
}
.upper_container table th , .lower_container table th{
    color: #ffffff;
    font-size: 15px;
    text-align: center;
    border-right: 1px solid #ffffff;
}
.upper_container table th.padd , .lower_container table th.padd{
    padding: 10px 12px;
    text-align: left;
}
.upper_container table td.padd , .lower_container table td.padd{
    padding: 10px 12px;
    text-align: left;
    color: #000000;
    font-weight: bolder;
}
.hm_content-purple{
    background-color: #601a79;
}
.my_plans table td img{
    width: 45px;
}
.my_plans table td img.pricing_que{
    width: 18px;
    filter: grayscale(100%);
    margin: 0;
}
.my_plans tbody tr td:first-child {
    width: 28%;
}
.my_plans tbody tr td{
    width: 12%;
    border : 1px solid #f47f20;
}
.my_plans tbody tr td se{
    cursor: pointer;
    text-decoration: underline;
}
.my_plans tbody tr td se:hover {
    text-decoration: none;
}
.my_plans table { border-collapse: separate; }
.my_plans table td:first-child { border-top-left-radius: 5px; }
.my_plans table td:last-child { border-top-right-radius: 5px; }
.my_plans table td:first-child { border-bottom-left-radius: 5px; }
.my_plans table td:last-child { border-bottom-right-radius: 5px; }
.my_plans table th:first-child { border-bottom-left-radius: 5px; }
.my_plans table th:first-child { border-top-left-radius: 5px; }
.my_plans table th:last-child { border-bottom-right-radius: 5px; }
.my_plans table th:last-child { border-top-right-radius: 5px; }

.level_specifications h3{
    margin-bottom: 2px;
    margin-top: 0;
    font-weight: bold;
}
.level_specifications > span{
    color: #5e5e5e;
    display: block;
    height: auto;
    width: 100%;
    font-weight: bold;
    font-size: 16px;
}
.empty_basic_specifications {
    min-height: 48px;
}
.pricing-head_cnt .benefit{
    padding-left: 15px;
}
.pricing_middle .imp_note{
    font-size: 22px;
    font-weight: bold
}
.pricing_middle{
    padding-top: 15px;
    padding-bottom: 40px;
}
.voki_schools_info_contain.row {
    margin: 0 auto;
    padding-top: 20px;
    width: 75%;
}
.info_head_vschool.hm_content-purple {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #ffffff;
    font-size: 25px;
    font-weight: bold;
    height: 55px;
    padding: 10px 0;
}
.voki_schools_info_contain .info_body {
    border: 2px solid #601a79;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    min-height: 160px;
    padding: 6px 0;
    background-color: #ffffff;
}
.info_body span1{
    font-size: 17px;
}
.info_body h1 {
    color: #000000;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 5px;
    font-size: 38px;
}
.info_body h6 {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}
.info_body.district h1{
    margin-top: -3px;
    font-size: 33px;
}
.paid_user_features{
    width: 700px;
    margin: 0 auto 20px;
    text-align: left;
	border-bottom: 1px solid #5e5e5e;
	padding-bottom: 13px;
}
.paid_user_features li.maini {
    color: #5e5e5e;
    font-size: 15px;
    font-weight: bold;
    margin: 5px 0;
}
.paid_user_features li{
    list-style-type: disc !important;
}
.paid_user_features li img{
    filter: grayscale(100%);
    width: 18px
}
.paid_user_features .tooltip-inner{
    width: 400px;
    min-width: 400px;
}
.voki_schools_info_contain div.col-md-4 .info_head_vschool,.voki_schools_info_contain div.col-md-4 .info_body,.voki_schools_info_contain div.col-md-3 .info_head_vschool,.voki_schools_info_contain div.col-md-3 .info_body{cursor:pointer;}
.pricing_school_middle {
    margin-top: -45px;
    padding-bottom: 20px;
}
.school_pricing_footer .p_orders p{
    color: #5e5e5e;
    font-size: 15px;
}
.school_upper_section {
    border-bottom: 1px solid #cbcbcb;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
.smaller_screen p {
    display: inline-block;
    padding-left: 5px;
}
.purchase_level-popup .upper_info p.black_text{
    margin: 0;
    font-size: 22px;
}
.purchase_level-popup .upper_info p{
    margin: 0 0 5px;
    font-size: 20px;
}
.purchase_level_stats{
    margin: 0 auto;
    width: 240px;
    text-align: left;
}
.purchase_level_stats .upper_info button{
    width: 220px;
    padding: 7px 2px;
    font-size: 18px;
    margin: 10px 0 20px;
}
.purchase_level_stats .upper_info sp{
    font-weight: bold;
}
.purchase_level_stats .upper_info ul{
    padding-left: 15px;
}
.purchase_level_stats .upper_info se:hover {
    text-decoration: none;
}
.school_register_container .tooltip-inner{
    width: 420px;
    min-width: 420px;
}
.grayscaleme{
    filter: grayscale(100%);
}
.any-orange-button{
    background-color: #f47f20 !important;
    border-color: #f47f20;
    color: #ffffff;
}
.school_po_outer {
    color: #000000;
}
.school_po_body {
    padding: 0 200px;
}
.school_po_outer .m_head {
    font-size: 18px;
}
.school_po_each_step h3 {
    font-weight: bold;
    text-align: left;
    margin-bottom: 0;
}
.school_po_each_step > p {
    font-size: 16px;
    margin-bottom: 2px;
    text-align: left;
}
.footer_question_spo {
    margin: 35px 0 60px;
}
.school_po_image {
    width: 100%;
}
#third_model .modal-body {
    padding: 10px 55px;
}
.modal-dialog.smaller-one {
    padding: 65px 0;
    margin: auto;
    width: 500px;
}
.pricing-head_cnt div.text-center a{
    -moz-box-shadow:0 0 3px 0 black;
    -webkit-box-shadow:0 0 3px 0 black;
    box-shadow:0 0 3px 0 black;
}
.pricing-header .prining-head_cnt-grey{
    padding-left: 15px;
} 


.plan_headings.row {
    width: 100%;
}
.plan_headings.row div {
    color: #ffffff;
    display: inline-block;
    float: left;
    cursor: pointer;
    font-weight: bold;
    width: 11.5%;
    padding: 10px 12px;
    margin-right: 1px;
}
.upper_container .plan_headings .padd {
    width: 28.5%;
    border: none;
    text-align: left;
    padding-left: 10px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.all_plans_each div.data {
    display: inline-block;
    float: left;
    padding: 10px 12px;
    width: 11.5%;
    border: 1px solid #f47f20;
    min-height: 42px;
    margin-right: 1px;
}
.my_plans .all_plans_each .first_one {
    width: 28.5%;
    color: #000000;
    font-weight: bold;
    text-align: left;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    padding-left: 10px;
}
.all_plans_each.row {
    width: 100%;
    padding: 1px 0;
}
.all_plans_each.row img {
    width: 42px;
}
.my_plans .all_plans_each img.pricing_que {
    filter: grayscale(100%);
    margin: 0;
    width: 18px;
}
.all_plans_each div.cimg{
    padding: 5px;
}
.my_plans .last_one {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    width: 20% !important;
}
.all_plans_each .tooltip-inner{
    width: 380px;
}
.lower_container .special_offs{
    color:#909090;
    font-weight:bold;
    margin: 5px 35px 0 0;
}
.special_offs sp{
    width: 100%;
}
.forbid_personal {
    margin-bottom: -20px;
    padding: 0 15px;
}
.all_plans_each div.data se{
    cursor: pointer;
}


.only_personal_goes_here {
    float: none;
    margin: 0 auto;
}
.upper_full_length {
    width: 100%;
}
.account-level2 {
    color: #1b4679;
}
.account-level3 {
    color: #af1111;
}
.account-level1 {
    color: #4a6f31;
}
.presenter_goes_here h3, .presenter_goes_here .account-cnt_2-cnt {
    padding-left: 10px;
}

.onoffswitch {
    position: relative; width: 40px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    float: right;padding-top: 5px;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 1px solid #616161; border-radius: 8px;margin-bottom: 0;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 14px; padding: 0; line-height: 20px;
    font-size: 13px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "";
    padding-left: 10px;
    background-color: #A7DEA7; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "";
    padding-right: 10px;
    background-color: #9C9C9C; color: #FFFFFF;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 25px;
    background: #FAFAFA;
    position: absolute; top: 0.5px; bottom: 0;
    right: 15px;border: 1px solid #616161;
    border-radius: 18px;height: 24px;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: -1px; 
    background-color: #00DE01; 
}
.onoffswitch .btn-overlay {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 9;
    cursor: pointer;
}
.Modal-padding {
    padding: 0 10px 0 20px;
}
.account-cnt_3-header .acc_status {
    float: left;
    font-weight: bold;
    margin: 3px 12px 0 0;
}
.acc_status .tool_title , .acc_status .tool_cnt {
    font-size: 17px;
    margin: 0;
    display: inline;
}
.acc_status img{
    cursor: pointer;
}
.acc_status .tooltip-inner{
    min-width: 330px;
}
.deactive_add_comment .other_reason{
    width: 100%;
    height: 115px;
}
.deactive_reason .col-md-5{
    margin-bottom: 20px;
    margin-top: 5px;
    width: 30%;
}
.deactive_reason .col-md-7{
    width: 70%;
}

.extra-edge {
    padding-left: 18px;
}
.new_student_header h2{
    color: #ffffff;
    font-size: 17px;
    font-weight: bold;
    margin: 18px 20px;
    padding: 0;
    display: inline-block;
}
.Modal-padding.Writing_assign {
    margin-top: -25px;
}
.Writing_assign > span {
    display: block;
    margin-bottom: 17px;
}
.Writing_assign .file_selector .filename_selector {
    clear: left;
    float: left;
    margin-right: 5px;
    width: 350px;
}
.Writing_assign .file_selector #fileName{
    width: 100%;
}



/* new Classroom Design starts */
.my_orange_button {
    background-color: #f47f20;
    border-color: #f47f20;
}
.my_cancel_button {
    background-color: #a7a7a7;
    border-color: #a7a7a7;
}
.points{
    cursor: pointer;
}
.setPoints{
     margin-bottom: 10px;
}
.ClassPoints{
     margin-bottom: 5px;
}




/* new Classroom Design Ends */

.purchase_level_stats .upper_info {
    padding-top: 20px;
}
span.each_account_type_heading {
    border-bottom: 2px solid #999697;
    color: #b9b6b7;
    font-size: 11px;
    margin: 12px 0 0;
    width: 100%;
}
span.show_all_admin_button.underline {
    width: auto;
    padding-left: 15px;
    color: #ffffff;
    display: none;
}
span.show_all_admin_button.underline.backk {
    background-color: #140202;
}
.account_expiry_alerts {
    background-color: #feffbb;
    color: #b50a11;
    padding: 5px 0;
    font-size: 14px;
}
.account_expiry_alerts a.review_link {
    text-decoration: underline;
    color: #b50a11;
    font-size: 14px;
}
.account_expiry_alerts a.review_link:hover, .account_expiry_alerts a.review_link:focus, .account_expiry_alerts a.review_link:active {
    color: #b50a11;
    text-decoration : none;
    opacity: 0.8;
}
.account_expiry_alerts .tooltip-inner {
    max-width: 600px;
    width: 600px;
}
.close_ac_alert i {
    min-width: 25px;
    cursor: pointer;
}
.assigned_content > img {
    cursor: pointer;
    width: 18px;
}
.school_license_support span.orange-text {
    display: inline-block;
    float: right;
    width: 70%;
}

.version_select_school {
    text-align: center;
}
.upper-heads {
    color: #000000;
    padding: 0 92px;
}
.upper-heads h2 {
    margin: 15px 0 5px;
}
.upper-heads h1 {
    font-size: 30px;
    margin: 0 0 12px;
}
.main_version_select_images.row {
    padding: 0 170px;
    min-height: 350px;
}
.cnt_images {
    height: 130px;
    margin: 0 auto;
    padding-top: 10px;
    width: 110px;
}
.cnt_images > img {
    width: 100%;
}
.version_ch {
    padding-top: 30px;
}
.heading_part {
    color: #000000;
    padding-bottom: 6px;
    background-color: #ffffff;
}
.heading_part h5 {
    font-size: 17px;
    margin: 1px 0;
}
.heading_part h3 {
    font-size: 18px;
    margin: 0;
}
.version_bullets {
    padding-top: 35px;
    text-align: left;
    color: #aca7a3;
}
.each_version {
    margin-top: 25px;
    padding: 0;
    cursor: pointer;
}

.controlled_version.each_version::before {
    background: #aca7a3 none repeat scroll 0 0;
    content: "";
    height: 285px;
    position: absolute;
    right: -69px;
    top: 22px;
    width: 1px;
}
.controlled_version.each_version {
    position: relative;
}
.controlled_version.each_version:hover .heading_part, .shared_version.each_version:hover .heading_part{
    border: 1px solid #601a79;
    background-color: #F9EAFD;
}
.controlled_version.each_version:hover .version_bullets > ul, .shared_version.each_version:hover .version_bullets > ul {
    color: #601a79;
}
.my_antique_button .cancel_button {
    background-color: #a7a7a7;
    border-color: #a7a7a7;
    cursor: default;
    opacity: 0.8;
}
.my_antique_button button {
    color: #ffffff;
    font-weight: bold;
    padding: 6px 12px;
    width: 140px;
}
.my_antique_button.text-center {
    padding: 22px 0 15px;
}
.footer_selection_buttons {
    margin-bottom: 65px;
}
.each_version.clicked .heading_part{
    border: 1px solid #601a79;
    background-color: #F9EAFD;
}
.each_version.clicked .version_bullets {
    color: #601a79;
}
.my_antique_button .cancel_button.active {
    background-color: #f47f20;
    border-color: #f47f20;
    color: #ffffff;
    opacity: 1;
    cursor: pointer;
}
.my_antique_button .cancel_button.active:hover, .my_antique_button .cancel_button.active:focus, .my_antique_button .cancel_button.active:active{
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #ffffff !important;
    opacity: 0.8;
}
.no_padding_modal {
    margin: -15px 30px 0;
    color: #000000;
}
.no_padding_modal p {
    margin: 0;
}
.irreversible_alert {
    color: #F8000B;
}
.no_padding_modal > ul {
    padding-left: 50px;
}
.no_padding_modal h3 {
    margin: 10px 0px 2px 32px;
}
.Container_data {
    padding-left: 31px;
}
.query_alert.text-center {
    font-size: 12px;
    padding: 3px 0;
    color: #5e5e5e;
}
.question_faq {
    padding: 0 0 29px 21px;
}
.dec_text_font{
    font-size: initial;
}

/*press page css start here*/
.press_title {
    color: #000;
    font-size: 30px;
    font-weight: bold;
    padding-top: 15px;
    text-align: center;
    padding-bottom: 15px;
}
.press_cont_left {
    display: flex;
    padding-bottom: 25px;
}
.press_cont_left a:hover{
    text-decoration: none;
}

.press_inner_text {
    color: #000;
    display: inline-block;
    margin-left: 10px;
    width: calc(100% - 120px);
}
.Pressdate {
    color: #000;
    font-weight: bold;
    font-size: 12px;
}
.pressHeading{
    color: #000;
    font-weight: bold; 
}
.press_title_link {
    font-size: 15px;
    padding-bottom: 30px;
}

.press_recent_tweets {
    background-color: #E5E5E5;
    margin-top: 25px;
    /*padding-left: 5px;*/
    margin-bottom: 30px;
}
.Press_follow_us {
    padding-top: 25px;
}

.press_email_div {
    padding-top: 10px;
}
.press_recent_title {
    color: #000;
    font-size: 19px;
    padding: 10px;
    text-align: center;
}
.followUs_font_div > a > i {
    font-size: 30px;
    padding-right: 10px;
}
.followUs_font_div {
    padding-top: 10px;
}
.pressDefaultImg {
    display: inline-block;
    vertical-align: top;
    width: 100px;
}
.press_cont_left > a:focus {
    outline: medium none;
}
.student_menu_fonts ul li a {
    color: white;
    font-weight: bold;
}
.student_right_menu {
    margin-right: 10%;
}
.home-stu-profile {
    cursor: pointer;
    margin-right: 20px;
}
.modal-dialog.student_home_embed_popup {
    width: 1100px;
}
.hm-Elheading {
    font-size: 29px;
    font-weight: bold;
    padding-bottom: 30px;
    padding-top: 4px;
}
.hm_FontCaretR{
    font-size: 33px;
}
.hm-static-1 a:hover {
    color: inherit;
    text-decoration: none;
}
.usecaseTXT {
    margin-top: 10px;
}
.account-hide > select {
  width: 100%;
}
#edit_otherTitle{
    float:left;
     width: 40%;
}
#edit_otherTitleError{
    float:left;
     padding-left: 10px;
}
.account-hide > select {
  width: 40%;
}

.pdf-reader {
    font-size: 12px;
}



/*@media query start here*/

@media screen and (min-width:1450px){
    .home-banner_css {background-size: 100% auto !important;}

    .voki-teach .sy-slides-wrap, .voki-teach .sy-slides-crop, .voki-teach .sy-list, .voki-teach .sy-slide { height: 500px;}
}
@media screen and (min-width:1400px){
    .voki-create_right-btm-basic {
        /* width: 78%;*/
        padding-right:0;
    }
}
@media screen and (min-width:1750px){
	
    /*HOme Page Banner*/
    .banner-1, .banner-2, .banner-3, .banner-4 {left: 26%;}
    .banner_main-home .sy-caption-wrap {left: 25%;}
    #animation_character {right: 23.5%;}
    .animation_flash {right: 21%;}

    .voki-teach .sy-slides-wrap, .voki-teach .sy-slides-crop, .voki-teach .sy-list, .voki-teach .sy-slide { height: 550px;}

    /*Voki Home page Add*/
    .vokiHome-Add .animation_flash {right: 9%;}
    .vokiHome-Add #animation_character {right: 6.5%;}
}
@media (max-width:1400px) and (min-width:1250px) {
    .mvoki_new_head { margin-bottom: 5px;}
    .mVoki_cnt-cols {padding-right: 20px;}
}
@media (max-width:630px) and (min-width:580px) {
    .mVoki_cnt-1_cnt {padding-top: 0px;}
    .myvoki-Add .mVoki_cnt-1_cnt-date {font-size: 10px;}
    .mvoki_new_head {margin-bottom: 5px;}
}

@media screen and (max-width:1980px){
	.myVoki-Add .myVoki-middle  {
		width: calc(100% - 350px);
	}
	.myVoki-Add .container.body_container {
		width: 95%;
	}
}
@media screen and (max-width:1720px){
	.new-editor-create {
		width: 90%;
	}
}
@media screen and (max-width:1450px){
    /*Newsletter Add*/
    .newsletter-Add .container, .product-Add .container, .myvoki-Add .container, .faq-Add .container, .support-Add .container, .myVoki-Add .container, .Presentation-Add .container, .app-Add .container {width: 1054px;}
    .newsletter-Add .newsletter-b-div {font-size: 12px;}

    /*My Voki Add*/
	.myVoki-Add .container.body_container {width: 1069px;}
    .myvoki-Add .mVoki_cnt-1_cnt-header_title {max-width: 136px;}
    .myvoki-Add .mVoki_cnt-1_cnt-imgs_nct {margin-right: 25px;}
    .myvoki-Add .mVoki_cnt-1_cnt-header img {width: 27px;}
    .myvoki-Add .mVoki_cnt-1_cnt-date {font-size: 11px; text-align: left;}

    .myvoki-Add .mVoki_cnt-1_cnt-header_title:hover span {max-width: 118px;}
    .myvoki-Add .mVoki_cnt-1_cnt-header showedit img {width: auto;}

    /*My Voki Add*/
    .myVoki-Add .new_vc-step2_1 {width: 426px;}
    .myVoki-Add .new_vc-step2_2 {width: 270px;}
    .myVoki-Add .vc-step2_3, .myVoki-Add .vc-step2_4, .myVoki-Add .vc-step2_5 {width: 429px;}


    /*Support Add*/
    .support-Add .support_txt-hdr {width: 216px;}
    .support-Add .support_wd {width: 218px;}

    /*Presentation Add*/
    .Presentation-Add .vp-create2-extend {width: 369px;}
    .Presentation-Add .code_P_size-text input.form-control {width: 42px;}

    /*App Add*/
    .app-middle .app-button-1, .app-middle .app-button-2 {width: 160px;}
    .app-middle .app-cnt2 {padding: 10px 105px;}

    /*Voki Home page Add*/
    .vokiHome-Add .banner_main-home .sy-controls {width: 1014px;}
}
@media screen and (max-width:1400px){
    #animation_character {right: 9%;}
    .animation_flash {right: 5%;}
    .banner-1, .banner-2, .banner-3, .banner-4 {left: 15%;}
    .banner_main-home .sy-caption-wrap {left: 14%;}
    .banner2-img_main {width: 1000px;}

    /*Newsletter Add*/
    .newsletter-Add .container, .product-Add .container, .myvoki-Add .container, .faq-Add .container, .support-Add .container, .myVoki-Add .container, .Presentation-Add .container, .app-Add .container {width: 954px;}
    .newsletter-Add .newsletter-b-cnt h4 {font-size: 14px;}
    .newsletter-Add .newsletter-b-div {font-size: 11px;}

    /*My Voki Add*/
	.basic-voki-create {overflow: hidden;}
	.myVoki-Add {left: -45px; margin: 0 auto; position: relative; width: 1400px;}
    .myvoki-Add .mVoki_cnt-1_cnt-header_title {max-width: 121px;}
    .myvoki-Add .mVoki_cnt-1_cnt-imgs_nct {margin-right: 21px;}
    .myvoki-Add .mVoki_cnt-1_cnt {padding-left: 10px;}

    .myvoki-Add .mVoki_cnt-1_cnt-header_title:hover span {max-width: 103px;}

    /*Support Add*/
    .support-Add .support_img {width: 71px;}
    .support-Add .support_txt-hdr {font-size: 22px; width: 200px;}
    .support-Add .support_wd {width: 203px;}
    .support-Add .support_cnt-1 span {font-size: 22px;}
    .support-Add .support_cnt-3 > span {font-size: 25px;}

    /*My Voki Add*/
    .myVoki-Add .new_vc-step2_2 {width: 254px;}
    .myVoki-Add .vc-step2_3, .myVoki-Add .vc-step2_4, .myVoki-Add .vc-step2_5 {width: 345px;}
    .myVoki-Add .hidden-input {margin-left: 125px; margin-top: 7px;}
    .myVoki-Add .voki-create_right {padding-left: 51px;}
    .myVoki-Add .voki-create_right {padding-left: 98px;}
    .myVoki-Add .voki-create_right ul {padding-right: 0;}

    /*Presentation Add*/
    .Presentation-Add .vp-create2-extend {width: 269px;}
    .Presentation-Add .code_P_size-group .form-control {width: 62%;}

    /*App Add*/
    .app-middle .app-button-1, .app-middle .app-button-2 {width: 140px;}
    .app-middle .app-button-2 {font-size: 13px;}
    .app-middle .app-cnt2 {padding: 10px 78px;}
    .app-middle .app-cnt2-left-1 {padding-right: 53px;}
    .app-middle .app-cnt2-left {padding-left: 44px;}

    /*Voki Home page Add*/
    .vokiHome-Add .banner_main-home .sy-controls {width: 914px;}

    /* New design and responsivneness changes*/
    .first_row_heading span
    {
        width:100%;
        font-size:18px;
        height: 22px;
    }
    .second_row_heading span
    {
        width:100%;
        font-size:18px;
    }
    .Add_voki_here {margin-bottom: 10px;}
}
@media screen and (max-width:1550px){
    .school_pricing_main_container {
        background-size: auto auto;
    }
}
@media screen and (max-width:1300px){
    .banner4-img_main {width: 995px;}
    .banner_main-home .sy-controls {width: 100%;}

    /*Add*/
    .newsletter-Add .container, .product-Add .container, .myvoki-Add .container, .faq-Add .container, .support-Add .container, .myVoki-Add .container, .Presentation-Add .container, .app-Add .container {width: 904px;}

    /*My Voki Create Add*/
    .myVoki-Add .voki-create_right {padding-left: 63px;}
    .myVoki-Add .vc-step2_3, .myVoki-Add .vc-step2_4, .myVoki-Add .vc-step2_5 {width: 295px;}
    .myVoki-Add .voki-create_right {padding-left: 86px;}
    .myVoki-Add .voki-create_right ul {font-size: 19px;}
    .myVoki-Add .voki-create_right .voki-create_right-btm-ul-li {font-size: 14px;}

    /*My Voki Add*/
    .myvoki-Add .mVoki_cnt-1_cnt-header_title {max-width: 115px;}
    .myvoki-Add .mVoki_cnt-1_cnt-imgs_nct {margin-right: 18px;}
    .myvoki-Add .mVoki_cnt-1_cnt-date {font-size: 10px;}

    .myvoki-Add .mVoki_cnt-1_cnt-header_title:hover span {max-width: 96px;}

    /*Presentation Add*/
    .Presentation-Add .vp-create2-extend {width: 266px;}
    .Presentation-Add .new_vp-create2-sharing {margin-left: -27px; width: 215px; position: relative;}

    /*Support Add*/
    .support-Add .support_img {width: 65px;}
    .support-Add .support_txt-hdr {width: 190px;}
    .support-Add .support_wd {width: 192px;}
    .support-Add .support_txt {font-size: 16px;}
    .support-Add .support_cnt-1 > img {width: 54px;}
    .support-Add .support_cnt-2 {padding-right: 15px;}
    .support-Add .support_cnt-3 > span {font-size: 22px;}

    /*FAQ Add*/
    .faq-Add .faq-left_cnt cnt {font-size: 16px;}

    /*Newsletter Add*/
    .newsletter-Add .newsletter-b-div {font-size: 9px;}
    .newsletter-Add .newsletter-b-cnt h4 {font-size: 13px;}

    /*App Add*/
    .app-middle .app-cnt1 {padding: 55px 35px;}
    .app-middle .app-cnt2-left {padding-left: 20px;}

    /*Voki Home page Add*/
    .vokiHome-Add .banner_main-home .sy-controls {width: 100%;}


    /*Voki Teach New Home page*/
    .voki-teach .sy-slides-wrap, .voki-teach .sy-slides-crop, .voki-teach .sy-list, .voki-teach .sy-slide { height: 450px;}
    .product_images_here {height: 190px;} 
}
@media screen and (max-width:1250px){
    /*Home page character*/
    #animation_character {right: 9.5%;}

    /*Add*/
    .newsletter-Add .container, .product-Add .container, .support-Add .container, .faq-Add .container, .myvoki-Add .container, .Presentation-Add .container, .app-Add .container {padding: 0;}
    .myVoki-Add .container {padding:0px;}
    .myVoki-Add .voki-create_right {padding: 20px 15px 0;}

    .newsletter-Add .container, .product-Add .container, .myvoki-Add .container, .faq-Add .container, .support-Add .container, .app-Add .container {width: 1170px;}
    .Google-Add, .Sitepal-Add {display: none;}
    .myvoki-middle{width: 100%;padding: 0 10px;}
    /*My Voki Add*/
    .myvoki-Add .mVoki_cnt-1_cnt-header_title {max-width: 169px;}
    .myvoki-Add .mVoki_cnt-1_cnt-imgs_nct {margin-right: 38px;}
    .myvoki-Add .mVoki_cnt-1_cnt-date {font-size: 12px;}
    .myvoki-Add .mVoki_cnt-1_cnt {padding-left: 15px;}
    .myVoki-Add .voki-create_right ul {font-size: 20px;}

    .myvoki-Add .mVoki_cnt-1_cnt-header_title:hover span {max-width: 146px;}

    /*My Voki Add*/
    /*.myVoki-Add .new_vc-step2_1 {width: 400px;}
    .myVoki-Add .new_vc-step2_2 {width: 280px;}
    .myVoki-Add .vc-step2_3, .myVoki-Add .vc-step2_4, .myVoki-Add .vc-step2_5 {width: 473px;}
    .myVoki-Add .hidden-input {margin-left: 0; margin-top: 0;}*/
    .myVoki-Add .Google-Add, .myVoki-Add .Sitepal-Add {display: inline-block;}
    .Google-Add {position: relative;}
    .Sitepal-Add {position: relative;}
    .voki-create {overflow: hidden;}
    .myVoki-Add .voki-create_right {padding: 20px 15px 0 15px;}

    /*Presentation Add*/
    /*.Presentation-Add .presenter_create {width: 76%;}
    .Presentation-Add .new_vp-create2-sharing {width: 300px; margin-left: auto;}
    .Presentation-Add .vp-create2-extend {width: 410px;}
    .Presentation-Add .code_P_size-text input.form-control {width: 53px;}
    .Presentation-Add .code_P_size-group .form-control {width: 35%;}*/
    .Presentation-Add .Google-Add, .Presentation-Add .Sitepal-Add {display: inline-block;}
    .Presentation-Add {left: -22px; margin: 0 auto; position: relative; width: 1238px;}
    .presenter-index {overflow: hidden;}

    /*Support Add*/
    .support-Add .support_txt-hdr {font-size: 26px; width: 229px;}
    .support-Add .support_wd {width: 228px;}
    .support-Add .support_img {width: 90px;}
    .support-Add .support_txt {font-size: 17px;}
    .support-Add .support_cnt-1 > img {width: 70px;}
    .support-Add .support_cnt-1 span {font-size: 27px;}
    .support-Add .support_cnt-2 {padding-right: 40px;}
    .support-Add .support_cnt-3 > span {font-size: 27px;}

    /*FAQ Add*/
    .faq-Add .faq-left_cnt cnt {font-size: 17px;}

    /*Newsletter Add*/
    .newsletter-Add .newsletter-b-div {font-size: 14px;}
    .newsletter-Add .newsletter-b-cnt h4 {font-size: 16px;}

    /*App Add*/
    .app-middle .app-button-1, .app-middle .app-button-2 {width: 190px;}
    .app-middle .app-button-2 {font-size: 14px;}
    .app-middle .app-cnt2 {padding: 10px 171px;}
    .app-middle .app-cnt2-left-1 {padding-right: 101px;}
    .app-middle .app-cnt2-left {padding-left: 53px;}
    .app-middle .app-cnt1 {padding: 55px;}
    .product_images_here {height: 150px;}
    /*Voki Home page Add*/
    .product_images_here {height: 190px;} 
    .my_plans {padding-left: 15px;}
}
@media screen and (max-width:1199px){

    /*Home Page Character*/
    #animation_character {right: 9.8%;}

    .container {width: 100%}
    /*Newsletter Add*/
    .newsletter-Add .container, .product-Add .container, .myvoki-Add .container, .faq-Add .container, .support-Add .container, .app-Add .container {width: 100%;}
    //.navbar-default .navbar-nav > li > a {padding: 18px 17px;}
    .navbar-brand {margin-left: 0 !important;}
    .sy-pager li {margin: 0 1.5em 0 0; height: 1em; width: 1em;}
    /*    h3.hm_content-vp {margin: 18px 0 26px;}
        h3.hm_content-vt {margin: 15px 0 26px;}*/
    .cnt_data_block P {height: 120px;}
    .header-cnt .container {padding-right: 0;}

    /*---*/
    /*.myVoki-Add {left: -51px;}*/
    /*.myVoki-Add .Google-Add, .myVoki-Add .Sitepal-Add {display: none;}
    .myVoki-Add {width: 100%; left: 0;}
    .myVoki-Add .new_vc-step2_1 {width: 400px;}
    .myVoki-Add .new_vc-step2_2 {width: 280px;}
    .myVoki-Add .vc-step2_3, .myVoki-Add .vc-step2_4, .myVoki-Add .vc-step2_5 {width: 473px;}
    .myVoki-Add .hidden-input {margin-left: 0; margin-top: 0;}*/
    /*---*/

    /**Banner**/
    .banner4-img_main { width: 1050px;}

    /**Support Header**/
    .header-support {margin-left: 145px;}

    /**Support**/
    .support_wd, .support-Add .support_wd {width: 237px;}

    /**Pricing**/
    .pricing-head:first-child, .prining-head_cnt-grn, .prining-head_cnt-blue, .pricing-head:last-child {padding: 0 15px;}
    .pricing-header_body {margin: 0 15px;}

    /***My Voki*****/
    .mVoki_cnt-1_cnt-imgs_nct, .myvoki-Add .mVoki_cnt-1_cnt-imgs_nct {margin-right: 17.5%;}
    .mVoki_cnt-1_cnt-header_title, .myvoki-Add .mVoki_cnt-1_cnt-header_title { max-width: 85%;}

    .mVoki_cnt-1_cnt-header_title:hover span, .myvoki-Add .mVoki_cnt-1_cnt-header_title:hover span {max-width: 86%;}

    /***Voki Create*****/
    /*.vc-step2_3, .vc-step2_4, .vc-step2_5 {width: 402px;}*/
    /*.vc-step2_3, .vc-step2_4, .vc-step2_5 {width: 365px;}*/
    .new_vc-step2_1, .myVoki-Add .new_vc-step2_1 {width: 415px;}
    .new_vc-step2_2, .myVoki-Add .new_vc-step2_2 {width: 257px;}



    /***VOKI TEACH***/
    /*.voki-teach .sy-slides-wrap { height: 100%;}*/
    /*.voki-teach .sy-slides-crop { height: 100%;}*/
    /*.voki-teach .sy-list { height: 100%;}*/
    /*.voki-teach .sy-slide { height: auto;}*/
    /*.voki-teach .sy-slide > img { height: 100%;}*/
    .teach-banner1-img {padding-top: 25px;}
    .teach-banner1-img img {width: 974px;}
    .teach-banner2-img img {width: 974px;}
    .teach-banner3-img {padding-top: 66px;}
    .teach-banner3-img img {width: 974px;}
    .teach-banner4-img img {width: 974px;}
    .teach_footer-foot {padding-right: 25px;}


    /********VOKI PRESENTER*********/
    .presenter-index .container { width: 1050px;}

    /**Voki Teach Presenter**/
    .teach_p-btn_div { text-align: left;}
    .teach-presenter .panel-body {width: 88%;}

    /*******Voki Presenter Create*********/
    .presenter_create {width: 85%;}
    .new_vp-create2-sharing {width: 230px;}
    .vp-create2-extend {width: 400px;}
    .code_P_size-group .form-control {width: 62%;}

    .presenter-index .Presentation-Add .container {width: 897px;}
    .Presentation-Add {left: -51px;}



    /********VOKI CLASSROOM******/
    .classroom-index .container { width: 1050px;}

    /***VC-Classes***/
    .vc-main {padding: 15px 13px;}

    /**Privacy Policy**/
    .login-TC-page {display: block; margin: 5px auto 11px; width: 99%; padding-top: 1px;}

    /*Share Presentation*/
    .share-presentation .share-voki-cnt-data {width: 56%;}

    /*App page*/
    .app-button-1, .app-button-2, .app-middle .app-button-1, .app-middle .app-button-2 {width: 180px;}
    .app-cnt2-left, .app-middle .app-cnt2-left {padding-left: 21px;}

    /*Home page testimonials slider*/
    .tes-cnt {width: 81%;}
    .right-testmo {padding-left: 25px;}
    .left-testmo, .right-testmo {height: 95px;}
    .left-testmo-1, .right-testmo-1 {height: 113px;}
    .left-testmo-2, .right-testmo-2 {height: 115px;}

    /*
    Voki 2.2
    Voki teach
    */
    /*Lessons*/
    .new-teach-panel-body-cnt-data-share img {width: 96%;}
    .new-teach-panel-body-attachment img {width: 71%;}

    .new-teach-panel-body-cnt-data-share-cnt img {width: 22.8%}
    .new-teach-panel-body-cnt-data-share-cnt {right: 51px;}

    /*Hooks*/
    .new-teach-hooks-main {width: 1100px;}
    .new-teach-body-cnt-3-hooks-cnt-data {height: 141px;}
    .new-teach-body-cnt-title-hooks {width: 76%;}
    .new-teach-body-cnt-rating-hooks {width: 23%;}
    .new-teach-body-cnt-2-hooks-display-subjects {max-width: 86%;}
    .new-teach-body-cnt-2-hooks-display-author {max-width: 77%;}
    .new-teach-body-cnt-hooks {margin-right: 10px;}

    /*Projects*/
    .new-teach-body-project-data-left {width: 741px;}
    .new-teach-project-data-img-cnt {width: 81%;}
    .new-teach-project-data-img-cnt-data-1-span {max-width: 148px;}
    .new-teach-project-data-img-cnt-data-2-span {max-width: 173px;}
    .new-teach-project-data-img-cnt-data-3 span {width: 173px;}

    /*Voki Teach New Home page*/
    .voki-teach .sy-slides-wrap, .voki-teach .sy-slides-crop, .voki-teach .sy-list, .voki-teach .sy-slide { height: 440px;}

    /*New Pricing Changes*/
    .pricing-head_cnt-Data {font-size: 12px;}
    .pricing_que-new {width: 13px;}
    .presenter-index{
        padding: 10px;
    }
    .upper_filters_presenter .create_btn {width: 250px;}
    .plan_headings.row div{padding: 10px 2px;}
    .all_plans_each div.data{padding: 5px 2px;}
    .upper-heads {padding: 0 10px;}
    .main_version_select_images.row {padding: 0 150px;}
    
    .model_download {width: auto; margin: 10px;}
}
@media screen and (max-width:1150px){
    /*.myVoki-Add {left: -73px;}*/

    .Presentation-Add {left: -73px;}

    /*Voki Teach New Home page*/
    .voki-teach .sy-slides-wrap, .voki-teach .sy-slides-crop, .voki-teach .sy-list, .voki-teach .sy-slide { height: 430px;}
    .school_pricing_footer_queries h4 {
        font-size: 16px;
    }
    .school_pricing_footer_queries p {
        font-size: 15px;
    }
    .upper_container table th, .lower_container table th {
        font-size: 13px;
    }
    .my_plans tbody tr td{
        font-size: 12px;
    }
    .my_plans table td img {
        width: 35px;
    }
    .my_plans table td img.pricing_que {
        width: 15px;
    }
    .my_plans .all_plans_each .first_one{font-size: 12px;}
    .all_plans_each div.data {font-size: 12px;}
    .plan_headings.row div {font-size: 12px;}
    .main_version_select_images.row { min-height: 410px;padding: 0 100px;}
}
@media screen and (max-width:1100px){
	.voki_schools_info_contain .info_body span1 {
    font-size: 15px;
}
    //.nav.navbar-nav:first-child { margin-left: 0;}
    .navbar-default .navbar-nav > li > a {margin: 18px 13px;}
    /*.navbar-right {margin-right: -22px;}*/
    .cnt_data_block {padding: 0 10px;}
    .hm_content-img > img {width: 70%;}
    .cnt_data_block h3 {font-size: 20px;}
    /*    h3.hm_content-vp {margin: 21px 0 26px;}
        h3.hm_content-vt {margin: 17px 0 26px;}*/
    .hm_content-btn {font-size: 15px;  width: 165px;}
    .hm-ft-cnt {width: 68%;}
    .follow_social > a {padding: 0 8px;}

    /**Banner**/
    .banner-1, .banner-2, .banner-3, .banner-4 {left: 10%;}
    .banner_main-home .sy-caption-wrap {left: 9%;}
    #animation_character {right: 5.6%;}
    .animation_flash {right: 0;}
    .banner2-img_main {width: 910px;}
    .banner3-img_main {width: 876px;}
    .banner4-img_main {width: 927px;}
    .banner4-img_cnt {width: 613px; height: 374px;}

    /*HOme Page Apple design*/
    .home_apple {width: auto; margin: 10px;}
    .apple-img {width: 198px;}
    #show-apple-img1-popup {left: 36px; top: -247px;}
    #show-apple-img2-popup {left: 41px; top: -251px;}
    #show-apple-img3-popup {left: 38px; top: -180px;}
    #show-apple-img4-popup {right: 22.5%; top: -123px;}
    .apple-img5 {margin-left: -26px;}
    #show-apple-img5-popup {right: 6%; top: -187px;}
    .sml-apple-img {width: 80px;}
    .sml-apple-img-1 {bottom: -24px; left: -12px;}
    .sml-apple-img-2 {bottom: -31px; right: -18px;}
    .sml-apple-img-4 {right: -30px;}
    .sml-apple-img-5 {bottom: -7px; right: -24px;}
    .sml-apple-img-6 {bottom: -11px; right: -26px;}

    /**Pricing**/
    .prining_cnt h1 {font-size: 28px;}
    .prining_paid-cnt {padding-left: 9px;}

    .pricing_set {margin: 10px; width: auto;}
    .pricing-head_cnt h4 {font-size: 17px;}


    /**Support Header**/
    .header-support {margin-left: 91px;}
    .header-support.pricing-head {margin-left: 50px;}    
    /**Support**/
    .support_txt-hdr, .support-Add .support_txt-hdr {width: 199px; font-size: 24px;}
    .support_wd, .support-Add .support_wd {width: 197px;}
    .support_txt, .support-Add .support_txt, .support_cnt-2, .support-Add .support_cnt-2, .support_cnt-4, .support_cnt-4 h4 {font-size: 16px;}
    .support_cnt-1 span, .support-Add .support_cnt-1 span, .support_cnt-3 > span, .support-Add .support_cnt-3 > span {font-size: 24px;}


    /**FAQ**/
    .faq-left-pad {height: 2767px;}

    /******My Account******/
    .account-cnt_1-data dl dt, .account-cnt_2-data dl dt, .account-cnt_3-data dl dt {width: 155px;}
    .account-cnt_1-data dl dd, .account-cnt_2-data dl dd, .account-cnt_3-data dl dd {margin-left: 160px;}
    .account-cnt_3-data-fir {width: 75%;}
    .account-cnt_3-data-extend {width: 25%;}
    .account-cnt_3-data-edit_rem a {float: right; text-align: right; width: 100%;}
    .account-cnt_3-data-edit_rem span { display: none;}

    /***My Voki*****/
    .mVoki_cnt-cols {padding-right: 15px;}
    //.mVoki_cnt-1_cnt-header_title, .myvoki-Add .mVoki_cnt-1_cnt-header_title {max-width: 146px;}
    .mVoki_cnt-1_cnt-imgs_nct, .myvoki-Add .mVoki_cnt-1_cnt-imgs_nct {margin-right: 14.5%;}

    .mVoki_cnt-1_cnt-header_title:hover span, .myvoki-Add .mVoki_cnt-1_cnt-header_title:hover span {max-width: 85%;}



    /***Voki Create*****/
    /*.new_vc-step2_1 {width: 331px;}*/
    /*.new_vc-step2_2 {padding-right: 0; width: 261px;}*/
    /*.new_vc-step2_1 {width: 300px;}*/
    .new_vc-step2_2 {padding-right: 0;}
    .vc-step2_3, .vc-step2_4, .vc-step2_5 {width: 380px;}
    .hidden-input {margin-left: 125px; margin-top: 6px;}
    .hidden-input input {width: 83px;}

    .new-old-code .radio-inline {padding-left: 0; margin-left: 0;}

/*    .myVoki-Add {left: -95px;}*/


    /***VOKI TEACH***/
    .teach-banner1, .teach-banner2, .teach-banner3, .teach-banner4 {background-size: auto auto;}
    .teach-banner1-img {padding-top: 57px;}
    .teach-banner1-img img, .teach-banner2-img img, .teach-banner3-img img, .teach-banner4-img img {width: 850px;}
    .teach-banner2-img {padding-top: 101px;}
    .teach-banner3-img {padding-top: 87px;}
    .teach-banner4-img {position: absolute; bottom: 0;}
    .header_title {max-width: 742px;}


    /********VOKI PRESENTER*********/
    .presenter-index .container { width: 100%;}
    .presenter-body-btns > span { padding: 0 5px;}

    /**Voki Teach Presenter**/
    .tp-header_title {max-width: 710px;}

    /*******Voki Presenter Create*********/
    .presenter_create {width: 91%;}
    .vp-create2-extend {width: 346px;}
    .code_P_size-group .form-control {width: 59%;}

    .Presentation-Add {left: -95px;}




    /********VOKI CLASSROOM******/
    .classroom-index .container { width: 100%;}
    .class-body-btns > span { padding: 0 5px;}


    /**Share Voki**/
    .share-voki-cnt-img {margin-left: 35px;}

    /*Home Neswsletter*/
    .newsletter-b-div, .newsletter-Add .newsletter-b-div {font-size: 13px;}

    /*App page*/
    .app-cnt1, .app-middle .app-cnt1 {padding: 55px 20px;}
    .app-button-1, .app-button-2, .app-middle .app-button-1, .app-middle .app-button-2 {width: 173px;}
    .app-cnt2, .app-middle .app-cnt2 {padding: 10px 171px 10px 140px;}
    .app-cnt2-left-1, .app-middle .app-cnt2-left-1 {padding-right: 63px;}
    .app-cnt2-left, .app-middle .app-cnt2-left {padding-top: 41px;}


    /*New Footer*/
    .fot-content {width: 587px;}

    /*Home page testimonials slider*/
    .home-testimonials .sy-slides-wrap, .home-testimonials .sy-slides-crop, .home-testimonials .sy-list, .home-testimonials .sy-slide {height: 157px;}
    /*.tes-cnt {width: 340px;}*/
    .left-testmo-1, .right-testmo-1 {height: 130px;}
    .left-testmo-2, .right-testmo-2 {height: 126px;}
    .tes-cnt span {line-height: 12px;}

    /*
    Voki 2.2
    Voki teach
    */
    /*Lessons*/
    .new-teach-panel-body-cnt-data {margin-right: 11px;}
    /*.new-teach-panel-body-cnt-data-share-cnt img {width: 18%;}*/
    .TeachCntPlay img {width: 23%;}
    .onlyLevel3 {width: 50%;}

    .new-teach-panel-body-cnt-data-share-cnt {right: 47px; width: 182px;}

    /*Hooks*/
    .new-teach-hooks-main {width: 990px;}
    /*.new-teach-body-cnt-hooks:nth-child(2n) {margin-left: 10px;}*/
    .new-teach-body-cnt-title-hooks {width: 72%;}
    .new-teach-body-cnt-rating-hooks {width: 26%;}
    .new-teach-body-cnt-2-hooks-1 {width: 30%;}
    .new-teach-body-cnt-2-hooks-3 {width: 27%;}
    .new-teach-body-cnt-3-hooks-img {width: 49%;}
    .new-teach-body-cnt-3-hooks-cnt-data {height: 124px;}
    .new-teach-body-cnt-3-hooks-cnt-shareBtns img {width: 38px;}
    .new-teach-body-cnt-3-hooks-shareCnt img {width: 37px;}
    .new-teach-body-cnt-3-hooks-playImg img {width: 48px;}
    .new-teach-body-cnt-2-hooks-display-grades {max-width: 79%;}
    .new-teach-body-cnt-2-hooks-display-subjects {max-width: 84%;}
    .new-teach-body-cnt-2-hooks-display-author {max-width: 75%;}
    .new-teach-body-cnt-hooks {margin-right: 9px;}

    /*Projects*/
    .new-teach-body-project-data-left {width: 631px;}
    .new-teach-project-data-img-cnt {width: 78%;}
    .new-teach-project-data-img-cnt-data-2 {width: 33%;}
    .new-teach-project-data-img-cnt-data-1-span {max-width: 117px;}
    .new-teach-project-data-img-cnt-data-2-span {max-width: 130px;}
    .new-teach-project-data-img-cnt-data-3 span {width: 133px;}


    /*Voki Teach New Home page*/
    .newTeach-home-added-footer {width: 990px;}
    .newTeach-home-added-footer-data2 a {margin-top: 74px;}
    .newTeach-home-added-footer-data3 a {margin-top: 94px;}

    .voki-teach .sy-slides-wrap, .voki-teach .sy-slides-crop, .voki-teach .sy-list, .voki-teach .sy-slide { height: 410px;}

    /*New Pricing Changes*/
    .pricing-head_cnt-1 ul {font-size: 13px;}
    .pricing-head_cnt-1 {height: 160px;}
    .pricing-head_cnt-Data {font-size: 11px; padding: 7px 7px 0;}
    .hm_content-img {height: 150px;}
    .newTeach-home-added-footer-data .lesson_a {margin-top: -15px;}
}
    
@media screen and (max-width:1065px){
    .chr_img {
        width: 20%;
    }
}

@media screen and (max-width:1025px){
    /**Pickup page**/
    /*.pick-create {display: none;}*/

/*    .myVoki-Add {left: -118px;}*/

    .Presentation-Add {left: -118px;}

    /*Voki Teach New Home page*/
    .voki-teach .sy-slides-wrap, .voki-teach .sy-slides-crop, .voki-teach .sy-list, .voki-teach .sy-slide { height: 400px;}
    .pricing_head_level_name > h2 {
        font-size: 26px;
    }
    .product_images_here {height: 150px;}
    .upper_filters_presenter .create_btn {width: 200px;}
    .upper_filters_presenter .search_tab {width: 350px;}
    .upper_filters_presenter .select_tab {width: 200px;}
    .level_specifications h3{font-size: 21px;}
    .pricing_middle .imp_note{font-size: 18px;padding: 0 10px;}
    .voki_schools_info_contain .info_head_vschool{font-size: 21px;}
    .voki_schools_info_contain .info_body span1{font-size: 16px;}
    .info_body h1 {font-size: 30px;}
    .voki_schools_info_contain.row{width: 87%;}
    .all_plans_each div.data {min-height: 58px;}
    .all_plans_each div.data {padding: 10px 2px;}
    .my_plans .all_plans_each .first_one {padding: 10px 2px;}
    .all_plans_each.row img {width: 35px;}
    .plan_headings.row div{min-height: 54px;}
    .lower_container .special_offs{margin: 5px 25px 0 0;}
    .school_license_support span.orange-text {width: 67%;}
}
@media screen and (max-width:991px){
    .info_body.district h1 {
    margin-top: -3px;
    font-size: 30px;
}
}
@media screen and (max-width:991px) {
    .nav.navbar-nav:last-child {margin-top: 9px}
    .nav.navbar-nav:last-child li {float: none;}
    .nav.navbar-nav:first-child li:first-child a {margin: 27px 0;}
    .navbar-default .navbar-nav:last-child > li > a {margin: 4px 13px;}
    .nav.navbar-nav:first-child li:first-child {width: 90px;}
    /*.nav.navbar-nav:first-child li {width: 143px;}*/
    .navbar-default .navbar-nav > li > a {margin: 27px 11px 21px;}
    .nav.navbar-nav.navbar-right > li:last-child > a {margin: 0 13px;}
    .navbar-default .navbar-nav > li > a:hover {margin-bottom: 14px;}
    .navbar-default .navbar-nav > li > a:hover ~ .show_hower_arw{display: none;}
    .nav.navbar-nav.navbar-right > li:first-child > a {margin-bottom: 4px}
    .arrow-up {display: none;}
    .hm_title {font-size: 21px;}
    .cnt_data_block h3 {font-size: 18px;}
    /*h3.hm_content-vc {margin: 32px 0 26px;}*/
    .cnt_data_block P {height: 117px; font-size: 12px;}
    .hm-ft-cnt {width: 77%;}
    .like_social hide {display: none;}
    .footer_links > li {padding: 0 10px;}

    .navbar-default .navbar-nav > li > a:hover {color: #333;}
    .navbar-default .navbar-nav > li > a.active_a {color: #393939;}

    .classroom-bg.navbar-default .navbar-nav > li > a:focus, .classroom-bg.navbar-default .navbar-nav > li > a:hover {color: #fdc465;}
    .classroom-bg.navbar-default .navbar-nav > li > a.active_a {color: #fdc465;}
    .presenter-bg.navbar-default .navbar-nav > li > a:focus, .presenter-bg.navbar-default .navbar-nav > li > a:hover {color: #fdc465;}
    .presenter-bg.navbar-default .navbar-nav > li > a.active_a {color: #fdc465;}

    .sy-caption-wrap {width: auto;}
    .sy-caption-wrap { width: 30%; bottom: 1em; left: 9%;}
    .sy-caption img { width: 100%;}
    /*section {margin-bottom: 92px;}*/

    /**Banner**/
    .sml-apple-img-7 {display: block}
    #animation_character {right: 0%;}
    #flash_cnt {width: 455px;}
    .banner-1 > span, .banner-2 > span, .banner-3 > span, .banner-4 {font-size: 43px; line-height: 40px;}
    .banner-1_ul cnt, .banner-2 > cnt { font-size: 23px;}
    .banner-1_ul oo, .banner-3_ul oo {margin-top: 12px; padding: 3px;}
    /*.banner_main-home .sy-caption-wrap, .vokiHome-Add .banner_main-home .sy-caption-wrap {left: 0;}*/
    .banner2-img_main {width: 778px;}
    .banner2-img_cnt {height: 379px; width: 572px; margin: 73px 0 0 auto;}
    .banner-3_ul cnt {font-size: 19px;}
    .banner3-img_main { width: 780px;}
    .banner3-img_cnt {height: 313px; margin: 77px 0 0 auto; width: 357px;}
    .banner4-img_main {width: 818px;}
    .banner4-img_cnt { height: 329px; width: 534px;}
    .home-banner-app img {width: 195px;}
    .home-banner-app span {font-size: 19px;}

    .product_banners section {margin-bottom: 0;}

    /*HOme Page Apple design*/
    .apple-img {width: 27%;}
    .sml-apple-img {width: 42%;}
    .sml-apple-img-2 {right: -29px;}
    .sml-apple-img-3 {right: -27px;}
    .sml-apple-img-4 {right: -40px;}
    .sml-apple-img-7 {bottom: -7px; left: -42px;}
    .sml-apple-img-5 {right: -38px;}
    .sml-apple-img-6 {right: -37px;}
    #show-apple-img1-popup {left: -22px; top: -211px;}
    #show-apple-img2-popup {left: -4px; top: -226px;}
    #show-apple-img3-popup {left: 15px; top: -147px;}
    .apple-arrow {margin-left: 147px;}
    #show-apple-img4-popup {bottom: 193px; left: 4%; right: auto; top: auto;}
    #show-apple-img5-popup {bottom: 200px; right: 28%; top: auto;}

    /**Pricing**/
    .prining_paid-cnt {padding-left: 0;}
    .prining_cnt {padding: 0 17px;}

    .pricing-head:first-child, .prining-head_cnt-grn, .prining-head_cnt-blue, .pricing-head:last-child { padding: 0 5px;}
    .pricing-header_body { margin: 0 5px;}
    .btn_pricing-head_cnt {padding: 6px 5px;font-size:9px;}
    .pricing-head_cnt h4 {font-size: 16px;}


    /**Services**/
    .support_img .support-Add .support_img {width: 80px;}
    .support_txt-hdr, .support-Add .support_txt-hdr {width: 160px;}
    .support_wd, .support-Add .support_wd {width: 175px;}
    .support_body-mid {width: 95%;}
    .support_body-foot {padding-left: 10px; padding-right: 10px;}


    /**FAQ**/
    .faq-left-pad {height: 3003px;}

    /******My Account******/
    .account-cnt_1-data dl dt, .account-cnt_2-data dl dt, .account-cnt_3-data dl dt {width: 120px;}
    .account-cnt_1-data dl dd, .account-cnt_2-data dl dd, .account-cnt_3-data dl dd {margin-left: 125px;}
    .dl-horizontal .acc_stu_detail1 {padding-left: 9px; width: 166px;}

    .hide_cardCnt {display: none;}

    /***My Voki*****/
    .mVoki_cnt-cols { padding-right: 56px;}
    .mVoki_cnt-1_cnt-header_title, .myvoki-Add .mVoki_cnt-1_cnt-header_title {max-width: 87%;}

    .model-ed_myVOki {width: auto; margin: 10px;}
    /*.VP-Play_wid {width: auto; margin: 50px;}*/

    .mVoki_cnt-1_cnt-header_title:hover span, .myvoki-Add .mVoki_cnt-1_cnt-header_title:hover span {max-width: 88%;}

    /***Voki Create*****/
    .new_vc-step2_2 {width: 228px;}
    .new_vc-step2_2 h2 {font-size: 27px;}
    /*.vc-step2_3, .vc-step2_4, .vc-step2_5 {width: 303px;}*/
    .new_vc-step2_1 {width: 300px;}
    .new_vc-step2_2 {width: 271px; padding-left: 20px;}
    /*.vc-step2_3, .vc-step2_4, .vc-step2_5 {width: 285px;}*/
    .vc-step2_3, .vc-step2_4, .vc-step2_5 {width: 296px;}
    .vc-step2_5-orient span {display: block;}
    .vc-step2_5-orient .radio-inline {padding-left: 0;}
    .vc-step2_5-orient .radio-inline + .radio-inline {padding-left: 20px;}
    .vc-step2_5-select select,.select_box_div {margin-left: 0; width: 100%; margin-top: 0px;}
    .hidden-input {margin-left: 0;}
    .hidden-input span {display: inline-block;}
    .hidden-input input {width: 46%;}



    /***VOKI TEACH***/
    .teach-banner1-img img, .teach-banner2-img img, .teach-banner3-img img {width: 770px;}
    .teach-banner1-img {padding-top: 83px;}
    .voki-teach section {margin-bottom: 0;}
    .teach-gread .teach-span {width: 98%;}
    .teach-grade_btn_data .panel-body {width: 100%;}
    .grade_head h2 { width: 96%;}
    .header_title {max-width: 634px;}


    /********VOKI PRESENTER*********/
    .presenter-body-1 {width: 95%;}

    /**Voki Teach Presenter**/
    .tp-gread-btn {padding: 11px 10px;}
    .tp-coming-soon {padding-right: 46px;}
    .tp-header_title { max-width: 610px;}

    /*******Voki Presenter Create*********/
    .presenter_create, .Presentation-Add .presenter_create {  width: 100%;height: 631px;}
    .slideWell {max-height: 78%;}
    .new_vp-create2-sharing, .Presentation-Add .new_vp-create2-sharing {width: 217px;}
    .vp-create2-extend, .Presentation-Add .vp-create2-extend {width: 254px;}

    .Presentation-Add {left: -138px;}



    /********VOKI CLASSROOM******/
    .class-body-1 {width: 95%;}

    /***VC-Classes***/
    .vc-table1_snd {padding-right: 85px;}
    .vc-table1_snd-header {width: 443px;}

    /*******Voki Create*********/
    .voki-create .col-sm-7 {width: 579px;}
    .voki-create .col-sm-5 {width: 34%;}
    .voki-create_right ul, .myVoki-Add .voki-create_right ul {font-size: 18px;}
    .voki-create_right span {width: 30px; height: 30px;}
    .voki-create_right-btm {padding: 0 10px;}

    /*.myVoki-Add {left: -138px;}*/
    .myVoki-Add .new_vc-step2_2 {padding-left: 0;}
    .myVoki-Add .voki-create_right {padding: 20px 15px 0 31px;}

    /**Create Presentation**/
    .code_P_size-group .form-control, .Presentation-Add .code_P_size-group .form-control {width: 100%;}
    .code_P_size-text {text-align: left;}
    .code_P_size-text {margin-top: 10px;}


    /**Share Voki**/
    .share-voki-cnt-img {margin-left: 8px;}

    /*Share Presentation*/
    .share-presentation .share-voki-cnt-data {width: 52%;}
    .share-presentation .share-voki-btn_div span { display: inline-block; width: 251px;}

    /*Contact Us*/
    .contact-body {padding: 37px 44px 0;}

    /*Home Neswsletter*/
    .newsletter-b-div, .newsletter-Add .newsletter-b-div {font-size: 10px;}
    .newsletter-b-cnt h4, .newsletter-Add .newsletter-b-cnt h4 {font-size: 14px;}
    .newsletter-b-cnt button {font-size: 13px; width: 90px;}

    /*App page*/
    .app-button-1, .app-button-2, .app-middle .app-button-1, .app-middle .app-button-2 {width: 150px;}
    .app-cnt2, .app-middle .app-cnt2 {padding: 10px 121px 10px 78px;}

    /*Home page testimonials slider*/
    .home-testimonials section {margin-bottom: 0;}
    .tes-cnt {width: 293px; font-size: 12px;}
    .tes-cnt span {font-size: 10px;}

    /*
    Voki 2.2
    Voki teach
    */
    .teach-bg.navbar-default .navbar-nav > li > a:focus, .teach-bg.navbar-default .navbar-nav > li > a:hover {color: #fdc465;}
    .teach-bg.navbar-default .navbar-nav > li > a.active_a {color: #fdc465;}

    /*Lessons*/
    .show-new-teach {display: block;}
    .hide-new-teach{display: none;}
    .new-teach-panel-body-cnt-data {margin-right: 8px;}
    .new-teach-panel-body-cnt-data-share {width: 15%;}
    .new-teach-panel-body-cnt-data-share {width: 15%;}
    .new-teach-panel-body-cnt-data-share img {width: 100%;}
    /*.new-teach-panel-body-cnt-data-share-cnt {padding-top: 3px; text-align: right; width: 100%;}*/
    .new-teach-panel-body-cnt-data-share-cnt img {width: 22%;}

    .new-teach-panel-body-cnt-data-share-cnt {right: 39px; width: 148px;}

    /*Hooks*/
    .new-teach-hooks-main {width: 879px;}
    .new-teach-body-hooks {display: inline-block; margin-top: 15px; width: 100%;}
    .new-teach-body-cnt-title-hooks {width: 100%;}
    .new-teach-body-cnt-rating-hooks {width: 100%;}
    .new-teach-body-cnt-rating-hooks sptext, .new-teach-body-cnt-rating-hooks voting {vertical-align: middle;}
    .new-teach-body-cnt-3-hooks-cnt-data {height: 107px;}
    .new-teach-body-cnt-3-hooks-cnt-shareBtns img {width: 34px;}
    .new-teach-body-cnt-3-hooks-shareCnt img {width: 34px;}
    .new-teach-body-cnt-3-hooks-playImg img {width: 42px;}
    .new-teach-body-cnt-2-hooks-display-grades {max-width: 76%;}
    .new-teach-body-cnt-2-hooks-display-subjects {max-width: 82%;}
    .new-teach-body-cnt-2-hooks-display-author {max-width: 71%;}
    .new-teach-body-cnt-hooks {margin-right: 8px;}

    /*Projects*/
    .new-teach-body-project-data-left {width: 100%;}
    .new-teach-body-project-data-right {margin-top: 7px; width: 100%;}
    .teach-project-share-btnsCnt {left: 0; right: 100px;}
    .new-teach-project-data-img-cnt-data-1-span {max-width: 159px;}
    .new-teach-project-data-img-cnt-data-2-span {max-width: 180px;}
    .new-teach-project-data-img-cnt-data-3 span {width: 187px;}

    /*Voki Teach New Home page*/
    .newTeach-home-added-footer-data {padding-left: 15px; padding-right: 15px;}
    .newTeach-home-added-footer-data1, .newTeach-home-added-footer-data2, .newTeach-home-added-footer-data3 {padding: 30px 14px;}
    .newTeach-home-added {margin-bottom: 60px;}
    .newTeach-home-added-CM {margin-bottom: 87px;}
    .newTeach-home-added-footer {width: 879px;}
    .newTeach-home-added-footer-data2 a {margin-top: 56px;}
    .newTeach-home-added-footer-data3 a {margin-top: 76px;}

    .voki-teach .sy-slides-wrap, .voki-teach .sy-slides-crop, .voki-teach .sy-list, .voki-teach .sy-slide { height: 390px;}

    /*New Pricing Changes*/
    .pricing-head_cnt-Data {height: 152px;}

    /* New design and responsivneness changes*/
    #teacher_upgrade_head
    {
        width:100% !important;
    }
    .first_row_heading span
    {
        width:100%;
        font-size:18px;
        height:22px;
    }
    .second_row_heading span
    {
        width:100%;
        font-size:18px;
    }
    .school_top_head h2 {
        font-size: 30px;
    }
    .school_top_head p {
        font-size: 16px;
    }
    .school_pricing_container_inner_half .myeach_option h4 {
        font-size: 16px;
    }
    .school_pricing_container_inner_half .myeach_option p {
        font-size: 12px;
    }
    .school_pricing_container_inner_half {
        width:65%;
    }
    .school_pricing_footer_queries {
        width:65%;
    }
    .school_po_body {
        padding: 0 100px;
    }
    .account-cnt_3-header .acc_status{float: none;margin: 3px 2px 2px 0;padding-left: 12px;}
    .account-cnt_3-header .neww-addition{margin-top: -25px;}
}
@media screen and (max-width:955px){
    .myVoki-Add .container, .myVoki-middle {width: 100% !important;}
    .myVoki-Add .Google-Add, .myVoki-Add .Sitepal-Add {display: none;}
    /*.myVoki-Add {width: 100%; left: 0;}*/
    .myVoki-Add .new_vc-step2_2 {width: 252px;}
    .myVoki-Add .vc-step2_3, .myVoki-Add .vc-step2_4, .myVoki-Add .vc-step2_5 {width: 277px;}

    .Presentation-Add .container, .Presentation-middle, .presenter-index .Presentation-Add .container {width: 100%;}
    .Presentation-Add .Google-Add, .Presentation-Add .Sitepal-Add {display: none;}
    .Presentation-Add {width: 100%; left: 0;}

    /*Voki Teach New Home page*/
    .voki-teach .sy-slides-wrap, .voki-teach .sy-slides-crop, .voki-teach .sy-list, .voki-teach .sy-slide { height: 365px;}
    .account-cnts_1-header h3 {
        font-size: 16px;
    }
    .account-cnts_3-header h3 {
        font-size: 16px;
    }
}
@media screen and (max-width:880px){

     .chr_img {
        width: 25%;
    }

    /*.nav.navbar-nav:first-child li:last-child { width: 98px;}*/

    #flash_cnt { width: 458px;}
    .cnt_data_block h3 {font-size: 16px;}
    /*h3.hm_content-vt {margin: 19px 0 26px;}*/
    .cnt_data_block P {font-size: 11px;}
    .hm-ft-cnt {width: 85%; font-size: 22px;}

    /**Banner**/
    #flash_cnt {width: 454px;}
    .banner-1 > span, .banner-2 > span, .banner-3 > span, .banner-4 {font-size: 37px; line-height: 34px;}
    .banner-1_ul cnt, .banner-2 > cnt {font-size: 20px;}
    .banner-1_ul oo, .banner-3_ul oo {margin-top: 10px;}
    .banner-3_ul cnt {font-size: 17px;}
    .banner3-img_main {width: 756px;}
    .banner-3 > .banner-sub-heading {font-size: 21px;}
    .banner4-img_main { width: 726px;}
    .banner4-img_cnt {height: 260px; width: 467px; margin: 106px 0 0 auto;}
    .banner-4 {top: 72px;}
    .home-banner-app img {width: 163px;}
    .home-banner-app span {font-size: 16px;}
    .home-banner-app2 {margin-top: -7px;}

    /*Voki Home page Add*/
    .vokiHome-Add .banner_main-home .sy-controls {width: 100%;}

    /*HOme Page Apple design*/
    .apple-img {width: 31%;}
    #show-apple-img3-popup {left: auto; right: 31px; top: -153px; z-index: 10;}
    .apple-arrow-rgt {margin-right: 152px;}

    /*Pricing**/
    .pricing-head_cnt h4 {font-size: 14px;}

    /**Product**/
    .product_app-apple, .product_app-google {width: 194px;}

    /**Suport**/
    .support_img, .support-Add .support_img {width: 100px;}
    .support_txt-hdr, .support-Add .support_txt-hdr {width: 100%;}
    .support_wd, .support-Add .support_wd {width: 100%;}
    .support_body-mid {width: 98%;}
    .support_cnt-1 {padding-left: 0;}
    .support_cnt-2, .support-Add .support_cnt-2 {padding-right: 0;}
    .support_body-foot {padding-left: 0; padding-right: 0;}
    .support_cnt-3 {height: 170px;}
    .support_cnt-3 > span, .support-Add .support_cnt-3 > span {width: 100%; padding-left: 0;}
    .support_cnt-3 .support_cnt-8 { padding-top: 31px;}


    /**Blog**/
    .support-title {margin-left: 10px;}
    .blog-title {font-size: 35px;}
    .blog-body > h2 {font-size: 27px;}


    /**FAQ**/
    .faq-left-pad {height: 2432px;}
    .faq-left_cnt cnt, .faq-Add .faq-left_cnt cnt, .faq-cnt h4, .faq-cnt {font-size: 14px;}
    .faq-right h3 {font-size: 20px;}

    /******My Account******/
    .account-cnt_1-header h3, .account-cnt_2-header h3 {font-size: 18px;}
    .account-cnt_1-a {font-size: 10px; padding: 4px 13px;}
    .account-cnt_1 {width: 98%;}
    .account-cnt_3 {width: 98%;}
    .account-cnt_3-data-extend .account-cnt_2-a {font-size: 9px;}

    .account-cnt_3-header h3, .account-cnt_3-header h3 {font-size: 18px;}
    .account-cnt_3-a {font-size: 10px; padding: 4px 13px;}
    .account-cnt_3-data-select2 {font-size: 13px; margin-left: 5px;}
    .account-cnt_3-data-invoice a {margin-left: 4px;}
    .basic-account-part {width: auto;}

    /***My Voki*****/
    .mVoki_cnt-1_cnt-header_title, .myvoki-Add .mVoki_cnt-1_cnt-header_title {max-width: 84%;}

    .mVoki_cnt-1_cnt-header_title:hover span, .myvoki-Add .mVoki_cnt-1_cnt-header_title:hover span {max-width: 85%;}

    /***Voki Create*****/
    .new_vc-step2_1, .myVoki-Add .new_vc-step2_1 {width: 50%;}
    .new_vc-step2_2, .myVoki-Add .new_vc-step2_2 {width: 43%; padding-left: 0;}
    .new_vc-step2_2 h2 {font-size: 30px;}
    .vc-step2_3,.vc-step2_4,.vc-step2_5, .myVoki-Add .vc-step2_3, .myVoki-Add .vc-step2_4, .myVoki-Add .vc-step2_5 {margin-top: 33px; width: 88%;}
    .vc-step2_5-orient span {display: inline-block;}
    .vc-step2_5-orient .radio-inline {padding-left: 20px;}
    .vc-step2_5-select select,.select_box_div {margin-left: 20px; width: 187px;}
    .hidden-input input {width: 83px;}

    .new-old-code .radio-inline {margin-left: 20px;}



    /***VOKI TEACH***/
    .teach-banner1-img img, .teach-banner2-img img, .teach-banner3-img img {width: 88%;}
    .teach-banner4-img img {width: 96%;}
    .teach-cnt_bnt {padding-bottom: 20px;}
    .teach-cnt_bnt h3 {font-size: 18px;}
    .voki-p_btn {font-size: 18px; padding: 7px 34px;}
    .teach-gread .teach-span {font-size: 18px;}
    .teach-gread h3 {font-size: 20px;}
    .gread-btns {font-size: 50px;  padding: 10px 12px;}
    .voki-gread-btns li {margin-right: 6px;}
    .voki-teach-CS {font-size: 12px; padding-right: 56px;}
    .teach-img-cnt {padding-top: 15px;}
    .teach-img-cnt > h3 {font-size: 21px;}
    .teach-img-cnt-1 {font-size: 16px;}
    .teach_footer-foot h4 {font-size: 15px;}
    .teach_footer-foot span {font-size: 13px;}
    .grade_head h2 {width: 94%;}
    .header_title {max-width: 525px; font-size: 23px;}
    .teach-grade_btn_data .panel-body table tr td {font-size: 16px;}
    .brn_text {font-size: 10px;}

    .iframe_class {width: auto; margin: 10px;}


    /********VOKI PRESENTER*********/
    .presenter-body-2_img > img {width: 97%;}
    .presenter-body-btns > span {clear: both; display: block; padding: 8px 0; margin-left: 40px;}

    /**Voki Teach Presenter**/
    .header-support.presenter-header-support li { padding: 17px 4px;}

    .choose_grade {width: 23%}
    .tp-greads {width: 52%}
    .tp-greads li {padding-left: 2px; padding-right: 2px;}
    .tp-header_title {max-width: 505px;}
    .tp-les_num {width: 20.5%;}
    .tp-les_name {width: 60.5%;}

    /*******Voki Presenter Create*********/
    .new_vp-create2-sharing, .Presentation-Add .new_vp-create2-sharing {width: 300px;}
    .vp-create2-extend, .Presentation-Add .vp-create2-extend {width: 94%; margin-top: 20px;}
    .new_vp-create2-sharing .vp-create2-sharing-cnt_buttons {margin-top: 57px;}
    .lab_pres {display: block;}
    .code_P_size-group .form-control, .Presentation-Add .code_P_size-group .form-control {display: inline;width: 43%;}


    /********VOKI CLASSROOM******/
    .class-body-2_img > img {width: 97%;}
    .class-body-btns > span {clear: both; display: block; padding: 8px 0; margin-left: 40px;}

    /***VC-Classes***/
    .vc-search {width: 197px;}
    .vc-table1_snd-header {width: 346px;}
    .vc-table1_snd {padding-right: 54px;}
    .vc-table1_snd span {width: 92%;}


    /*******Voki Create*********/
    .voki-create .col-sm-7 {text-align: center; width: 100%; overflow: auto;}
    .voki-create .col-sm-5 {width: 100%;}
    .voki-create_right ul, .myVoki-Add .voki-create_right ul {float: left; width: 100%;}
    /*.voki-create_right-btm {float: left; width: 300px;}*/
    .voki-create_right-btm h3 {margin-top: 0;}
    .myVoki-Add .voki-create_right .voki-create_right-btm-ul-li {float: none; width: 100%;}

    /**Second Popup Model**/
    .second_model .modal-dialog {width: auto; margin: 10px;}
    .model_prevalidate.modal-dialog{width:450px;margin:100px auto;}
    .second_model .model_signup {width: 500px; margin: 35px auto;}


    /**Share Voki**/
    .share-voki-cnt-img {margin-left: 0;}
    .share-voki-cnt-data {margin-left: 0; width: 59%;}

    /*Share Presentation*/
    .share-presentation .share-voki-cnt-img {margin-left: 8px;}
    .share-presentation .share-voki-cnt-data {width: 48%; margin-left: 8px;}
    .share-presentation .share-voki-btn {font-size: 15px; width: 85px;}
    .share-presentation .share-voki-msg label {width: 120px;}

    /*Login Signup Popup*/
    .purchase_loginSignup {
        width: auto;
        margin: 10px;
    }
    /*Multi Accounts*/
    .pur-multipleAcc-details-base {width: 95%;}
    /*Step: 3 Checkout*/
    .exp-date label {display: block;}
    .exp-mnt {width: 54%;}
    .exp-year {width: 44%;}

    /*Home Neswsletter*/
    .newsletter-h h2 {font-size: 27px;}
    .newsletter-b-detail {width: 25%;}
    .newsletter-iframe {width: auto; margin: 10px;}

    /*App page*/
    .app-cnt1-1 {width: 70%;}
    .app-cnt1-2 {width: 30%;}
    .app-button-2, .app-middle .app-button-2 {margin-top: 13px;}
    .app-cnt2, .app-middle .app-cnt2 {padding: 10px 51px 10px 31px;}

    /*New Footer*/
    .fot-content {float: left; margin: 16px auto 0; width: 100%;}

    /*Home page testimonials slider*/
    .home-testimonials .sy-slides-wrap, .home-testimonials .sy-slides-crop, .home-testimonials .sy-list, .home-testimonials .sy-slide {height: 211px;}
    .left-testmo, .right-testmo {height: auto; width: 100%;}
    .right-testmo {margin-top: 5px; padding-left: 10px;}
    .tes-cnt {font-size: 13px; width: 86%;}
    .tes-cnt span {font-size: 11px;}

    /*
    Voki 2.2
    Voki teach
    */
    /*Lessons*/
    .new-teach-body-cnt-subHead-1 {width: 158px;}
    .new-teach-body-cnt-subHead-2 {width: 220px;}
    .new-teach-body-cnt-subHead-3 {width: 190px;}
    .new-teach-subBody-cnt-img-cnt {width: 84%;}
    .new-teach-body-cnt .panel-body {padding: 8px 25px 15px;}
    .new-teach-panel-body-cnt-data-share-cnt {right: 37px; top: 1px; width: 137px;}
    /*Lesson Popups*/
    .teachCopyBtn-modal {margin: 30px auto;}
    .teachLessonPDF-modal {width: auto; margin: 10px;}

    /*Hooks*/
    .new-teach-hooks-main {width: 766px;}
    .new-teach-body-cnt-3-hooks-cnt {padding-left: 0;}
    .new-teach-body-cnt-3-hooks-cnt-data {height: 91px;}
    .new-teach-body-cnt-3-hooks-cnt-shareBtns img {width: 30px;}
    .new-teach-body-cnt-3-hooks-shareCnt img {width: 29px;}
    .new-teach-body-cnt-3-hooks-playImg img {width: 38px;}
    .new-teach-body-cnt-2-hooks-display-grades {max-width: 72%;}
    .new-teach-body-cnt-2-hooks-display-subjects {max-width: 79%;}
    .new-teach-body-cnt-2-hooks-display-author {max-width: 68%;}
    .new-teach-body-cnt-hooks {margin-right: 7px;}

    /*Projects*/
    .new-teach-project-data-img-cnt-data-1-span {max-width: 134px;}
    .new-teach-project-data-img-cnt-data-2-span {max-width: 150px;}
    .new-teach-project-data-img-cnt-data-3 span {width: 155px;}
    .new-teach-body-cnt-subHead-cnt-grade {max-width: 82%;}
    .new-teach-body-cnt-subHead-cnt-subject {max-width: 85%;}

    /*Projects Popups*/
    .teachPlans-modal {width: auto; margin: 25px;}

    /*Voki Teach New Home page*/
    .newTeach-home-head h2 {font-size: 27px;}
    .newTeach-home-added h2 {font-size: 27px;}
    .newTeach-home-added-footer {width: 766px;}
    .newTeach-home-added-footer-data2 a {margin-top: 110px;}
    .newTeach-home-added-footer-data3 a {margin-top: 76px;}
    /*Voki Teach New Home page Popup*/
    .upcomingSchedule-Modal {margin: 10px; width: auto;}

    .voki-teach .sy-slides-wrap, .voki-teach .sy-slides-crop, .voki-teach .sy-list, .voki-teach .sy-slide { height: 340px;}

    /*New Pricing Changes*/
    .pricing_que-new {width: 12px;}
    .pricing-head_cnt-Data {height: 181px;}

    /*New Signup Design fields*/
    .pur_signup .signupSelectI label {width: 27%;}
    .pur_signup .signupSelectI select {width: 71.3%;}
    .pur_signup .signupDob label {width: 27%;}
    .pur_signup .signupDob select {width: 22.6%;}

    /* New design and responsivneness changes*/
    #teacher_upgrade_head
    {
        width:100% !important;
    }
    .first_row_heading span
    {
        width:100%;
        font-size:20px;
        height:22px
    }
    .second_row_heading span
    {
        width:100%;
        font-size:20px;
    }
    .school_administrators_contain
    {
        width: 99%;
    }
    .main_form_containment {
        padding: 10px 25px 0;
    }
    .hm_content-img {height: 150px;}
    .product_images_here{height: 130px;}
    .upper_filters_presenter .create_btn {width: 180px;}
    .upper_filters_presenter .search_tab {width: 330px;}
    .p_image > img {width: 75px;}
    .mypresenter-Add .mVoki_cnt-1_cnt-imgs_nct{margin-right: 10%;}
    .pricing_footer > h3{padding: 0 10px;}
    .voki_schools_info_contain.row{width: 100%;}
    .p_image {margin-right: 10px;max-width: 100px;}
    .p_image img {width: 70%;}
    .main_version_select_images.row {padding: 0 40px;}
	.voki_schools_info_contain .info_body span1 {
    font-size: 14px;
}
}
@media screen and (max-width:767px){
		.classroom-tutorial-new {
		width: 100%;
		margin: 0px auto;
		text-align: center;
	}
    .navbar.navbar-default, .header-cnt {display: none;}
    .header_navbar-default  {display: block;}
    .header_navbar-default {background: #f47f20; display: inline-block; width: 100%;}
    .header-logo {float: left; height: 50px;}
    .header-logo > img {width: 66px;}
    .header_navbar-default ul.list-inline{float: left; margin-bottom: 0;}
    .header_navbar-default ul.list-inline li {padding: 19px 0 19px 10px;}
    .header_navbar-default ul.list-inline li:first-child {padding: 19px 0 19px 12px; vertical-align: top;}
    .header_navbar-default ul.list-inline li a {color: #fff; font-size: 14px; font-weight: bold; display: inline-block;}
    .header_navbar-default ul.list-inline li:last-child a {margin-right: 0; width: auto;}
    .header_navbar-default ul.list-inline li:first-child a {width: 90px; margin-right: 0;}
    .header_navbar-default ul.list-inline li a:hover, .header_navbar-default ul.list-inline li a:focus, .header_navbar-default ul.list-inline li a:active {text-decoration: none; color: #333;}
    .header_navbar-default ul.list-inline li a.active_a {color: #393939; cursor: default;}
    .header_navbar-default ul.list-inline li a.active_a:focus {outline: medium none; outline-offset: 0;}
    .presenter-bg.header_navbar-default ul.list-inline li a.active_a {color: #fdc465;}
    .presenter-bg.header_navbar-default ul.list-inline li a:hover {color: #fdc465;}
    .header-icon-menu {color: #fff; cursor: pointer; float: right; font-size: 30px; margin: 11px;}
    .header-icon-menu:hover {color: #333;}
    .presenter-bg .header-icon-menu:hover {color: #fdc465;}
    .header-icon-menu i {border: 2px solid; border-radius: 5px; padding: 3px 6px;}
    .dropdown_header-cnt {left: auto; background-color: #140202; min-width: 150px; right: 0; top: 61px; border-radius: 0; opacity: 0.87; border: medium none;}
    .dropdown_header-cnt li a {color: #fff; font-size: 17px; margin: 0 10px; padding: 12px 21px;}
    .dropdown_header-cnt li:first-child a {padding-left: 4px; margin-bottom: 5px;}
    .dropdown_header-cnt li a i {margin-right: 5px;}
    .dropdown_header-cnt  li  a:focus, .dropdown_header-cnt  li  a:hover {background-color: #4d4240; color: #fff;}
    .dropdown_selected_url {background-color: #4d4240; border-bottom: 1px solid #140202; border-top: 1px solid #140202; cursor: default;}
    .dropdown_header-cnt span {display: inline-block; vertical-align: sub;}
    .dropdown_header-cnt name {font-size: 13px; line-height: 9px;}
    .dropdown_header-cnt .glyphicon.glyphicon-cog {font-size: 22px;}
    .dropdown_header-cnt li .header_without-hover:hover {background-color: transparent; cursor: default;}
    .dropdown_header-cnt li .header_without-hover lev {
        /*color: #a40b1b;*/
        font-size: 18px; font-style: italic; line-height: 18px;}
    .dropdown_header-cnt li .header_myAccount, .dropdown_header-cnt li .header_myAccount:hover {background-color: #e0e0e0; border-bottom: 1px solid #140202; border-top: 1px solid #140202; color: #252525;}

    .onlyTeachSubMenu {display: block;}
    .onlyTeachSubMenu .header-support {margin-left: 53px;}

    .nav.navbar-nav:first-child {margin: 7.5px -15px;}
    .nav.navbar-nav:first-child li:first-child, .nav.navbar-nav:first-child li, .nav.navbar-nav:first-child li:last-child {width: auto;}
    .nav.navbar-nav:first-child li:first-child a, .navbar-default .navbar-nav > li > a {margin: 18px 16px;}
    .navbar-default .navbar-nav:last-child > li > a, .navbar-default .navbar-nav > li > a, .nav.navbar-nav.navbar-right > li:last-child > a {margin: 18px 16px;}
    .navbar-right { margin-right: -15px;}
    .nav.navbar-nav{text-align: right;}
    .nav.navbar-nav li {border-bottom: 1px solid #c0c0c0}
    .nav.navbar-nav li:last-child {border-bottom: 0}
    .nav.navbar-nav li:hover {border-bottom-color: #000;}
    .navbar-default .navbar-nav > li > a:hover, .nav.navbar-nav.navbar-right > li:first-child > a {margin-bottom: 18px !important;}
    .hm_content-img > img {width: auto;}
    .cnt_data_block h3 {font-size: 20px;}
    .cnt_data_block P { font-size: 14px;}
    .hm_content-Lorg {padding-bottom: 50px;}
    .hm-static img {width: 90%;}
    .footer_cnt, .footer_end {font-size: 15px;}

    .classroom-bg.header_navbar-default ul.list-inline li a.active_a {color: #fdc465;}
    .classroom-bg.header_navbar-default ul.list-inline li a:hover {color: #fdc465;}

    #animation_character {right: -39px;}
    #flash_cnt {width: 416px;}

    /*New Footer*/
    .like_social {padding: 10px; width: 100%; text-align: center;}
    .f-followUs {display: block;}
    .f-newsletter {float: none; margin-top: 7px;}

    /**Banner**/
    .banner_main-home .sy-slide, .banner_main-home .sy-list, .banner_main-home .sy-slides-crop, .banner_main-home .sy-slides-wrap {height: 406px;}
    .banner-1 > span, .banner-2 > span, .banner-3 > span, .banner-4 {font-size: 32px; line-height: 29px;}
    .banner-1_ul cnt, .banner-2 > cnt {font-size: 18px;}
    .banner-2 span { width: 100%;}
    .banner2-img_main {width: 655px;}
    .banner2-img_cnt {height: 333px; width: 502px;}
    .banner-3_ul cnt {font-size: 14px;}
    /*.banner-3_ul oo {display: none;}*/
    .banner-3_ul oo {margin-top: 8px;}
    .banner3-img_main {width: 633px;}
    .banner3-img_cnt {height: 272px; width: 311px;}
    .banner4-img_main {width: 622px;}
    .banner4-img_cnt {height: 230px; width: 403px;}
    .home-banner-app {width: 164px;}
    .home-banner-app img {width: 148px; margin-top: -6px;}
    .home-banner-app span {font-size: 14px;}
    .home-banner-app2 {margin-top: -6px;}

    .header_navbar-default {margin-bottom: 5px;}
    .banner_main-home { margin-top: -5px;}

    /*Bootstrap Model*/
    .model_login, .model_signup {margin: 30px auto;}


    /*HOme Page Apple design*/
    .apple-img {width: 214px;}
    .apple-arrow img, .apple-arrow-rgt img {width: 63px;}
    .apple-img2 {margin-left: -43px;}
    .apple-img3 {margin-left: -43px;}
    .apple-img5 {margin-left: -50px;}
    #show-apple-img1-popup {left: -22px; top: -244px;}
    #show-apple-img2-popup {left: 20px; top: -255px;}
    #show-apple-img2-popup .apple-arrow {margin-left: 84px;}
    #show-apple-img3-popup {right: 1%; top: -194px;}
    #show-apple-img4-popup {bottom: 164px; left: 4%;}
    #show-apple-img4-popup .apple-arrow-rgt {margin-right: 195px;}
    #show-apple-img5-popup {bottom: 185px; right: 24%;}
    .sml-apple-img-1 {left: 3px;}
    .sml-apple-img-2 {right: -17px;}
    .sml-apple-img-3 {right: -13px;}
    .sml-apple-img-4 {right: -23px;}
    .sml-apple-img-7 {left: -26px;}
    .sml-apple-img-5 {right: -16px;}
    .sml-apple-img-6 {right: -25px;}
    .hm-static-1 h4 {padding-left: 7px; padding-right: 7px;}


    /**Pricing**/
    .prining_cnt h1 {font-size: 24px;}
    .prining_cnt > h3 {font-size: 16px;}
    .prining_cnt-data a {width: 124px;}
    .prining_cnt-data > h3, .prining_cnt-data > ul {font-size: 13px;}
    .pricing_que {width: 17px;}
    .prining_paid > h1 {font-size: 25px;}
    .prining_paid-cnt li {font-size: 13px;}
    #no-more-tables th {font-size: 18px;}
    #no-more-tables td strong, #no-more-tables td { font-size: 13px;}
    .pricing-img {width: 34px;}
    .pricing_set {margin: 10px; width: auto;}

    .pricing_h2, .pricing-head_cnt h2, .pricing-header_body h2 {font-size: 25px;}
    .pricing-head_cnt h4 {font-size: 11px;}
    .pricing-head_cnt-1 ul, .pricing-head_cnt-1 > span {font-size: 12px;}
    .btn_pricing-head_cnt {font-size: 8px; padding: 6px 0px;}
    .pricing-header_body .pricing-header_body-1 {width: 42%; font-size: 13px;}
    .pricing-header_body .pricing-header_body-2 {width: 58%; font-size: 13px;}

    /**Pricing Pop Up***/
    //.chr_img {width: 25%;}


    /**Product**/
    .product_content-data h3 {padding-top: 0; font-size: 24px; margin-top: 0;}
    .product_content-data p {font-size: 14px;}
    .product_collapse-cnt h3 {font-size: 19px; margin-top: 2px;}
    .product_collapse-cnt > p {font-size: 12px;}

    .product_app-apple, .product_app-google {width: 154px;}

    /**Support Header**/
    .header-support { margin-left: 78px;}

    /**Support**/
    .support_txt-hdr, .support-Add .support_txt-hdr {font-size: 22px;}
    .support_txt, .support-Add .support_txt, .support_cnt-2, .support-Add .support_cnt-2, .support_cnt-4, .support_cnt-4 h4 {font-size: 14px;}
    .support_cnt-1 span, .support-Add .support_cnt-1 span, .support_cnt-3 > span, .support-Add .support_cnt-3 > span {font-size: 22px;}
    .support_cnt-1 span, .support-Add .support_cnt-1 span {width: 100%; float: left;}
    .support_cnt-1 {height: 130px;}
    .support_b {margin-top: 15px;}

    /**Blog**/
    .blog-body > h2 {font-size: 22px;}
    .blog-share-span {display: inline-block; margin-bottom: 10px;}


    /**FAQ**/
    .faq-left-pad {height: 2683px;}
    .faq-col-xs-3 {width: 30%;}
    .faq-col-xs-9 {width: 70%;}

    /******My Account******/
    .account-cnt_1, .account-cnt_3 {width: 100%;}
    .account-cnt_1-header h3, .account-cnt_2-header h3, .account-cnt_3-header h3 {font-size: 16px;}
    .account-cnt_1-data, .account-cnt_2-data, .account-cnt_3-data {font-size: 12px;}
    .account-cnt_1-data dl dt, .account-cnt_2-data dl dt, .account-cnt_3-data dl dt { float: left; width: 95px;}
    .account-cnt_1-data dl dd, .account-cnt_2-data dl dd, .account-cnt_3-data dl dd {margin-left: 100px;}
    .account-cnt_1-data dl .account-sub {font-size: 14px;}
    .account-cnt_2-a {font-size: 8px !important;}
    .account-cnt_1-img { padding-left: 7px;}
    .account-cnt_3-header span {font-size: 10px;}
    .account-cnt_3-data dl dd {min-height: 41px;}
    //.account-cnt_3-cnt {height: 204px;}
    .account-cnt_3-data dl dd.account-cnt_3-data-font {font-size: 11px;}
    .account-cnt_3-cnt-height {height: auto;}
    .account-cnt_3-data dd.account-cnt_3-data-height {height: 20px; min-height: 20px;}

    .account-cnt_rgt .account-cnt_1, .new-account-cnt_3, .account-cnt_rgt .account-cnt_2-header {padding-left: 5px;}
    .dl-horizontal .acc_stu_detail1 {width: 143px;}

    .hide_cardCnt {display: inline-block;}

    /***My Voki*****/
    .mVoki-filter, .mVoki-sort {width: 185px; margin-right: 20px;}
    .mVoki-filter .form-control, .mVoki-sort .form-control {width: 145px;}
    .mVoki-search {width: 215px;}
    .mVoki-search .form-control {width: 117px;}
    .mVoki_header cross {right: 50px;}
    .mVoki_cnt-cols {padding-right: 15px;}
    .mVoki_cnt-1_cnt-header_title, .myvoki-Add .mVoki_cnt-1_cnt-header_title {max-width: 84%;}

    .mVoki_cnt-1_cnt-header_title:hover span, .myvoki-Add .mVoki_cnt-1_cnt-header_title:hover span {max-width: 84%;}
    
    .modal-dialog.voki-play-modal {margin: 10px auto;}

    /***Voki Create*****/
    /*.vc-step2_1 {width: 366px;}*/
    /*.vc-step2_2 {padding-right: 0; width: 274px;}*/
    .vc-step2_1, .myVoki-Add .new_vc-step2_1 {width: 348px;}
    .vc-step2_2, .myVoki-Add .new_vc-step2_2 {padding-right: 0; width: 296px;}
    /*.new_vc-step2_1 {width: 55%;}*/
    .new_vc-step2_1, .myVoki-Add .new_vc-step2_1 {width: 48%;}
    .new_vc-step2_2, .myVoki-Add .new_vc-step2_2 {width: 49% !important;}



    /***VOKI TEACH***/
    /*.voki-teach .sy-slides-wrap { height: 352px;}
    .voki-teach .sy-slides-crop { height: 352px;}
    .voki-teach .sy-list { height: 352px;}
    .voki-teach .sy-slide { height: 352px;}*/
    .voki-teach .sy-controls li.sy-prev a::after, .voki-teach .sy-controls li.sy-next a::after {background-size: 25px auto;}
    .voki-teach .sy-pager {margin: -30px 0 0;}
    .teach-img-cnt > h3 {font-size: 18px;}
    .teach-img-cnt-1 {font-size: 13px;}
    .teach-gread .teach-span {font-size: 16px;}
    .teach-grade_btn_data .panel-default > .panel-heading {padding: 10px 9px;}
    .grade_head h2 { font-size: 28px;}
    .tog_close, .tog_open {width: 37px;}
    .header_img {width: 72px;}
    .header_title {max-width: 447px; font-size: 19px;}
    .teach-grade_btn_data .panel-body table tr td {font-size: 14px;}



    /********VOKI PRESENTER*********/
    .presenter_left-header h1 { font-size: 30px;}
    .presenter_left-header {font-size: 14px;}
    .presenter-header, .presenter-body-2_img {height: 185px;}
    .presenter-body-1_img {width: 53px;}

    .Presentation-Add .new_vp-create2-sharing {width: 234px;}

    /**Voki Teach Presenter**/
    .presenter-header-support {display: none;}
    .presenter-header-hide {display: block; clear: both;}

    .choose_grade {font-size: 15px; margin-top: 15px;}
    .teach_p-btn {font-size: 12px; margin-top: 15px;}
    .tp-gread-btn {padding: 10px 9px; font-size: 23px;}
    .tp-header_img {width: 70px;}
    .tp-header_title {font-size: 22px; margin-left: 18px; max-width: 435px;}
    .teach-presenter .panel-body {width: 100%;}
    .tp-header_icons .tog_close, .tp-header_icons .tog_open {margin-left: 0;}
    .teach-presenter .panel-body table tr td {font-size: 17px;}
    .tp-coming-soon {padding-right: 21px;}

    /**Voki Teach Presenter Pop Up**/
    .vp-Popup {margin: 30px auto}


    /*******Voki Presenter Create*********/
    .vp-create2-sharing {width: 235px;}


    /********VOKI CLASSROOM******/
    .class_left-header h1 { font-size: 30px;}
    .class_left-header {font-size: 14px;}
    .class-header, .class-body-2_img {height: 185px;}
    .class-body-1_img {width: 53px;}

    /***VC-Classes***/
    .vc-main .pull-left { float: right !important; margin-bottom: 10px}
    .vc-table1_snd-header {width: 39%;}
    .vc-table1_snd-header inp input {width: auto;}
    .vc-table1_snd { padding-right: 15px;}
    .vc-table1_snd span {width: 87%;}

    /*******Voki Create*********/
    .voki-create_right ul, .myVoki-Add .voki-create_right ul {width: 100%;}


    /**Share Voki**/
    .share-voki h1 {font-size: 33px;}
    .share-voki-cnt-data{width: 52%;}
    .share-voki-btn{width: 85px; font-size: 15px;}
    .share-voki-btn_div span {margin-left: 6px;}
    .share-voki-msg label {width: 120px;}

    /*Share Presentation*/
    .share-presentation h1 {font-size: 33px;}
    .share-presentation .share-voki-cnt-img {text-align: center; width: 100%;}
    .share-presentation .share-voki-cnt-data {padding: 0 10px; width: 100%; margin-left: 0;}
    .share-presentation .share-voki-cnt-data-btns {margin-top: 50px;margin-left: auto; margin-right: auto; width: 355px;}
    .share-presentation .share-voki-msg .row {margin: 0 auto; width: 87%;}
    .share-presentation .share-voki-msg .share-voki-msg2 {margin-top: 5px;}

    /***Purchase Flow**/
    .purchase_level {width: auto;}

    #ccNo-div {width: 82%;}
    #cc_img {width: 15%;}

    /*Multi Accounts*/
    .pur-multipleAcc-details .form-group {width: 30%;}
    .pur-multipleAcc-details-base {width: 100%;}
    .pur-multipleAcc-details-base span {width: 100%;}
    .pur-multipleAcc-details-base a {margin-top: 5px;}
    .multipleAcc-plan-select .dl-horizontal dt {clear: left; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    //    .multipleAcc-footer-img img {width: 310px;}
    .multipleAcc-footer-cnt {margin-top: 16px;}
    /*Step: 3 Checkout*/
    .nav-tabs .chk-order-tabs_navs a {font-size: 14px;}
    .ccv-cnt {width: 54%;}
    .ccv-cnt-info {width: 41%;}
    .exp-mnt {width: 53%;}
    .creditCard-val {width: 48.5%;}
    .creditCard-sub button {width: 100%;}

    /*Contact Us*/
    .contact-body {padding: 37px 10px 0;}
    .contact-1 dt {clear: left; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .contact-1 dd {margin-left: 180px;}
    .contact-1-dl dt {width: 108px;}
    .contact-1-dl dd {margin-left: 110px;}
    .contact-1 dd .form-control {width: 100%;}

    /**Pickup page**/
    .pickUP {margin: 12px 0 20px;}
    .pickUP-a {display: inline-block; margin-top: 5px; width: 100%;}
    .pickUP-a button {width: auto; padding: 27px; font-size: 38px; vertical-align: top; margin-top: 2px;}
    .pickUP-a a:hover {opacity: 0.9;}
    .pick-share {display: inline-block; margin: 0 0 0 5px;}
    .pick-save {display: inline-block; margin-left: 5px;}

    .hide-pickup2 {display: inline-block;}
    .hide-pickup2-img {width: 160px;}
    .hide-pickup2-a {width: 100px; margin-left: 6px;}
    .hide-pickup2-a > img {width: 100%;}
    
    .pickUP-a button span {display: none;}
    .pick-create {display: none;}

    /*Home Neswsletter*/
    .newsletter-b-detail {width: 33%;}

    /*App page*/
    .app-cnt2-left, .app-middle .app-cnt2-left {padding-top: 17px;}
    .app-cnt2-left h3 {font-size: 23px;}
    .app-cnt2-left h3 span {font-size: 30px;}

    /*Home page testimonials slider*/
    .home-testimonials .sy-slides-wrap, .home-testimonials .sy-slides-crop, .home-testimonials .sy-list, .home-testimonials .sy-slide {height: 211px;}
    .tes-cnt {width: 85%;}


    /*
    Voki 2.2
    Voki teach
    */
    .teach-bg.header_navbar-default ul.list-inline li a.active_a {color: #fdc465;}
    .teach-bg.header_navbar-default ul.list-inline li a:hover {color: #fdc465;}

    /*Lessons*/
    .new-teach-header-lesson {font-size: 30px;}
    .new-teach-header-dropdowns button, .new-teach-header-dropdowns .dropdown-menu li, .left-inner-addon input {font-size: 13px;}
    .left-inner-addon input  {width: 260px;}
    .new-teach-body-cnt-head-header {font-size: 20px;}
    .new-teach-body-cnt-head-header span {font-size: 15px;}
    .new-teach-body-cnt-head-rating sptext {font-size: 14px;}
    .new-teach-body-cnt-head-rating voting {font-size: 11px;}
    .new-teach-body-cnt-head-rating .rating-container .rating {font-size: 15px;}
    .new-teach-body-cnt-head-rating.pull-right {margin-top: 7px;}
    .new-teach-body-cnt-subHead-1 span, .new-teach-body-cnt-subHead-2 span, .new-teach-body-cnt-subHead-3 span, .new-teach-subBody-cnt-img-cnt, .new-teach-panel-body-top-cnt {font-size: 13px;}
    .new-teach-body-cnt-subHead-1 {width: 134px;}
    .new-teach-body-cnt-subHead-2 {width: 174px;}
    .new-teach-body-cnt-subHead-3 {width: 146px;}
    .new-teach-panel-body-top-cnt {padding-right: 10px;}
    .new-teach-body-cnt .panel-body {padding: 8px 16px 15px;}
    .new-teach-panel-body-cnt-data {margin-right: 5px;}
    .new-teach-panel-body-cnt-data h5 {font-size: 11px;}
    .new-teach-panel-body-cnt-data-share-cnt {right: 31px; width: 145px;}

    /*Lesson Popup*/
    .teachAdmin-upgrade-modal {
        margin: 30px auto;
    }

    /*Hooks*/
    .new-teach-hooks-main {width: 649px;}
    .new-teach-header-lesson {font-size: 27px;}
    /*.new-teach-body-cnt-hooks:nth-child(2n) {margin-left: 6px;}*/
    .new-teach-body-cnt-title-hooks {font-size: 17px;}
    .new-teach-body-cnt-2-hooks-1 {width: 40%;}
    .new-teach-body-cnt-2-hooks-2 {width: 58%;}
    .new-teach-body-cnt-2-hooks-3 {width: 100%;}
    .new-teach-body-cnt-2-hooks-display span {font-size: 12px;}
    .new-teach-body-cnt-3-hooks-cnt-data {font-size: 10px; line-height: 13px;}
    .new-teach-body-cnt-3-hooks-cnt-data {height: 77px; margin-bottom: 7px;}
    .new-teach-body-cnt-3-hooks-cnt-shareBtns img {width: 27px;}
    .new-teach-body-cnt-3-hooks-shareCnt img {width: 24px;}
    .new-teach-body-cnt-3-hooks-playImg img {width: 33px;}
    .new-teach-body-cnt-2-hooks-display-author {max-width: 86%;}
    .new-teach-body-cnt-hooks {margin-right: 6px;}

    /*Projects*/
    .new-teach-presenter-main .new-teach-header-lesson {width: 157px;}
    .new-teach-project-data-img-cnt {width: 77%;}
    .new-teach-project-data-img-cnt-data-1-span {max-width: 108px;}
    .new-teach-project-data-img-cnt-data-2-span {max-width: 120px;}
    .new-teach-project-data-img-cnt-data-3 span {width: 123px;}

    /*Projects Popups*/
    .teachPlans-body-1 dt {clear: left; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 108px;}
    .teachPlans-body-1 dd {margin-left: 102px;}

    /*Voki Teach New Home page*/
    .newTeach-home-head h2 {font-size: 24px;}
    .newTeach-home-added h2 {font-size: 24px;}
    .newTeach-home-added-footer-data {padding-left: 5px; padding-right: 5px;}
    .newTeach-home-added-footer-data1, .newTeach-home-added-footer-data2, .newTeach-home-added-footer-data3 {padding: 30px 9px;}
    .newTeach-home-added-footer-data h3 {font-size: 20px; margin: 0 0 13px;}
    .newTeach-home-added-footer-data img {width: 28px;}
    .newTeach-home-added-footer-data p {font-size: 11px;}
    .newTeach-home-added-footer-data a {font-size: 15px;}
    .newTeach-home-added {margin-bottom: 44px;}
    .newTeach-home-added-CM {margin-bottom: 61px;}
    .newTeach-home-added-footer {width: 648px;}
    .newTeach-home-added-footer-data2 a {margin-top: 111px;}
    .newTeach-home-added-footer-data3 a {margin-top: 77px;}

    .voki-teach .sy-slides-wrap, .voki-teach .sy-slides-crop, .voki-teach .sy-list, .voki-teach .sy-slide { height: 320px;}


    /***New Signup Thanks Css***/
    .second_model .newSignupModal {width: auto; margin: 10px}
    .newPurchaseThanks-main {width: auto;}
    .purchaseThanksNew .newSignupThanku-head-main {width: 82%;}
    .purchaseThanksNew-body-cnt-left {width: 55%;}
    .purchaseThanksNew-body-cnt-right {width: 43%;}
    .purchaseThanksNew-body-cnt .newSignupThanku-dataTitle {width: 33%;}
    .purchaseThanksNew-body-cnt .newSignupThanku-dataCnt {max-width: 65%;}
    .purchaseThanksNew-bodyPart {padding: 25px 0;}

    /*New Pricing Changes*/
    .pricing-head_cnt-1 ul > li {font-size: 10px;}
    .pricing-head_cnt-1 ul > li > span {font-size: 9px;}
    .pricing-head_cnt-1 .pricing_que {margin-top: 0; width: 13px;}
    .pricing-head_cnt-Data {font-size: 9px; height: 165px;}
    .pricing_que-new {width: 10px;}

    /*New Signup Design fields*/
    .pur_signup .signupSelectI label, .pur_signup .signupSelectI select, .pur_signup .signupDob label {width: 100%;}
    .pur_signup .signupDob select {width: 32%;}
    .ios_download_images img {
        width: 60%;
    }
    .school_top_head h2 {
        font-size: 24px;
    }
    .school_top_head p {
        font-size: 14px;
    }
    .hm_content-img {height: 210px;}
    .product_images_here{height: 210px;}
    .upper_filters_presenter .search_tab {float: right;width: 330px;}
    .upper_filters_presenter .select_tab {float: right;width: 330px;}

    .purchase_level.new_purchase_level {margin: 30px auto;}
    .school_license_promotion {background-image: url("../images/school-license-2.png");}
    .pricing-head_cnt-1 {height: 135px;}
    .level_specifications h3{font-size: 18px;}
    .paid_user_features{width: 580px;}
    .paid_user_features div.col-md-6{padding:0;}
    .school_po_body {
        padding: 0;
    }
    .school_po_outer{
        padding: 10px;
    }
    .p_image {margin-right: 5px;max-width: 90px;}
    .school_license_support span.orange-text {width: 100%;}
    .upper-heads h2 {font-size: 22px;}
    .upper-heads h1 {font-size: 24px;}
    .controlled_version.each_version::before {height: 325px;}
    .main_version_select_images.row {padding: 0 10px;}
    .each_version {width: 45%;}
    .inter-Offset {width: 10%;}
    .controlled_version.each_version::before{right: -39px;}
    
    .download_container_showmobile {display: block; margin-top: 15px;}
    .download_container_hidemobile {display: none;}
}
@media screen and (max-width:710px){
    .info_body.district h1 {
    margin-top: 2px;
    font-size: 35px;
}
}
@media screen and (max-width:675px){

    .chr_img {
        width: 33%;
    }
    .account-cnts_1-header h3 {
        font-size: 13px;
    }
    .account-cnts_3-header h3 {
        font-size: 13px;
    }
    .p_images{padding:0;}
    .school_license_promotion {font-size: 22px;}
    .voki_schools_info_contain div.col-md-4,.voki_schools_info_contain div.col-md-3{padding-left: 5px;padding-right: 5px;}
    .voki_schools_info_contain.row{width: 100%;}
    .my_plans .all_plans_each .first_one {padding: 1px 5px;}
    .my_plans .all_plans_each .first_one {font-size: 10px;}
    .all_plans_each div.data {font-size: 10px;}
    .plan_headings.row div {font-size: 11px;width: 12%;border-right: 1px solid #ffffff;margin-right: 0;}
    .all_plans_each div.data{width: 12%;margin-right: 0;}
    .my_plans {padding: 0 5px;}
    .upper_container .plan_headings .padd , .my_plans .all_plans_each .first_one{width: 28%;}
    .upper_heading_plans span {font-size: 24px;}
    .lower_container .special_offs {margin: 5px 0 0;}
    .controlled_version.each_version::before {right: -22px;}
    .each_version {width: 47%;}
    .inter-Offset {width: 6%;}
    .heading_part h5 {font-size: 14px;}
    .heading_part h3 {font-size: 15px;}
    .version_bullets {padding-top: 25px;}
}
@media screen and (max-width:650px){
    .hm_title { font-size: 23px;}
    .hm-ft-cnt{width: 93%;}
    .follow_social > a {padding: 0 4px;}
    .like_fb {margin: 11px 0 11px 20px;}
    .like_fb i {margin-right: 10px;}
    .news_letter {margin: 13px 20px 13px 0;}
    .news_letter i {margin-left: 10px;}

    #flash_cnt {width: 368px;}
    /*    .banner-1 > span {font-size: 40px; line-height: 35px;}
        .banner-1_ul oo {margin-top: 9px; padding: 3px;}
        .banner-1_ul cnt {font-size: 18px;}*/
    .sy-controls li a::after {height: 52%;}

    /**Banner**/
    #animation_character {right: -87px;}
    .banner2-img_main {width: 624px;}
    .banner2-img_cnt {height: 348px; margin: 58px 0 0 auto;}
    /*.banner-3_ul cnt {margin-left: 0;}*/
    .banner3-img_main {width: 570px;}
    .banner3-img_cnt { height: 241px; width: 256px;}
    .banner4-img_main {width: 421px;}
    .banner4-img_cnt {height: 239px; width: 414px; margin: 77px 0 0 auto;}
    .banner-4 {left: 0; text-align: center; width: 100%; top: 38px;}
    .banner-4 app {display: inline-block;}
    .home-banner-app {margin-top: 211px; width: 100%;}
    .home-banner-app2-main {margin: 0 auto; width: 151px; display: inline-block;}

    /*Voki Home page Add*/
    .vokiHome-Add .banner-4 {left: 0;}

    /**Pro Banner***/
    .product_banners .sy-box:hover .sy-pager, .product_banners .sy-box:hover .sy-controls {display: none;}
    .product_banners .sy-box .sy-pager, .product_banners .sy-box .sy-controls {display: none;}

    /*HOme Page Apple design*/
    .hm-static-1 h1 {font-size: 42px;}
    .hm-static-1 h4 {font-size: 21px;}
    .apple-img {width: 200px;}
    .apple-img5 {margin-left: -44px;}
    #show-apple-img2-popup {top: -265px;}
    #show-apple-img3-popup {top: -200px;}
    #show-apple-img3-popup .apple-arrow {margin-left: 178px;}
    #show-apple-img4-popup {bottom: 161px;}
    #show-apple-img4-popup .apple-arrow-rgt {margin-right: 234px;}
    #show-apple-img5-popup {bottom: 172px; right: 18%;}


    /**Pricing**/
    .prining_cnt h1 {font-size: 20px;}
    .prining_cnt > h3 {font-size: 12px;}
    .prining_cnt-data a {font-size: 11px; width: 112px;}
    .prining_cnt-data > h3, .prining_cnt-data > ul {font-size: 10px;}
    .prining_paid > h1 {padding: 0 15px; font-size: 23px;}
    .prining_paid-cnt div { padding-left: 0}
    .prining_paid-cnt li {font-size: 13px;}
    .prining_paid-cnt ul {padding-left: 30px;}
    #no-more-tables .pricing-grey {width: 33%;}

    .pricing-header .col-xs-3 {width: 50%; margin-bottom: 5px}
    .pricing-head_cnt h2 {font-size: 28px;}
    .pricing-head_cnt-1 ul, .pricing-head_cnt-1 > span {font-size: 14px;}
    .btn_pricing-head_cnt {padding: 6px 5px; font-size: 10px;}
    .pricing-head_cnt h4 {font-size: 17px;}
	.pricing_head_level_basic > h2 {padding: 13px 0 0px 10px;}

    /**Pricing Pop Up***/
    //.chr_img {width: 33.3%;}

    /**Product**/
    .product_app-apple, .product_app-google {margin-top: 11px; display: block; margin-left: 0;}

    /**Support Header**/
    /*.header-support li {padding: 17px 3px;}*/

    /**Blog**/
    .blog-title {font-size: 30px;}
    .blog-body > h2 {font-size: 20px;}
    .blog-right-cnt > img {width: 98%;}
    .blog-img {width: 160px; margin-bottom: 2px;}


    /**FAQ**/
    .faq-left-pad {height: 2568px; }
    .faq-left_cnt cnt, .faq-Add .faq-left_cnt cnt, .faq-cnt h4, .faq-cnt {font-size: 12px;}
    .faq-left_cnt cnt, .faq-Add .faq-left_cnt cnt {vertical-align: top;}
    .faq-right h3 {font-size: 17px;}

    /******My Account******/
    .account-cnt_1-header img { width: 17px;}
    .account-cnt_1-a, .account-cnt_3-a {padding: 3px 7px;}
    .account-grn, .account-blue {vertical-align: bottom; width: 13px; height: 13px;}
    .account-cnt_1-data dl dt, .account-cnt_2-data dl dt, .account-cnt_3-data dl dt {width: 78px;}
    .account-cnt_1-data dl dd, .account-cnt_2-data dl dd, .account-cnt_3-data dl dd {margin-left: 88px;}
    .account-cnt_3-data-fir {width: 77%;}
    .account-cnt_3-data-extend {width: 23%;}
    .account-cnt_3-data-edit_rem a {font-size: 11px;}
    .account-cnt_3-data dl dd.account-cnt_3-data-font {margin-left: 64px;}
    //.account-cnt_3-data-select {display: block; margin-bottom: 5px; width: 100%;}
    .account-cnt_3-data dl dd.account-cnt_3-data-main-select {min-height: 84px;}
    .account-cnt_3-data-select {width: 45px;}
    .account-cnt_3-data-select select {font-size: 12px;}

    .dl-horizontal .acc_stu_detail1 {width: 145px;}

    .hide_cardCnt {display: none;}
    .basic-account-part {padding-left: 0;}

    /***My Voki*****/
    .mVoki-filter, .mVoki-sort {margin-right: 9px; width: 170px;}
    .mVoki-filter .form-control, .mVoki-sort .form-control {width: 127px;}
    .mVoki-search {width: 203px;}
    .mVoki-search .form-control {width: 105px;}
    .mVoki_cnt-1_cnt-header_title, .myvoki-Add .mVoki_cnt-1_cnt-header_title {font-size: 14px; max-width: 81%;}
    .mVoki_cnt-1_cnt-imgs_nct, .myvoki-Add .mVoki_cnt-1_cnt-imgs_nct { margin-right: 13.5%;}

    .mVoki_cnt-1_cnt-header_title:hover span, .myvoki-Add .mVoki_cnt-1_cnt-header_title:hover span {max-width: 81%;}

    /***Voki Create*****/
    /*.vc-step2_1 {width: 332px;}*/
    /*.vc-step2_2 {width: 238px;}*/
    .vc-step2_1, .myVoki-Add .new_vc-step2_1 {width: 300px;}
    .vc-step2_2, .myVoki-Add .new_vc-step2_2 {padding-left: 11px; width: 276px;}
    .vc-step2_2 h2 {font-size: 28px;}
    .new_vc-step2_2, .myVoki-Add .new_vc-step2_2 {width: 270px !important;}
    .new_vc-step2_2 h2 {font-size: 27px;}
    .vc-step2_2-bottom_2 {width: 82%;}



    /***VOKI TEACH***/
    /*.voki-teach .sy-slides-wrap, .voki-teach .sy-slides-crop, .voki-teach .sy-list, .voki-teach .sy-slide {height: 280px;}*/
    .teach-banner1-img {padding-top: 37px;}
    .teach-banner2-img {padding-top: 62px;}
    .teach-banner3-img {padding-top: 58px;}
    .voki-teach .sy-controls li.sy-prev a::after, .voki-teach .sy-controls li.sy-next a::after {top: 59%;}
    .header_title {max-width: 376px;}



    /********VOKI PRESENTER*********/
    .presenter-body-1 {width: 100%;}
    .presenter-header, .presenter-body-2_img {height: 166px;}

    /*******Voki Presenter Create*********/
    .vp-create2-sharing {margin-top: 10px;}
    .vp-create2-sharing-cnt_buttons {margin-top: 13px;}
    .vp-create2-sharing {width: 300px;}

    /**Voki Teach Presenter**/

    .teach_p-btn_div-hide {display: block}
    .teach_p-btn_div-show {display: none;}
    .teach_p-btn_div {text-align: right; margin-bottom: 18px;}
    .tp-greads {width: 66%;}
    .choose_grade {width: 25%;}
    .tp-header_img {width: 60px;}
    .tp-header_icons .tog_close, .tp-header_icons .tog_open {background-size: 15px auto;}
    .tp-header_title {font-size: 20px; max-width: 392px;}
    .teach-presenter .panel-body table tr td {font-size: 15px;}
    .tp-les_name {width: 57.5%;}
    .tp-coming-soon {padding-right: 51px;}

    /*******Voki Presenter Create*********/
    .new_vp-create2-sharing, .Presentation-Add .new_vp-create2-sharing {width: 230px;}
    .vp-create2-extend, .Presentation-Add .vp-create2-extend {width: 332px;}
    .Presentation-Add .vp-create2-img {width: 422px;}
    .Presentation-Add .new_vp-create2-sharing {margin-left: 0; width: 224px;}


    /********VOKI CLASSROOM******/
    .class-body-1 {width: 100%;}
    .class-header, .class-body-2_img {height: 166px;}

    /***VC-Classes***/
    .vc-search {width: auto;}
    .vc-header nv {display: block; margin-top: 7px; text-align: right;}
    .vc-table_cnt { width: 46px;}
    .vc-table1_fst {width: 55px;}


    /*******Voki Create*********/
    .voki-create_right ul, .myVoki-Add .voki-create_right ul {width: 100%;}
    /*.voki-create_right-btm {width: 50%;}*/

    /**Share Voki**/
    .share-voki h1 {font-size: 29px;}
    .share-voki-cnt-img {text-align: center; width: 100%;}
    .share-voki-cnt-data {padding: 0 10px; width: 100%;}
    .share-voki-cnt-data-btns {margin-left: auto; margin-right: auto; width: 345px;}
    .share-voki-msg .row {margin: 0 auto; width: 87%;}
    .share-voki-msg .share-voki-msg2 {margin-top: 5px;}

    /*Share Presentation*/
    .share-presentation h1 {font-size: 29px;}


    /*Multi Accounts*/
    //.multipleAcc-footer-img img {width: 254px;}
    .multipleAcc-footer-cnt {margin-top: 12px;}
    /*Step: 3 Checkout*/
    .nav-tabs .chk-order-tabs_navs a {padding: 10px 7px;}
    .chk-order-tabs-content .active {padding: 10px 20px 45px;}

    /**News Letter***/
    .temp_newsletter {padding: 0 47px;}
    .voki-upgrade-level-btns button {width: 156px;}

    /*Contact Us*/
    .contact-1 dt {clear: none; float: none;}
    .contact-1 dd {margin-left: 0;}
    .contact-1 dt {min-height: 26px;}
    .contact-1 dd .form-control {width: 78%;}

    /**Pickup page**/
    .hide-pickup2-img {width: 130px;}
    .hide-pickup2-a {width: 80px;}
    .pickUP-a button {padding: 17px; margin-top: 3px;}

    /*App page*/
    .app-cnt1, .app-middle .app-cnt1 {padding: 55px 20px 55px 0;}
    .app-cnt1-1 {font-size: 16px;}
    .app-button-1, .app-button-2, .app-middle .app-button-1, .app-middle .app-button-2 {margin-right: 0; width: 138px;}
    .app-button-2, .app-middle .app-button-2 {font-size: 13px;}
    .app-cnt2, .app-middle .app-cnt2 {padding: 10px 27px 10px 0;}
    .app-cnt2-left-1, .app-middle .app-cnt2-left-1 {padding-right: 20px;}
    .app-cnt2-left h3 {font-size: 20px;}
    .app-cnt2-left h3 span {font-size: 27px;}
    .app-cnt2-left, .app-middle .app-cnt2-left {font-size: 15px;}

    /*New Footer*/
    .fot_newsletter span {width: 157px;}
    .fot_app span {width: 109px;}

    /*Home page testimonials slider*/
    .home-testimonials .sy-slides-wrap, .home-testimonials .sy-slides-crop, .home-testimonials .sy-list, .home-testimonials .sy-slide {height: 226px;}
    .tes-cnt {width: 84%;}

    /*
    Voki 2.2
    Voki teach
    */
    /*Lessons*/
    .new-teach-header-dropdowns button {width: 150px;}
    .new-teach-header-dropdowns .dropdown-menu {min-width: 150px;}
    .left-inner-addon input {width: 238px;}
    .new-teach-body-cnt-subHead-cnt {width: 66%;}
    .new-teach-body-cnt-subHead-1 {width: 100%; max-width: 100%; min-width: auto;}
    .new-teach-body-cnt-subHead-2 {width: 100%; max-width: 100%; min-width: auto;}
    .new-teach-body-cnt-subHead-3 {width: 100%;}
    .new-teach-subBody-cnt-img-cnt {width: 79%;}
    .new-teach-panel-body-cnt-data {width: 49%;}
    .new-teach-panel-body-cnt-data:nth-child(3n) {margin-right: 5px;}
    .new-teach-panel-body-cnt-data:nth-child(2n) {margin-right: 0;}
    .new-teach-body-cnt-subHead .pull-right {margin-top: 18px;}

    .new-teach-panel-body-cnt-data-share-cnt {right: 40px; width: 181px;}

    /*Hooks*/
    .new-teach-hooks-main {width: 100%;}
    .new-teach-hooks-main .new-teach-header {display: inline-block; width: 100%;}
    .new-teach-body-hooks {display: table; margin: 15px auto 0; text-align: center; width: 561px;}
    .new-teach-body-cnt-hooks {text-align: left; width: 100%;}
    /*.new-teach-body-cnt-hooks:nth-child(2n) {margin-left: 0;}*/
    .new-teach-body-cnt-2-hooks-1 {width: 30%;}
    .new-teach-body-cnt-2-hooks-2 {width: 42%;}
    .new-teach-body-cnt-2-hooks-3 {width: 26%;}
    .new-teach-body-cnt-3-hooks-cnt-data {font-size: 12px; line-height: 15px; height: 162px;}
    .new-teach-body-cnt-3-hooks-cnt-shareBtns img {width: 33px;}
    .new-teach-body-cnt-3-hooks-shareCnt img {width: 32px;}
    .new-teach-body-cnt-3-hooks-playImg img {width: 48px;}
    .new-teach-body-cnt-2-hooks-display-author {max-width: 77%;}
    .new-teach-body-cnt-hooks {margin-right: 0;}

    /*Projects*/
    .new-teach-project-data-img-cnt {width: 74%;}
    .new-teach-project-data-img-cnt-data-1-span, .new-teach-project-data-img-cnt-data-2-span, .new-teach-project-data-img-cnt-data-3 span {font-size: 13px;}
    .new-teach-project-data-img-cnt-data-1 img, .new-teach-project-data-img-cnt-data-2 img, .new-teach-project-data-img-cnt-data-3 img {width: 24px;}
    .new-teach-project-data-img-cnt-data-1-span {max-width: 85px;}
    .new-teach-project-data-img-cnt-data-2-span {max-width: 98px;}
    .new-teach-project-data-img-cnt-data-3 span {width: 102px;}

    /*Projects Popups*/
    .teachPlans {padding: 0 10px; background-position: bottom right 12px;}
    .teachPlans-header strong {font-size: 26px;}
    .teachPlans-body-1 dt {font-size: 14px; width: 92px;}
    .teachPlans-body-1 dd {font-size: 12px; margin-left: 82px; padding-top: 2px;}
    .teachPlans-body-2 {font-size: 12px;}
    .teachPlans-body-2 h4 {font-size: 16px;}
    .new-teach-body-cnt-subHead-cnt-grade, .new-teach-body-cnt-subHead-cnt-subject {max-width: 89%;}

    /*Voki Teach New Home page*/
    .newTeach-home-head h2 {font-size: 21px;}
    .newTeach-home-added h2 {font-size: 21px;}
    .newTeach-home-added-footer {width: 579px;}
    .newTeach-home-added-footer-data2 a {margin-top: 92px;}
    .newTeach-home-added-footer-data3 a {margin-top: 94px;}

    .voki-teach .sy-slides-wrap, .voki-teach .sy-slides-crop, .voki-teach .sy-list, .voki-teach .sy-slide { height: 260px;}


    /***New Signup Thanks Css***/
    .newSignupThanku-body {padding: 0 74px;}
    .purchaseThanksNew {padding: 0 20px;}
    .purchaseThanksNew .newSignupThanku-head-main {width: 88%;}
    .purchaseThanksNew-body-cnt-left {width: 53%;}
    .purchaseThanksNew-body-cnt-right {width: 45%;}
    .purchaseThanksNew-body-cnt .newSignupThanku-dataTitle {width: 37%;}
    .purchaseThanksNew-body-cnt .newSignupThanku-dataCnt {max-width: 60%;}

    /*New Pricing Changes*/
    .pricing-head_cnt-1 {height: 185px;}
    .pricing-head_cnt-1 ul > li {font-size: 14px;}
    .pricing-head_cnt-1 .pricing_que {margin-top: -3px; width: 16px;}
    .pricing-head_cnt-1 ul > li > span {font-size: 11px;}
    .pricing-head_cnt-Data {font-size: 13px; height: 146px;}
    .pricing_que-new {width: 15px;}

    /*New Signup Design fields*/
    .pur_signup .signupDob select {width: 31.5%;}

    /* New design and responsivneness changes*/
    .first_row_heading span
    {
        width:100%;
        font-size:16px;
    }
    .second_row_heading span 
    {
        font-size: 16px;
        width: 100%;
    }
    .ios_download_images img {
        width: 70%;
    }
    .school_pricing_container_inner_half .secondary_right
    {
        width: 82%;
    }
    .school_pricing_footer_queries p {font-size: 12px;}
    .school_pricing_footer_queries h4 {font-size: 14px;}
    .register_form_container {
        padding: 0 20px;
    }
    .mPresent_cnt .p_details{width: 50%;}
    .mypresenter-Add .mVoki_cnt-1_cnt-imgs_nct{margin-right: 6%;}
    .empty_basic_specifications{min-height: 35px;}
    .voki_schools_info_contain .info_head_vschool{font-size: 19px;}
    .voki_schools_info_contain .info_body span1 {font-size: 12px;}
    .info_body h1 {font-size: 24px;}
    .voki_schools_info_contain .info_body{min-height: 145px;}
    .Writing_assign .file_selector .filename_selector {width: 250px;} 
	.voki_schools_info_contain .extra-button {
    font-size: 15px;
}
}
@media screen and (max-width:635px){
    .info_body.district h1 {
    margin-top: 2px;
    font-size: 22px;
}
.mysubjecttop0 {
    margin-top: 20px !important;
}
}

@media screen and (max-width:580px){

    .header_navbar-default ul.list-inline li:first-child {padding: 19px 0 19px 7px;}
    .header_navbar-default ul.list-inline li {padding: 19px 0 19px 7px;}
    .header_navbar-default ul.list-inline li:first-child a { width: auto;}
    .header_navbar-default ul.list-inline li a {font-size: 12px;display: inline-block}
    .header-logo > img {width: 50px;}
    .header-icon-menu {font-size: 23px; margin: 11px 6px;}
    .header-icon-menu i { padding: 3px 4px;}
    .dropdown_header-cnt {top: 56px;}
    .dropdown_header-cnt li a {font-size: 15px;}
    .dropdown_header-cnt name {font-size: 11px;}

    .hm_content-img > img {width: 70%;}
    .cnt_data_block p {height: 137px;}
    .like_fb, .news_letter, .follow_social > span {font-size: 15px;}
    .like_fb {margin: 13px 0 13px 20px;}
    .like_fb i {font-size: 28px;}
    .hm-ft-cnt {width: 95%; padding: 30px 0;}

    .update_PassForm {width: auto;}


    /**Banner**/
    .banner-1, .sy-pager, .banner-2 {display: none !important;}
    .sy-box:hover .sy-pager{display: none;}
    #flash_cnt { text-align: center; width: 100%;}
    #animation_character {right: auto; text-align: center; width: 100%; margin: 0 auto; position: relative; background-position: 55px center;}
    .banner2-img_cnt {height: 295px; margin: 111px auto 0; width: 476px;}
    .banner2-img_main { margin: 0 auto; width: 99%;}
    /*.banner-2_hidden-bnr {display: block; color: #fff; font-size: 32px; font-weight: bold; position: absolute; text-align: center; top: 37px; width: 100%;}*/
    .banner3-img_main {width: 98%;}
    .banner3-img_cnt {height: 286px; width: 311px; margin: 77px auto 0;}
    .banner-4 {top: 21px; font-size: 30px;}
    .banner4-img_main {width: 357px;}
    .banner4-img_cnt {width: 364px; margin: 59px auto 0;}


    /*Bootstrap Model*/
    .model_login, .model_signup, .second_model .model_signup { width: auto; margin: 10px}

    /*HOme Page Apple design*/
    .sml-apple-img-8, .sml-apple-img-9 {display: block}
    .sml-apple-img-7 {display: none;}
    .apple-img {width: 46%;}
    .hm-static img {width: 100%;}
    .apple-arrow img, .apple-arrow-rgt img {width: 63px;}
    .apple-img2 {margin-left: -30px;}
    .apple-img3 {margin-left: 0; margin-top: 33px;}
    .apple-img5 {margin-left: 0;}
    .sml-apple-img-1 {left: -2px;}
    .sml-apple-img-2 {right: -27px;}
    .sml-apple-img-3 {right: -18px;}
    .sml-apple-img-8 {bottom: -12px; left: -18px;}
    .sml-apple-img-4 {right: -38px;}
    .sml-apple-img-5 {right: -19px;}
    .sml-apple-img-9 {bottom: -12px; left: -18px;}
    .sml-apple-img-6 {right: -31px;}
    #show-apple-img1-popup {top: -214px;}
    #show-apple-img2-popup {top: -237px; left: -36px; width: 265px;}
    #show-apple-img2-popup .apple-arrow {margin-left: 151px;}
    #show-apple-img3-popup {bottom: 463px; left: 3%; right: auto; top: auto;}
    #show-apple-img3-popup .apple-arrow {margin-left: 112px;}
    #show-apple-img4-popup {bottom: 498px; left: auto; right: 1%; top: auto;}
    #show-apple-img4-popup .apple-arrow-rgt {margin-right: 127px;}
    #show-apple-img5-popup {bottom: 223px; left: 8%; right: auto;}


    /**Pricing**/
    .pricing_subscription { width: 50%}
    .prining_cnt h1 { font-size: 24px;}
    .prining_cnt > h3 {font-size: 16px;}
    .prining_cnt-data a {font-size: 13px; padding: 10px; width: 155px;}
    .prining_cnt-data > ul, .prining_cnt-data > h3 {font-size: 17px;}
    .prining_paid > h1 {font-size: 23px;}
    .prining_paid-cnt li {font-size: 14px;}
    .pricing_que {width: 18px;}

    #no-more-tables table, 
    #no-more-tables thead, 
    #no-more-tables tbody, 
    #no-more-tables th, 
    #no-more-tables td, 
    #no-more-tables tr { 
        display: block; 
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tr { border: 1px solid #ccc; }

    #no-more-tables td { 
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        white-space: normal;
        text-align:left;
        padding-top: 22px;
    }

    #no-more-tables td:before { 
        position: absolute;
        top: -4px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        text-align:center;
        font-weight: bold;
        color: #fff;
        font-size: 30px;
        margin-top: 17px;

    }
    #no-more-tables td:before { content: attr(data-title); }

    #no-more-tables .hide {display: block !important;}
    #no-more-tables .show_hide {display: none;}
    #no-more-tables td:first-child {padding-left: 50%;}

    #no-more-tables td:first-child:before{
        background-color: #aaaaaa;
    }
    #no-more-tables td:nth-child(5n+2):before{
        background-color: #f57e20;
    }
    #no-more-tables td:nth-child(5n+3):before{
        background-color: #4a6f31;
    }
    #no-more-tables td:nth-child(5n+4):before{
        background-color: #1b4679;
    }
    #no-more-tables td:last-child:before{
        background-color: #af1111;
    }
    #no-more-tables.pricing_sec-1 table{
        margin-top: 30px;
    }
    #no-more-tables table {
        margin-top: 85px;
    }
    #no-more-tables table tr.hide td {padding-bottom: 22px !important; padding-top: 31px !important;}


    #no-more-tables ul {padding: 0 0 0 16px;}
    //#no-more-tables td:before {font-size: 30px; margin-top: 17px;}
    #no-more-tables td strong {font-size: 16px;}


    .pricing_h2, .pricing-header_body h2 {font-size: 21px;}
    .pricing-table_strip, .pricing-table_strip1, .pricing-bgs1, .pricing-bgs2, .pricing-bgs3, .pricing-bgs4, .products-bgs1, .products-bgs2, .products-bgs3, .products-bgs4, .features-bgs1, .features-bgs2, .features-bgs3, .features-bgs4 {background-image: none;}



    /**Product***/
    .product_content-btn {font-size: 12px; width: 160px;}

    /**Support Header**/
    .header-support {display: none;}
    .header-hide {display: block; margin-left: 0;}
    .user_detail {width: 100%; text-align: right;}

    .onlyTeachSubMenu .header-support {display: block; margin-left: 39px;}
    .onlyTeachSubMenu .header-support li {padding: 9px 12px;}

    /**Support**/
    .support_txt-hdr, .support-Add .support_txt-hdr {font-size: 20px;}
    .support_txt, .support-Add .support_txt, .support_cnt-2, .support-Add .support_cnt-2, .support_cnt-4, .support_cnt-4 h4 {font-size: 13px;}
    .support_cnt-1 span, .support-Add .support_cnt-1 span, .support_cnt-3 > span, .support-Add .support_cnt-3 > span {font-size: 20px;}


    /**Blog**/
    .blog-title {font-size: 26px;}
    .blog-body > h2 {font-size: 16px;}
    .blog-body h4 {font-size: 14px;}
    .blog-body .pull-right {float: left !important; width: 100%;}
    .blog-body .blog-img {float: right !important; width: 125px}
    .blog-right-cnt > span {text-align: left;}
    .blog-txt {font-size: 13px;}
    .blog-body1 h4 {font-size: 14px;}
    .blog-ul {font-size: 10px;}


    /**FAQ**/
    .faq-col-xs-3, .faq-col-xs-9 {width: 100%}
    .faq-col-xs-9 {padding: 0;}
    .faq-left-pad { height: auto;}
    .faq-left_cnt {display: inline-block; width: 49%;}

    /******My Account******/
    .voki-account .col-xs-6 {width: 100%;}
    .account-cnt_1-header h3, .account-cnt_2-header h3, .account-cnt_3-header h3 { font-size: 18px;}
    .account-cnt_1-a, .account-cnt_3-a {padding: 4px 13px; font-size: 11px;}
    .account-cnt_1-data, .account-cnt_2-data, .account-cnt_3-data {font-size: 15px;}
    .account-cnt_1-data dl dt, .account-cnt_2-data dl dt, .account-cnt_3-data dl dt {width: 120px;}
    .account-cnt_1-data dl dd, .account-cnt_2-data dl dd, .account-cnt_3-data dl dd {margin-left: 125px;}
    .account-cnt_rgt .account-cnt_1, .account-cnt_rgt .account-cnt_2-header, .account-cnt_rgt .account-cnt_2-cnt, .new-account-cnt_3 {padding-left: 10px;}
    .account-cnt_1-cnt, .account-cnt_2-cnt {height: auto;}
    .account-cnt_3-data dl dd {min-height: 49px;}
    .hide-account-cnt_3 {display: none;}
    .account-cnt_3-data-select {width: 62px;}
    .account-cnt_3-data-edit_rem a {float: none;}
    .account-cnt_3-data-edit_rem span {display: inline;}
    .account-cnt_3-data-fir {width: 73%;}
	.account-cnt_3-data-extend {
    width: 25%;
}

    .dl-horizontal .acc_stu_detail1 {width: 168px;}

    .hide_cardCnt {display: inline-block;}
    
    .account-cnt_3_basic_accs {margin-top: 20px;}

    /***My Voki*****/
    .mVoki-filter, .mVoki-sort {margin-bottom: 15px; width: 380px;}
    .mVoki-filter .form-control, .mVoki-sort .form-control {width: 100%;}
    .mVoki-search {width: 386px;}
    .mVoki-search .form-control { width: 87%;}
    .mVoki_header cross {top: 34px; right: 55px;}
    .mVoki_cnt-cols {padding: 0 7px;}
    .mVoki_cnt-1_cnt ,.myvoki-Add .mVoki_cnt-1_cnt{ padding-left: 13px; padding-top: 5px;}
    .mVoki_cnt-1_cnt-header_title, .myvoki-Add .mVoki_cnt-1_cnt-header_title {font-size: 13px;}
    .mVoki_cnt-1_cnt-header_img { width: 22px;}
    .mVoki_cnt-1_cnt-date, .myvoki-Add .mVoki_cnt-1_cnt-date {font-size: 10px;}
    .mVoki_cnt-1_cnt-imgs img {width: 17px;}

    .mVoki_cnt-1_cnt-header_title:hover span, .myvoki-Add .mVoki_cnt-1_cnt-header_title:hover span {max-width: 80%;}

    /***Voki Create*****/
    /*.vc-step2_2 {width: 260px;}*/
    .vc-step2_2, .myVoki-Add .new_vc-step2_2 {padding-left: 0; width: 340px;}
    .vc-step2_2-bottom_2 {width: 100%;}
    .vc-sharing-share {float: left; width: 100%;}
    .vc-buttons a {clear: none; margin-bottom: 0; margin-right: 10px;}
    .vc-step2_2 .vc-buttons {margin-top: 20px;}
    .new_vc-step2_2, .myVoki-Add .new_vc-step2_2 {width: 323px !important;}
    .hidden-input, .myVoki-Add .hidden-input {margin-left: 125px;}
    /*For Mobile*/
    .voki-create-not_available h2 {width: 452px; font-size: 28px;}

    /*Tool Tip*/
    .account-cnt_3-data-font .tooltip-inner {width: 98%;}

    .checkbox.checkbox-div .tooltip-inner {width: 400px;}


    /***VOKI TEACH***/
    .teach-banner1-img {padding-top: 60px;}
    .teach-banner2-img {padding-top: 80px;}
    .teach-banner3-img {padding-top: 71px;}
    .voki-gread-btns li {margin-right: 0; padding-left: 2px; padding-right: 2px;}
    .gread-btns {font-size: 40px; padding: 8px 10px;}
    .voki-teach-CS {padding-right: 28px;}
    .tog_close, .tog_open {background-size: 12px auto; width: 26px;}
    .header_img {width: 60px;}
    .header_title {max-width: 304px; margin-top: 0;}
    .les_num {width: 23%;}
    .les_name {width: 56%;}




    /********VOKI PRESENTER*********/
    .presenter-index .col-xs-6 {width: 100%;}
    .presenter-header, .presenter-body-2_img {height: auto; margin-bottom: 25px;}
    .presenter-body-2_img {margin-top: 35px;}
    .presenter-body-2_img > img {width: 85%;}
    .presenter-body-btns > span {clear: none; display: inline; margin-left: 0; padding: 0 10px; }

    /**Voki Teach Presenter**/
    .teach_p-btn_div {text-align: center;}
    .choose_grade {width: 100%; text-align: center; margin-bottom: 15px; margin-top: 0;}
    .tp-greads {width: 100%;}
    .tp-coming-soon {padding-left: 180px; text-align: center; padding-right: 0}
    .tp-h2-cnt {font-size: 25px;}
    .tp-header_icons .tog_close, .tp-header_icons .tog_open {background-size: 12px auto; margin-top: 15px;}
    .tp-header_img {width: 55px;}
    .tp-header_title {font-size: 17px; margin-top: 7px; max-width: 308px;}
    .teach-presenter .panel.panel-default {padding: 0 10px;}
    .teach-presenter .panel-body table tr td { font-size: 12px;}
    .grade-updrade { font-size: 12px;}
    .tp-btn_data-img {width: 21px;}
    /**Voki Teach Presenter Pop Up**/
    .vp-Popup {width: auto; margin: 10px;}

    /*******Voki Presenter Create*********/
    .new_vp-create2-sharing, .Presentation-Add .new_vp-create2-sharing {width: 300px;}
    .vp-create2-extend, .Presentation-Add .vp-create2-extend {width: 94%;}
    .new_vp-create2-sharing .vp-create2-sharing-cnt_buttons {margin-top: 13px;}



    /********VOKI CLASSROOM******/
    .classroom-index .col-xs-6 {width: 100%;}
    .class-header, .class-body-2_img {height: auto; margin-bottom: 25px;}
    .class-body-2_img {margin-top: 35px;}
    .class-body-2_img > img {width: 85%;}
    .class-body-btns > span {clear: none; display: inline; margin-left: 0; padding: 0 10px; }

    /***VC-Classes***/
    .vc-search { width: 150px;}
    .vc-table_cnt img {width: 25px;}
    .vc-table_cnt { width: 34px;}
    .vc-table1_snd-header {width: 47%;}
    .vc-table1_snd {padding-right: 5px;}


    /*******Voki Create*********/
    .voki-create_left, .voki-create_right {padding: 0 5px;}
    .voki-create_right { padding-top: 20px;}
    .voki-create_right ul, .myVoki-Add .voki-create_right ul {padding: 0 7px 11px 0; width: 54%;}
    /*.voki-create_right-btm { width: 60%;}*/


    /**Share Voki**/
    .share-voki h1 {font-size: 24px;}

    /*Share Presentation*/
    .share-presentation h1 {font-size: 24px;}

    /***Purchase Flow**/
    .purchase_level-popup {width: 424px;}

    /*Login Signup Popup*/
    .pur_login {margin-top: 0; width: 100%;}
    .pur_login_signup-or {margin: 13px 0; width: 100%;}
    .pur_signup {width: 100%;}
    /*Multi Accounts*/
    .multipleAcc h3 {width: 98%;}
    .multipleAcc h4 {font-size: 14px;}
    .pur-multipleAcc-details .form-group {width: 29%;}
    .multipleAcc-plan-select {font-size: 14px;}
    .multipleAcc-plan-select .dl-horizontal dt {width: 96px;}
    .multipleAcc-plan-select .dl-horizontal dd {margin-left: 100px;}
    .multipleAcc-plan-select .checkbox-inline + .checkbox-inline, .multipleAcc-plan-select .radio-inline + .radio-inline {margin-left: 7px;}
    .multipleAcc-plan-calculate {margin-top: 0;}
    .multipleAcc-plan-calculate button {font-size: 14px; width: 135px;}
    .multipleAcc-footer-img {margin-top: 6px; text-align: center; width: 100%;}
    .multipleAcc-footer-cnt {text-align: center; width: 100%;}
    .pur-multipleAcc-buttons button {font-size: 14px;}
    .pur-multipleAcc-buttons .btn-orange {width: 135px;}

    /*Step: 3 Checkout*/
    .checkout_step3 .col-xs-9{width: 83.3333%}
    .checkout_step3 .col-xs-2 {width: 16.6667%;}
    .chk-order-padding {padding-left: 0;}
    .chk-order-qty_1 {display: inline-block; width: 100%;}
    .chk-order, .chk-order-qty-data h3, .chk-order-qty-data div, .chk-order-qty_2, .chk-order-total_1, .chk-order-total_2 {font-size: 15px;}
    .creditCard h3 {font-size: 17px;}
    .creditCard-left .form-control, .creditCard-right .form-control {font-size: 14px; height: 38px;}
    .exp-date label {font-size: 14px;}
    .creditCard-sub button {padding: 8px 0;}
    .creditCard-footer {font-size: 13px;}
    .chk-order-tabs .col-xs-4 {width: 100%;}
    .nav-tabs .chk-order-tabs_navs a {margin-right: 0; border-bottom: 1px solid #c4c4c4; border-top: 1px solid #c4c4c4;}
    .nav-tabs .chk-order-tabs_navs a:hover {border-bottom: 1px solid #c4c4c4; border-top: 1px solid #c4c4c4;}
    .ccv-cnt-info {font-size: 12px;}

    .PayPal {padding-top: 0;}

    /*Voki Invoice*/
    .invoice-order-purchase_cnt, .invoice-footer {font-size: 15px;}
    .invoice-right {margin-top: 0; text-align: center;}

    /*Pricing Level Upgrade*/
    .pricing_level-popup {width: 100%;}

    .pricing_level3-body {padding: 32px 41px;}

    /**News Letter***/
    .temp_newsletter {padding: 0 25px;}
    .temp_newsletter-2 {padding: 0 16px;}

    /*Create Voki Login popup*/
    .login-Voki {padding: 0;}

    /**Pickup page**/
    .hide-pickup2-img {width: 120px;}
    .hide-pickup2-a {width: 70px;}
    .pickUP-a button {padding: 13px;}

    /*Home Neswsletter*/
    .newsletter-b-detail {width: 50%;}
    .newsletter-h {text-align: center;}
    .newsletter-h button {float: none !important; margin-top: 25px;}
    .newsletter-h h2 {float: none !important;}

    /*App page*/
    .app-cnt1, .app-middle .app-cnt1 {padding: 55px 0;}
    .app-cnt1-1 {font-size: 14px; width: 100%;}
    .app-cnt1-2 {width: 100%; text-align: center;}
    .app-button-1, .app-middle .app-button-1 {margin-right: 13px;}
    .app-cnt2-left h3 {font-size: 18px; margin-top: 14px;}
    .app-cnt2-left h3 span {font-size: 23px;}
    .app-cnt2-left-1, .app-middle .app-cnt2-left-1 {font-size: 13px;}

    /*New Footer*/
    .fot_newsletter { text-align: center; width: 100%;}
    .fot_app {margin-top: 10px; text-align: center; width: 100%;}

    /*Home page testimonials slider*/
    .tes-cnt {width: 80%;}
    .home-testimonials .sy-pager {display: block !important;}
    .tes-cnt span {font-size: 10px;}

    /*
    Voki 2.2
    Voki teach
    */
    /*Lessons*/
    .new-teach-header-dropdowns button {width: 131px;}
    .new-teach-header-dropdowns .dropdown-menu {min-width: 131px;}
    .left-inner-addon input {width: 177px;}
    .new-teach-body-cnt-subHead-cnt {width: 64%;}
    /*.new-teach-body-cnt-subHead-1 {width: 125px;}
    .new-teach-body-cnt-subHead-2 {width: 157px;}
    .new-teach-body-cnt-subHead-3 {width: 130px;}*/
    .new-teach-subBody-cnt-img-cnt {width: 75%;}
    .new-teach-body-cnt .panel-body {padding: 8px 10px 15px;}
    .new-teach-panel-body-top-cnt {padding-right: 2px;}
    .new-teach-panel-body-cnt-data {margin-right: 0;}
    .new-teach-panel-body-cnt-data:nth-child(3n) {margin-right: 0;}

    .new-teach-panel-body-cnt-data-share-cnt {right: 34px; width: 164px;}

    /*Hooks*/
    .new-teach-body-hooks {width: 470px;}
    .new-teach-body-cnt-2-hooks-1 {width: 29%;}
    .new-teach-body-cnt-3-hooks-cnt-data {height: 141px;}
    .new-teach-body-cnt-3-hooks-playImg img {width: 43px;}
    .new-teach-body-cnt-2-hooks-display-author {max-width: 74%;}

    /*Projects*/
    .new-teach-project-data-img {width: 96px;}
    .new-teach-project-data-img-cnt-title {font-size: 15px; }
    .new-teach-project-data-img-cnt-data-1 {width: 100%;}
    .new-teach-project-data-img-cnt-data-2 {width: 50%;}
    .new-teach-project-data-img-cnt-data-3 {width: 48%;}
    .new-teach-project-data-img-cnt-data-1-span {max-width: 90%;}
    .new-teach-project-data-img-cnt-data-2-span {max-width: 80%;}
    .new-teach-project-data-img-cnt-data-3 span {width: 80%;}

    /*Projects Popups*/
    .teachPlans {background-position: right 0 bottom; background-size: 100% auto;}
    .teachPlans-body-1-img {padding: 0;}
    .new-teach-body-cnt-subHead-cnt-grade, .new-teach-body-cnt-subHead-cnt-subject {max-width: 87%;}

    /*Voki Teach New Home page*/
    .newTeach-home-added-footer-data {width: 50%; margin-bottom: 5px;}
    .newTeach-home-added-footer {text-align: center;}
    .newTeach-home-added-footer-data:last-child {display: inline-block; float: none; width: 100%;}
    .newTeach-home-added {margin-bottom: 32px;}
    .newTeach-home-added-CM {margin-bottom: 49px;}
    .newTeach-home-added h2 span {font-size: 16px; margin-left: 9px;}
    .newTeach-home-added-footer {width: 479px;}
    .newTeach-home-added-footer-data2 a {margin-top: 56px;}
    .newTeach-home-added-footer-data3 a {margin-top: 5px;}

    .voki-teach .sy-slides-wrap, .voki-teach .sy-slides-crop, .voki-teach .sy-list, .voki-teach .sy-slide { height: 195px;}
    /*Voki Teach New Home page Popup*/
    .upcomingSchedule-weak-title {width: 72%;}
    .upcomingSchedule-weak-title h3 {font-size: 16px;}
    .upcomingSchedule-weak-title span {font-size: 11px; line-height: 13px;}


    /***New Signup Thanks Css***/
    .newSignupThanku-head-main {width: 85%;}
    .newSignupThanku-head-main h1 {font-size: 32px;}
    .newSignupThanku-body {padding: 0 37px;}
    .purchaseThanksNew {padding: 0 10px;}
    .purchaseThanksNew .newSignupThanku-head-main h1 {font-size: 30px;}
    .purchaseThanksNew-body-cnt {width: 100%;}
    .purchaseThanksNew-body-cnt-left {margin-bottom: 20px;}
    .purchaseThanksNew-body-cnt .newSignupThanku-dataTitle {width: 94px;}
    .purchaseThanksNew-body-cnt .newSignupThanku-dataCnt {max-width: 74%;}
    .purchaseThanksNew-bodyPart {text-align: left;}
    .purchaseThanksNew-bodyInvoice {display: block; margin: 0 auto 6px;}

    /*New Pricing Changes*/
    .pricing-head_cnt-1 {height: 185px;}
    .pricing-head_cnt-Data {font-size: 12px; height: 135px;}
    .pricing_que-new {width: 12px;}
    .pricing-header-middel {width: 475px;}
    .pricing-header-middel h2 {font-size: 22px;}
    .pricing-header-middelPart {width: 77%;}

    /*New Signup Design fields*/
    .signupSelectI label, .signupDob label {width: 24%;}
    .signupSelectI select {width: 74%;}
    .signupDob select {width: 23.8%;}
    .signup_ins {padding: 0 49px;}
    .account-cnts_1-header h3 {
        font-size: 16px;
    }
    .account-cnts_3-header h3 {
        font-size: 16px;
    }
    .school_pricing_footer_queries {
        width: 95%;
    }
    .school_pricing_container_inner_half {
        width: 95%;
    }
    .school_district_license {
        padding: 5px 0;
        width: 110px;
    }
    .only_personal_goes_here {
        width: 100%;
    }
    .hm_content-img {height: 160px;}
    .sy-caption-wrap{display:none;}
    .smaller_screen_slider_buttons {display:block;}
    .model_prevalidate.modal-dialog{width:400px;margin:80px auto;}
    .feedback_title{padding:0;}
    .rating_popup_container .btn {margin: 2px 10px;width: 150px;padding: 6px 10px;font-size: 12px;}
    .purchase_level.new_purchase_level {margin: 10px; width : auto;}
    .school_license_promotion {font-size: 20px;}
    .upper_container table th, .lower_container table th {
        font-size: 11px;
    }
    .my_plans tbody tr td{
        font-size: 10px;
    }
    .my_plans table td img {
        width: 22px;
    }
    .my_plans table td img.pricing_que {
        width: 15px;
    }
    .upper_container table td.padd, .lower_container table td.padd{
        padding: 4px 2px;
    }
    .paid_user_features{width: 100%;padding: 10px 0;}
    .modal-dialog.smaller-one{width: 100%;}
    .all_plans_each div.data {font-size: 6px;}
    .all_plans_each.row img {width: 25px;}
    .plan_headings.row div{font-size: 8px;}
	.hm_content-grey span{font-size: 8px !important;}
    .account-cnt_3-header .neww-addition{margin-top: 0;}
    .account-cnt_3-header .acc_status {float: left;margin: 3px 8px 0 0;padding-left: 0;}
    .inter-Offset {display: none;}
    .each_version {width: 100%;padding: 0 80px;}
}

@media screen and (max-width:500px){
    .chr_img {
        width: 47%;
    }
}

@media screen and (max-width:500px){
    .red_level .pricing_level_head_main {
        width: 118px;
    }
}
@media screen and (max-width:480px){
    //.navbar.navbar-default, .header-cnt {display: block;}
    //.header_navbar-default {display: none;}
    .navbar-brand { margin-left: 15px !important;}
    .navbar-toggle { margin-right: 6px;}
    .navbar-header {margin-right: 0 !important;}
    .navbar-collapse {margin-right: 0 !important;}
    /*.header_navbar-default ul.list-inline li:first-child {padding: 21px 0 21px 7px;}
    .header_navbar-default ul.list-inline li { padding: 13px 6px;}
    .header_navbar-default ul.list-inline li:first-child a {width: 33px;}*/
    .header_navbar-default ul.list-inline li a {font-size: 9px;}

    .sy-caption img {width: 78%;}
    .col-xs-6 {width: 100%}
    .hm_title {font-size: 19px;}
    .cnt_data_block p { height: auto; font-size: 12px;}
    .hm_content-Lorg {padding-bottom: 60px;}
    .hm_content-img > img { width: auto;}
	.hangoutmain { width: auto !important;}
	
    .hm-static img {width: 96%;}
    .hm-ft-cnt {font-size: 18px;}
    .like_fb {width: 100%; margin: 13px auto; text-align: center;}
    .news_letter {width: 100%; float: left !important; margin: 13px auto; text-align: center;}
    .follow_social {float: left; width: 100%; }
    .like_social hide { display: inline;}
    .navbar-brand > img { width: 75%;}

    /**Banner**/
    #animation_character {background-position: 5px center; width: 100%;}
    .banner2-img_cnt {width: auto;}
    .banner4-img_cnt {width: auto;}
    .banner_main-home { margin-top: 0;}
    .banner-4 {top: 34px;}
    .home-banner-app {margin-top: 240px;}
    .banner4-img_cnt {margin: 95px auto 0;}

    /*HOme Page Apple design*/
    .sml-apple-img-10, .sml-apple-img-7 {display: block;}
    .hm-static-1 h1 {font-size: 34px;}
    .hm-static-1 h4 {font-size: 18px;}
    .apple-img {width: 275px; z-index: auto;}
    .apple-img2 {margin-left: 0; margin-top: 33px;}
    .apple-img4 {margin-left: 0; margin-top: 33px;}
    .apple-img5 {margin-top: 33px;}
    .sml-apple-img-10 {bottom: 0; left: 0;}
    .sml-apple-img-10 {bottom: -20px; left: -37px;}
    #show-apple-img1-popup {left: -34px; top: -198px; width: 340px; height: 298px;}
    .show-apple-popup-cnt h2 {font-size: 22px;}
    .show-apple-popup-cnt h2 span {font-size: 17px;}
    .show-apple-popup-cnt p {font-size: 12px;}
    .apple-arrow {margin-left: 188px;}
    .apple-arrow img {width: 70px;}
    #show-apple-img2-popup {height: 299px; left: 1px; top: -176px;}
    #show-apple-img2-popup .apple-arrow {margin-left: 122px;}
    #show-apple-img3-popup {bottom: auto; left: -9%; top: -128px; height: 325px;}
    #show-apple-img3-popup .apple-arrow {margin-left: 148px;}
    #show-apple-img4-popup {bottom: 205px; left: -50px; right: auto; top: auto; width: 380px; height: 232px;}
    #show-apple-img4-popup .apple-arrow-rgt {margin-right: 157px;}
    #show-apple-img5-popup {width: 259px; height: 271px; bottom: 247px; left: 2%;}

    /**Pricing**/
    .prining_paid > h1 {font-size: 21px;}
    #no-more-tables td::before { font-size: 24px;}
    #no-more-tables td strong {font-size: 14px;}

    .pricing-head_cnt h2 {font-size: 24px;}
    .pricing-head_cnt-1 ul, .pricing-head_cnt-1 > span {font-size: 12px;}
    .pricing-header_body .pricing-header_body-1 {width: 100%;}
    .pricing-header_body .pricing-header_body-2 {width: 100%; margin-top: 15px;}
    .pricing-header_body .pricing-header_body-2 ul {padding-left: 14px}
    .pricing-head_cnt h4 {font-size: 16px;}

    /**Pricing Pop Up***/
    //.chr_img {width: 50%;}


    /***Product**/
    .product_content-data {padding: 0 11px;}
    .product_content-img video, .product_banners .hide_pro-banner,.product_content-img img {display: none;}
    .product_mobile_view img, .product_mobile_view video {display: block;}
    .product_content-show {padding-top: 15px;}
    .product_collapse-img {width: 100%;}
    .product_collapse-cnt {padding: 15px 0 0; width: 100%;}
    .product_collapse {padding-right: 26px;}

    .product_app-apple, .product_app-google {display: inline-block;}


    /**Support**/
    .col-xs-4-full_width {width: 100%}
    .support_body-head {margin-bottom: 7px;}
    .support_txt-hdr, .support-Add .support_txt-hdr {font-size: 24px; padding-left: 0; width: 75%;}
    .support_img, .support-Add .support_img {width: 25%;}
    .support_txt, .support-Add .support_txt, .support_cnt-2, .support-Add .support_cnt-2, .support_cnt-4, .support_cnt-4 h4 {font-size: 15px;}
    .support_cnt-9 {margin-top: 60px;}
    .support_body-mid {width: 85%;}
    .support_cnt-1 span, .support-Add .support_cnt-1 span .support_cnt-3 > span, .support-Add .support_cnt-3 > span {font-size: 24px;}
    .support_cnt-1 {margin-top: 25px; height: auto; display: inline-block; width: 100%;}
    .support_b {padding-left: 6px;}
    .support_body-foot {padding-top: 10px;}
    .support_cnt-3 {height: auto; width: 100%;}
    .support_wd, .support-Add .support_wd {width: 75%;}
    .support_cnt-1 > img, .support-Add .support_cnt-1 > img {float: left}
    .support_cnt-1 span, .support-Add .support_cnt-1 span {width: 74%; margin-top: 23px;}
    .support_cnt-3 > span, .support-Add .support_cnt-3 > span {width: 60%; padding-left: 15px;}
    .support_cnt-3 .support_cnt-8 { padding-top: 8px;}
    .support_cnt-1 > img, .support-Add .support_cnt-1 > img, .support_cnt-3 > img {width: 25%;}
    .support-im img {width: 38%;}


    /**Blog**/
    .blog-body .blog-img {width: 91px;}
    .blog-body_cnt p {font-size: 12px;}
    .blog-body_cnt span {font-size: 12px;}

    /***My Voki*****/
    .mVoki_cnt-1_cnt-header_title, .myvoki-Add .mVoki_cnt-1_cnt-header_title {max-width: 87%;}
    .mVoki_cnt-1_cnt-header_img { width: auto;}
    .mVoki_cnt-1_cnt-imgs img { width: auto;}
    .mVoki_cnt-1_img > img {width: 119px;}

    .mVoki_cnt-1_cnt-header_title:hover span, .myvoki-Add .mVoki_cnt-1_cnt-header_title:hover span {max-width: 89%;}

    /*My Account*/
    .account-cnt_3-data-fir {width: 69%;}
    .account-cnt_3-data-extend {width: 31%;}

    .hide_cardCnt {display: none;}

    /*Update Image*/
    .div-imageFile {width: 327px;}
    .div-imageFile input {width: 187px;}

    /***Voki Create*****/
    .new-old-code .radio-inline {display: block; margin-left: 0;}
    /*For Mobile*/
    .voki-create-not_available h2 {font-size: 24px; width: auto;}

    /***VOKI TEACH***/
    /*.voki-teach .sy-slides-wrap, .voki-teach .sy-slides-crop, .voki-teach .sy-list, .voki-teach .sy-slide {height: 220px;}*/
    .teach-banner1-img {padding-top: 48px;}
    .teach-banner2-img {padding-top: 61px;}
    .teach-banner2-img img {margin-right: 30px;}
    .teach-banner3-img {padding-top: 58px;}
    .teach-banner3-img img {margin-right: 24px;}
    .voki-teach .sy-controls li.sy-prev a::after, .voki-teach .sy-controls li.sy-next a::after { height: 100%; top: 64%;}
    .voki-teach .sy-controls li a::after {left: 68%;}
    .teach-cnt_bnt h3 {font-size: 16px;}
    .voki-p_btn {font-size: 15px; padding: 7px 30px;}
    .teach-gread .teach-span {font-size: 15px;}
    .teach-gread h3 {font-size: 17px;}
    .gread-btns {font-size: 30px;}
    .voki-teach-CS {font-size: 10px;}
    .teach-foo-div .col-xs-5, .teach-foo-div .col-xs-7 { width: 100%}
    .teach-img {width: 75%;}
    .teach-foo-div .col-xs-5 { text-align: center;}
    .grade_head h2 {font-size: 25px;}
    .header_title {font-size: 16px; margin-left: 18px; max-width: 251px;}
    .header_img {width: 50px;}
    .tog_close, .tog_open {margin-top: 15px;}
    .les_num {width: 28%;}



    /********VOKI PRESENTER*********/
    .presenter-body-btns > span {clear: both; display: block; margin-left: 40px; padding: 8px 0;}

    /**Voki Teach Presenter**/

    .header-hide.presenter-header-hide li {padding: 3px 12px;}

    .tp-header_title { font-size: 16px; max-width: 248px;}
    .teach-presenter .panel-body {padding: 5px;}
    .tp-les_num {width: 24%;}
    .tp-btn_data img {width: 15px;}
    .grade-updrade {font-size: 10px;}

    /*******Voki Presenter Create*********/
    .vp-create2-img {padding-left: 14px;}


    /********VOKI CLASSROOM******/
    .class-body-btns > span {clear: both; display: block; margin-left: 40px; padding: 8px 0;}

    /***VC-Classes***/
    .vc-header sl {display: block; margin-top: 7px; text-align: right;}
    .vc-main .pull-left {width: 100%; text-align: right;}
    .vc-select {width: 250px;}
    .vc-search {width: 246px;}
    .vc-table1_fst > img { width: 30px;}

    /***VC-Classes***/
    .vc-table1_snd-header { width: auto;}
    .vc-table1_fst {width: 40px;}


    /*******Voki Create*********/
    /*.voki-create_right ul, .myVoki-Add .voki-create_right ul, .voki-create_right-btm {width: 100%;}*/

    /**Voki Presentation Limit Popup**/
    .limit-btns3 a, .limit-btns3 button {display: block; margin: 0 auto 8px;}

    /**Share Voki**/
    .share-voki-msg .row {width: 95%;}

    /*Share Presentation*/
    .share-presentation .share-voki-msg .row {width: 95%;}


    /***Purchase Flow**/
    .purchase_level-popup {width: 100%;}
    .purchase_level-head {width: 100%;}


    /*Multi Accounts*/
    .multipleAcc h5 {font-size: 14px;}
    .pur-multipleAcc-details .form-group {width: 96%;}
    .pur-multipleAcc-details .row-delete {text-align: center; width: 96%;}
    .pur-multipleAcc-details-data .row { margin-bottom: 20px;}
    .pur-multipleAcc-details-data {max-height: 309px;}
    .multipleAcc-plan-select .dl-horizontal dt {clear: none; float: none; overflow: unset; text-overflow: unset; white-space: normal;}
    .multipleAcc-plan-select .dl-horizontal dd {margin-left: 0;}
    .multipleAcc-plan-calculate {margin-top: 24px;}
    .pur-multipleAcc-total {font-size: 14px;}
    .pur-multipleAcc-footer {font-size: 14px;}
    .plan-total-div {width: 77%;}

    /*Step: 3 Checkout*/
    .chk-order-qty .col-xs-6 {width: 50%;}
    .chk-order-total_2-cnt {width: 72%;}
    .chk-order, .chk-order-qty-data h3, .chk-order-qty-data div, .chk-order-qty_2, .chk-order-total_1, .chk-order-total_2 {font-size: 14px;}
    .creditCard-left {padding-right: 0;}
    .creditCard-right {margin-top: 15px; padding-left: 0;}

    .money-order_left {padding-right: 0;}
    .money-order_right {margin-top: 20px; padding-left: 0;}
    .money-order-footer {width: 100%; text-align: left;}
    /*Purchase Thanks*/
    .purchase_active h3 {font-size: 16px;}
    .purchase_active-cnt h4 {font-size: 15px;}
    .purchase_active-cnt {padding-left: 2px;}

    /*Voki Invoice*/
    .invoice-order-purchase_cnt, .invoice-footer {font-size: 14px;}
    .invoice-order-purchase_data {margin-bottom: 15px;}
    .invoice-header h4 {font-size: 16px;}
    .invoice-header div {font-size: 14px;}

    /*Pricing Level Upgrade*/
    .pricing_level-popup .col-xs-6 {width: 50%;}
    .pricing_level_head h4 {font-size: 21px;}
    .pricing_level_body {font-size: 14px;}

    .pricing_level3 ul {padding-left: 30px;}
    .pricing_level3, .pricing_level3-body-cnt {font-size: 14px;}
    .pricing_level3-body h3 {font-size: 24px;}
    .pricing_level3-body {padding: 20px 14px;}
    .pricing_level3-body-total {font-size: 19px;}

    /**News Letter***/
    .temp_newsletter {padding: 0;}
    .temp_newsletter-2 .upgrade-btn {display: block; margin: 0 auto 10px;}

    /*Create Voki Login popup*/
    .login-Voki-2 .upgrade-btn {margin-bottom: 7px;}

    /*Contact Us*/
    .contact-1 dd .form-control {width: 100%;}

    /**Pickup page**/
    .pickUP {width: 100%;}
    .pick-save {display: inline-block; margin-right: 5px;}
    .pick-share {display: inline-block; margin: 0;}
    .pickUP-a {display: block; width: 100%; margin-top: 0;}

    .pickUP-a button {font-size: 28px; padding: 9px 0; margin-top: 3px; vertical-align: top; width: 53px;}
    .hide-pickup2-img {width: 89px;}
    .hide-pickup2-a {width: 52px;}
    

    /*App page*/
    .app-cnt2, .app-middle .app-cnt2 {padding: 10px 0;}
    .app-cnt2-left, .app-middle .app-cnt2-left {padding: 0 11px; width: 100%;}
    .app-cnt2-right {text-align: center; width: 100%;}
    .app-cnt2-right img {width: 85%;}

    /*Home page testimonials slider*/
    .home-testimonials .sy-slides-wrap, .home-testimonials .sy-slides-crop, .home-testimonials .sy-list, .home-testimonials .sy-slide {height: 270px;}
    .tes-cnt {font-size: 12px; width: 76%;}

    /*
    Voki 2.2
    Voki teach
    */
    /*Lessons*/
    .new-teach-header-dropdowns {width: 100%;}
    .new-teach-header-dropdowns .dropdown {margin-right: 0; width: 49%;}
    .new-teach-header-dropdowns button {width: 100%;}
    .new-teach-header-dropdowns .dropdown-menu {min-width: 100%;}
    .new-teach-header-search {margin-bottom: 10px; margin-top: 10px; width: 100%;}
    .left-inner-addon input {width: 99.4%;}
    .left-inner-addon span {right: 3px;}
    .new-teach-body-cnt-subHead-cnt {width: 56%;}
    /*.new-teach-body-cnt-subHead-1, .new-teach-body-cnt-subHead-2, .new-teach-body-cnt-subHead-3 {width: 100%;}*/
    .new-teach-body-cnt-subHead .pull-right {margin-top: 37px;}
    .new-teach-subBody-cnt-img-cnt {width: 71%;}
    .new-teach-panel-body-cnt-data-mainImg {width: 81%;}
    .new-teach-panel-body-cnt-data-share img {width: 96%;}
    .new-teach-panel-body-cnt-data-share-cnt img {width: 21%;}
    .new-teach-panel-body-cnt-data-share-cnt {right: 29px; top: 0; width: 123px;}
    /*Lesson Popups*/
    .teachCopyBtn-modal {margin: 10px; width: auto;}

    .teachAdmin-upgrade-modal {margin: 10px; width: auto;}
    .teachAdmin-btns button {margin-bottom: 5px;}

    /*Hooks*/
    .new-teach-hooks-main {text-align: center;}
    .new-teach-hooks-main .left-inner-addon {text-align: left;}
    .new-teach-body-hooks {display: inline-block; width: 389px;}
    .new-teach-body-cnt-3-hooks-cnt-data {height: 99px;}
    .new-teach-body-cnt-2-hooks-display-author {max-width: 69%;}

    /*Projects*/
    .new-teach-presenter-main {text-align: left;}
    .new-teach-project-data-img {width: 88px;}
    .new-teach-project-data-img-cnt {width: 70%;}
    .new-teach-project-data-img-cnt-title {font-size: 14px; line-height: 16px;}
    .new-teach-project-data-img-cnt-data-2 {width: 100%;}
    .new-teach-project-data-img-cnt-data-3 {width: 100%;}
    .new-teach-project-data-img-cnt-data-1-span, .new-teach-project-data-img-cnt-data-2-span, .new-teach-project-data-img-cnt-data-3 span {max-width: 88%;}

    /*Projects Popups*/
    .teachPlans-header img {width: 71px;}
    .teachPlans-body-1-img-hide {display: block;}
    .teachPlans-body-1-img-show {display: none;}
    .teachPlans-body-1-img {padding: 0 0 13px; text-align: center;}
    .teachPlans-body-1-img img {width: 232px;}
    .teachPlans-body-1-cnt {width: 100%;}
    .teachPlans-header strong {font-size: 22px;}
    .teachPlans-body-2-cnt ol {padding-left: 30px;}
    .teachPlans-body-2 li a, .teachPlans-body-2 extr {padding-left: 9px;}
    .new-teach-body-cnt-subHead-cnt-grade, .new-teach-body-cnt-subHead-cnt-subject {max-width: 82%;}
    .newTeach-home-added-footer {width: 399px;}
    .newTeach-home-added-footer-data2 a {margin-top: 92px;}

    /*Voki Teach New Home page*/
    .voki-teach .sy-slides-wrap, .voki-teach .sy-slides-crop, .voki-teach .sy-list, .voki-teach .sy-slide { height: 185px;}


    /***New Signup Thanks Css***/
    .newSignupThanku {padding: 0 10px;}
    .newSignupThanku-body {padding: 0 10px;}
    .newSignupThanku-head-main h1 {font-size: 29px;}
    .newSignupThanku-head-main h4 {font-size: 12px;}    
    .newSignupThanku-dataTitle {width: 33%;}
    .purchaseThanksNew .newSignupThanku-head-main {vertical-align: middle; width: 86%;}
    .purchaseThanksNew .newSignupThanku-head-main h1 {font-size: 25px;}
    .purchaseThanksNew .newSignupThanku-head-print {vertical-align: middle;}
    .purchaseThanksNew-body-cnt .newSignupThanku-dataCnt {max-width: 69%;}

    /*New Pricing Changes*/
    .pricing-head_cnt-1 ul > li {font-size: 12px;}
    .pricing-head_cnt-1 {height: 185px;}
    .pricing-head_cnt-Data {font-size: 10px; height: 143px;}
    .pricing-header-middel {width: 391px;}
    .pricing-header-middelPart {width: 88%;}

    /*New Signup Design fields*/
    .signupSelectI label, .signupDob label {width: 30%;}
    .signupSelectI select {width: 68%;}
    .signupDob select {width: 21.5%;}
    .signup_ins {padding: 0 7px;}
    .ios_download_images img {
        width: 80%;
    }
    .schoolAdmin-addFields {
        padding: 40px 5px !important;
    }   
    .school_pricing_container_inner_half .secondary_right
    {
        width: 78%;
    }
    .school_pricing_footer_queries p {font-size: 10px;}
    .school_pricing_footer_queries h4 {font-size: 12px;}
/*    .voki-create_right ul, .myVoki-Add .voki-create_right ul, .voki-create_right-btm {
        width: 270px;
    }*/
    .hm_content-img {height: 210px;}
    .model_prevalidate.modal-dialog{width:350px;margin:80px auto;}
    .model_prevalidate .btn {font-size: 10px;padding: 6px 10px;}
    .limit_reached .product_content-btn{margin-bottom: 5px;}
    .upper_filters_presenter .create_btn {margin: 4px;}
    .upper_filters_presenter .search_tab , .upper_filters_presenter .select_tab{float: left;margin: 4px;}
    .p_images{width: 70px;}
    .p_image > img{width: 55px;}
    .school_license_promotion {font-size: 18px;}
    .my_plans tbody tr td{
        font-size: 10px;
        padding: 2px;
    }
    .my_plans table td img {
        width: 22px;
    }
    .my_plans table td img.pricing_que {
        width: 15px;
    }
    .upper_container table td.padd, .lower_container table td.padd{
        padding: 4px 2px;
    }
    .voki_schools_info_contain div.col-md-4,.voki_schools_info_contain div.col-md-3 {
        float: none;
        margin: 0 auto 10px;
        width: 250px;
    }
    .voki_schools_info_contain .info_head_vschool{font-size: 21px;}
    .voki_schools_info_contain .info_body span1 {font-size: 16px;}
    .paid_user_features{width: 60%;}
    .smaller-one .upgrade-btn{margin-top: 10px;}
    .my_plans .all_plans_each .first_one{font-size: 8px;}
    .my_plans {padding: 0;}
    .Writing_assign .file_selector .filename_selector {width: 100%;}
    .Writing_assign .file_selector .btn_file {margin-top: 5px;}
    .model-btns-combo button{margin-top: 3px;}
}
@media screen and (max-width:400px){

    .chr_img {
        width: 100%;
    }
    .chr_img-cnt > h4 {
        font-weight: bold;
        font-size: 20px;
        padding-bottom: 15px;
    }
    .sy-caption img { width: 82%;}
    .sy-caption-wrap {bottom: -5em;}
    .sy-controls li a::after { height: 80%;}
    /*section { margin-bottom: 67px;}*/

    .header_navbar-default ul.list-inline li:first-child {padding: 20px 0 24px 3px}
    .header_navbar-default ul.list-inline li {padding: 20px 0 24px 2px}
    /*.header_navbar-default ul.list-inline li:first-child a {width: 24px;}*/
    .header_navbar-default ul.list-inline li a {font-size: 8px; margin-right: 0; width: auto;}
    .header-icon-menu {font-size: 13px; margin: 16px 6px;}

    .onlyTeachSubMenu .header-support {margin-left: 0;}
    .onlyTeachSubMenu .header-support li {padding: 9px 8px;}

    /**Banner**/
    #animation_character {background-position: -35px center;}
    .banner-4 {font-size: 24px; top: 63px;}
    .banner4-img_main {width: 298px;}
    .banner4-img_cnt {height: 171px; margin: 135px auto 0;}
    .home-banner-app {margin-top: 193px;}

    /*New Footer*/
    .f-followUs span, .f-newsletter span {font-size: 14px;}
    .f-followUs-cnt a, .newsletter-div {font-size: 30px;}


    /**Pricing**/
    .prining_cnt h1 {font-size: 20px;}
    .prining_cnt > h3 {font-size: 12px;}
    .prining_cnt-data a {font-size: 11px; width: 112px; padding: 8px;}
    .prining_cnt-data > h3, .prining_cnt-data > ul { font-size: 11px;}
    .prining_paid > h1 {font-size: 21px;}
    .prining_paid-cnt li {font-size: 13px;}
    #no-more-tables td::before {font-size: 19px;}
    #no-more-tables td strong {font-size: 12px;}
    .pricing-img {width: 30px;}

    .pricing_h2, .pricing-header_body h2 {font-size: 18px;}
    .pricing-head_cnt h2 {font-size: 20px;}
    .pricing-head_cnt-1 ul, .pricing-head_cnt-1 > span {font-size: 11px;}
    .pricing-head_cnt-1 .pricing_que {width: 15px;}
    .pricing-head_cnt {padding: 6px;}
    .btn_pricing-head_cnt {font-size: 8px; padding: 6px 0px;}
    .pricing-head_cnt h4 {font-size: 12px;}

    /*HOme Page Apple design*/
    .apple-img {width: 224px;}
    #show-apple-img1-popup {width: 309px; left: -43px; top: -200px;}
    .show-apple-popup-cnt h2 {font-size: 20px;}
    .show-apple-popup-cnt h2 span {font-size: 15px;}
    .apple-arrow {margin-left: 159px;}
    .apple-arrow img {width: 48px; margin-top: -7px;}
    #show-apple-img2-popup {left: -22px; top: -192px;}
    #show-apple-img3-popup {width: 276px; left: -13%; top: -148px;}
    #show-apple-img4-popup {width: 293px; height: 240px; left: -34px; bottom: 164px;}
    .apple-arrow-rgt img {width: 48px; margin-top: -7px;}
    #show-apple-img5-popup {bottom: 186px; left: -8%;}



    /**Pricing Pop Up***/
    //.chr_img {padding: 0 6px;}
	.pricing_head_level_basic > h2 {padding: 13px 0 5px 10px;}

    .blue_level .pricing_level_head_main, .red_level .pricing_level_head_main {
        width: 100px;
    }

    /**BLog**/
    .blog-body1 h4 {font-size: 11px;}
    .blog-body_cnt p {font-size: 9px;}
    .blog-body_cnt span {font-size: 9px;}


    /**FAQ**/
    .faq-left_cnt {width: 100%;}

    /******My Account******/
    .account-cnt_1-header h3, .account-cnt_2-header h3, .account-cnt_3-header h3 { font-size: 16px;}
    .account-cnt_1-a, .account-cnt_2-a, .account-cnt_3-a {padding: 3px 7px; font-size: 10px;}
    .account-cnt_1-data, .account-cnt_2-data, .account-cnt_3-data {font-size: 12px;}
    .account-cnt_1-data dl dt, .account-cnt_2-data dl dt, .account-cnt_3-data dl dt {float: none; width: auto;}
    .account-cnt_1-data dl dd, .account-cnt_2-data dl dd, .account-cnt_3-data dl dd {margin-left: 0; margin-bottom: 15px;}
    .account-cnt_1-img {padding-left: 0;}
    .account-cnt_3-data dl dd {height: auto;}
    //.account-cnt_3-cnt {height: 247px;}
    .account-cnt_3-data-fir {width: 62%;}
    .account-cnt_3-data-extend {width: 37%;}
    .account-cnt_3-data dd.account-cnt_3-data-height {margin-bottom: 0;}
    .account-cnt_3-data dl dd.account-cnt_3-data-font {margin-left: 0;}
    .account-cnt_3-cnt-400px {height: 330px;}

    .dl-horizontal .acc_stu_detail2 {padding-left: 9px;}

    .hide_cardCnt {display: inline-block;}
    
    /*Basic Add More Popup*/
    .basic-add-more .thanks-btn {
        width: 120px;
    }
    .basic-add-more .upgrade-btn {
        margin-bottom: 0;
        width: 120px;
        display: inline-block;
    }

    /*Update Password*/
    .update_sub {display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto;}

    /*Update Image*/
    .div-imageFile {width: 100%;}
    .div-imageFile input {display: block; margin-bottom: 5px; width: 100%;}

    /***My Voki*****/
    .mVoki-filter, .mVoki-sort {width: 277px;}
    .mVoki-search {width: 278px;}
    .mVoki-search .form-control { width: 84%;}
    .mVoki_header cross {right: 49px;}
    .mVoki_cnt-1_img > img { width: 100%;}
    .mVoki_cnt-1_cnt-header_title, .myvoki-Add .mVoki_cnt-1_cnt-header_title {max-width: 83%;}

    .mVoki_cnt-1_cnt-header_title:hover span, .myvoki-Add .mVoki_cnt-1_cnt-header_title:hover span {max-width: 84%;}

    /***Voki Create*****/
    .vc-step2_2, .myVoki-Add .new_vc-step2_2 {width: 245px;}
    .vc-buttons a {clear: both; margin-bottom: 10px;}
    .vc-step2_1, .myVoki-Add .new_vc-step2_1 {overflow: auto; width: 95%;}
    .new_vc-step2_2, .myVoki-Add .new_vc-step2_2 {width: 245px !important}
    .vc-step2_5-orient span {display: block;}
    .vc-step2_5-orient .radio-inline {padding-left: 0;}
    .vc-step2_5-select select,.select_box_div {margin-left: 0; width: 100%;}
    .hidden-input, .myVoki-Add .hidden-input {margin-left: 0;}
    .hidden-input input {width: 45%;}
    .hidden-input span {display: inline-block;}
    /*For Mobile*/
    .voki-create-not_available h2 {font-size: 18px; width: 295px;}

    .checkbox.checkbox-div .tooltip-inner {width: 311px;}


    /***VOKI TEACH***/
    .voki-teach .sy-slides-wrap, .voki-teach .sy-slides-crop, .voki-teach .sy-list, .voki-teach .sy-slide {height: 180px;}
    .gread-btns {font-size: 23px;}
    .voki-gread-btns li {padding-left: 0; padding-right: 0;}
    .grade_head h2 {font-size: 20px;}
    .header_img {width: 45px;}
    .header_title {font-size: 14px; margin-left: 12px; max-width: 182px;}
    .teach-grade_btn_data .panel-body table tr td {font-size: 12px;}
    .brn_text {font-size: 7px;}
    .les_num {width: 36%;}


    /********VOKI PRESENTER*********/

    /*******Voki Presenter Create*********/
    .Presentation-Add .vp-create2-img {overflow: auto; width: 100%;}

    /**Voki Teach Presenter**/
    .tp-gread-btn {font-size: 19px; padding: 9px 8px;}
    .tp-header_img {width: 50px;}
    .tp-header_title {font-size: 14px; max-width: 168px; margin-left: 12px;}
    .teach-presenter .panel-body table tr td {font-size: 11px;}
    .tp-les_num {width: 34%;}
    /**Voki Teach Presenter Pop Up**/
    .vp-Popup .sub-btn {padding: 6px 17px;}

    /***VC-Classes***/
    .vc-header {text-align: right;}
    .vc-search {width: 216px;}
    .vc-select {width: 282px;}
    .vc-table1_snd textarea {height: 277px;}

    /**Upgrade**/
    .upgrade-btns a {margin-bottom: 10px; margin-right: 0;}

    /*******Voki Presenter Create*********/
    .vp-create2-img {padding-left: 0; width: 302px;}

    /**Voki Presentation Limit Popup**/
    .limit-btns a {margin-right: 0; margin-bottom: 8px;}
    .limit-btns3 a, .limit-btns3 button {display: block; margin: 0 auto 8px;}

    /**Share Voki**/
    .share-voki-cnt-data-btns {width: 100%;}
    .share-voki-btn_div {text-align: center;}
    .share-voki-btn_div span {display: inline-block;}
    .share-voki-msg label {width: 90px;}
    .share-voki-msg .row {width: 100%;}

    /*Share Presentation*/
    .share-presentation .share-voki-cnt-img {margin-right: 8px; overflow: auto; width: 95%;}
    .share-presentation .share-voki-cnt-data-btns {width: 100%;}
    .share-presentation .share-voki-msg label {width: 90px;}
    .share-presentation .share-voki-msg .row {width: 100%;}

    /***Purchase Flow**/
    .purchase_level-monthly, .purchase_level-yearly {border-right: medium none; width: 100%; text-align: center;}
    .purchase_level-yearly {margin-top: 27px;}


    /*Multi Accounts*/
    .multipleAcc-plan-calculate {margin-top: 13px; width: 100%;}
    /*Step: 3 Checkout*/
    .chk-order, .chk-order-qty-data h3, .chk-order-qty-data div, .chk-order-qty_2, .chk-order-total_1, .chk-order-total_2 {font-size: 13px;}

    .paypal-1-btn button {width: 212px;}

    /*Purchase Thanks*/
    .purchase_active h3, .purchase_active-cnt h4 {font-size: 14px;}
    .purchase_active-cnt ul, .purchase_active-cnt_detail {font-size: 13px;}

    /*Voki Invoice*/
    .invoice-order-purchase_cnt, .invoice-footer {font-size: 13px;}
    /*Voki Upgreade*/
    .upgrade-btn {display: block; margin: 0 auto 10px;}

    /*Pricing Level Upgrade*/
    .pricing_level_head h4 {font-size: 16px;}
    .pricing_level_head img {margin-right: 0;}
    .pricing_level_body {font-size: 9px;}
    .pricing_level_btn .upgrade-btn {display: inline;}
    .pricing_level_body-data1 ul {padding-left: 18px;}

    .pricing_level3-body .upgrade-btn {display: inline}

    /*Tool Tip*/
    .account-cnt_1-header .tooltip-inner {width: 311px;}

    .acc_stu_detail1 .tooltip-inner, .tooltip_payment .tooltip-inner {width: 300px;}

    /*Create Voki Login popup*/
    .login-Voki-2 .upgrade-btn {display: inline;}

    /*Contact Us*/
    .show_480 {display: block;}
    .contact-1-dl {display: none;}
    .contact-1 .col-xs-8 {width: 100%;}

    /**Pickup page**/
    .pickUP-a button {font-size: 21px; width: 42px;margin-top: 4px;}
    .hide-pickup2-img {width: 80px;}
    .hide-pickup2-a {width: 44px;}
    

    /*Home Neswsletter*/
    .newsletter-b-detail {float: none; margin: 0 auto 30px; width: 70%;}

    /*App page*/
    .app-cnt1-1 {font-size: 13px;}
    .app-button-1, .app-button-2, .app-middle .app-button-1, .app-middle .app-button-2 {width: 131px;}

    /*New Footer*/
    .fot-new {font-size: 13px;}
    .fot-content_data {font-size: 30px;}
    .fot_newsletter span {width: 138px; line-height: 12px;}
    /*.fot_app span {width: 100%;}*/
    .fot-content span {width: auto;}

    /*Home page testimonials slider*/
    .home-testimonials .sy-slides-wrap, .home-testimonials .sy-slides-crop, .home-testimonials .sy-list, .home-testimonials .sy-slide {height: 236px;}
    .left-testmo img, .right-testmo img {width: 52px;}
    .tes-cnt {font-size: 10px; line-height: 12px; padding-left: 13px; width: 80%;}

    /*
    Voki 2.2
    Voki teach
    */
    /*Lessons*/
    .new-teach-header-lesson {font-size: 27px; width: 139px;}
    .new-teach-header-dropdowns button, .new-teach-header-dropdowns .dropdown-menu li, .left-inner-addon input {font-size: 12px;}
    .new-teach-header-dropdowns .caret {border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 9px dashed;}
    .new-teach-body-cnt-head-header {font-size: 17px;}
    .new-teach-body-cnt-head-header span {font-size: 12px;}
    .new-teach-body-cnt-head-rating sptext {font-size: 13px;}
    .new-teach-body-cnt-head-rating .rating-container .rating {font-size: 14px;}
    .new-teach-body-cnt-head-rating voting {font-size: 9px;}
    .new-teach-body-cnt-subHead-1 span, .new-teach-body-cnt-subHead-2 span, .new-teach-body-cnt-subHead-3 span, .new-teach-subBody-cnt-img-cnt, .new-teach-panel-body-top-cnt {font-size: 12px;}
    .new-teach-body-cnt-subHead-cnt {width: 100%;}
    .new-teach-body-cnt-subHead .pull-right {margin-top: 20px; text-align: center; width: 100%;}
    .new-teach-subBody-cnt {margin-top: 23px;}

    .new-teach-subBody-cnt-img {text-align: center; width: 100%;}
    .new-teach-subBody-cnt-img img {width: 89px;}
    .new-teach-subBody-cnt-img-cnt {padding-left: 0; padding-top: 5px; width: 100%;}
    .new-teach-panel-body-cnt-data {width: 100%;}
    .new-teach-panel-body-cnt-data-share img {width: 100%;}

    .new-teach-panel-body-cnt-data-share-cnt img {width: 22%;}
    .new-teach-panel-body-cnt-data-share-cnt {right: 46px; top: 3px; width: 139px;}
    /*Lesson Popups*/
    .teachEmailH {font-size: 21px;}
    .teachEmailFrnd .email_row {padding-right: 0; width: 100%;}

    /*Hooks*/
    .new-teach-body-hooks {width: 300px;}
    .new-teach-body-cnt-title-hooks {font-size: 14px;}
    .new-teach-body-cnt-2-hooks-1 {width: 40%;}
    .new-teach-body-cnt-2-hooks-2 {width: 58%;}
    .new-teach-body-cnt-2-hooks-3 {width: 100%;}
    .new-teach-body-cnt-3-hooks-cnt-data {font-size: 10px; height: 75px; line-height: 11px;}
    .new-teach-body-cnt-3-hooks-cnt-shareBtns img {width: 24px;}
    .new-teach-body-cnt-3-hooks-shareCnt img {width: 23px;}
    .new-teach-body-cnt-3-hooks-playImg img {width: 29px;}
    .new-teach-body-cnt-2-hooks-display-author {max-width: 87%;}

    /*Projects*/
    .new-teach-body-project-data-left {text-align: center;}
    .new-teach-project-data-img {width: 130px;}
    .new-teach-project-data-img-cnt {margin: 8px 0 0; text-align: left; width: 100%;}
    .new-teach-body-project-data {padding: 7px;}
    .new-teach-body-project-data-right img {width: 26px;}
    .teach-project-share-btnsCnt {right: 92px;}
    .new-teach-body-project-data-right button {font-size: 12px; padding: 3px 11px;}
    .new-teach-body-project-data-right .delete-teach {font-size: 29px;}

    /*Projects Popups*/
    .teachPlans {padding: 0;}
    .teachPlans-header img {width:   63px;}
    .teachPlans-header strong {font-size: 18px;}
    .teachPlans-body-1-img img {width: 220px;}
    .teachPlans-body-1 dt {font-size: 13px;}
    .teachPlans-body-1 dd {font-size: 10px; padding-top: 3px;}
    .teachPlans-body-2 h4 {font-size: 14px;}
    .teachPlans-body-2 {font-size: 10px;}

    /*Voki Teach New Home page*/
    .newTeach-home-head h2 {font-size: 17px;}
    .newTeach-home-added h2 {font-size: 17px;}
    .newTeach-home-added-footer-data {width: 100%;}
    .newTeach-home-added h2 span {font-size: 11px; margin-left: 0;}
    .newTeach-home-added-footer {width: 100%;}
    .newTeach-home-added-footer-data2 a {margin-top: 25px;}

    .voki-teach .sy-slides-wrap, .voki-teach .sy-slides-crop, .voki-teach .sy-list, .voki-teach .sy-slide { height: 150px;}
    /*Voki Teach New Home page Popup*/
    .upcomingSchedule-weak-title {width: 70%;}
    .upcomingSchedule-weak-title h3 {font-size: 13px;}
    .upcomingSchedule-weak-title span {font-size: 9px; line-height: 11px;}
    .upcomingSchedule-weak-titleImg img {width: 100%;}


    /***New Signup Thanks Css***/
    .newSignupThanku {padding: 0;}
    .newSignupThanku-head-main {width: 81%;}
    .newSignupThanku-head-main h1 {font-size: 24px;}
    .newSignupThanku-head-main h4 {font-size: 9px;}
    .newSignupThanku-head-print img {width: 27px;}
    .newSignupThanku-head-print span {font-size: 10px;}
    .newSignupThanku-body {padding: 0 15px; text-align: center;}
    .newSignupThanku-bodyTitle {font-size: 13px;}
    .newSignupThanku-body p {font-size: 11px;}
    .newSignupThanku-body-data span {font-size: 12px; width: 100%;}
    .newSignupThanku-body button {font-size: 11px; padding: 6px 12px;}
    .newSignupThanku-foot {padding: 0;}
    .purchaseThanksNew .newSignupThanku-head-main h1 {font-size: 19px;}
    .purchaseThanksNew-body-cnt .newSignupThanku-dataCnt {max-width: 100%; width: 100%;}
    .newSignupThanku-body-data + .newSignupThanku-body-data {margin-top: 8px;}
    .purchaseThanksNew-body-cnt ul, .purchaseThanksNew-bodyPart {font-size: 13px;}
    .purchaseThanksNew-bodyPartBtn {padding: 6px 7px;}

    /*New Pricing Changes*/
    .pricing-head_cnt-1 {height: 185px;}
    .pricing-head_cnt-1 ul > li {font-size: 11px;}
    .pricing-head_cnt-1 ul > li > span {font-size: 9px;}
    .pricing-head_cnt-Data {font-size: 9px; height: 154px;}
    .pricing_que-new {width: 9px;}
    .pricing-head_cnt-1 ul li .tooltip-inner, .pricing-head_cnt-Data > ul > li .tooltip-inner {min-width: 307px; width: 307px;}
    .pricing-header-middel {width: 310px;}
    .pricing-header-middel h2 {font-size: 20px;}
    .pricing-header-middelPart {width: 96%;}
    .pricing-header-middelPart-data {font-size: 14px;}





    /*New Signup Design fields*/
    .signupSelectI label, .signupDob label {width: 100%;}
    .signupSelectI select {width: 100%;}
    .signupDob select {width: 31.5%;}
    .signup_ins {padding: 0;}

    /* New design and responsivneness changes*/
    #teacher_upgrade_head
    {
        width:100% !important;
    }
    .inner_right_container_heading
    {
        font-size:18px;
    }
    .secondary_right
    {
        width:75%;
    }
    .first_row_heading span
    {
        width:100%;
        font-size:18px;
    }
    .second_row_heading span 
    {
        font-size: 18px;
        width: 100%;
    }
    .account-cnts_1-header h3 {
        font-size: 15px;
    }
    .account-cnts_3-header h3 {
        font-size: 15px;
    }

    .schoolAdmin-pop_contain button , .classDelete_big button
    {
        margin-top:3px;
    }
    .pricing_head_level_name > h2 {
        font-size: 22px;
    }
    .school_pricing_container_inner_half .secondary_right
    {
        width: 70%;
    }
    .school_top_head h2 {font-size: 20px;}
    .school_top_head p {font-size: 13px;}
    .main_form_containment {
        padding: 10px 0 0;
    }
    .form-entity div {
        width: 100%;
    }   
    .voki-create-not_available .text_head
    {
        width:180px;
    }
    .voki-create-not_available
    {
        background-size: 420px auto;
    }
    .model_prevalidate.modal-dialog{width:250px;margin:80px auto;}
    .model_prevalidate .btn {font-size: 9px;padding: 6px 10px;}
    .upper_filters_presenter .search_tab > input {width: 135px;}
    .mPresent_cnt .p_details {width: 40%;}
    .school_license_promotion {font-size: 16px;}
    .upper_container table th, .lower_container table th{
        font-size: 9px;
    }
    .my_plans tbody tr td {
        font-size: 8px;
    }
    .my_plans table td img {
        width: 15px;
    }
    .my_plans table td img.pricing_que {
        width: 12px;
    }
    .paid_user_features{width: 80%;}
    .empty_basic_specifications{min-height: 40px;}
    .account-cnt_3-header .acc_status{float: none;margin: 3px 2px 2px 0;padding-left: 12px;}
    .account-cnt_3-header .neww-addition{margin-top: -25px;}
    .Writing_assign .model-btns-combo button , .Submit_assign .model-btns-combo button{margin-top: 2px;}
    .each_version {padding: 0 5px;}
    
    .download_cnt_steps_data {padding-left: 5px; padding-right: 5px;}
}


 .myVoki-Add .container.body_container {
		overflow:hidden;
    }


/******* 19-20 Sept 2015 *******/


/*@media screen and (max-width:520px) {
    .vp-Popup {width: 95%;}    
}*/

.btn-green-md {
    background-color: #4a6f31;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 11px;
    padding: 10px 17px;
}

.btn-green-md:hover, .btn-green-md:focus, .btn-green-md:active {
    background-color: #5f8446 ;
    color: #fff;
}

.review-filter-one{
    width:58%;
    float: left;
}

.review-filter-two{
    width:42%;
    float: left;
}

.review-assignment {
    width:53%;
    float: left;
}

.review-student{
    width:47%; 
    float: left;
}

.review-search{
    width:82%;
    float: left;
}

.review-filter{
    width:18%;
    text-align:right;
    float: left;
}

/*for chrome*/
  #generateCodeButton{
    width: 133px;
    font-size: 11px;
    display: block;
    margin: auto;
    margin-top: 8px;
}
.error_message,.error_message1,.error_message2{
        float: right;
    font-size: 11px;
    color: red;
    font-weight: 400;
    padding-right: 24px;
    margin-top: -13px;
}

.error_message1,.error_message2{
        padding-top: 14px;
    position: absolute;
    left: 337px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .voki-create-available {
        padding-top: 4px;
    }
    .voki-create_right{
        padding-top: 13px;
    }
    .pricing_que.ToolMarg{
        margin-top: 7px;
    }

}



/*for mobile screen*/

@media screen and (max-width:900px) {
    .review-filter-one{
        width:51%;
    }
    .review-assignment {
        width: 53%;
    }
    .review-student {
        width: 47%;
    }
    review-filter-two {
        padding-left: 20px;
        width: 49%;
    }
    .review-search {
        width: 50%;
    }
    .review-filter {
        padding-top: 20px;
        width: 50%;
    }
    .secondary_right
    {
        width:75%;
    }
}
@media screen and (min-width:1400px) {
    .modal-dialog.vcc_custom_size {
        margin: 30px auto;
        width: 959px;
    }
    .myVoki-Add .voki-create_right {
        padding-left: 9px;
    }
}
@media screen and (min-width:1200px) {
    .modal-dialog.vcc_custom_size {
        margin: 30px auto;
        width: 959px;
    } 
}
@media only screen and (max-width: 1200px) and (min-width: 992px)  {
    .modal-dialog.vcc_custom_size {
        margin: 30px auto;
        width: 959px;
    } 
}


@media screen and (max-width:991px) {
    .modal-dialog.vcc_custom_size {
        width: 662px;
    } 
    .main_div .p-30 {
        padding-left: 20px !important;
        padding-right: 20px !important;
        font-size: 10px !important;
    }

}
@media screen and (max-width:767px){
    .modal-dialog.vcc_custom_size {
        width: 662px;
        margin: 30px auto;
    }
}
@media screen and (max-width:651px){
    .modal-dialog.vcc_custom_size {
        width: 589px;
        margin: 30px auto;
    }
}
@media screen and (max-width:704px)and (min-width: 652px){
    .modal-dialog.vcc_custom_size {
        width: 614px;
        margin: 30px auto;
    } 
}
@media screen and (max-width:620px)and (min-width: 581px){
    .modal-dialog.vcc_custom_size {
        width: 556px;
        margin: 30px auto;
    }
}
@media screen and (max-width:580px){
    .modal-dialog.vcc_custom_size {
        width: auto;
        margin: 10px;
    }
}
@media screen and (max-width:1474px)and (min-width: 1441px){

    .myVoki-Add .container.body_container {
        width: 1070px;
    }
    .voki-create_right ul{
        padding:0px;
    }
    .second_span > img {
        height: 28px;
    }
    .voki-create_right-btm{
        padding-left: 16px;
    }
    #arrowss{
        padding-right: 58px;
    }
    .row.second_row_heading{
        padding-right: 89px;
    }
    .btn-vokitrial{
        margin-right: 58px;
    }
    .container_teacher_list_btn p{
        font-size: 11px;
        margin-right: 70px;
    }
}
@media screen and (max-width:1440px)and (min-width: 1402px){

    .voki-create-available{
        padding-top: 15px;

    }

    .voki-create_right ul{
        font-size: 16px;
    }
    .first_span img {
        height: 29px;
    }
    .middle_span{
        width: 113px;
    }
    .second_span > img {
        height: 25px;
    }
    .row.second_row_heading{
        padding-right: 76px;
    }
    #arrowss {
        padding-right: 55px;
    }
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        #arrowss {
        padding-right: 37px;
    }   
}
.voki-create_right-btm.voki-create_right-btm-basic {
    padding-left: 32px;
}
.container_teacher_list_btn {
    text-align: center;
}
}

@media screen and (max-width: 1367px){
    .presenter_create, .Presentation-Add .presenter_create {
        width: 100%;
        height: 631px;
    }
}

@media screen and (max-width:1401px)and (min-width: 1300px){
    .myVoki-Add .voki-create_right {
        display:none;
    }
    .myVoki-Add .voki-create_left {
        width:100%;
        text-align:center;
    }

    .voki-create-available{
        padding-top: 15px;

    }
    .voki-create_right-btm-ul-li .fa.fa-question-circle {
        display: none;
    }
	
	
	
}
@media screen and (max-width:1301px)and (min-width: 1200px){
    .myVoki-Add .voki-create_right {
        display:none;
    }
    .myVoki-Add .voki-create_right {
        padding: 12px 0 0 14px;
    }
    .voki-create-available{
        padding-top: 15px;

    }
    .voki-create_right-btm-ul-li .fa.fa-question-circle {
        display: none;
    }
}
@media screen and (max-width:1199px){
    .myVoki-Add .voki-create_right {
        display:none;
    }
    .myVoki-Add .voki-create_right {
        display:none;
    }
    .myVoki-Add .gradient .container{
        width: 100%;
    }
    .voki-create-available{
        padding-top: 15px;

    }
    .voki-create_right-btm-ul-li .fa.fa-question-circle {
        display: none;
    }
}
@media screen and (max-width:1100px){
    .myVoki-Add {left: 0; width: 100%;}
    .myVoki-Add .Google-Add, .myVoki-Add .Sitepal-Add {display: none;}
    .myVoki-Add .myVoki-middle {display: inline-block; width: 100%; padding: 10px;}
    .myVoki-Add .container.body_container {width: 100%; }
}
@media screen and (max-width:992px){
    .myVoki-Add .voki-create_right {
        display:none;
    }
/*    .container_static_width .voki-create_right {
        display: none;
    } */
    /*   .container_static_width  {
     width:100%;
    } 
      .container_static_width .voki-create_left {
       width:100%;
        text-align: center;
    }*/
    .voki-create-available{
        padding-top: 15px;

    }
    .voki-create_right-btm-ul-li .fa.fa-question-circle {
        display: none;
    }
}
@media screen and (max-width:885px){
    .voki-create-available {
        padding-top: 15px;
        width: 100%;
        overflow: auto;
    }
}
@media screen and (max-width:1440px){
    .container_teacher_list {
        padding: 7% 0px 2% 11% !important;
    }
    .container_teacher_list_btn{
        width: 185px;
    }
    .container_teacher_list_btn p{
        font-size: 11px;
        text-align: center;
    }
}

/*after login on creator*/
@media screen and (max-width:1165px)and (min-width: 1100px){
    .container_static_width .first_span img {
        height: 34px;
    }
    .container_static_width .voki-create_right {
        padding-left: 4px;
    }
    .container_static_width .middle_span{
        width: 135px;
    }
    .container_static_width .voki-create_right ul{
        font-size: 18px;
        padding:0px;
    }
    .container_static_width .second_span > img {
        height: 29px;
    }
}
@media screen and (max-width:1099px){
/*    .container_static_width .voki-create_right {
        display:none;
    }*/
    .container_static_width {
        display: inline-block;
        width: 100%; 
        margin: 0 auto; 
        text-align: center; 
    }
    .container_static_width .voki-create_left {
        position: relative;
        z-index: 999;
        margin: 0px auto;
        text-align: center;
        width: 100%;
    }
}

@media screen and (max-width:1125px){
    .modal-dialog.student_home_embed_popup {
        width: 890px;
    }
}
@media screen and (max-width:910px){
    .modal-dialog.student_home_embed_popup {
        width: 740px;
    }
}
@media screen and (max-width:765px){
    .modal-dialog.student_home_embed_popup {
        width: auto;
    }
}
@media screen and (max-width:683px){
    .mVoki_cnt-1_cnt-imgs_nctstu {
        margin-right: 9px;
    }
}
@media screen and (max-width:588px){
    .mVoki_cnt-1_cnt-imgs_nctstu {
        margin-right: 8px;
    }
}
@media screen and (max-width:575px){
    .mVoki_cnt-1_cnt.student {
        padding-left: 6px;
    }
    .mVoki_cnt-1_cnt-imgs_nctstu {
        margin-right: 9px;
    }
}
@media screen and (max-width:885px){
    .pull-left.mVoki_cnt-1_cnt-imgs_nct.stupre {
        margin-right: 7.5%;
    }
}









@media screen and (max-width: 1441px) and (min-width: 1367px) {
    .presenter_create, .Presentation-Add .presenter_create {
        width: 1011px;
        height: 720px;
    }
}
@media screen and (max-width: 1367px) and (min-width: 1281px) {
    .presenter_create, .Presentation-Add .presenter_create {
        width: 914px;
        height: 644px;
    }
}
@media screen and (max-width: 1281px) and (min-width: 1051px) {
    .presenter_create, .Presentation-Add .presenter_create {
        width: 864px;
        height: 606px;
    }
}
@media screen and (max-width: 1051px) and (min-width:1023px) {
    .presenter_create, .Presentation-Add .presenter_create {
        width: 898px;
        height: 632px;
    }
}
@media screen and (max-width: 1023px) and (min-width:819px) {
    .presenter_create, .Presentation-Add .presenter_create {
        width: 100%;
        height: 619px;
    }
}
@media screen and (max-width:819px) and (min-width: 769px){
    .presenter_create, .Presentation-Add .presenter_create {
        width: 100%;
        height: 632px;
    }
}
@media screen and (max-width: 769px) {
    .presenter_create, .Presentation-Add .presenter_create {
        width: 100%;
        height: 518px;
    }
    .create-comp-buttons .btn.btn-plast {
        margin: 0 4px;
        padding: 5px 5px;
    }
    .slideWell {
        max-height: 73%;
    }
}

@media screen and (max-width:1340px){
    .hm_quotes_right img{
        width: 11%;
        right: -2%;
        top: -8%;
    }
    .hm_quotes_left img{
        left: -5%;
        top: -8%;
        width: 11%;
    }
}
@media screen and (max-width:1300px){
    .home-testimonials{
        width:90%;
    }
}
@media screen and (max-width:1160px){
    .left-testmo-2, .right-testmo-2 {
        height: 122px;
    }
    .home-testimonials .sy-slides-wrap, .home-testimonials .sy-slides-crop, .home-testimonials .sy-list, .home-testimonials .sy-slide {
        height: 170px;
    }
    .left-testmo-1, .right-testmo-1 {
        height: 129px;
    }
    .left-testmo, .right-testmo {
        height: 110px;
    }

}
@media screen and (max-width:1160px){
    .left-testmo, .right-testmo {
        height: 137px;
    }
}
@media screen and (max-width:880px){
    .home-testimonials .sy-slides-wrap, .home-testimonials .sy-slides-crop, .home-testimonials .sy-list, .home-testimonials .sy-slide {
        height: 266px;
    }
    .left-testmo, .right-testmo {
        height: 111px;
    }
    .hm_quotes_left img {
        left: -5%;
        top: -1%;
        width: 14%;
    }
    .hm_quotes_right img {
        right: -2%;
        top: 36%;
        width: 14%;
    }
}
@media screen and (max-width:680px){
    .hm_quotes_right img {
        width: 17%;
    }
    .hm_quotes_left img {
        width: 17%;
    }
}
@media screen and (max-width:680px){
    .left-testmo, .right-testmo {
        height: 121px;
    }
    .home-testimonials .sy-slides-wrap, .home-testimonials .sy-slides-crop, .home-testimonials .sy-list, .home-testimonials .sy-slide {
        height: 300px;
    }
     .right-testmo.right-testmo-1 {
        height: 131px;
    }
}
@media screen and (max-width:525px){
    .left-testmo, .right-testmo {
        height: 129px;
    } 
    .home-testimonials .sy-slides-wrap, .home-testimonials .sy-slides-crop, .home-testimonials .sy-list, .home-testimonials .sy-slide {
        height: 310px;
    }
    .hm_quotes_right img {
        width: 21%;
        top: 38%;
    }
    .hm_quotes_left img {
        width: 21%;
    }
}
@media screen and (max-width:480px){
    .hm-Elheading{
        font-size: 21px;
    }
   
}
.VP-Play_wid #model_body{ padding: 0px !important; }


/**support view**/
.voki-support-voki .Voki-Creator-Support{
	background-color:#FEF1E9;
	margin-bottom:5px;
	padding-bottom:20px;
}
.voki-support-voki .Voki-Creator-Support h3{
	margin-bottom:0px;
}


.voki-support-voki .Voki-Creator-Support h5{
	margin-bottom:0px;
}
.voki-support-voki .Voki-Presenter-Support{
	background-color:#E7ECF2;
	margin-bottom:5px;
}	
.voki-support-voki .Voki-Presenter-Support h5{
	margin-bottom:0px;
}
.voki-support-voki .Voki-Presenter-Support h3{
	margin-bottom:0px;
}
.Voki-Classroom-Hangout h5{
	margin-bottom:0px;
}
.voki-support-voki .Classroom{
	margin-bottom:15px;
}
.voki-support-voki .hangout-support{
	margin-bottom:15px;
}

.voki-support-voki .voki-hangout-classroom{
	background-color:#E5F5F0;
	padding:0px;
	margin-bottom:30px;
}



.voki-support-voki .Voki-Classroom{
	border-right: 5px solid #ffffff;
	padding-bottom:15px;
	background-color:#ECF1EA;
}
.voki-support-voki .Voki-fqa{
	text-align:center;
	margin-bottom:30px;
	font-size:16px;
}

.voki-support-voki .voki-school-detail{
	background-color:#F6EAF6;
	border-right: 5px solid #ffffff;
	
	
}
.voki-support-voki .mobile-support-detail{
	background-color:#FEF1E9;
	padding:10px;
}

.voki-support-voki img{
	 width:100%;
 }
 
 .voki-support-voki h4 {
	 margin-bottom:0px;
 }
 .voki-tip-presentation-blog h4{
	 margin:15px;
 }
 
 .voki-support-voki h5{
	 margin-bottom:0px;
 }
 .voki-support-voki h6{
	 margin-bottom:0px;
	 margin-top:5px;
 }
 
 .voki-support-voki a{
	 color:#F59143;
	 text-decoration:underline;
 }
 .voki-support-voki .description{
	 padding:0px;
	 line-height: 16px;
	 
 }
 .voki-support-voki .voki-tip-presentation-blog{
	 background-color:#F4F4F4;
	 padding:5px 0 15px 0;
	 display:none;
 }
 .voki-support-voki .voki-school-license-mobile-app{
	 padding:0px;
 }

.voki-support-voki .voki-tip-and-more{
	background-color:#F4F4F4;
	margin:5px 0px;
	cursor:pointer;
}
.voki-support-voki .valuable-feedback{
	background-color:#FEF1E8;
	padding:5px 0 20px 0;
	margin-bottom:15px;
 }
 
.voki-support-voki{
	color:#000;
}
@media screen and (max-width:1000px){
   .voki-support-voki h5{
	   margin-top:0px;
   } 
   .voki-support-voki .description{
		padding-bottom:15px;
		
	}
	.voki-support-voki .voki-Presentation-span{
	 width:70%;
	 float:left;
	 padding-top:15px;
  }
  .voki-support-voki .mobile-support-detail {
		padding: 10px;
	}
	
} 
@media screen and (max-width:767px){
    .voki-support-voki img{
		width:auto;
		text-align:center;
	}
	.voki-support-voki {
		text-align:center;
	}
	.voki-support-voki .description{
		padding-bottom:15px;
		
	}
	.voki-support-voki h3{
		font-size:20px;
	}
	.voki-support-voki .Voki-fqa{
		float:left;
	}
	.voki-support-voki .voki-Presentation{
		padding:0px;
	}
	.voki-support-voki .voki-tip-and-more{
		width:100%;
	}
	.voki-support-voki .voki-Presentation-span{
		 width:100%;
		 float:left;
		 padding-top:15px;
  }
.voki-support-voki .mobile-support-detail {
		padding: 0px;
	}
   
} 
@media screen and (max-width:580px){
	.voki-support-voki .voki-Presentation{
		padding:0px;
	}
	.voki-support-voki .mobile-support-detail {
		padding: 0px;
	}
	
}
@media screen and (max-width:480px){
   .voki-support-voki .voki-tip-presentation-blog .col-xs-4{
	   width:100%;
	   float:left;
   }
   .voki-support-voki h3{
	  font-size:18px;
  }
} 
@media screen and (max-width:400px){
  .voki-support-voki h3{
	  font-size:16px;
  }
  .voki-support-voki .voki-Presentation{
		padding:15px;
	}
}
@media screen and (max-width:360px){
  
  .voki-support-voki .voki-Presentation span{
	 width:100%;
	 float:left;
	 padding-top:15px;
  }
  .voki-support-voki .voki-Presentation span img{
	 padding-top:5px;
  }
}

/**end here support css */



/**start here voki new editor css */

/*.new-editor-create{
	width:1300px;
}*/


.voki-create-new-editor .teacher_list-container{
	text-align:center !important;
	
}
.voki-create-new-editor .voki-create_left{
	padding:0px !important;
}

.voki-create-new-editor .teacher_list-container ul  {
	list-style-type:disc !important;
	border-bottom:none !important;
}
.voki-create-new-editor .teacher_list-container ul li {
	float: left !important;
    font-size: 12px !important;
	margin:5px !important;
}
.voki-create-new-editor .teacher_list-container ul li span {
	padding-right: 10px !important;
}
.voki-create-new-editor .teacher_list-container ul li a {
	text-decoration:underline !important;
}
.voki-create-new-editor .container_teacher_list{
    background-color: #ffffff !important;
    bottom: 90% !important;
    position: absolute !important;
    vertical-align: middle !important;
    width: 101% !important;
    z-index: 9999 !important;
    padding: 7% 0px 2% 3% !important;
}
.voki-create-new-editor .container_teacher_list ul li{
	text-align:left !important;
}
.voki-create-new-editor .teacher_list-container ul li:first-child {
  list-style: none !important;
}
.voki-create-new-editor .account_upgrade_footer  p{
	font-size:12px !important;
}
.voki-create-new-editor .container_teacher_list_btn p {
    font-size: 12px !important;
}
.voki-create-new-editor .voki-create-available{
	padding:0px !important;
}
.voki-create-new-editor .close-btn-tearcherlist{
	opacity: 1;
	position: absolute !important;
	top: 5px !important;
	right: 10px !important;
	font-size: 14px !important;
}
.voki-create-new-editor .gradient {
    background: linear-gradient(#ffffff, #fff) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
.voki-create-new-editor .voki-create_right {
	display:block !important;
	 width:100% !important;
}
.voki-create-new-editor .voki-create_right-btm{
	width:100% !important;
	text-align: center;
}
.voki-create-new-editor .container_teacher_list_btn{
	width:100% !important;
}
.voki-create-new-editor .teacher_upgrade_outer_offers .orange-text{
	font-size:16px !important;
	cursor:pointer !important;
}

@media screen and (max-width:1440px){
    .voki-create-new-editor .container_teacher_list {
        padding: 7% 0px 2% 11% !important;
    }
}


@media screen and (max-width:1300px) {
	.voki-create-new-editor .teacher_list-container ul li {
		font-size: 12px !important;
	}
	.new-editor-create{
		width:99% !important;
	}
   
	
}
@media screen and (max-width:1101px) {
    .main_div .nav-tabs {
        border-bottom: 2px solid #F57E20 !important;
        padding-left: 8px !important;
    }
    .embed_select{
        display: inline-block;
        margin-left: 20px;
        width: 187px;
        margin-bottom: 6px;
    }
     .embed_input_1{
        width: 83px ;
        margin-left: 125px ;
    }
    .embed_input_2{
        width: 83px ;
    }
    .error_message {
        padding-top: 20px;
        position: absolute;
        left: 71%;
    }
    .error_message1 {
        left: 213px;
    }
}
@media screen and (max-width:992px) {
    .main_div .nav-tabs {
        border-bottom: 2px solid #F57E20 !important;
        padding-left: 0px !important;
    }
     .embed_input_1{
        width: 46% ;
        margin-left: 0px ;
    }
    .error_message{
        padding-right: 0px ;
    }
    .embed_input_2{
        width: 46% ;
    }
    #generateCodeButton {
        margin-left: 0px;
    }
    .error_message1 {
        left: 164px;
    }

}
@media screen and (max-width:878px) {
 
.main_div .nav-tabs {
           padding-left: 23% !important;
    width: 100%;
    }
     .embed_input_1{
        width: 53px ;
    }
    .embed_input_2{
        width: 53px ;
    }
    #generateCodeButton {
        margin-left: 123px;
    }
    .error_message {
        left: 407px;
    }
    .error_message1 {
        left: 404px;
    }
}
@media screen and (min-width:768px) {
	#upgrade-school-popup .modal-dialog {
    width: 600px;
    margin: 174px auto;
}

}
@media screen and (max-width:767px) {
	
.voki-create-new-editor .voki-create_left{
  padding:0px 10px !important;	
}	
.voki-create-new-editor .container_teacher_list{
		/* left: 37% !important;
		width: 34% !important; */
	}
	.voki-create-new-editor .voki-create_right ul{
		padding:0px !important;
	}
	.voki-create-new-editor .teacher_list-container ul li {
		font-size: 11px !important;
   
	}
	.voki-create-new-editor .voki-create_right-btm-ul-li > li {
		padding-bottom: 12px !important;
}
    .main_div .nav-tabs {
        padding-left: 27% !important;
        width: 100%;
    }
}

@media screen and (max-width:700px) {
.voki-create-new-editor .container_teacher_list{
		/* left: 36% !important;
		width: 37% !important;	 */
	}
	.voki-create-new-editor .voki-create_right-btm {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}
@media screen and (max-width:650px) {
.voki-create-new-editor .container_teacher_list{
		/* left: 29% !important;
		width: 43% !important; */
	}
	.voki-create-new-editor .myVoki-Add .voki-create_right {
		padding: 18px 0px 0 0px !important;
	}
	.voki-create-new-editor .voki-create_right-btm-ul-li > li {
		padding-bottom: 10px !important;
	}
	.voki-create-new-editor .myVoki-Add .voki-create_right .voki-create_right-btm-ul-li {
		font-size: 13px !important;
	}
	.voki-create-new-editor .voki-create_right-btm-ul-li > li {
		padding-bottom: 3px !important;
		font-size:13px !important;
	}
	.voki-create-new-editor .teacher_list-container ul li {
			font-size: 9px !important;
	}
    .main_div .nav-tabs {
            padding-left: 17% !important;
            width: 100%;
    }
	
}
@media screen and (max-width:599px) {
.voki-create-new-editor .container_teacher_list{
		/* left: 35% !important;
		width: 45% !important; */
	}
	.voki-create-new-editor .teacher_list-container ul li {

		font-size: 11px !important;
	}
	.voki-create-new-editor .voki-create_right-btm-ul-li > li {
		padding-bottom: 5px !important;
	}
	.voki-create-new-editor .teacher_list-container ul{
		list-style-type:none !important;
		width: 100% !important;
	}
	.voki-create-new-editor .teacher_list-container ul li {
		width: 100% !important;
	}
	.voki-create-new-editor .myVoki-Add .voki-create_right {
		padding:18px 5px 0 0px !important;
	}
	.voki-create-new-editor .voki-create_right ul, .myVoki-Add .voki-create_right ul {
		padding: 0px !important;
	}
    .error_message {
        padding-top: 27px;
        left: 277px;
    }
    .error_message1 {
        left: 214px;
    }
}

@media screen and (max-width:550px) {
.voki-create-new-editor .container_teacher_list{
		/* left: 30% !important;
		width: 50% !important; */
	}
	.voki-create-new-editor .voki-create_right-btm-ul-li > li {
		padding-bottom: 5px !important;
		width:100% !important;
	}
	.voki-create-new-editor .myVoki-Add .voki-create_right .voki-create_right-btm-ul-li{
		font-size:13px !important;
	}
	.voki-create-new-editor .container_teacher_list{
		padding: 15px 0 0 50px !important;
	}
	.voki-create-new-editor .teacher_list-container ul{
		list-style-type:none !important;
		width: 100% !important;
	}
	
	.voki-create-new-editor .voki-create_right-btm-ul-li > li {
		padding-bottom: 3px !important;
		font-size:12px !important;
	}
    .main_div .nav-tabs {
            padding-left: 13% !important;
    }
}
@media screen and (max-width: 501px){
    .main_div .nav-tabs {
        padding-left: 7% !important;
        width: 100%;
    }
}
@media screen and (max-width:450px) {
.voki-create-new-editor .container_teacher_list{
		/* left: 20% !important;
		width: 60% !important; */
	}
	.voki-create-new-editor .myVoki-Add .voki-create_right .voki-create_right-btm-ul-li{
		font-size:10px !important;
	}
	.voki-create-new-editor .teacher_upgrade_outer_offers .orange-text {
		font-size: 12px !important;
	}
	.voki-create-new-editor .voki-create_right-btm-ul-li > li {
		padding-bottom: 3px !important;
		font-size:11px !important;
	}
     .main_div .nav-tabs {
        padding-left: 12% !important;
        width: 100%;
    }
    .main_div .p-30 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
	
}
@media screen and (max-width: 400px){
   .main_div .nav-tabs {
        padding-left: 9% !important;
    }
    .main_div .p-30 {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
    #generateCodeButton {
        margin-left: 0px;
    }
    .error_message {
        padding-top: 27px;
        left: 198px;
    }
    .error_message1 {
        left: 11px;
    }
}
@media screen and (max-width:350px) {
	.voki-create-new-editor .container_teacher_list {
		left: 13% !important;
		width: 75% !important;
	}
	.voki-create-new-editor .myVoki-Add .voki-create_right .voki-create_right-btm-ul-li{
		font-size:10px !important;
	}
	.voki-create-new-editor .voki-create_right-btm-basic {
		padding-right: 6px !important;
		padding-left:0px !important;
	}
	.voki-create-new-editor .voki-create_right-btm-ul-li > li {
		padding-bottom: 3px !important;
		font-size:9px !important;
	}
	.main_div .p-30 {
        padding-left: 3px !important;
        padding-right: 7px !important;
        font-size: 10px !important;
    }
    .main_div .nav-tabs {
        padding-left: 9% !important;
        min-width: 263px !important;
    }
	
}
@media screen and (max-width:320px) {
	
			.voki-create-new-editor .container_teacher_list {

					padding: 18px 0 0 50px !important;
			}
			.voki-create-new-editor .voki-create_right-btm-ul-li > li {
				padding-bottom: 3px !important;
				font-size:9px !important;
			}
			.voki-create-new-editor .myVoki-Add .voki-create_right .voki-create_right-btm-ul-li {
					font-size: 9px !important;
			}
}

    .main_div .f12{
        font-size: 14px;
    }
    .main_div .main_heading{
            font-size: 17px;
            font-weight: 700;
    }
   
    .main_div .nav-tabs {
    border-bottom: 2px solid #F57E20;
    padding-left: 54px;}
   .main_div a{
        font-weight: 500;
        background-color: #F57E20;
        color: white;
    }
    .main_div .nav-tabs .nav-item.show .nav-link , .main_div .nav-tabs .nav-link.active a{
        color: #F57E20;
        background-color: #fff;
        border-color: #F57E20 #F57E20 #fff;
        border: 2px solid;
    border-bottom: 0px;
    }
    .main_div .nav-tabs>li.active>a{
         color: #F57E20;
        background-color: #fff;
        border-color: #F57E20 #F57E20 #fff;
        border: 2px solid;
    border-bottom: 0px; 
    cursor: pointer;
    }
     .main_div .nav-tabs>li.active>a:hover{
           color: #F57E20;
    background-color: #fff;
    border-color: #F57E20 #F57E20 #fff;
    border: 2px solid;
    border-bottom: 0px;
    cursor: pointer;
    }
    .main_div .nav-tabs>li {
    float: left;
    margin-bottom: -2px;
    }
    .main_div li{
            padding-left: 12px;
    }
     .main_div .nav>li>a:hover {
        font-weight: 500;
        background-color: #F57E20;
        color: white;
    }   
    .main_div .orientation .text_div,.main_div .cross_sign{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .main_div .orientation img{
            width: 36px;
    }
    ::-webkit-scrollbar {
      width: 10px;
    }

    /* Track */
    ::-webkit-scrollbar-track {
      background: #f1f1f1; 
    }
     
    /* Handle */
    .main_div .orientation ::-webkit-scrollbar-thumb {
      background: #F57E20; 
    }

    /* Handle on hover */
    ::-webkit-scrollbar-thumb {
      background: #555; 
    }
     ::-webkit-scrollbar-thumb:hover {
      background: #555; 
    }
    .main_div .orientation textarea{
        max-height:130px;
        overflow-y: scroll;
    }
    .main_div .bg-custom{
        background-color:#F57E20;
        color: white; 
        font-weight: 500;
    }
    .main_div .bg-custom:hover{
        color: #F57E20;
        background-color:white;
        border-color: #F57E20;
    }
    .main_div .nav-link:hover{
        color: white;
    }
    .main_div .p-30{
        padding-left: 30px;
    padding-right: 30px;
    }
    .main_div .form-control:focus{
        border-color: #F57E20;
        box-shadow:0 0 0 0.1rem rgb(245,126,32)
    }

.main_div .tooltip{
    top:0px;
}

.main_div .custom_input{
    display: inline-block;
}

.main_div ::-webkit-scrollbar-thumb {
      background: #F57E20; 
    }
.main_div .tooltip{
    top: 21px !important;
}
.main_div .tooltip.top .tooltip-arrow {
    top: -2px  !important;
    left: 54%  !important;
    transform: rotate(180deg)  !important;
}

.generate_video_loader img{
    height: 30px;
    padding-bottom: 6px;
}

.generate_video_loader{
    font-weight: bold;
    font-size: 12px;
    position: absolute;
    top: 66%;
    z-index: 11;
    left: 27%;
}
.generate_video_loader2{
   font-weight: bolder;
    font-size: 12px;
    position: absolute;
    top: 66%;
    left: 14%;
    z-index: 11;
    text-align: center;
}
.btn[disabled]{
    background-color: #f47f20;
}
/**end here voki new editor css */
.systemRAM{
        text-align: center;
    background: #FFFFE1;
    padding-top: 5px;
    margin-top: 9px;
    padding-bottom: 5px;
    font-size: 5px;
    margin-bottom: -28px;
}
.opacity_4{
    opacity: 0.18;
}

.error_message{
        padding-top: 20px;
    position: absolute;
    left: 70%;

}


/*.dropdown.dropdown_button .dropdown-menu li {
    cursor: pointer;
    padding: 5px 10px;
}
.dropdown.dropdown_button {
    display: inline-block;
    margin-left: 8px;
}
.dropdown.dropdown_button button {
    background-color: #ffffff !important;
    border: 1px solid #cccccc;
    color: #5e5e5e !important;
    margin-right: 5px;
    padding: 4px 12px;
    text-align: left;
    width: 220px;
}
#studentClassw {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 93%;
}*/
 .caret11 {
        width: 10px !important;
    height: 15px !important;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 10px dashed;
        position: absolute;
    right: -5px;
    top: 5px;
}



.class_select,#old-change-voki-size{
    cursor: pointer;

}

.class_select{
    min-width: 185px;
}
.class_select li:hover {
    background-color: #f47f20;
    color: #ffffff;
}

.embed_caret{
    width: 10px !important;
    height: 15px !important;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 10px dashed;
    position: absolute;
    right: 5px;
    top: 14px;
}
#videoLoader{
    position: absolute;
    left: 38%;
    top: 40%;
    transform: translate(-38%, -40%);
    z-index: 111111;
}
.pl-0{
    padding-left: 0px !important;
}
.ml-0{
    margin-left: 0px !important;
}
.new_emb_hidden_input input,.new_emb_hidden_input1 input{
    width: 46px;
    padding: 9px;
}

.custom_div_class .captcha_form{
    width: 100%;
    display: flex;
    justify-content: center;
}
.custom_div_class #captcha .captcha_form .captcha_refersh{
    width: 37px;
    height: 37px;
    border: none;
    outline: none;
    background: #888;
    color: #eee;
    cursor: pointer;
    border-radius: 0.5em;
    margin:0px;
    margin-left: 5px;
}
.custom_div_class .captcha_refersh{
    transition: .4s;

}

.custom_div_class .captcha_refersh:hover{
    transition: .4s;

    transform: scale(0.90);
}
.custom_div_class #captcha .preview{
    color: #555;
    width: 52%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    letter-spacing: 6px;
    border: 1px dashed #888;
    border-radius: 0.5em;
    margin-bottom: 10px;
    user-select: none;
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer */
    -webkit-user-select: none; /* Chrome and Safari */
}

.custom_div_class.d-none{
    display: none;
}