@charset "utf-8";
 @font-face {
    font-family: gotham;
    src: url(fonts/GothamBook.eot);
    src: url(fonts/GothamBookd41d.eot?#iefix) format('embedded-opentype'), url(fonts/GothamBook.woff) format('woff'), url(fonts/GothamBook.ttf) format('truetype'), url(fonts/GothamBook.svg#GothamBook) format('svg');
    font-weight: 300;
    font-style: normal;
    font-display:swap;
}
@font-face {
    font-family: gotham;
    src: url(fonts/GothamLight.eot);
    src: url(fonts/GothamLightd41d.eot?#iefix) format('embedded-opentype'), url(fonts/GothamLight.woff) format('woff'), url(fonts/GothamLight.ttf) format('truetype'), url(fonts/GothamLight.svg#GothamLight) format('svg');
    font-weight: 100;
    font-style: normal;
    font-display:swap;
}
@font-face {
    font-family: gotham;
    src: url(fonts/Gotham-Medium.eot);
    src: url(fonts/Gotham-Mediumd41d.eot?#iefix) format('embedded-opentype'), url(fonts/Gotham-Medium.woff) format('woff'), url(fonts/Gotham-Medium.ttf) format('truetype'), url(fonts/Gotham-Medium.svg#Gotham-Medium) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display:swap;
}
@font-face {
    font-family: gotham;
    src: url(fonts/GothamBold.eot);
    src: url(fonts/GothamBoldd41d.eot?#iefix) format('embedded-opentype'), url(fonts/GothamBold.woff) format('woff'), url(fonts/GothamBold.ttf) format('truetype'), url(fonts/GothamBold.svg#GothamBold) format('svg');
    font-weight: 700;
    font-style: normal;
    font-display:swap;
}
body {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: gotham, sans-serif;
    background: #e6e6e6
}
.posi_rel {
    position: relative
}
#header {
    width: 100%;
    /*height: 179px;*/
    position: fixed;
    top: 0;
    height: auto;
    left: 0;
    z-index: 201
}
#header .topPanel {
    background: #000;
    height: 30px;
    padding: 0 20px
}
#header .topPanel .topMenu {
    float: right;
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
    padding: 5px 0
}
#header .topPanel .topMenu span {
    padding: 0 5px;
    color: gray;
    font-weight: 300;
    display: inline-block
}
#header .topPanel .topMenu a {
    color: #fff;
    font-weight: 400
}
#header .topPanel .leftTop {
    float: left;
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
    padding: 5px 0;
    color: #fff
}
#header .topMidPanel {
    background: #fff;
    position: relative;
    height: 81px;
    border-bottom: 1px solid #dadada;
    padding: 0 15px
}
#header .topMidPanel .logo {
    display: table;
    float: left;
    height: 81px;
    width: 197px
}
#header .logo a {
    display: table-cell;
    height: 100%;
    text-indent: -9999px;
    vertical-align: middle;
    width: 100%
}
#header .logo a img {
    display: block
}
#header .topMidPanel .phone_num {
    color: rgba(0,0,0,.4);
    float: left;
    font-size: 23px;
    font-weight: 100;
    padding: 22px 15px;
    text-transform: uppercase;
    display: none
}
#header .topMidPanel .join_now {
    background: #3688d8;
    width: 50%;
    height: 65px;
    position: absolute;
    top: 5px;
    right: 20px
}
#header .topMidPanel .join_now label {
    float: left;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    padding: 13px 12px
}
#header .topMidPanel .join_now .input-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}
#header .topMidPanel .join_now .input-item .inputbg {
    padding: 0 250px 0 315px
}
#header .topMidPanel .join_now .input-item input.textbox {
    background: #fff;
    font-size: 12px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    border: none;
    padding: 11px 15px;
    width: 100%;
    margin: 12px 0
}
#header .topMidPanel .join_now button.btn_join, a.btn_create_album, a.btn_delete_album, a.btn_upload {
    font-family: gotham;
    border: none;
    padding: 10px 0;
    text-align: center;
    background: #000;
    width: 230px;
    font-size: 14px;
    color: #fff;
    position: relative;
    z-index: 1;
    font-weight: 700;
    margin: 12px 10px 12px 5px;
    float: right;
    -webkit-transition: All .6s ease;
    -moz-transition: All .6s ease;
    -o-transition: All .6s ease
}
#header .topMidPanel .join_now button.btn_join em {
    font-family: Georgia, times new roman, Times, serif;
    font-weight: 700
}

#main-content .join_now {
    background: #3688d8;
    position: relative;
    padding: 10px;
    margin: 0 10px 20px
}
#main-content .join_now label {
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    padding: 13px 12px;
    display: block
}
#main-content .join_now input.textbox {
    background: none repeat scroll 0 0 #fff;
    border: medium;
    color: #000;
    display: table;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0 auto;
    padding: 11px 15px;
    width: 90%
}
#main-content .join_now button.btn_join {
    font-family: gotham;
    border: none;
    padding: 10px 0;
    text-align: center;
    background: #000;
    width: 90%;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    margin: 10px auto;
    display: table;
    -webkit-transition: All .6s ease;
    -moz-transition: All .6s ease;
    -o-transition: All .6s ease
}
#header .navigation {
    background: #fff;
    position: relative;
    height: 57px;
    border-bottom: 1px solid #dadada
}
#header .navigation .container .row.posi_rel {
    padding: 0;
    margin: 0
}
#main-content {
    max-width: 100%;
    margin: auto;
    position: relative;
    /*top: 167px;*/
    background-color: #e6e6e6;
    -webkit-transition: -webkit-transform .3s ease;
    -moz-transition: -moz-transform .3s ease;
    -o-transition: -o-transform .3s ease;
    transition: transform .3s ease
}
#banner {
    width: 100%;
    height: 400px;
    position: relative;
    z-index: 10
}
#banner .banner {
    background: url(../images/banner2.jpg) no-repeat top center;
    background-size: cover;
    height: 400px
}
#banner .banner1 {
    background: url(../images/banner1.jpg) no-repeat top center;
    background-size: cover;
    height: 400px
}
#banner .item .caption {
    padding: 117px 0 0
}
#banner .item .caption-alt {
    padding: 40px 0 0!important
}
.cap {
    padding-top: 0!important
}
.caption-margin {
    padding: 0 0 0!important
}
#banner .item h1 {
    font-size: 79px;
    line-height: 30px;
    text-align: center;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
    margin: 34px 0;
    padding: 0
}
#banner .item h1 span {
    position: relative;
    top: 6px
}
#banner .item h2 {
    font-size: 48px;
    line-height: 50px;
    text-align: center;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
    margin: 20px 0 25px;
    padding: 0
}
#banner .item h2 span {
    position: relative
}
#banner .item h3 {
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
    margin: 5px 0 15px;
    padding: 0
}
#banner .item ol {
    text-align: center;
    font-size: 24px;
    color: #fff;
    list-style-position: inside
}
#banner .item h3 span {
    position: relative
}
.title_margin {
    margin: 14px 0!important
}
.img_display {
    display: none
}
.img_display1 {
    display: block
}
.hfnsize {
    font-size: 65px!important;
    font-weight: 100!important
}
.tedx-logo {
    padding: 0
}
#banner .item p {
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    font-weight: 400;
    color: #fff;
    color: rgba(251,251,251,.8);
    margin: 0 0 20px;
    padding: 0;
    font-weight: 100
}
.access {
    color: #fff!important
}
.pmargin {
    margin: 20px 0 25px!important
}
#banner .item a.btn_readmore {
    background: #c52b26;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    color: #fff;
    width: 155px;
    padding: 10px 0;
    display: table;
    margin: 0 auto;
    -webkit-transition: All .6s ease;
    -moz-transition: All .6s ease;
    -o-transition: All .6s ease;
    border-radius: 4px
}
#banner .item a.btn_readmore:hover, #header .topMidPanel .join_now button.btn_join:hover, #main-content .join_now button.btn_join:hover, .login input.btn_submit:hover, .messagebox button.btn_send:hover, a.btn_create_album:hover, a.btn_delete_album:hover, a.btn_upload:hover, .subscription a.btn_stay:hover {
    background: #000;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease
}
.followers {
    background: #fff;
    border-bottom: 1px solid #dbdbdb;
    min-height: 83px;
    font-size: 13px;
    line-height: none;
    font-weight: 100;
    color: #101010;
    text-transform: uppercase;
    margin-bottom: 30px;
    text-align: center
}
.followers span {
    font-size: 18px;
    padding: 0 0 0 0;
    display: block
}
.followers .fb_likes {
    background: transparent url(../images/fb_icon.jpg) no-repeat scroll left center;
    //float:left;
    margin: 10px 0 10px 10px;
    padding: 10px 10px 10px 40px
}
.followers .tweet_follow {
    background: transparent url(../images/tweet_icon.jpg) no-repeat scroll left center;
    //float:left;
    margin: 10px 0 10px 10px;
    padding: 10px 10px 10px 40px
}
.followers .members {
    background: url(../images/icon_members.jpg) no-repeat left center;
    padding: 10px 10px 10px 40px;
    //float:left;
    margin: 10px 18px
}
.followers .business {
    background: url(../images/icon_business.jpg) no-repeat left center;
    padding: 10px 5px 10px 40px;
    //float:left;
    margin: 10px 18px
}
.followers .instagram {
    background: transparent url(../images/instagram.png) no-repeat scroll left center;
    //float:left;
    margin: 10px 0 10px 10px;
    padding: 10px 10px 10px 40px
}
.followers .youtube {
    background: transparent url(../images/youtube.png) no-repeat scroll left center;
    //float:left;
    margin: 10px 0 10px 10px;
    padding: 10px 10px 10px 40px
}
.followers .meerkat {
    background: transparent url(../images/meerkat_icon.html) no-repeat scroll left center;
    //float:left;
    margin: 10px 0 10px 10px;
    padding: 10px 10px 10px 40px
}
.followers .periscope {
    background: transparent url(../images/periscope_icon.jpg) no-repeat scroll left center;
    //float:left;
    margin: 10px 0 10px 10px;
    padding: 10px 10px 10px 40px
}
.followers .snapchat {
    background: rgba(0,0,0,0) url("../images/snapChat_img_new.png") no-repeat scroll left center/36px auto;
    //float:left;
    margin: 10px 0 10px 10px;
    padding: 10px 10px 10px 40px
}
.imptop {
    padding-top: 12px
}
.modal-backdrop.in {
    background: #000 none repeat scroll 0 0;
    opacity: .5
}
#advertise {
    margin-bottom: 30px
}
#listing, .best_tai .box, #tai_posts {
    position: relative
}
#listing {
    left: 15px
}
.best_tai, #tai_posts {
    margin-left: 30px
}
#listing .box, .best_tai .box, #tai_posts .box {
    background: #fff;
    float: left;
    max-height: 428px;
    font-size: 11px;
    line-height: 1.4em;
    width: 31.33%;
    margin: 0 21px 30px 0;
    padding: 0;
    -webkit-transition: All .6s ease;
    -moz-transition: All .6s ease;
    -o-transition: All .6s ease
}
 .best_tai .box, #tai_posts .box{
     max-height: 468px;
 }
#listing .box .item img, .best_tai .box .item img, #tai_posts .box .item img {
    width: 100%;
    height: auto
}
#listing .box:hover, .best_tai .box:hover, #tai_posts .box:hover {
    box-shadow: 0 0 5px rgba(0,0,0,.5);
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease
}
#listing .box .date, .best_tai .box .date {
    padding: 10px 20px;
    color: #9c9c9c;
    font-size: 12px;
    font-weight: 700
}
#listing .box .desc, .best_tai .box .desc, #tai_posts .box .desc {
    padding: 20px
}
#listing .box .desc h2, .best_tai .box .desc h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: normal;
    color: #000;
    margin: 0;
    padding: 0;
    min-height: 80px
}
#listing .box .desc a.view_more, .best_tai .box .desc a.view_more {
    font-size: 14px;
    font-weight: 700;
    color: #8d8d8d;
    text-transform: uppercase
}
#listing .box .desc a.view_more:hover, .best_tai .box .desc a.view_more:hover {
    color: #000
}
.viewer {
    color: #8d8d8d;
    float: right;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase
}
.viewer .fa {
    font-size: 18px;
    position: relative;
    top: 2px
}
.loading {
    border-bottom: 1px solid #b8b8b8;
    padding: 10px;
    position: relative
}
.loading span {
    display: table;
    margin: 0 auto;
    padding: 0;
    background: url(../images/ajax_loader_gr.gif) no-repeat center;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #7e7e7e;
    width: 120px;
    height: 120px
}
.loadMoreBtn {
    margin: 20px auto;
    width: 200px;
    text-align: center;
    text-transform: capitalize;
    padding: 10px 0;
    background-color: #d1232a;
    cursor: pointer;
    color: #fff
}
.best_tai h3, #tai_posts h3 {
    font-size: 36px;
    line-height: 36px;
    font-weight: 300;
    color: #3b3b3b;
    padding: 35px 0;
    margin: 0;
    text-align: center;
    text-transform: uppercase
}
#tai_posts, .best_tai {
    padding-bottom: 50px
}
#tai_posts .container {
    border-top: 1px solid #bebebe
}
#tai_posts .box h2 {
    color: #3b3b3b;
    font-size: 22px;
    font-weight: 300;
    line-height: normal;
    margin: 0;
    padding: 2px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: 10px
}
#footer {
}
#footer #footerNav {
    background: #292929;
    padding: 15px 0 40px
}
#footer #footerNav ul {
    list-style: none;
    margin: 0;
    padding: 0
}
#footer #footerNav ul li {
    display: block;
    padding: 7px;
    border-bottom: 1px dotted #797979;
    font-size: 13px;
    font-weight: 300;
    text-align: center;
    color: #a1a1a1;
    text-transform: uppercase
}
#footer #footerNav ul li.nobrder {
    border: none
}
#footer #footerNav ul li span {
    color: #fff;
    font-weight: 700
}
#footer #footerNav ul li.policy {
    text-transform: none
}
#footer #footerNav ul li span.copyright {
    padding: 0 40px;
    font-weight: 300;
    color: #a1a1a1
}
#footer #footerNav ul li a {
    color: #fff;
    text-decoration: none
}
#footer #footerNav ul li a:hover {
    color: #a1a1a1;
    text-decoration: none
}
#footer .footernav {
    padding: 15px 10px 30px;
    font-size: 12px;
    color: #292929;
    text-align: center
}
#footer .footernav a {
    color: #292929
}
#footer hr {
    background: #c3c3c3;
    height: 1px;
    border: none;
    display: block;
    clear: both;
    margin: 0;
    padding: 0
}
#footer .footer .helpline {
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    padding: 10px 0;
    color: #818181;
    text-transform: uppercase
}
#footer .footer .container {
    border-top: 1px solid #bebebe
}
#footer .footer .rightBrder {
    border-right: 1px solid #d2d2d2
}
#footer .footer .helpline span {
    font-weight: 700;
    padding: 0 30px
}
.follows {
    padding: 10px;
    font-size: 22px;
    font-weight: 400;
    padding: 10px 0;
    color: #292929;
    text-transform: uppercase;
    text-align: center
}
.follows a.fb_icon {
    background: url(../images/icon_fb_n.webp) no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin: 0 2px 0 24px;
    text-indent: -9999px;
    top: 5px;
    position: relative
}
.follows a.tweet_icon {
    background: url(../images/icon_twitter_n.webp) no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin: 0 2px;
    text-indent: -9999px;
    top: 5px;
    position: relative
}
 .follows a.instagram {
     background: url(../images/icon_insta_n.webp) no-repeat;
     width: 24px;
     height: 24px;
     display: inline-block;
     margin: 0 2px;
     text-indent: -9999px;
     top: 5px;
     position: relative;
     background-size: cover;
 }
.follows a.gplus_icon {
    background: url(../images/icon_gplus.jpg) no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin: 0 2px;
    text-indent: -9999px;
    top: 5px;
    position: relative
}
.follows a.pin_icon {
    background: url(../images/icon_pin.jpg) no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin: 0 2px;
    text-indent: -9999px;
    top: 5px;
    position: relative
}
.follows a.tube_icon {
    background: url(../images/icon_youtube_n.webp) no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin: 0 2px;
    text-indent: -9999px;
    top: 5px;
    position: relative
}
#support {
    background: #313131;
    left: 0;
    top: 150px;
    position: fixed;
    z-index: 1
}
#support .support {
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    width: 0;
    height: 300px
}
#support .suppotHandle {
    background: url(../images/support_handle.html) no-repeat;
    width: 51px;
    height: 189px;
    position: absolute;
    top: 0;
    right: -51px
}
#book {
    padding: 30px 0 50px
}
#leftside, .white_box {
    background: #fff;
    padding: 20px
}
#rightside {
    background: #fff;
    padding: 20px
}
#leftside .title {
    font-size: 30px;
    font-weight: 300;
    color: #2b2b2b;
    text-transform: uppercase;
    margin-bottom: 15px;
    overflow: hidden
}
#leftside .title.bot_border {
    border-bottom: 1px solid #dadada;
    padding-bottom: 20px
}
#rightside .title {
    font-size: 24px;
    font-weight: 300;
    color: #3b3b3b;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 15px
}
#bookList .box {
    background: #fff;
    float: left;
    font-size: 11px;
    line-height: 1.4em;
    width: 187px;
    margin: 20px 14px 0 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: All .6s ease;
    -moz-transition: All .6s ease;
    -o-transition: All .6s ease
}
#bookList .box:hover, #bookEvaluating .box:hover {
    box-shadow: 0 0 5px rgba(0,0,0,.5);
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease
}
#bookList .box .desc {
    padding: 15px 10px;
    min-height: 160px
}
#bookEvaluating .box .desc {
    padding: 15px
}
#bookList .box h2, #bookEvaluating .box h2 {
    font-size: 16px;
    font-weight: 300;
    line-height: normal;
    color: #3b3b3b;
    margin: 0 0 5px;
    padding: 0;
    min-height: 35px;
    text-align: center;
    text-transform: uppercase
}
#bookEvaluating .box h2 {
    margin-bottom: 8px
}
#bookEvaluating .box h2 span {
    font-size: 14px;
    display: block
}
#bookList .box p {
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
    color: #3b3b3b;
    margin: 0 0 15px;
    padding: 0;
    text-align: center;
    min-height: 55px
}
#bookList .box a.btn_amazon, #bookEvaluating .box a.btn_amazon {
    background: url(../images/books/btn_amazon.png) no-repeat;
    width: 147px;
    height: 31px;
    display: table;
    margin: 0 auto;
    text-indent: -9999px
}
#bookEvaluating .box {
    background: #fff;
    display: table;
    font-size: 11px;
    line-height: 1.4em;
    width: 187px;
    margin: 0 auto 12px;
    padding: 0;
    cursor: pointer;
    -webkit-transition: All .6s ease;
    -moz-transition: All .6s ease;
    -o-transition: All .6s ease
}
#bookEvaluating .box .item img {
    border: 1px solid #ececec
}
#note {
    padding: 30px 0 50px
}
#note .share, #about .share, #course .share {
    border-bottom: 1px solid #dadada;
    border-top: 1px solid #dadada;
    padding: 20px 0;
    margin-bottom: 18px
}
.notes .box {
    padding: 18px 0 0
}
.notes .box .heading {
    font-size: 14px;
    color: #404040;
    font-weight: 300;
    padding: 15px 0 10px
}
.note_ques {
    padding: 25px;
    background: #3688d8;
    margin: 35px 0
}
.note_ques h3 {
    font-size: 24px;
    font-weight: 300;
    line-height: 24px;
    padding: 0;
    margin: 0 0 20px;
    color: #fff
}
.note_ques p {
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    padding: 0;
    margin: 0 0 10px;
    color: #fff
}
.note_ques textarea {
    border: none;
    background: #fff;
    width: 100%;
    height: 90px;
    margin-bottom: 10px
}
.note_ques input.btn_submit {
    background: #000;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    color: #fff;
    width: 155px;
    padding: 10px 0;
    display: table;
    margin: 0;
    border: none;
    -webkit-transition: All .6s ease;
    -moz-transition: All .6s ease;
    -o-transition: All .6s ease
}
.note_ques input.btn_submit:hover {
    background: #d1232a;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease
}
#reply h3 {
    font-size: 24px;
    line-height: 24px;
    color: #404040;
    font-weight: 300
}
.post {
    padding: 20px 0
}
.post .profile_pic {
    float: left;
    margin: 0 25px 25px 0
}
.post .ques {
    display: table;
    margin: 0 0 25px
}
.post .ques ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.post .ques ul li {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #404040
}
.post .ques ul li span {
    font-weight: 300
}
.reply {
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada
}
.reply .days {
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
    color: #404040;
    padding: 15px 10px;
    float: left;
    border-right: 1px solid #dadada
}
.reply .days span {
    color: #c52b26;
    padding-right: 20px
}
.reply .comments {
    background: url(../images/notes/icon_comment.jpg) no-repeat right center;
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
    color: #404040;
    padding: 15px 10px 13px;
    float: left
}
.reply a.btn_reply {
    background: #000;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    color: #fff;
    width: 110px;
    padding: 13px 0 14px;
    float: right;
    border: none;
    -webkit-transition: All .6s ease;
    -moz-transition: All .6s ease;
    -o-transition: All .6s ease
}
.reply a.btn_reply:hover {
    background: #d1232a;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease
}
#rightside .showNotes .title {
    font-size: 18px;
    text-align: left;
    background: url(../images/notes/dash_line.gif) no-repeat center left;
    padding: 0 0 0 32px
}
.showNotes .progresing, #course #rightside .progresing {
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    color: #3b3b3b;
    padding: 10px 0
}
.nextLesson {
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    color: #3b3b3b;
    padding: 10px 0
}
.notes {
    padding: 10px 0
}
.notes .img {
    float: left;
    margin: 0 10px 0 0
}
.notes .dis_table {
    display: table
}
.notes .dis_table h4 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 14px;
    color: #3b3b3b;
    font-weight: 700;
    line-height: 16px
}
.notes .dis_table p {
    margin: 0 0 10px;
    padding: 0;
    font-size: 14px;
    color: #3b3b3b;
    font-weight: 300;
    line-height: normal
}
.edit #div_Region {
    margin-top: 5px;
    position: relative
}
.edit #div_City {
    margin-top: 5px;
    position: relative
}
#about {
    padding: 30px 0 50px
}
#about .heading {
    margin-bottom: 20px;
    margin-top: -10px;
    position: relative
}
.about_desc {
    padding: 10px 0 20px
}
.about_desc p {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #404040;
    margin: 0 0 20px;
    padding: 0
}
.about_desc h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #404040;
    margin: 0 0 20px;
    padding: 0
}
.about_desc ul {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #404040;
    margin: 0 0 30px;
    padding: 0;
    list-style: none
}
.about_desc .head_tittle {
    background: #000;
    font-size: 24px;
    font-weight: 300;
    line-height: 24px;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 15px;
    margin-bottom: 18px;
    position: relative
}
.messagebox {
    background: #3688d8;
    margin: 0 0 20px;
    padding: 15px 20px;
    position: relative
}
.messagebox label {
    color: #fff;
    display: block;
    font-size: 24px;
    line-height: normal;
    font-weight: 300;
    padding: 0 0 13px;
    text-align: left
}
.messagebox textarea.textarea {
    background: none repeat scroll 0 0 #fff;
    border: medium;
    color: #000;
    display: table;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 8px;
    width: 96%;
    height: 80px;
    display: block
}
.messagebox button.btn_send {
    background: none repeat scroll 0 0 #000;
    border: medium;
    color: #fff;
    font-family: gotham;
    font-size: 14px;
    font-weight: 700;
    margin: 10px 0;
    padding: 10px 0;
    text-align: center;
    transition: all .6s ease 0s;
    width: 140px
}
#main-content #about .join_now label {
    font-size: 24px;
    line-height: normal
}
#main-content #about .join_now button.btn_join {
    padding: 10px 30px;
    width: auto
}
#main-content #about .join_now input.textbox {
    width: 65%
}
.fb_comment_box {
    margin: 0 10px 20px
}
#about #rightside {
    padding: 0;
    background: 0 0
}
.item_parent {
}
.item_parent .item_child {
    padding: 0;
    box-sizing: border-box;
    background-color: #fff;
    margin-bottom: 30px
}
.item_parent .item_child h3 {
    display: block;
    text-align: center;
    font-size: 22px;
    color: #3b3b3b;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0;
    padding: 15px 0
}
.item_parent .item_child .img {
    display: block;
    text-align: center
}
.item_parent .item_child .img img {
    text-align: center
}
.item_parent .item_child.item1 {
    background-color: #c52c27;
    padding: 10px 0
}
.item_parent .item_child.item1 span.text {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
    color: #fff;
    text-align: center;
    display: block
}
.item_parent .item_child.item1 span.text h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    padding: 0
}
.item_parent .item_child.item1 span.text h5 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin: 0 0 15px;
    padding: 0
}
.item_parent .item_child.item1 span.agree_note {
    font-size: 12px;
    font-weight: 300;
    color: rgba(251,251,251,.5);
    text-align: center;
    display: block
}
.item_parent .item_child.item1 span.agree_note a {
    color: rgba(251,251,251,.5);
    text-decoration: underline
}
.item_parent .item_child.item1 input {
    display: block;
    width: 240px;
    font-size: 20px;
    padding: 10px;
    box-sizing: border-box;
    border: none;
    margin: 5px auto
}
.item_parent .item_child.item1 input[type=text] {
    background-color: #fff;
    font-size: 12px;
    padding: 15px 10px;
    width: 90%
}
.item_parent .item_child.item1 input[type=button] {
    background-color: #000;
    color: #fff;
    width: 90%
}
.item_parent .item_child.item1 span {
    color: #fff
}
.item_parent .item_child.item2 p.divider {
    border-bottom: 1px solid #dadada
}
.item_parent .item_child.item2 ul {
    list-style: none;
    padding: 0;
    margin: 0 15px
}
.item_parent .item_child.item2 ul li {
    margin-bottom: 20px;
    border-bottom: 1px solid #dadada
}
.item_parent .item_child.item2 ul li:last-child {
    border-bottom: none
}
.item_parent .item_child.item2 ul li .taiTitle {
    padding: 15px;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    text-transform: uppercase
}
.my-comment {
    margin-bottom: 10px
}
.my-comments-list p {
    margin: 0 0 5px!important;
    font-size: 16px!important
}
.my-comments-list h4 {
    font-weight: 400!important;
    margin: 0 0 10px!important;
    border-bottom: 1px solid #ccc!important;
    text-transform: uppercase!important
}
.my-comments-list h5 {
    margin: 0 0 5px!important
}
.replycontent {
    padding-left: 90px
}
.reppost {
    border: 1px solid #d4d4d4;
    margin-bottom: 5px;
    padding: 5px
}
.repprofile_pic {
    float: left
}
.repques {
    margin-left: 69px
}
.sprite_like_on {
    background: transparent url(../../index/images/www-comments-vflyGNj1J.png) no-repeat scroll 0 -144px;
    height: 14px;
    opacity: 1;
    width: 14px
}
.sprite_like, .sprite_dislike {
    cursor: pointer
}
.profile_detail {
    position: relative;
    margin: -10px 0 20px;
    font-size: 12px;
    color: #404040;
    font-weight: 400
}
.profile_detail .profile_pic {
    float: left;
    width: 50px;
    height: 50px;
    border: 1px solid #999;
    border-radius: 100%;
    overflow: hidden
}
.profile_detail .profile_pic img {
    display: block;
    height: 50px;
    object-fit: cover;
    width: 100%
}
.profile_detail .dis_table {
    display: table;
    padding: 5px 10px
}
.profile_detail .dis_table span {
    color: #d1232a;
    padding-right: 30px
}
#about .about_desc h3 {
    font-size: 24px;
    font-weight: 300;
    line-height: 24px;
    color: #404040;
    margin: 0 0 30px;
    padding: 0
}
#about .about_desc .leftImg {
    float: left;
    margin: 10px 20px 20px 0
}
#about .about_desc .rightImg {
    float: right;
    margin: 10px 0 20px 20px
}
#course {
    padding: 30px 0 50px
}
.course_desc {
    padding: 10px 0
}
.course_desc h3 {
    font-size: 24px;
    font-weight: 300;
    line-height: 24px;
    color: #404040;
    margin: 0 0 20px;
    padding: 0;
    text-transform: uppercase
}
.course_desc p {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #404040;
    margin: 0 0 20px;
    padding: 0
}
.course_desc .video_sec {
    padding: 10px 0 0;
    margin-bottom: 20px
}
.download ul {
    margin: 0 0 40px;
    padding: 0;
    list-style: none;
    border-top: 1px solid #9bc4ec
}
.download ul li {
    border-bottom: 1px solid #9bc4ec;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #fff;
    margin: 0;
    padding: 10px
}
.download ul li span.icon {
    float: left
}
.download ul li span.dis_table {
    display: table;
    padding: 15px
}
#course #rightside {
    padding: 0;
    background: 0 0
}
#course #rightside .panel-group .panel {
    border-radius: 0;
    border: none;
    box-shadow: none
}
#course #rightside .panel-default>.panel-heading {
    border: none;
    background: 0 0;
    font-size: 18px;
    font-weight: 300;
    color: #3b3b3b;
    text-transform: uppercase;
    text-align: left;
    margin: 0 0 13px;
    padding: 10px
}
#course #rightside .panel-default>.panel-heading .panel-title {
    color: inherit;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 0
}
#course #rightside .panel-default>.panel-heading .panel-title>a.collapsed {
    color: #3b3b3b;
    text-decoration: none;
    background: url(../images/notes/dash_line.gif) no-repeat 0 center;
    padding: 5px 0 5px 32px;
    display: block
}
#course #rightside .panel-default>.panel-heading .panel-title>a {
    color: #3b3b3b;
    text-decoration: none;
    background: url(../images/notes/dash_line_plus.gif) no-repeat 0 center;
    padding: 5px 0 5px 32px;
    display: block
}
#course #rightside .panel-body {
    border: none;
    padding: 0 15px 15px
}
.login {
    padding: 20px
}
.login h2 {
    font-size: 24px;
    color: #3b3b3b;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center
}
.login .login_img {
    display: table;
    margin: 0 auto
}
.login .form-text {
    border: 1px solid silver;
    background: #fff url(../images/email_icon.jpg) no-repeat 15px center;
    padding: 10px 15px 10px 78px;
    border-bottom: none
}
.login .form-password {
    border: 1px solid silver;
    background: #fff url(../images/password_icon.jpg) no-repeat 15px center;
    padding: 10px 15px 10px 78px
}
#contact_popup .login .form-item {
    border: 1px solid silver;
    background: #fff;
    padding: 10px 15px;
    margin-bottom: 10px
}
.login .form-text input.textbox, .login .form-password input.textbox {
    width: 100%;
    font-size: 24px;
    color: #3b3b3b;
    font-weight: 300;
    border: none;
    background: 0 0
}
#contact_popup .login .form-item input.textbox {
    width: 100%;
    font-size: 18px;
    color: #3b3b3b;
    font-weight: 300;
    border: none;
    background: 0 0
}
.login .form-textarea textarea {
    border: 1px solid silver;
    background: #fff;
    padding: 10px 15px;
    width: 100%;
    font-size: 14px;
    color: #3b3b3b;
    font-weight: 300;
    height: 200px
}
#contact_popup .login .form-item textarea {
    border: none;
    background: #fff;
    padding: 0;
    width: 100%;
    font-size: 18px;
    color: #3b3b3b;
    font-weight: 300;
    height: 100px
}
#contact_popup .login h2 {
    margin-top: 0
}
.captcha_img {
    border: 1px solid silver;
    margin-bottom: 10px;
    float: left
}
.login input.btn_submit {
    font-family: gotham;
    border: none;
    padding: 10px 0;
    text-align: center;
    background: #000;
    width: 100%;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    z-index: 1;
    font-weight: 700;
    margin: 12px auto;
    display: table;
    -webkit-transition: All .6s ease;
    -moz-transition: All .6s ease;
    -o-transition: All .6s ease
}
a.forgot {
    color: #3b3b3b;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    display: table;
    margin: 0 auto;
    text-decoration: underline
}
a.forgot:hover {
    text-decoration: none
}
a.fbLogin {
    background: #3b5997;
    width: 100%;
    text-align: center;
    display: block
}
#login.modal-content, #helpModal .modal-content, #aboutModal .modal-content, #editAlbum .modal-content, #Uploadphoto .modal-content {
    border-radius: 0;
    box-shadow: none
}
#slider1_container {
    margin-bottom: 20px
}
.jssort07 .i {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 90px;
    filter: alpha(opacity=80);
    opacity: .8
}
.jssort07 .p:hover .i, .jssort07 .pav .i {
    filter: alpha(opacity=100);
    opacity: 1
}
.jssort07 .o {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 90px
}
* html .jssort07 .o {
    width: 90px;
    height: 90px
}
.jssort07 .pav .o, .jssort07 .p:hover .o {
    border-color: #fff
}
.jssort07 .pav:hover .o {
    border-color: #09f
}
.jssort07 .p:hover .o {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none
}
.jssora11l, .jssora11r, .jssora11ldn, .jssora11rdn {
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(../images/slide_arrow.png) no-repeat;
    overflow: hidden;
    width: 24px;
    height: 24px
}
.jssora11l {
    background-position: 10px 0
}
.jssora11r {
    background-position: -24px 0
}
.jssora11l:hover {
    background-position: 10px 0
}
.jssora11r:hover {
    background-position: -24px 0
}
.jssora11ldn {
    background-position: 10px 0
}
.jssora11rdn {
    background-position: -24px 0
}
#slider1_container .caption {
    background: #000;
    background: rgba(0,0,0,.5);
    padding: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 58px
}
#helpModal .modal-dialog, #aboutModal .modal-dialog, #editAlbum .modal-dialog {
    width: 770px;
    margin: 200px auto 0
}
.help_popup {
    padding: 40px 70px
}
.about_popup {
    padding: 20px 40px
}
.help_popup h2, .about_popup h2 {
    text-align: center;
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    color: #d1232a;
    text-transform: uppercase;
    margin: 0
}
.about_popup h2 span {
    font-size: 32px;
    color: #3b3b3b;
    font-weight: 300
}
.about_popup h2 span.size28 {
    font-size: 28px;
    color: #3b3b3b;
    font-weight: 300;
    display: block
}
.help_popup ul {
    list-style: none;
    margin: 0;
    padding: 20px 0
}
.help_popup ul li {
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    color: #3b3b3b;
    border-bottom: 1px solid #ccc;
    padding: 30px 20px
}
.help_popup ul li span {
    text-transform: uppercase;
    display: block
}
.help_popup ul li a {
    color: #d1232a
}
.help_popup ul li.ques {
    background: url(../images/ques_icon.png) no-repeat 20px 30px;
    padding-left: 95px
}
.help_popup ul li.talk {
    background: url(../images/talk_icon.png) no-repeat 20px 30px;
    padding-left: 95px
}
.help_popup ul li.cancel {
    background: url(../images/cancel_icon.png) no-repeat 20px 30px;
    padding-left: 95px
}
.help_popup ul li:last-child {
    border: none
}
.modal_close {
    background: url(../images/model_close.png) no-repeat;
    width: 27px;
    height: 27px;
    position: absolute;
    right: -30px;
    top: -30px;
    cursor: pointer
}
.about_popup h2 {
    margin-bottom: 20px
}
.about_popup h3 {
    text-align: center;
    font-size: 30px;
    line-height: 40px;
    text-transform: uppercase;
    margin: 50px 0;
    color: #3b3b3b;
    font-weight: 300
}
.about_popup h2.size48 {
    font-size: 48px
}
.about_popup h3 span {
    font-size: 30px;
    font-weight: 700;
    color: #d1232a
}
.about_popup .form-item {
    border: 1px solid silver;
    background: #fff;
    padding: 15px;
    width: 100%;
    font-size: 14px;
    color: #3b3b3b;
    font-weight: 300;
    overflow: hidden
}
.about_popup .form-item.selectbox {
    padding: 0;
    background: #fff url(../images/select_arrow.png) no-repeat 98% center
}
.about_popup .form-item select.select {
    border: none;
    width: 106%;
    padding: 16px 15px;
    background: 0 0
}
.about_popup .form-item input.textbox {
    width: 100%;
    font-size: 14px;
    color: #3b3b3b;
    font-weight: 300;
    border: none;
    background: 0 0;
    line-height: 18px
}
.edit_btn {
    background: url(../images/edit_icon_white.png) no-repeat;
    width: 21px;
    height: 21px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -10px;
    text-indent: -9999px;
    outline: none
}
a.edit_photo_btn {
    background: url(../images/edit_icon_white.png) no-repeat center right;
    padding: 5px 35px 5px 0;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    display: inline-block
}
.edit_btn_grey {
    background: url(../images/icon_done.png) no-repeat;
    width: 21px;
    height: 21px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -10px;
    text-indent: -9999px;
    outline: none
}
a.edit_photo_btn {
    background: url(../images/edit_icon_white.png) no-repeat center right;
    padding: 5px 35px 5px 0;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    display: inline-block
}
a.edit_photo_btn {
    background: url(../images/edit_icon_white.png) no-repeat center right;
    padding: 5px 35px 5px 0;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    display: inline-block
}
#rightside .item_child .head_tittle {
    background: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 18px;
    color: #fff;
    text-transform: uppercase;
    padding: 14px 10px;
    margin-bottom: 10px;
    position: relative
}
.item_child.p10 {
    padding: 10px
}
#rightside .form label {
    color: #404040;
    font-size: 14px;
    font-weight: 300;
    display: block;
    margin-bottom: 7px
}
#rightside .form .form-item {
    border: 1px solid silver;
    background: #fff;
    padding: 10px;
    width: 100%;
    font-size: 14px;
    color: #000;
    font-weight: 300;
    overflow: hidden;
    margin-bottom: 10px
}
*:focus {
    outline: 0
}
#rightside .form .form-item.selectbox {
    padding: 10px 0 10px 5px;
    background: #fff url(../images/select_arrow2.png) no-repeat 96% center
}
#rightside .form .form-item select.select {
    border: none;
    width: 108%;
    padding: 0 0 0 5px;
    background: 0 0;
    font-size: 14px;
    color: #000;
    font-weight: 300;
    display: block
}
#rightside .form .form-item.dob select.select {
    width: 130%
}
#rightside .form .form-item input.textbox {
    width: 100%;
    font-size: 14px;
    color: #000;
    font-weight: 300;
    border: none;
    background: 0 0;
    line-height: 18px
}
#rightside .form .form-item input.textbox[type=password] {
    padding-top: 5px;
    height: 20px
}
.album_list ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.album_list ul li {
    position: relative;
    float: left;
    width: 80px;
    height: 90px;
    margin: 6px 7px
}
.album_list ul li:first-child {
    margin-left: 0
}
.album_list ul li:last-child {
    margin-right: 0
}
.album_list ul li .hover_edit {
    background: rgba(0,0,0,.8);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    -webkit-transition: All .6s ease;
    -moz-transition: All .6s ease;
    -o-transition: All .6s ease
}
.album_list ul li:hover .hover_edit {
    display: block;
    -webkit-transition: All .6s ease;
    -moz-transition: All .6s ease;
    -o-transition: All .6s ease
}
.album_list ul li .hover_edit a {
    margin: 5px 0;
    display: block;
    text-align: center;
    color: #ccc;
    font-size: 9px;
    text-transform: uppercase
}
.album_list ul li .hover_edit hr {
    background: rgba(251,251,251,.5);
    border: none;
    height: 1px;
    margin: 7px;
    clear: both;
    display: block
}
a.btn_create_album {
    float: none;
    width: 100%;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    margin-left: 0
}
a.btn_delete_album {
    background: #ccc;
    float: right;
    width: auto;
    margin: 0 0 0 5px;
    padding: 10px 15px;
    text-decoration: none;
    text-transform: uppercase
}
a.btn_upload {
    float: right;
    width: auto;
    margin: 0 0 0 5px;
    padding: 10px 15px;
    text-decoration: none;
    text-transform: uppercase
}
.create_album {
    padding-bottom: 10px
}
.dropdown_album {
    font-size: 18px;
    font-weight: 300;
    color: #000;
    text-align: left;
    float: left;
    text-transform: uppercase;
    border-right: 1px solid #a2a2a2;
    padding: 7px 20px 7px 0;
    position: relative
}
.dropdown_album:before {
    -moz-appearance: none;
    appearance: none;
    background: #fff url(../images/select_arrow.png) no-repeat scroll 80px center;
    border: medium;
    width: 16px;
    height: 16px;
    position: absolute;
    right: -30px;
    top: 10px
}
.dropdown_album2 {
    appearance: button;
    -moz-appearance: button;
    -webkit-appearance: button;
    background: #fff url(../images/drop1.png) no-repeat scroll 150px center;
    border: medium;
    height: 36px;
    padding-right: 75px;
    width: 220px;
    color: #000;
    font-size: 18px;
    font-weight: 300;
    text-align: left;
    text-transform: uppercase
}
#editAlbum {
    z-index: 202
}
#about .create_album {
    padding: 0;
    position: absolute;
    left: 0;
    bottom: 145px;
    width: 100%
}
#about .create_album .edit_btn {
    background: url(../images/edit_icon_black.png) no-repeat;
    width: 21px;
    height: 21px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -10px;
    text-indent: -9999px;
    outline: none
}
ul.inbox_tab {
    position: absolute;
    top: 0;
    right: 0;
    list-style: none;
    margin: 0;
    padding: 0
}
ul.inbox_tab li {
    float: left;
    margin: 0 0 0 2px
}
ul.inbox_tab li a {
    padding: 15px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    display: block;
    color: #6d6a73;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: All .6s ease;
    -moz-transition: All .6s ease;
    -o-transition: All .6s ease
}
ul.inbox_tab li a:hover, ul.inbox_tab li a.active {
    background: #d1232a;
    color: #fff;
    -webkit-transition: All .6s ease;
    -moz-transition: All .6s ease;
    -o-transition: All .6s ease
}
.inbox_search {
    padding: 10px 0;
    border-top: 1px solid #e4e4e4
}
.inbox_search a.btn_inbox_archive {
    background: url(../images/inbox_archive_icon.png) no-repeat left center;
    padding: 6px 0 6px 36px;
    font-size: 12px;
    color: #6d6a73;
    text-decoration: none;
    text-transform: uppercase;
    margin: 5px 30px 5px 0;
    float: left
}
.inbox_search a.btn_inbox_delete {
    background: url(../images/inbox_delete_icon.png) no-repeat left center;
    padding: 6px 0 6px 36px;
    font-size: 12px;
    color: #6d6a73;
    text-decoration: none;
    text-transform: uppercase;
    margin: 5px 30px 5px 0;
    float: left
}
.searchbox {
    border: 1px solid #d1d1d1;
    float: right;
    padding: 5px
}
.searchbox input.textbox {
    border: none;
    background: 0 0;
    padding: 3px 5px;
    width: 200px;
    font-size: 12px;
    font-weight: 400
}
.searchbox input.btn_search {
    background: url(../images/search_icon.jpg) no-repeat;
    width: 25px;
    height: 25px;
    border: none;
    cursor: pointer
}
.listHead {
    background: #e6e6e6;
    color: #6d6a73;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    padding: 10px
}
.inbox_list table td {
    padding: 20px 10px;
    border-bottom: 1px solid #e4e4e4;
    vertical-align: top;
    text-align: left
}
.inbox_list table td img {
    border: 1px solid silver
}
.inbox_list table td h3 {
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    margin: 0 0 15px;
    padding: 0;
    color: #d1232a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 450px
}
.inbox_list table td p {
    font-size: 14px;
    font-weight: 300;
    text-align: left;
    margin: 0;
    padding: 0;
    color: #6d6a73;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 500px;
    word-break: break-all
}
.inbox_list table td div.date {
    font-size: 12px;
    font-weight: 300;
    text-align: left;
    margin: 0;
    padding: 0;
    color: #7a7a7a;
    line-height: 18px
}
.inbox_list table td ul {
    list-style: none;
    font-size: 14px;
    font-weight: 300;
    text-align: left;
    margin: 0;
    padding: 0;
    color: #6d6a73;
    line-height: 18px
}
.inbox_messagebox {
    padding: 20px 0
}
.inbox_messagebox textarea.textarea, .form-field textarea {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #c8c8c8;
    color: #000;
    display: table;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 10px;
    width: 100%;
    height: 200px;
    display: block
}
.inbox_messagebox button.btn_send, .form-field button.btn_question, button.btn_share {
    background: none repeat scroll 0 0 #d1232a;
    border: none;
    color: #fff;
    font-family: gotham;
    font-size: 14px;
    font-weight: 700;
    margin: 10px 0;
    padding: 10px 0;
    transition: all .6s ease 0s;
    width: 154px;
    text-align: center;
    text-transform: uppercase
}
.inbox_messagebox button.btn_send:hover, .form-field button.btn_question:hover, button.btn_share:hover {
    background: #000;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease
}
#member_login .container {
    max-width: 520px
}
#member_login #header .topMidPanel .logo {
    float: left;
    height: 27px;
    left: 50%;
    margin: 25px 0 25px -100px;
    position: absolute;
    width: 197px
}
/* #member_login #main-content {
    top: 100px
} */
#member_login .login {
    padding-bottom: 50px
}
#member_login #footer #footerNav {
    padding: 25px 0
}
.myProfile .item_parent .item_child h3 {
    font-size: 18px;
    text-align: left;
    padding: 15px;
    line-height: 24px
}
.myProfile .pic {
    float: left;
    margin-right: 15px
}
.myProfile .dis_table {
    margin: 0;
    display: table;
    text-align: left
}
.myProfile ul li {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #75717a;
    padding: 13px 0;
    margin: 0!important
}
.myProfile ul li:after {
    content: "";
    clear: both;
    display: block;
    visibility: hidden
}
.myProfile ul li:first-child, .item_parent .item_child.item2 .member_chat ul li {
    padding-top: 0
}
.form-field {
    padding: 0 15px 15px
}
.form-field button.btn_question {
    width: 100%
}
.form-field textarea {
    height: 80px
}
.star_rating {
    margin-bottom: 12px;
    display: block;
    text-align: center
}
.myProfile .member_chat .pic {
    border-radius: 50%;
    width: 37px;
    height: 37px;
    overflow: hidden
}
.myProfile .member_chat .chat_icon {
    float: right;
    margin-top: 5px
}
.myProfile .member_chat ul li {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #313339;
    padding: 13px 0;
    margin: 0!important
}
.myProfile .member_chat .dis_table {
    margin: 5px 0 0
}
.invitation ul li {
    background: url(../images/profile_arrow.jpg) no-repeat left 15px;
    padding: 10px 0 10px 18px
}
.invitation ul li:first-child {
    background: url(../images/profile_arrow.jpg) no-repeat left 5px
}
.profile_posi {
    padding: 15px
}
.profile_posi .profile_pic {
    border: 1px solid #e0e0e0;
    padding: 4px;
    margin: 0 7px 0 0;
    border-radius: 2px;
    float: left
}
.profile_posi p {
    font-size: 16px;
    font-weight: 600;
    color: #0000000;
    padding: 10px 0 0;
    margin: 0;
    text-align: left;
    text-transform: uppercase;
    line-height: normal
}
.profile_posi a {
    font-size: 12px;
    font-weight: 400;
    color: #8d8d8d;
    text-align: left;
    text-transform: uppercase
}
.process_bar {
    margin: 10px 0
}
.tai_video {
    margin-bottom: 5px
}
.white_box {
    margin-bottom: 28px
}
.product_list h3 {
    font-size: 24px;
    font-weight: 700;
    color: #000;
    margin: 0 0 20px;
    padding: 0;
    text-transform: uppercase
}
.product_list ul {
    margin: 0;
    padding: 0;
    list-style: none
}
.product_list ul li {
    float: left;
    margin: 0 16px 15px!important;
    padding: 0!important;
    width: 150px
}
.product_list ul li:first-child {
    margin-left: 0!important
}
.product_list ul li:last-child {
    margin-right: 0!important
}
.product_list ul li .product_img {
    display: block
}
.product_list ul li .product_name {
    display: block;
    padding: 15px;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    text-align: center
}
.customer_services {
    background: #3688d8
}
.myProfile .item_parent .item_child .customer_services h3 {
    color: #fff
}
.customer_services .service {
    padding: 0 15px 15px
}
.customer_services .service .pic {
    border: 1px solid #d1d1d1
}
.ask_ques {
    background: url(../images/ask_icon.jpg) no-repeat left center;
    font-size: 14px;
    color: #fff;
    font-weight: 300;
    padding: 7px 5px 7px 20px;
    text-transform: uppercase;
    line-height: 16px
}
.livechat {
    background: url(../images/ask_chat_icon.jpg) no-repeat left center;
    font-size: 14px;
    color: #fff;
    font-weight: 300;
    padding: 7px 5px 7px 20px;
    text-transform: uppercase;
    line-height: 16px
}
.customer_services .service hr {
    background: #fff;
    border: none;
    display: block;
    clear: both;
    padding: 0;
    margin: 3px 0;
    height: 1px
}
.share_form {
    padding: 0 0 20px
}
.share_form .pic {
    border: 1px solid #d1d1d1
}
.share_form button.btn_share {
    width: 80px
}
.share_form input.textbox {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #c8c8c8;
    color: #000;
    display: table;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 10px;
    width: 415px
}
.leftpan {
    position: absolute;
    top: 0;
    left: 0
}
#conference {
    padding: 30px 0 50px
}
#conference .whitebg {
    background: #fff
}
#conference .p50 {
    padding: 50px
}
#conference .ptb_40 {
    padding: 40px 0 60px
}
#conference h2 {
    font-size: 30px;
    line-height: normal;
    font-weight: 700;
    color: #000;
    margin: 0 0 20px;
    padding: 0;
    text-transform: uppercase;
    text-align: center
}
#conference .confrence_desc {
    padding: 60px 0 0
}
#conference .confrence_desc p {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    color: #161616;
    margin: 0 0 20px;
    padding: 0
}
#conference .confrence_desc ul {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    color: #161616;
    margin: 0 0 30px;
    padding: 0;
    list-style: none
}
#conference .confrence_desc ul li {
    padding: 25px 0
}
#conference .confrence_desc ul li .num {
    float: left;
    color: #3688d8;
    font-size: 24px;
    line-height: normal;
    font-weight: 700;
    width: 50px
}
#conference .confrence_desc ul li .dis_table {
    display: table
}
.confrence_time {
    float: left;
    width: 45%
}
.confrence_time h4 {
    font-size: 18px;
    line-height: normal;
    font-weight: 700;
    color: #000;
    margin: 0 0 10px;
    padding: 0;
    text-transform: uppercase;
    text-align: center
}
.confrence_time ul {
    font-size: 14px;
    font-weight: 300;
    line-height: 30px;
    color: #161616;
    margin: 0;
    padding: 0;
    list-style: none
}
.confrence_time ul li {
    border-bottom: 1px solid #e5e5e5;
    padding: 0
}
.confrence_time ul li:last-child {
    border: none
}
.timeZone {
    float: right;
    width: 40%;
    border: 1px solid #e5e5e5;
    padding: 30px 20px
}
.timeZone h3 {
    font-size: 30px;
    line-height: normal;
    font-weight: 700;
    color: rgba(0,0,0,.4);
    margin: 0 0 20px;
    padding: 0;
    text-transform: uppercase;
    text-align: center
}
.timeZone h3 span {
    font-size: 14px;
    line-height: normal;
    font-weight: 300;
    position: relative;
    padding: 0 10px;
    top: -5px
}
.timeZone p {
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    color: #000;
    margin: 0 0 10px;
    padding: 0;
    text-align: center
}
.tai_confrence_room {
    background: url(../images/confrence_bg2.jpg) repeat-y center center;
    padding: 30px;
    text-align: center
}
.tai_confrence_room h1 {
    font-size: 48px;
    line-height: 48px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 10px;
    padding: 0;
    text-transform: uppercase;
    text-align: center
}
.tai_confrence_room .font14 {
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
    color: #fff;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    text-align: center
}
.tai_confrence_room .font24 {
    font-size: 24px;
    font-weight: 300;
    line-height: 40px;
    color: #fff;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    text-align: center
}
.tai_confrence_room .speaker h3 {
    font-size: 18px;
    line-height: normal;
    font-weight: 700;
    color: #fff;
    margin: 0 0 10px;
    padding: 0;
    text-transform: uppercase;
    text-align: center
}
.tai_confrence_room .speaker h3 span {
    font-size: 14px;
    line-height: normal;
    font-weight: 300;
    color: #858585;
    display: block
}
.speaker_img {
    padding: 5px;
    background: #fff;
    direction:!important;
    margin: 40px auto 10px;
    display: table;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease
}
.tai_confrence_room .speaker>div:hover .speaker_img {
    background: #d1232a;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease
}
.btn_click_claim {
    background: url(../images/btn_click_claim.png) no-repeat;
    width: 100%;
    height: 115px;
    display: table;
    margin: 0 auto
}
.subscription {
    padding: 40px 65px
}
.subscription h3 {
    color: #2b2b2b;
    font-size: 24px;
    font-weight: 300;
    margin: 0 0 30px;
    padding: 0;
    text-transform: uppercase
}
.subscription p {
    color: #3b3b3b;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    margin: 0 0 30px;
    padding: 0
}
.subscription a.cancel_subs {
    text-decoration: underline;
    color: #b00;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    margin: 0 0 30px;
    padding: 0
}
.subscription a.cancel_subs:hover {
    color: #2b2b2b;
    text-decoration: none
}
.subscription a.btn_stay {
    background: none repeat scroll 0 0 #000;
    border: medium;
    color: #fff;
    font-family: gotham;
    font-size: 14px;
    font-weight: 700;
    margin: 0 20px;
    padding: 13px 16px;
    position: relative;
    text-align: center;
    transition: all .6s ease 0s;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase
}
.help {
}
.help h3 {
    color: #2b2b2b;
    font-size: 24px;
    font-weight: 300;
    margin: 0 0 30px;
    padding: 0;
    text-transform: uppercase
}
#leftside .help .title {
    background: #000;
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    padding: 16px 30px
}
#leftside .help ul {
    margin: 0;
    padding: 16px 30px;
    list-style: none
}
#leftside .help ul li:after {
    content: "";
    display: block;
    clear: both
}
#leftside .help ul li {
    padding-bottom: 30px
}
#leftside .help ul .num {
    font-weight: 100;
    font-size: 48px;
    line-height: 50px;
    color: #a6a6a6;
    float: left;
    text-align: center;
    width: 50px
}
#leftside .help ul .dis_table {
    display: table
}
#leftside .help ul .dis_table .ques {
    color: #3b3b3b;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
    padding: 0;
    text-transform: uppercase
}
#leftside .help ul .dis_table .ans, #leftside .help ul .dis_table .ans a:hover {
    color: #3b3b3b;
    font-size: 14px;
    line-height: 28px;
    font-weight: 300;
    padding: 0
}
#leftside .help ul .dis_table .ans a {
    color: #d1232a
}
#leftside .help ul.country-list {
    margin: 11px 0 0 -12px;
    padding: 0;
    width: 100%
}
#leftside .help ul.country-list li {
    padding: 10px
}
.member_login {
    margin: 40px 0 -20px
}
.login_form {
    float: right;
    width: 475px;
    margin: 0 140px 0 0
}
.login_img {
    float: left
}
.login_form.help_page {
    margin: 15px 130px 15px 0
}
.login_form h2 {
    color: #3b3b3b;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
    padding: 0;
    margin: 0 0 10px;
    text-transform: uppercase
}
.login_form p {
    color: #3b3b3b;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    padding: 0;
    margin: 0 0 20px
}
.login_form .form-item {
    border: 1px solid silver;
    padding: 10px;
    display: block;
    margin-bottom: 10px
}
.login_form .form-item input.textbox {
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    float: none
}
.login_form .form-item textarea {
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    float: none;
    width: 100%;
    height: 80px
}
.login_form input.btn_login {
    background: #000;
    border: none;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    padding: 12px 15px;
    display: block;
    cursor: pointer
}
.login_form .captcha_img {
    border: 1px solid silver;
    float: left;
    margin-bottom: 10px;
    margin-right: 5px
}
.login_form .captcha .form-item {
    float: left;
    width: 144px;
    padding: 16px 10px
}
.video {
    margin: 0 auto;
    display: table;
    position: relative
}
.close_btn {
    position: absolute;
    top: 10px;
    right: 0
}
.access-tab {
    padding: 0;
    font-size: 14px;
    display: none
}
.access-tab>.panel-default>.panel-heading {
    background-color: #d12123;
    border: none;
    border-radius: 0;
    color: #fff;
    text-transform: uppercase
}
.panel-title>a {
    color: inherit;
    display: block
}
.panel-title>a:hover {
    text-decoration: none
}
.panel-body {
    padding: 0;
    border: none
}
.panel-default>.panel-heading {
    background-color: #d0d0d0;
    border-bottom: 1px solid #ccc;
    border: none;
    border-radius: 0;
    color: #000
}
.panel {
    background-color: #fff;
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 20px
}
.panel-heading {
    padding: 11px 15px
}
.panel-group .panel {
    border-radius: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #b2b2b2
}
.panel-group .panel+.panel {
    margin-top: 0
}
.panel-group {
    margin-bottom: 0
}
.level {
    font-size: 14px;
    color: #000;
    padding-left: 0
}
.level ul {
    padding: 0
}
.level ul li {
    list-style: none;
    border-bottom: 1px solid #d9d9d9;
    text-transform: uppercase;
    padding: 0;
    text-transform: uppercase;
    font-weight: 300;
    padding: 12px 0 12px 36px
}
.level ul li:last-child {
    border-bottom: none
}
.access-tab>.panel-default>.panel-heading .panel-title>a.collapsed {
    background-image: url(../images/pluse.png);
    background-origin: padding-box;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto auto;
    display: block;
    padding-bottom: 5px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 5px;
    text-align: left;
    text-decoration-line: none
}
.access-tab>.panel-default>.panel-heading .panel-title>a {
    background-color: transparent;
    background-image: url(../images/minus.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto auto;
    display: block;
    padding-bottom: 5px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 5px
}
.panel-group .panel {
    border-radius: 0;
    margin-bottom: 0
}
#accordion .panel-default>.panel-heading .panel-title>a.collapsed {
    background: url(../images/add.png) no-repeat scroll 0 center;
    color: #3b3b3b;
    display: block;
    padding: 5px 0 5px 20px;
    text-decoration: none
}
#accordion .panel-default>.panel-heading .panel-title>a {
    background: url(../images/minus1.png) no-repeat scroll 0 center;
    color: #3b3b3b;
    display: block;
    padding: 5px 0 5px 20px;
    text-decoration: none
}

@media All and (max-width:980px) {
    .top-content {
        top: 148px!important
    }
}

@media All and (max-width:768px) {
    #listing .box .desc h2, .best_tai .box .desc h2 {
        font-size: 18px
    }
    /* #header {
        height: 117px;
        position: absolute
    } */
    #banner .banner h1 {
        font-size: 50px
    }
    #active_cats .activebg {
        background-position: 90% center
    }
    #active_cats .activebg .col-md-8 {
        margin: 0
    }
    .subscribeform .form {
        position: relative;
        width: 100%;
        background: #fff
    }
    .share_form input.textbox {
        width: 100%
    }
    .subscription {
        padding: 30px
    }
    .mb_menu {
        background: #fff;
        height: 37px;
        border-bottom: 1px solid #dadada;
        text-align: center
    }
    .mb_menu ul {
        margin: 0 auto;
        padding: 0;
        list-style: none;
        display: inline-block!important;
        width: 100%
    }
    .mb_menu ul li {
        float: left;
        width: 33.33%;
        padding: 0;
        text-align: center;
        border-right: 1px solid #dadada
    }
    .mb_menu ul li:last-child {
        border-right: none
    }
    .mb_menu ul li a {
        font-family: lato, sans-serif;
        font-size: 14px;
        padding: 8px 0;
        line-height: 20px;
        display: block;
        color: #101010;
        text-transform: uppercase;
        text-align: center
    }
    #header .navigation {
        height: auto;
        padding: 0;
        z-index: 9999
    }
    #header .navigation .container {
        padding: 0
    }
    #navbar ul {
        margin: 0;
        border: none!important
    }
    #navbar ul li {
        background: 0 0;
        height: auto!important;
        border-bottom: 1px solid #aaa;
        border-right: none!important
    }
    #navbar ul a, #navbar li>a {
        text-align: left;
        color: #000;
        display: block;
        font-family: lato, sans-serif;
        font-size: 16px;
        padding: 10px 15px!important;
        text-transform: uppercase;
        -webkit-transition: background .25s ease;
        transition: background .25s ease
    }
    #navbar ul a:hover {
        background: #f6ece8!important;
        color: #000!important;
        text-decoration: none;
        -webkit-transition: background .25s ease;
        transition: background .25s ease
    }
    #header .topMidPanel .logo {
        height: 27px;
        margin: 3px 0
    }
    /* #main-content {
        top: 118px!important
    } */
    .pd {
        padding: 0
    }
    .navbar-toggle span {
        float: right!important
    }
    .navbar-toggle img {
        float: right
    }
    .navbar-toggle {
        margin-top: 11px!important;
        position: absolute;
        right: 15px;
        width: 100px
    }
    #note .share img, #about .share img, #course .share img {
        width: 100%;
        height: auto
    }
}

@media All and (min-width:300px) and (max-width:640px) {
    #header .topPanel {
        height: auto;
        padding: 0
    }
    #header .topPanel .topMenu {
        text-align: center
    }
    #header .topPanel .topMenu span {
        padding: 0 4px
    }
    #header .topPanel .leftTop {
        display: none
    }
    #header .topMidPanel {
        padding: 0 15px
    }
    #footer .footer .helpline {
        font-size: 16px!important
    }
    #footer .footer .helpline span {
        padding: 0!important
    }
    #footer .follows {
        padding: 10px 0 30px;
        display: table;
        margin: 0 auto
    }
    #footer .follows:after {
        content: "";
        display: block;
        clear: both
    }
    .follows a.fb_icon, .follows a.tweet_icon, .follows a.tweet_icon, .follows a.gplus_icon, .follows a.pin_icon, .follows a.tube_icon {
        float: left;
        margin: 0!important
    }
    .follows>span img {
        height: auto;
        width: 140px!important
    }
    .follows>span {
        float: left;
        margin: 12px 2px 0 0
    }
    #header .topMidPanel .logo {
        margin: 28px 0 0
    }
    #header .topMidPanel .logo.num {
        margin: 3px 0 0
    }
    #header .topMidPanel .phone_num {
        padding: 5px 20px;
        font-size: 18px;
        display: none
    }
    #banner .item h1 {
        margin: 0 0 15px
    }
    #banner .item h1 span {
        position: relative;
        top: 4px
    }
    .caption-margin {
        padding: 0 0 0!important
    }
    .pmargin {
        margin: 13px 0 10px!important
    }
    #banner .item p {
        margin: 0 0 15px;
        font-size: 17px
    }
    #banner .banner .caption {
        padding: 55px 0 0
    }
    #banner .banner1 .caption {
        padding: 46px 0 0
    }
    #banner .banner1 {
        background: url(../images/banner1_mobile.jpg) no-repeat left center;
        background-size: cover;
        height: 400px
    }
    .pd {
        padding: 0
    }
    #banner .banner h1 {
        font-size: 28px;
        line-height: 38px
    }
    .followers span {
        font-size: 20px;
        padding: 0
    }
    .follows {
        text-align: center
    }
    #footer .footernav span.copyright {
        display: block;
        padding: 10px
    }
    #listing, .best_tai, #tai_posts {
        margin: 0 15px;
        left: 0
    }
    #listing .box, .best_tai .box, #tai_posts .box {
        width: 100%;
        margin: 0 0 10px
    }
    #listing .box img, .best_tai .box img, #tai_posts .box img {
        width: 100%;
        height: auto
    }
    #footer #footerNav ul li span {
        color: #fff;
        display: block;
        font-weight: 700
    }
    #advertise img {
        width: 100%;
        height: auto
    }
    .best_tai h3, #tai_posts h3 {
        font-size: 30px
    }
    #leftside .title {
        font-size: 17px;
        margin-bottom: 10px
    }
    #bookList .box {
        background: none repeat scroll 0 0 #fff;
        cursor: pointer;
        float: none;
        font-size: 11px;
        line-height: 1.4em;
        margin: 0 auto 30px;
        padding: 0;
        transition: all .6s ease 0s;
        width: 100%
    }
    #bookEvaluating .box {
        background: none repeat scroll 0 0 #fff;
        cursor: pointer;
        float: none;
        font-size: 11px;
        line-height: 1.4em;
        margin: 0 auto 30px;
        padding: 0;
        transition: all .6s ease 0s;
        width: 100%
    }
    #bookList .box .item {
        width: 100%;
        text-align: center
    }
    #slider1_container {
        margin-left: 0
    }
    #slider1_container .caption {
        height: 80px
    }
    a.edit_photo_btn {
        font-size: 30px;
        padding: 9px 42px 5px 0;
        background-size: 32px
    }
    .dropdown_album {
        font-size: 30px;
        padding: 0
    }
    #helpModal .modal-dialog, #aboutModal .modal-dialog, #editAlbum .modal-dialog {
        position: relative;
        width: auto!important;
        margin: 50px 10px 0
    }
    .about_popup {
        padding: 10px 0
    }
    .help_popup h2, .about_popup h2 {
        color: #d1232a;
        font-size: 26px;
        font-weight: 700;
        line-height: 30px;
        margin: 0 0 10px;
        text-align: center;
        text-transform: uppercase
    }
    .about_popup h3 {
        color: #3b3b3b;
        font-size: 26px;
        font-weight: 300;
        line-height: 30px;
        margin: 0 0 50px;
        text-align: center;
        text-transform: uppercase
    }
    .help_popup {
        padding: 0
    }
    .help_popup ul {
        padding: 0
    }
    .help_popup ul li.ques, .help_popup ul li.talk, .help_popup ul li.cancel {
        background-position: 10px 20px;
        padding-left: 75px
    }
    .help_popup ul li {
        font-size: 14px;
        font-weight: 300;
        line-height: 24px;
        padding: 15px
    }
    .modal_close {
        right: 0
    }
    .summarybg img {
        width: 100%;
        margin: 0 -20px!important
    }
    .about_popup h2.size48 {
        font-size: 26px
    }
    .about_popup h2 span {
        color: #3b3b3b;
        font-size: 20px;
        font-weight: 300;
        display: block
    }
    .about_popup .form-item {
        width: 100%!important;
        float: none
    }
    #editAlbum .modal-body {
        padding: 10px;
        position: relative
    }
    a.btn_delete_album, a.btn_upload {
        margin: 10px 5px 0 0
    }
    .product_list ul li {
        float: none;
        width: 100%
    }
    .product_list ul li .product_img {
        display: table;
        margin: 0 auto
    }
    #main-content .join_now label, #main-content #about.myProfile .join_now label {
        font-size: 13px;
        padding: 10px 0 13px
    }
    #main-content #about.myProfile .join_now input.textbox {
        width: 90%
    }
    #about.myProfile {
        padding: 10px 0 50px
    }
    #main-content .join_now {
        margin: 0 15px 15px
    }
    #about.myProfile .join_now {
        margin: 0 0 20px
    }
    .share_form input.textbox {
        width: 100%
    }
    .leftpan {
        position: relative;
        top: 0;
        left: 0
    }
    #about.myProfile .col-xs-offset-3 {
        margin: 0
    }
    .tai_confrence_room {
        background: url(../images/confrence_bg_mobile.jpg) repeat-y center center;
        padding: 20px 10px;
        background-size: 100% 100%
    }
    .tai_confrence_room h1 {
        font-size: 20px;
        line-height: 26px
    }
    .tai_confrence_room .font24 {
        font-size: 18px
    }
    .tai_confrence_room .font14 {
        font-size: 12px
    }
    #conference .p50 {
        padding: 30px 10px
    }
    #conference h2 {
        font-size: 18px
    }
    #conference .ptb_40 {
        padding: 20px 0
    }
    .confrence_time {
        float: none;
        width: 100%;
        margin-bottom: 30px
    }
    .timeZone {
        float: none;
        padding: 20px 10px;
        width: auto
    }
    .timeZone h3 {
        font-size: 24px
    }
    .timeZone img {
        width: 100%;
        height: auto
    }
    #conference .confrence_desc {
        padding: 30px 0 0
    }
    #conference .confrence_desc p, #conference .confrence_desc ul {
        font-size: 14px;
        line-height: 24px
    }
    #conference .confrence_desc ul li .num {
        width: 30px;
        font-size: 1spx
    }
    #conference .speaker .col-xs-offset-2 {
        margin-left: 0
    }
    .speaker_img {
        display: table
    }
    .speaker_img.first {
        width: 80%
    }
    .speaker_img.first img {
        width: 100%;
        height: auto
    }
    .btn_click_claim {
        background: url(../images/btn_click_claim_mobile.png) no-repeat;
        height: 84px;
        display: table;
        margin: 0 auto
    }
    .subscription {
        padding: 0
    }
    .subscription a.btn_stay {
        display: block;
        margin: 30px 0 10px
    }
    .subscription h3 {
        font-size: 22px;
        margin: 0 0 20px
    }
    .help h3 {
        font-size: 22px;
        margin: 0 0 20px
    }
    #leftside .help .title {
        font-size: 18px;
        line-height: 24px;
        padding: 10px;
        text-align: left
    }
    #leftside .help ul {
        padding: 10px 0
    }
    #leftside .help ul .num {
        text-align: left;
        width: 40px
    }
    #leftside .help ul .dis_table .ques {
        line-height: 24px;
        padding-bottom: 5px
    }
    #leftside .help ul .dis_table .ans {
        line-height: 24px
    }
    .member_login {
        margin: 20px 0 -20px
    }
    .login_form {
        float: none;
        margin: 0 0 30px;
        width: 100%
    }
    .login_form.help_page {
        margin: 0 0 30px
    }
    .login_img img {
        width: 100%;
        height: auto
    }
    .followers {
        font-size: 10px
    }
    .followers span {
        font-size: 17px;
        padding: 0;
        display: block
    }
    .followers .tweet_follow, .followers .fb_likes, .followers .members, .followers .business {
        width: 24.4%;
        margin: 10px 0;
        padding: 10px 0 10px 45px
    }
    #banner {
        height: auto
    }
    #banner .banner {
        height: 330px
    }
    #banner .banner1 {
        height: 330px
    }
    .mb_menu ul li a {
        font-size: 13px
    }
    .followers1 {
        font-size: 12px
    }
    .followers1 {
        background: #fff;
        border-bottom: 1px solid #dbdbdb;
        min-height: 83px;
        font-size: 14.48px;
        line-height: none;
        font-weight: 100;
        color: #101010;
        text-transform: uppercase;
        margin-bottom: 30px;
        padding-left: 15px;
        padding-bottom: 10px;
        padding-top: 10px
    }
    .followers1 span {
        font-size: 30px;
        padding: 0 5px 0 0
    }
    .followers1 .fb_likes {
        background: url(../images/fb_icon.jpg) no-repeat left center;
        padding: 10px 15px 10px 45px;
        float: left;
        margin: 10px 9px
    }
    .followers1 .tweet_follow {
        background: url(../images/tweet_icon.jpg) no-repeat left center;
        padding: 10px 15px 10px 45px;
        float: left;
        margin: 10px 9px
    }
    .followers1 .members {
        background: url(../images/icon_members.jpg) no-repeat left center;
        padding: 10px 10px 10px 45px;
        float: left;
        margin: 10px 9px
    }
    .followers1 .business {
        background: url(../images/icon_business.jpg) no-repeat left 14px;
        padding: 10px 5px 10px 45px;
        float: left;
        margin: 10px 9px
    }
    .followers1 .instagram {
        background: url(../images/instagram.png) no-repeat left center;
        padding: 10px 10px 10px 45px;
        float: left;
        margin: 10px 9px
    }
    .followers1 .youtube {
        background: url(../images/youtube.png) no-repeat left center;
        padding: 10px 5px 10px 45px;
        float: left;
        margin: 10px 9px
    }
    .followers1 span {
        font-size: 16px;
        padding: 0;
        display: block
    }
    .followers1 .tweet_follow, .followers1 .fb_likes, .followers1 .members, .followers1 .business, .followers1 .instagram, .followers1 .youtube {
        width: 50%;
        margin: 0 0;
        padding: 9px 0 6px 45px;
        font-size: 11px
    }
    .hide {
        display: none
    }
    iframe {
        height: 234px;
        width: 100%
    }
}

@media All and (max-width:1350px) {
    #header .topMidPanel .join_now {
        width: 70%
    }
    #header .topMidPanel .join_now input.textbox {
        width: 235px
    }
    .navbar-collapse {
        padding: 0
    }
}

@media All and (min-width:1000px) and (max-width:1024px) {
    #header .topMidPanel .join_now {
        width: 70%
    }
    .navbar-collapse {
        padding: 0
    }
    .share_form input.textbox {
        width: 100%
    }
    .followers {
        background: none repeat scroll 0 0 #fff;
        border-bottom: 1px solid #dbdbdb;
        color: #101010;
        font-size: 11px;
        font-weight: 100;
        margin-bottom: 30px;
        min-height: 83px;
        text-transform: uppercase
    }
    .followers span {
        display: block;
        font-size: 18px;
        padding: 0
    }
    .followers .tweet_follow, .followers .fb_likes, .followers .members, .followers .business, .followers .instagram, .followers .youtube, .followers .meerkat, .followers .periscope {
        background-size: 26px auto;
        padding: 10px 5px 10px 30px;
        margin: 10px 0 10px 17px
    }
    .followers .snapchat {
        background-size: 26px auto;
        padding: 10px 5px 10px 30px;
        margin: 10px 0 10px 17px
    }
}

@media only screen and (max-width:768px) {
    .followers .tweet_follow, .followers .fb_likes, .followers .members, .followers .business, .followers .instagram, .followers .youtube, .followers .meerkat, .followers .periscope {
        font-size: 13px;
        margin: 0;
        padding: 9px 0 10px 70px;
        width: 25%;
        background-position: 20px center
    }
    .followers .snapchat {
        font-size: 13px;
        margin: 0;
        padding: 9px 0 10px 70px;
        width: 25%;
        background-position: 20px center
    }
    .followers span {
        display: block;
        font-size: 20px;
        padding: 0
    }
}

@media All and (min-width:300px) and (max-width:640px) {
    .img_display {
        display: block
    }
    .img_display1 {
        display: none
    }
    .title_margin img {
        width: 93px;
        height: 27px
    }
    .hfnsize {
        font-size: 33px!important
    }
    iframe {
        height: 234px;
        width: 100%
    }
    .video {
        margin: 0 auto;
        display: block;
        position: relative
    }
    .pd {
        padding: 0
    }
    .marginzero {
        margin: 0
    }
}

@media only screen and (max-width:640px) {
    .followers .tweet_follow, .followers .fb_likes, .followers .members, .followers .business, .followers .instagram, .followers .youtube {
        margin: 0 26px;
        width: 25%;
        padding: 9px 0 10px 45px;
        font-size: 11px
    }
    .cap {
        padding-top: 0!important
    }
    iframe {
        height: 249px;
        width: 100%
    }
    iframe[name=google_conversion_frame] {
        height: 13px!important
    }
}

@media only screen and (max-width:600px) {
    .followers {
        padding-left: 15px
    }
    .followers span {
        font-size: 19px;
        padding: 0;
        display: block
    }
    .followers .tweet_follow, .followers .fb_likes, .followers .members, .followers .business, .followers .instagram, .followers .youtube, .followers .meerkat, .followers .periscope, .followers .snapchat {
        width: 50%;
        margin: 0;
        padding: 9px 0 10px 40px;
        font-size: 11px;
        background-position: left center
    }
    .access {
        font-size: 15px!important
    }
}

@media only screen and (max-width:320px) {
    .follows a.fb_icon {
        margin: 0 2px 0 0
    }
    .followers1 {
        display: block!important;
        visibility: visible!important
    }
    .followers {
        display: none
    }
    #advertise {
        margin-top: 26px
    }
    .mb_menu {
        background: none repeat scroll 0 0 #fff;
        height: 37px
    }
    .mb_menu ul li a {
        color: #000
    }
    a.view_more {
        position: relative;
        top: 5px
    }
    .video {
        margin: 0 auto;
        display: block;
        position: relative
    }
    .pd {
        padding: 0
    }
    .marginzero {
        margin: 0
    }
    iframe {
        width: 100%;
        height: 236px
    }
    .close_btn {
        position: absolute;
        right: 0;
        top: 26px
    }
    .inst-access {
        display: none
    }
    .access-tab>.panel-default>.panel-heading {
        margin-top: 15px
    }
}

@media all and (min-width:300px) and (max-width:480px) {
    .reply .days {
        font-size: 13px;
        max-width: 40%;
        min-width: 40%;
        padding: 15px 8px 15px 0
    }
    .reply a.btn_reply {
        width: 60px;
        padding: 12px 0
    }
    .note_ques {
        margin: 15px 0;
        padding: 15px 10px
    }
    .note_ques p span {
        font-size: 14px
    }
    .download ul {
        margin: 0 0 20px
    }
    .download ul li {
        padding: 10px 0;
        letter-spacing: -.2px
    }
    .download ul li span.icon img {
        width: 32px;
        height: auto
    }
    .download ul li span.dis_table {
        display: table;
        padding: 0 10px
    }
    .download ul li span.dis_table a {
        font-size: 14px;
        line-height: 18px
    }
    form#submit-stars-rating br {
        display: none
    }
}
#banner .inst-access {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    display: table;
    font-size: 18px;
    font-weight: 700;
    margin: 74px auto 0;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .6s ease 0s;
    width: 207px
}
.arrow {
    display: inline-block;
    position: relative;
    top: -2px
}
.course_desc .video_sec {
    position: relative;
    padding-top: 56.25%
}
.course_desc .video_sec iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.course_desc .video_sec #wistia_video {
    position: absolute
}
.join_now {
    display: none
}
.blog_eyecatcher {
    height: 0;
    padding-bottom: 80%;
    width: 100%
}
#listing .box .item img, .best_tai .box .item img {
    height: 0
}
#blog_contnect .about_desc iframe {
    width: 100%;
    height: 450px
}
.download ul li a {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    text-decoration: none
}

@media All and (min-width:300px) and (max-width:640px) {
    #listing {
        padding-top: 15px
    }
    .blog_eyecatcher {
        height: 0;
        padding-bottom: 80%;
        width: 100%
    }
    #banner iframe {
        height: 200px;
        margin-top: 15px;
        width: 80%
    }
    #blog_share_r {
        float: left;
        float: left!important;
        margin-left: 2px;
        margin-top: 3px
    }
    #blog_contnect .about_desc iframe {
        width: 100%;
        height: 255px
    }
    #blog_contnect .about_desc img, #blog_contnect .video_detail img {
        width: 100%;
        max-width: 100%;
        height: auto!important
    }
    #aboutme_text {
        width: 100%
    }
    .footer-detail {
        padding: 0 20px
    }
}

@media All and (max-width:480px) {
    #header .topMidPanel .container {
        padding: 0
    }
}

@media All and (min-width:993px) and (max-width:1024px) {
    .container {
        width: 100%
    }
}

@media All and (max-width:1024px) {
    #main-content .join_now {
        display: block!important;
        display: block
    }
    #top_join_box {
        display: none!important;
        display: none
    }
}

@media All and (min-width:1024px) {
    #bookEvaluating {
        margin: auto;
        max-width: 191px
    }
}

@media All and (min-width:300px) and (max-width:980px) {
    #header .topPanel .leftTop {
        display: none
    }
}

@media All and (min-width:750px) and (max-width:1024px) {
    #bookList .box, #bookEvaluating .box {
        width: 220px;
        float: left;
        margin: 0 5px 12px 0
    }
}
#footerNav .footer_year {
    text-align: center
}
.programs {
    background: #dadada
}
.programname {
    padding: 13px 0 13px 28px;
    cursor: pointer;
    margin-left: 13px;
    color: #fff;
    font-size: 18px;
    font-weight: 300
}
.programs .panel-default {
    display: none
}
.programname_arrow1 {
    background: transparent url(../images/notes/ar%2b.png) no-repeat scroll 0 center
}
.programname_arrow2 {
    background: transparent url(../images/notes/ar-.png) no-repeat scroll 0 center
}
#bookList .box a.btn_buyfromtai, #bookEvaluating .box a.btn_buyfromtai {
    background: url(../images/books/btn_buyfromtai.png) no-repeat;
    width: 147px;
    height: 31px;
    display: table;
    margin: 0 auto;
    text-indent: -9999px
}
#bookList .box a.btn_watchamazon, #bookEvaluating .box a.btn_watchamazon {
    background: url(../images/books/btn_watchamazon.png) no-repeat;
    width: 160px;
    height: 31px;
    display: table;
    margin: 0 auto;
    text-indent: -9999px
}
#banner .banner4 {
    /*background: url(../images/banner4.jpg) no-repeat top right;*/
    background-size: cover;
    height: 400px
}
#banner .item.banner4 p {
}
#banner .item.banner4 h1 {
    font-size: 40px;
    line-height: normal;
    margin: 20px 0
}
#banner .item.banner4 .inst-access {
    background: 0 0;
    color: #fff;
    display: table;
    font-size: 18px;
    font-weight: 100;
    margin: 0 auto 20px;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    transition: all .6s ease 0s;
    width: auto
}
#banner .item.banner4 .caption {
    padding: 75px 0 0
}
#banner .item.banner4 a.btn_readmore {
    width: 205px;
    padding: 9px 0
}
#banner .item.banner4 a.btn_readmore .arrow {
    display: inline-block;
    padding: 0 5px
}
#banner .item.banner4 .fontw100 {
    font-weight: 100
}
#banner .item.banner4 .fontSize24 {
    font-size: 24px
}

@media All and (min-width:300px) and (max-width:640px) {
    #banner .banner3 {
        height: 209px
    }
    #banner .item.banner3 .caption {
        padding: 10px 0 0
    }
    #banner .item.banner3 .caption p {
        font-size: 13px!important;
        margin: 0
    }
    #banner .item.banner3 h1 {
        font-size: 20px;
        font-weight: 400;
        margin: 5px 0 10px
    }
    #banner .item.banner3 .inst-access {
        font-size: 14px;
        margin: 0 auto 10px;
        padding: 3px 10px
    }
    #banner .banner4 {
        height: 330px!important;
        padding-top: 45px
    }
    #banner .item.banner4 .caption {
        padding: 10px 0 0
    }
    #banner .item.banner4 .caption p {
        font-size: 13px!important;
        margin: 0
    }
    #banner .item.banner4 h1 {
        font-size: 14px;
        font-weight: 400;
        margin: 5px 0 10px
    }
    #banner .item.banner4 .inst-access {
        font-size: 14px;
        margin: 0 auto 10px;
        padding: 3px 10px
    }
    #banner .item.banner4 .fontSize24 {
        font-size: 14px
    }
    .carousel-indicators {
        left: 0;
        width: 100%;
        margin-left: 0;
        text-align: center
    }
}

@media All and (max-width:768px) and (min-width:641px) {
    #banner .item.banner4 .caption {
        padding: 15px 0 0
    }
}
#recipt {
    padding: 30px 0 50px
}
.compeletePayment {
    background: url(../images/pay_tick_icon.jpg) no-repeat 0 8px;
    font-family: gotham;
    font-size: 24px;
    font-weight: 400;
    color: #404040;
    padding: 0 0 0 40px;
    margin: 0 0 25px
}
.compeletePayment span {
    font-family: gotham;
    font-size: 17px;
    font-weight: 300;
    color: #404040;
    display: block
}
.paymentList {
    margin: 0 0 20px
}
.paymentList table thead th {
    background: #474747;
    font-family: gotham;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    margin: 1px;
    text-transform: uppercase;
    padding: 10px;
    border: 1px solid #fff
}
.paymentList table thead th:first-child {
    text-align: center
}
.paymentList table tbody td {
    font-family: gotham;
    font-size: 16px;
    font-weight: 300;
    color: #404040;
    margin: 1px;
    padding: 10px;
    border: 1px solid #fff
}
.paymentList table tbody tr.odd td {
    background: #f0f0f0
}
.paymentList table tbody tr.even td {
    background: #e8e8e8
}
.paymentList table tfoot td {
    font-family: gotham;
    font-size: 16px;
    font-weight: 300;
    color: #404040;
    margin: 1px;
    padding: 10px;
    border: 1px solid #fff
}
.paymentList table tfoot td.subEven {
    background: #949494;
    color: #fff;
    font-size: 14px
}
.paymentList table tfoot td.subCharge {
    background: #474747;
    color: #fff;
    font-size: 14px
}
.paymentList table tfoot td:last-child {
    background: #f0f0f0
}
.paymentList table .thanks {
    padding: 20px;
    text-align: center
}
.paymentList table .thanks h3 {
    font-family: gotham;
    font-size: 24px;
    font-weight: 400;
    color: #000;
    padding: 0;
    margin: 0 0 10px
}
.paymentList table .thanks p {
    font-family: gotham;
    font-size: 16px;
    font-weight: 300;
    color: #000;
    padding: 0;
    margin: 0 0 10px
}
.paymentList table .thanks p a {
    text-decoration: underline;
    color: #000
}
#recipt .paymentDetails, #recipt .paymentBilling, #recipt .paymentShipping {
    border-top: 1px solid #d9d9d9;
    padding: 20px 0
}
#recipt .paymentDetails h3, #recipt .paymentBilling h3, #recipt .paymentShipping h3 {
    font-family: gotham;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    padding: 0;
    margin: 0 0 10px
}
#recipt .paymentDetails p, #recipt .paymentBilling p, #recipt .paymentShipping p {
    font-family: gotham;
    color: #404040;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    margin: 3px 0;
    padding: 0
}
#recipt .paymentDetails p strong, #recipt .paymentBilling p strong, #recipt .paymentShipping p strong {
    font-weight: 400
}
#recipt .videoFlash {
    margin: 10px auto 50px;
    width: 560px
}
#recipt h3.blue-bg {
    color: #fff;
    margin: 0 0 10px;
    text-align: left;
    background: #1e90ff;
    padding: 10px;
    font-weight: 400
}

@media All and (max-width:640px) {
    #recipt {
        padding: 0
    }
    #recipt .white_box {
        padding: 20px 10px
    }
    .compeletePayment {
        font-size: 18px;
        height: 40px;
        line-height: 45px;
        margin-top: 5px;
        margin-bottom: 5px
    }
    .compeletePayment span {
        font-size: 15px
    }
    .paymentList table thead th {
        font-size: 75%;
        font-weight: 300;
        margin: 1px;
        padding: 5px
    }
    .paymentList table tbody td {
        font-size: 75%;
        font-weight: 300;
        margin: 1px;
        padding: 5px
    }
    .paymentList table tfoot td {
        font-size: 75%;
        font-weight: 300;
        margin: 1px;
        padding: 5px
    }
    .paymentList table tfoot td.subEven {
        font-size: 100%
    }
    #recipt .thanks {
        margin-bottom: 20px
    }
    #recipt .thanks h3 {
        font-size: 22px;
        text-align: center
    }
    #recipt .thanks p {
        margin: 0 0 10px;
        text-align: center
    }
    #recipt .thanks a.btnPurchase img {
        height: auto;
        width: 100%
    }
    #recipt .videoFlash {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 25px;
        height: 0
    }
    #recipt .videoFlash iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
    #recipt .videoFlash {
        margin: 0 auto 30px;
        width: auto
    }
    #recipt .videoFlash img {
        height: auto;
        width: 100%
    }
}
#joinForm {
}
#joinForm .modal-dialog {
    margin: 100px auto;
    width: 460px
}
#joinForm .modal-dialog .modal-content {
    border-radius: 0;
    box-shadow: none;
    padding: 0
}
#joinForm .modal-dialog .modal-content .modal-body {
    padding: 0;
    position: relative
}
#joinForm .steps {
    width: 100%;
    margin-top: -20px
}
#joinForm .steps ul {
    margin: 5px auto 0;
    display: table;
    padding: 0;
    list-style: none
}
#joinForm .steps ul li {
    float: left;
    margin: 5px
}
#joinForm .steps ul li a {
    width: 12px;
    height: 12px;
    background: #ccc;
    display: block;
    border-radius: 100%;
    text-indent: -99999px;
    padding: 0;
    outline: none
}
#joinForm .steps ul li a:hover, #joinForm .steps ul li a.active {
    width: 12px;
    height: 12px;
    background: #d1232a;
    display: block;
    padding: 0
}
#snapChatForm {
}
#snapChatForm .modal-dialog {
    margin: 100px auto;
    width: 460px
}
#snapChatForm .modal-dialog .modal-content {
    border-radius: 0;
    box-shadow: none;
    padding: 0
}
#snapChatForm .modal-dialog .modal-content .modal-body {
    padding: 0;
    position: relative
}
#snapChatForm .steps {
    width: 100%;
    margin-top: -20px
}
#snapChatForm .steps ul {
    margin: 5px auto 0;
    display: table;
    padding: 0;
    list-style: none
}
#snapChatForm .steps ul li {
    float: left;
    margin: 5px
}
#snapChatForm .steps ul li a {
    width: 12px;
    height: 12px;
    background: #ccc;
    display: block;
    border-radius: 100%;
    text-indent: -99999px;
    padding: 0;
    outline: none
}
#snapChatForm .steps ul li a:hover, #snapChatForm .steps ul li a.active {
    width: 12px;
    height: 12px;
    background: #d1232a;
    display: block;
    padding: 0
}
#snapChatForm .modal_close {
    background: url(../images/model_close.png) no-repeat;
    width: 27px;
    height: 27px;
    position: absolute;
    right: -30px;
    top: -30px;
    cursor: pointer;
    border: none
}
#snapChatForm .modal-backdrop.in {
    opacity: .9
}
#snapChatForm.desktop {
}
#snapChatForm.desktop .headTitle {
    padding: 0 0 10px;
    border-bottom: 2px solid #b2b2b2;
    font-family: gotham;
    font-weight: 300;
    font-size: 30px;
    color: #3688d8;
    text-align: center
}
#snapChatForm.desktop .headTitle strong {
    color: #d1232a;
    font-size: 32px
}
#snapChatForm.desktop .headTitle span {
    display: block;
    font-size: 18px;
    line-height: none;
    color: #000
}
#snapChatForm.desktop .form_joinBox .formBox {
    padding: 20px 10px
}
#snapChatForm.desktop .form_joinBox .formBox label {
    font-weight: 600;
    text-transform: none;
    font-size: 16px;
    width: 115px;
    margin-right: 10px
}
#snapChatForm.desktop .form_joinBox .form-text {
    margin: 0 0 20px;
    border-radius: 5px;
    border-top-width: 2px;
    width: 270px
}
#snapChatForm.desktop .form_joinBox .form-textarea {
    border: 1px solid silver;
    margin: 0 0 20px;
    border-radius: 5px;
    border-top-width: 2px;
    width: 270px
}
#snapChatForm.desktop .form_joinBox .form-textarea textarea {
    background: 0 0;
    border: none;
    height: 110px
}
#snapChatForm.desktop .formBox input.btn_submit {
    background: #d1232a;
    background: -moz-linear-gradient(top, #d1232a 0%, #950107 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1232a), color-stop(100%, #950107));
    background: -webkit-linear-gradient(top, #d1232a 0%, #950107 100%);
    background: -o-linear-gradient(top, #d1232a 0%, #950107 100%);
    background: -ms-linear-gradient(top, #d1232a 0%, #950107 100%);
    background: linear-gradient(to bottom, #d1232a 0%, #950107 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1232a', endColorstr='#950107', GradientType=0);
    padding: 22px 0;
    border-radius: 7px;
    font-size: 20px;
    width: 100%;
    color: #fff
}
#snapChatForm.desktop .formBox input.btn_submit:hover {
    background: #4c4c4c;
    background: -moz-linear-gradient(top, #4c4c4c 0%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c4c4c), color-stop(100%, #000000));
    background: -webkit-linear-gradient(top, #4c4c4c 0%, #000000 100%);
    background: -o-linear-gradient(top, #4c4c4c 0%, #000000 100%);
    background: -ms-linear-gradient(top, #4c4c4c 0%, #000000 100%);
    background: linear-gradient(to bottom, #4c4c4c 0%, #000000 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#000000', GradientType=0)
}
#snapChatForm.desktop .form_joinBox .form-text select {
    width: 100%;
    border: none;
    background: 0 0;
    font-weight: 300;
    text-transform: none;
    font-size: 14px;
    -moz-appearance: none;
    -webkit-appearance: none
}

@media All and (max-width:640px) {
    #snapChatForm {
        padding: 0!important
    }
    #snapChatForm .modal-dialog {
        margin: 30% 15px 30px;
        width: auto
    }
    #snapChatForm .modal_close {
        right: -2px;
        top: -27px
    }
    .form_joinBox {
        padding: 15px
    }
    #joinForm.desktop .headTitle {
        font-size: 18px
    }
    #snapChatForm.desktop .headTitle strong {
        font-size: 22px
    }
    #snapChatForm.desktop .headTitle span {
        font-size: 16px
    }
    #snapChatForm.desktop .form_joinBox .formBox {
        padding: 15px 0
    }
    #snapChatForm.desktop .form_joinBox .formBox label {
        display: block;
        float: none;
        padding: 0;
        width: auto;
        font-size: 14px
    }
    #snapChatForm.desktop .form_joinBox .form-text, #snapChatForm.desktop .form_joinBox .form-textarea {
        margin: 0 0 15px;
        width: 258px
    }
    .selectCheckbox h3 {
        font-size: 14px;
        text-align: center
    }
    .form_joinBox .form-text.selectbox {
        padding: 0;
        background-position: 96% center
    }
    .ageRange a {
        background: #fff;
        width: 24.2%;
        margin: 0 1px
    }
    .incomeSelect a {
        background: #fff;
        width: 32.5%;
        margin: 0 1px
    }
}
.form_joinBox {
    padding: 20px
}
.form_joinBox .formBox input.btn_submit {
    background: #d1232a
}
.form_joinBox .formBox input.btn_submit:hover {
    background: #000
}
.form_joinBox h2 {
    font-size: 36px;
    color: #d1232a;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 10px
}
.form_joinBox p {
    font-size: 16px;
    color: #3b3b3b;
    font-weight: 300;
    text-align: center;
    margin: 0
}
.form_joinBox p.shorttxt {
    font-size: 12px;
    margin: 0
}
.form_joinBox p.shorttxt a {
    color: #d1232a
}
.form_joinBox .formBox {
    padding: 20px
}
.form_joinBox .form-text {
    border: 1px solid silver;
    background: #fff;
    padding: 10px 12px;
    margin: 0 0 12px;
    display: table;
    width: 252px
}
.form_joinBox .form-text:after, .ageRange:after {
    display: block;
    content: "";
    clear: both
}
.form_joinBox .formBox label {
    font-size: 13px;
    color: #3b3b3b;
    text-align: left;
    text-transform: uppercase;
    float: left;
    width: 75px;
    padding: 8px 0
}
.form_joinBox .form-text input.textbox {
    width: 100%;
    font-size: 14px;
    color: #3b3b3b;
    font-weight: 300;
    border: none;
    background: 0 0
}
.form_joinBox .form-text.selectbox {
    padding: 0;
    background: #fff url(../images/select_arrow.png) no-repeat 98% center;
    border: 1px solid silver;
    padding: 10px 0;
    width: 100%;
    font-size: 14px;
    color: #3b3b3b;
    font-weight: 300;
    overflow: hidden
}
.form_joinBox .form-textarea {
    display: table;
    width: 252px
}
.form_joinBox .form-textarea textarea {
    border: 1px solid silver;
    background: #fff;
    padding: 10px 15px;
    width: 100%;
    font-size: 14px;
    color: #3b3b3b;
    font-weight: 300;
    height: 60px
}
.selectGender, .ageRange {
    display: table;
    width: 252px
}
.ageRange, .incomeSelect {
    background: #3689d9;
    padding: 1px 0;
    margin: 0 0 20px
}
.incomeSelect {
    display: table;
    margin: 0 0 20px;
    width: 252px
}
.selectGender a, .ageRange a, .incomeSelect a {
    background: #bebebe;
    color: #000;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    float: left;
    width: 50%;
    margin: 0 0 12px;
    padding: 10px 5px;
    text-decoration: none
}
.ageRange a {
    background: #fff;
    width: 24.2%;
    margin: 0 1px
}
.incomeSelect a {
    background: #fff;
    width: 32.5%;
    margin: 0 1px
}
.selectGender a:hover, .selectGender a.active, .ageRange a:hover, .ageRange a.active, .incomeSelect a:hover, .incomeSelect a.active {
    color: #fff;
    background: #3689d9
}
.selectCheckbox {
    margin-bottom: 20px
}
.selectCheckbox h3 {
    color: #3b3b3b;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase
}
.selectCheckbox .checkbox-item {
    padding: 3px 0
}
.selectCheckbox .checkbox-item input[type=checkbox] {
    float: left;
    margin: 3px 8px 0 0
}
.selectCheckbox .checkbox-item label {
    text-align: left;
    color: #3b3b3b;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    display: table;
    margin: 0
}
.form_joinBox .formBox .terms {
    color: #3b3b3b;
    font-size: 14px;
    font-weight: 300
}
.form_joinBox .formBox .terms a {
    font-weight: 400;
    color: #3b3b3b
}
#joinForm .modal_close {
    background: url(../images/model_close.png) no-repeat;
    width: 27px;
    height: 27px;
    position: absolute;
    right: -30px;
    top: -30px;
    cursor: pointer;
    border: none
}
#joinForm .modal-backdrop.in {
    opacity: .9;
    position: fixed;
    width: 99%;
    width: calc(100% - 16px)
}
#joinForm.desktop {
}
#joinForm.desktop .headTitle {
    padding: 0 0 10px;
    border-bottom: 2px solid #b2b2b2;
    font-family: gotham;
    font-weight: 300;
    font-size: 30px;
    color: #3688d8;
    text-align: center
}
#joinForm.desktop .headTitle strong {
    color: #d1232a;
    font-size: 32px
}
#joinForm.desktop .headTitle span {
    display: block;
    font-size: 18px;
    line-height: none;
    color: #000
}
#joinForm.desktop .form_joinBox .formBox {
    padding: 20px 10px
}
#joinForm.desktop .form_joinBox .formBox label {
    font-weight: 600;
    text-transform: none;
    font-size: 16px;
    width: 115px;
    margin-right: 10px
}
#joinForm.desktop .form_joinBox .form-text {
    margin: 0 0 20px;
    border-radius: 5px;
    border-top-width: 2px;
    width: 270px
}
#joinForm.desktop .form_joinBox .form-textarea {
    border: 1px solid silver;
    margin: 0 0 20px;
    border-radius: 5px;
    border-top-width: 2px;
    width: 270px
}
#joinForm.desktop .form_joinBox .form-textarea textarea {
    background: 0 0;
    border: none;
    height: 110px
}
#joinForm.desktop .formBox input.btn_submit {
    background: #d1232a;
    background: -moz-linear-gradient(top, #d1232a 0%, #950107 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1232a), color-stop(100%, #950107));
    background: -webkit-linear-gradient(top, #d1232a 0%, #950107 100%);
    background: -o-linear-gradient(top, #d1232a 0%, #950107 100%);
    background: -ms-linear-gradient(top, #d1232a 0%, #950107 100%);
    background: linear-gradient(to bottom, #d1232a 0%, #950107 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1232a', endColorstr='#950107', GradientType=0);
    padding: 22px 0;
    border-radius: 7px;
    font-size: 20px;
    width: 100%;
    color: #fff;
    white-space: normal
}
#joinForm.desktop .formBox img {
    max-width: 85%
}
#joinForm.desktop .formBox input.btn_submit:hover {
    background: #4c4c4c;
    background: -moz-linear-gradient(top, #4c4c4c 0%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c4c4c), color-stop(100%, #000000));
    background: -webkit-linear-gradient(top, #4c4c4c 0%, #000000 100%);
    background: -o-linear-gradient(top, #4c4c4c 0%, #000000 100%);
    background: -ms-linear-gradient(top, #4c4c4c 0%, #000000 100%);
    background: linear-gradient(to bottom, #4c4c4c 0%, #000000 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#000000', GradientType=0)
}
#joinForm.desktop .form_joinBox .form-text select {
    width: 100%;
    border: none;
    background: 0 0;
    font-weight: 300;
    text-transform: none;
    font-size: 14px;
    -moz-appearance: none;
    -webkit-appearance: none
}

@media All and (max-width:640px) {
    #joinForm {
        padding: 0!important
    }
    #joinForm .modal-dialog {
        margin: 30% 15px 30px;
        width: auto
    }
    #joinForm .modal_close {
        right: -2px;
        top: -27px
    }
    .form_joinBox {
        padding: 15px
    }
    #joinForm.desktop .headTitle {
        font-size: 18px
    }
    #joinForm.desktop .headTitle strong {
        font-size: 22px
    }
    #joinForm.desktop .headTitle span {
        font-size: 16px
    }
    #joinForm.desktop .form_joinBox .formBox {
        padding: 15px 0
    }
    #joinForm.desktop .form_joinBox .formBox label {
        display: block;
        float: none;
        padding: 0;
        width: auto;
        font-size: 14px
    }
    #joinForm.desktop .form_joinBox .form-text, #joinForm.desktop .form_joinBox .form-textarea {
        margin: 0 0 15px;
        width: 258px
    }
    .selectCheckbox h3 {
        font-size: 14px;
        text-align: center
    }
    .form_joinBox .form-text.selectbox {
        padding: 0;
        background-position: 96% center
    }
    .ageRange a {
        background: #fff;
        width: 24.2%;
        margin: 0 1px
    }
    .incomeSelect a {
        background: #fff;
        width: 32.5%;
        margin: 0 1px
    }
}
#form-result-status {
    margin: 0 0 15px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center
}
.rating {
    border: none;
    float: left
}
.rating>input {
    display: none
}
.rating>label:before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
    padding: 3px;
    padding-top: 5px
}
.up {
    position: absolute
}
.rating>.half:before {
    content: "\f089";
    position: absolute;
    padding: 3px;
    padding-top: 5px
}
.rating>label {
    color: #fff;
    float: right
}
.rating>input:checked~label, .rating:not(:checked)>label:hover, .rating:not(:checked)>label:hover~label {
    color: gold
}
.rating>input:checked+label:hover, .rating>input:checked~label:hover, .rating>label:hover~input:checked~label, .rating>input:checked~label:hover~label {
    color: #ffed85
}
.yellow-star {
    color: #e38e10
}
.blue-star {
    color: #3688d8
}
.white-star {
    color: #fff
}
.icon-star-medium {
    font-size: 1.75em!important;
    font: normal normal normal 1.75em/1 FontAwesome;
    font-family: FontAwesome;
    display: inline-block;
    height: 21px;
    margin-bottom: 8px
}
.a-star-medium-0:after {
    content: "\f006\f006\f006\f006"
}
.a-star-medium-1:after {
    content: "\f005\f006\f006\f006"
}
.a-star-medium-1-5:after {
    content: "\f005\f123\f006\f006"
}
.a-star-medium-2:after {
    content: "\f005\f005\f006\f006"
}
.a-star-medium-2-5:after {
    content: "\f005\f005\f123\f006"
}
.a-star-medium-3:after {
    content: "\f005\f005\f005\f006"
}
.a-star-medium-3-5:after {
    content: "\f005\f005\f005\f123"
}
.a-star-medium-4:after {
    content: "\f005\f005\f005\f005"
}
.a-star-medium-4-5:after {
    content: "\f005\f005\f005\f005\f123"
}
.a-star-medium-5:after {
    content: "\f005\f005\f005\f005\f005"
}
.lesson-rating-count {
    font-size: 12px;
    margin-left: 8px;
    position: absolute;
    margin-top: 1px
}
#careers {
}
#careers .careerBanner {
    background: url(../images/career/banner_img.jpg) no-repeat center center;
    background-size: cover;
    min-height: 400px;
    position: relative
}
#careers .careerBanner h1 {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    height: 50px;
    margin-top: -25px
}
#careers .careerDesc {
    padding: 50px 0;
    background: #fff
}
#careerTips {
    background: url(../images/career/tipsbg.png) no-repeat center center;
    height: 368px;
    margin: 60px auto 0;
    position: relative
}
#careers #careerTips .PB60 {
    margin-bottom: 60px
}
#careers #careerTips .pull-left h3, #careers #careerTips .pull-left p {
    text-align: right
}
#careers #careerTips .pull-right h3, #careers #careerTips .pull-right p {
    text-align: left
}
#careers #careerTips h3 {
    color: #5a5a5a;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 10px;
    padding: 0;
    position: relative;
    text-transform: uppercase
}
#careers #careerTips p {
    line-height: 22px
}
#careers #careerTips .midDesc {
    left: 50%;
    margin-left: -195px;
    padding: 30px 50px;
    position: absolute;
    top: 65px
}
#careers #careerTips .midDesc h3 {
    text-align: center;
    color: #fff
}
#careers #careerTips .midDesc p {
    text-align: center;
    color: #fff
}
#careers .careerDesc h2, #careers .careerOffering h2, #careers .careerReasons h2 {
    color: #406ece;
    font-size: 24px;
    font-weight: 300;
    line-height: normal;
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase
}
#careers .careerDesc h2 span, #careers .careerOffering h2 span, #careers .careerReasons h2 span {
    font-weight: 700
}
#careers .careerOffering h2 {
    margin: 0 0 30px
}
#careers .careerDesc p {
    color: #858585;
    font-size: 13px;
    font-weight: 300;
    line-height: normal;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center
}
#careers .careerOffering {
    padding: 50px 0;
    background: #f9f8f8
}
#careers .careerOffering .offers {
    margin: 15px;
    background: #fff;
    border-bottom: 2px solid #ebe9e9
}
#careers .careerOffering .offerDesc {
    padding: 20px
}
#careers .careerOffering .offerDesc h3 {
    font-size: 16px;
    font-weight: 100;
    color: #0a0a0a;
    text-transform: uppercase;
    margin: 0 0 10px;
    padding: 0
}
#careers .careerOffering .offerDesc p {
    font-size: 12px;
    font-weight: 300;
    color: #3e3e3e;
    margin: 0 0 10px;
    padding: 0;
    line-height: 18px
}
#careers .careerOffering .offerDesc a.readmore {
    font-size: 12px;
    font-weight: 400;
    color: #605f5e;
    margin: 0 0 10px;
    padding: 0;
    line-height: 18px;
    text-transform: uppercase
}
.careerOffering .carousel-indicators {
    bottom: 0
}
.careerOffering .carousel.slide {
    padding-bottom: 40px
}
.careerOffering .carousel-indicators li {
    background: #c2c1c1
}
.careerOffering .carousel-indicators li.active {
    background: #6183cb
}
#careers .careerReasons {
    padding: 50px 0 0;
    background: #fff
}
#careers .careerReasons h2 {
    font-size: 28px
}
#careers .careerReasons .reasonsList ul {
    margin: 0;
    padding: 30px;
    list-style: none
}
#careers .careerReasons .reasonsList ul li {
    position: relative
}
#careers .careerReasons .reasonsList ul li.righList {
    padding: 20px 300px 20px 20px;
    background: url(../images/career/career_right_roundbg.png) no-repeat 100% 0;
    min-height: 320px
}
#careers .careerReasons .reasonsList ul li.leftList {
    padding: 20px 20px 20px 300px;
    background: url(../images/career/career_left_roundbg.png) no-repeat 0 0;
    min-height: 320px
}
#careers .careerReasons .reasonsList ul li.righList:last-child {
    background: url(../images/career/career_rightlast_roundbg.png) no-repeat 100% 0;
    min-height: 280px
}
#careers .careerReasons .reasonsList ul li.leftList:last-child {
    background: url(../images/career/career_leftlast_roundbg.png) no-repeat 0 0;
    min-height: 280px
}
#careers .careerReasons .reasonsList ul li h3 {
    font-size: 22px;
    font-weight: 100;
    color: #0a0a0a;
    text-transform: uppercase;
    margin: 0 0 10px;
    padding: 0
}
#careers .careerReasons .reasonsList ul li p {
    font-size: 13px;
    font-weight: 300;
    color: #727272;
    margin: 0 0 10px;
    padding: 0;
    line-height: 22px
}
#careers .careerReasons .reasonsList ul li.righList .num {
    color: #fff;
    display: table-cell;
    font-size: 24px;
    height: 48px;
    line-height: 45px;
    position: absolute;
    right: 2px;
    text-align: center;
    top: 8px;
    vertical-align: middle;
    width: 48px
}
#careers .careerReasons .reasonsList ul li.leftList .num {
    color: #fff;
    display: table-cell;
    font-size: 24px;
    height: 48px;
    line-height: 45px;
    position: absolute;
    left: 2px;
    text-align: center;
    top: 8px;
    vertical-align: middle;
    width: 48px
}
#careers .careerReasons .reasonsList ul li.righList .careerReasonsPic {
    border-radius: 100%;
    height: 190px;
    overflow: hidden;
    position: absolute;
    right: 35px;
    text-align: center;
    top: 20px;
    vertical-align: middle;
    width: 190px
}
#careers .careerReasons .reasonsList ul li.leftList .careerReasonsPic {
    border-radius: 100%;
    height: 190px;
    overflow: hidden;
    position: absolute;
    left: 35px;
    text-align: center;
    top: 20px;
    vertical-align: middle;
    width: 190px
}
#careers .careerReasons .reasonsList ul li.righList .careerReasonsPic img, #careers .careerReasons .reasonsList ul li.leftList .careerReasonsPic img {
    width: 100%;
    height: auto
}
.careerVideo {
    background: url(../images/career/video_img.jpg) no-repeat center center;
    height: 400px;
    background-size: cover
}
.careerVideo .videoTitle {
    background: url(../images/career/video_title.png) no-repeat center center;
    width: 170px;
    height: 230px;
    position: relative;
    left: 50%;
    top: 100px;
    margin-left: -85px
}
#careers .careerTeam {
    padding: 50px 0;
    background: #fff
}
#careers .careerTeam h2 {
    color: #406ece;
    font-size: 30px;
    font-weight: 300;
    line-height: normal;
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    text-align: center
}
#careers .careerTeam h2 span {
    font-weight: 700
}
#careers .careerTeam p {
    color: #858585;
    font-size: 13px;
    font-weight: 300;
    line-height: 22px;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center
}
.collegePic {
    text-align: center;
    padding: 30px 0
}
.careerDesc h3 {
    color: #403f3f;
    font-size: 24px;
    font-weight: 100;
    line-height: normal;
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    text-align: left
}
#careers .careerTeam .careerDesc {
    padding: 20px 0 0
}
#careers .careerTeam .careerDesc p {
    text-align: left;
    margin: 0 0 20px
}
#careers .careerTeam .careerDesc ul {
    color: #858585;
    font-size: 13px;
    font-weight: 300;
    line-height: 22px;
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none
}
#careers .careerTeam .careerDesc ul li {
    background: url(../images/career/bullet.png) no-repeat 0 5px;
    padding: 2px 0 2px 25px
}
#careers .ourTeam {
    padding: 30px 0 50px;
    background: #f9f8f8
}
#careers .ourTeam h2 {
    color: #406ece;
    font-size: 24px;
    font-weight: 300;
    line-height: normal;
    margin: 0 0 20px;
    padding: 30px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase
}
#careers .ourTeam .teamMember {
    margin-bottom: 25px
}
#careers .ourTeam .teamMember img {
    max-width: 100%
}
#careers .ourTeam .teamMember .teamMemberName {
    border-bottom: 1px solid #c4c3c3;
    padding: 20px 25px;
    font-size: 24px;
    font-weight: 700;
    color: #000;
    background: #fff
}
#careers .ourTeam .teamMember .teamMemberName span {
    display: block;
    font-size: 14px;
    font-weight: 100
}
.careerForm {
    padding: 20px 0 0;
    background: #fff;
    position: relative
}
.careerFormBox {
    box-shadow: 0 -5px 10px 0 rgba(0,0,0,.2);
    padding: 120px 50px 0
}
.formbg {
    position: relative;
    top: 90px;
    left: 0;
    width: 100%;
    text-align: center;
    height: 270px;
    margin-top: -90px
}
.careerForm .form .form-item {
    padding: 6px 10px;
    float: left;
    width: 50%
}
.careerForm .form .form-item.full-width {
    width: 100%
}
.careerForm .form .form-item input.textbox {
    border: 1px solid #dddbdb;
    border-radius: 3px;
    color: #454545;
    font-size: 13px;
    font-weight: 300;
    margin: 0;
    padding: 10px;
    width: 100%
}
.careerForm .form .form-item textarea.textarea {
    border: 1px solid #dddbdb;
    border-radius: 3px;
    color: #454545;
    font-size: 13px;
    font-weight: 300;
    margin: 0;
    padding: 10px;
    width: 100%;
    height: 70px
}
.careerForm .form .form-item select.select {
    border: 1px solid #dddbdb;
    border-radius: 3px;
    color: #767575;
    font-size: 13px;
    font-weight: 300;
    margin: 0;
    padding: 10px;
    width: 100%
}
.careerForm .form .form-item input.btn_submit {
    background: url(../images/career/btn_submit.png) no-repeat;
    width: 126px;
    height: 43px;
    border: none;
    cursor: pointer
}
#careers .footer {
}
#careers .footer .footer_nav {
    padding: 40px 0 0;
    font-size: 14px;
    color: #ededed;
    text-align: center;
    font-weight: 300
}
#careers .footer .footer_nav a {
    color: #ededed
}
#careers .footer .footer_nav a:hover {
    color: #fff
}
#careers .footer .footer_nav span {
    padding: 0 30px
}
#careers .footer .footer_add {
    padding: 30px 0;
    font-size: 14px;
    color: #ededed;
    text-align: center;
    font-weight: 300
}
#careers .footer .footer_add span.loc {
    background: url(../images/career/loc_foot_icon.png) no-repeat left center;
    padding: 2px 35px 2px 25px
}
#careers .footer .footer_add span.info {
    background: url(../images/career/info_foot_icon.png) no-repeat left center;
    padding: 2px 35px 2px 25px
}
#careers .footer .footer_add span.tel {
    background: url(../images/career/tel_foot_icon.png) no-repeat left center;
    padding: 2px 35px 2px 25px
}
#careers .footer .footer_add a {
    color: #ededed
}
.footer_follows {
    display: table;
    margin: 0 auto
}
.footer_follows a {
    float: left;
    width: 52px;
    height: 52px;
    padding: 6px
}
.footer_follows a img {
    width: 100%;
    height: auto
}
.footer_copyright {
    font-size: 14px;
    color: #ededed;
    text-align: center;
    font-weight: 300;
    padding: 30px 0 0
}

@media All and (max-width:640px) {
    #careers .careerBanner {
        min-height: 140px
    }
    #careers .careerDesc {
        padding: 30px 0 0
    }
    #careerTips {
        background: transparent none repeat scroll 0 0;
        height: auto;
        margin: 30px auto 0
    }
    #careerTips .pull-left, #careerTips .pull-right {
        float: none!important
    }
    #careers #careerTips h3, #careers #careerTips p {
        text-align: center!important
    }
    #careers #careerTips .midDesc {
        left: 0;
        margin: 0;
        padding: 0 15px;
        position: relative;
        top: 0
    }
    #careers #careerTips p {
        margin-bottom: 30px
    }
    #careers #careerTips .PB60 {
        margin-bottom: 30px
    }
    #careers #careerTips .midDesc h3 {
        color: #5a5a5a
    }
    #careers #careerTips .midDesc p {
        color: #858585
    }
    #careers .careerOffering {
        padding: 0 0 30px
    }
    #careers .careerOffering .offers {
        margin: 0 0 20px
    }
    #careers .careerOffering .offerDesc {
        padding: 15px 0
    }
    #careers .careerDesc h2, #careers .careerOffering h2, #careers .careerReasons h2, #careers .careerTeam h2 {
        font-size: 22px;
        margin-bottom: 10px
    }
    #careers .careerDesc p {
        line-height: 18px
    }
    #careers .careerReasons {
        padding: 0
    }
    #careers .careerReasons .reasonsList ul {
        padding: 0
    }
    #careers .careerReasons .reasonsList ul li.righList, #careers .careerReasons .reasonsList ul li.leftList {
        min-height: auto;
        padding: 250px 0 20px
    }
    #careers .careerReasons .reasonsList ul li.righList {
        background-image: url(../images/career/career_rightlast_roundbg.png)
    }
    #careers .careerReasons .reasonsList ul li.leftList {
        background-image: url(../images/career/career_leftlast_roundbg.png)
    }
    #careers .careerTeam, #careers .ourTeam {
        padding: 30px 0 0
    }
    .careerVideo {
        height: 180px
    }
    .careerVideo .videoTitle {
        background-size: cover;
        height: 150px;
        left: 50%;
        margin-left: -60px;
        position: relative;
        top: 10%;
        width: 110px
    }
    .collegePic {
        padding: 20px 0
    }
    .collegePic img {
        width: 100%;
        height: auto
    }
    .careerDesc h3 {
        font-size: 18px;
        margin: 0 0 10px
    }
    .careerForm .col-xs-offset-2 {
        margin: 0 auto;
        width: 100%
    }
    #careers .ourTeam .teamMember {
        margin-bottom: 20px
    }
    .careerFormBox {
        padding: 120px 5px 0
    }
    .careerForm .form .form-item {
        float: none;
        padding: 6px 10px;
        width: 100%
    }
    .formbg {
        top: 118px;
        margin-top: -100px
    }
    #careers .footer {
        height: auto;
        padding-bottom: 20px
    }
    .formbg img {
        max-width: 100%
    }
    #careers .footer .footer_nav a {
        display: block
    }
    #careers .footer .footer_nav span {
        display: none
    }
    #careers .footer .footer_add span {
        display: table;
        margin: 0 auto 5px
    }
    #careers .ourTeam h2 {
        padding: 0
    }
}
#recipt {
    padding: 30px 0 50px
}
.compeletePayment {
    background: url(../images/pay_tick_icon.jpg) no-repeat 0 8px;
    font-family: gotham;
    font-size: 24px;
    font-weight: 400;
    color: #404040;
    padding: 0 0 0 40px;
    margin: 0 0 25px
}
.compeletePayment span {
    font-family: gotham;
    font-size: 17px;
    font-weight: 300;
    color: #404040;
    display: block
}
.paymentList {
    margin: 0 0 20px
}
.paymentList table thead th {
    background: #474747;
    font-family: gotham;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    margin: 1px;
    text-transform: uppercase;
    padding: 10px;
    border: 1px solid #fff
}
.paymentList table thead th:first-child {
    text-align: center
}
.paymentList table tbody td {
    font-family: gotham;
    font-size: 16px;
    font-weight: 300;
    color: #404040;
    margin: 1px;
    padding: 10px;
    border: 1px solid #fff
}
.paymentList table tbody tr.odd td {
    background: #f0f0f0
}
.paymentList table tbody tr.even td {
    background: #e8e8e8
}
.paymentList table tfoot td {
    font-family: gotham;
    font-size: 16px;
    font-weight: 300;
    color: #404040;
    margin: 1px;
    padding: 10px;
    border: 1px solid #fff
}
.paymentList table tfoot td.subEven {
    background: #949494;
    color: #fff;
    font-size: 14px
}
.paymentList table tfoot td.subCharge {
    background: #474747;
    color: #fff;
    font-size: 14px
}
.paymentList table tfoot td:last-child {
    background: #f0f0f0
}
.paymentList table .thanks {
    padding: 20px;
    text-align: center
}
.paymentList table .thanks h3 {
    font-family: gotham;
    font-size: 24px;
    font-weight: 400;
    color: #000;
    padding: 0;
    margin: 0 0 10px
}
.paymentList table .thanks p {
    font-family: gotham;
    font-size: 16px;
    font-weight: 300;
    color: #000;
    padding: 0;
    margin: 0 0 10px
}
.paymentList table .thanks p a {
    text-decoration: underline;
    color: #000
}
#recipt .paymentDetails, #recipt .paymentBilling, #recipt .paymentShipping {
    border-top: 1px solid #d9d9d9;
    padding: 20px 0
}
#recipt .paymentDetails h3, #recipt .paymentBilling h3, #recipt .paymentShipping h3 {
    font-family: gotham;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    padding: 0;
    margin: 0 0 10px
}
#recipt .paymentDetails p, #recipt .paymentBilling p, #recipt .paymentShipping p {
    font-family: gotham;
    color: #404040;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    margin: 3px 0;
    padding: 0
}
#recipt .paymentDetails p strong, #recipt .paymentBilling p strong, #recipt .paymentShipping p strong {
    font-weight: 400
}
#recipt .videoFlash {
    margin: 10px auto 50px;
    width: 560px
}
#recipt h3.blue-bg {
    color: #fff;
    margin: 0 0 10px;
    text-align: left;
    background: #1e90ff;
    padding: 10px;
    font-weight: 400
}

@media All and (max-width:640px) {
    #recipt {
        padding: 0
    }
    #recipt .white_box {
        padding: 20px 10px
    }
    .compeletePayment {
        font-size: 18px;
        height: 40px;
        line-height: 45px;
        margin-top: 5px;
        margin-bottom: 5px
    }
    .compeletePayment span {
        font-size: 15px
    }
    .paymentList table thead th {
        font-size: 100%;
        font-weight: 300;
        margin: 1px;
        padding: 5px
    }
    .paymentList table tbody td {
        font-size: 100%;
        font-weight: 300;
        margin: 1px;
        padding: 5px
    }
    .paymentList table tfoot td {
        font-size: 100%;
        font-weight: 300;
        margin: 1px;
        padding: 5px
    }
    .paymentList table tfoot td.subEven {
        font-size: 100%
    }
    #recipt .thanks {
        margin-bottom: 20px
    }
    #recipt .thanks h3 {
        font-size: 22px;
        text-align: center
    }
    #recipt .thanks p {
        margin: 0 0 10px;
        text-align: center
    }
    #recipt .thanks a.btnPurchase img {
        height: auto;
        width: 100%
    }
    #recipt .videoFlash {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 25px;
        height: 0
    }
    #recipt .videoFlash iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
    #recipt .videoFlash {
        margin: 0 auto 30px;
        width: auto
    }
    #recipt .videoFlash img {
        height: auto;
        width: 100%
    }
}
#releasebox {
}
#releasebox .modal-dialog {
    margin: 100px auto;
    width: 850px
}
#releasebox .modal-dialog .modal-content {
    border-radius: 0;
    box-shadow: none;
    padding: 0
}
#releasebox .modal-dialog .modal-content .modal-body {
    padding: 0;
    position: relative
}
#releasebox .modal_close {
    border: none
}
.newrelease {
    padding: 40px 50px
}
.newrelease .heading {
    background: #43a0fc;
    padding: 10px;
    color: #fff;
    font-family: gotham;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 36px
}
.newrelease .content {
    padding: 20px 0;
    color: #000;
    font-family: gotham;
    font-weight: 300;
    font-size: 18px;
    line-height: normal
}
.newrelease .content strong {
    text-decoration: underline;
    font-weight: 400
}
.newrelease .content.largefont {
    font-size: 30px;
    text-align: center
}
.newrelease .buttonClose {
    font-family: gotham;
    border: none;
    padding: 10px 20px;
    text-align: center;
    background: #000;
    width: 145px;
    font-size: 18px;
    color: #fff;
    position: relative;
    z-index: 1;
    font-weight: 700;
    margin: 20px 0 0;
    text-align: center;
    display: table;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: All .6s ease;
    -moz-transition: All .6s ease;
    -o-transition: All .6s ease
}
.newrelease .buttonClose:hover, .newrelease .buttonBtn:hover {
    background: #c52b26;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease
}
.newrelease .buttonBtn {
    font-family: gotham;
    border: none;
    padding: 10px 20px;
    text-align: center;
    background: #000;
    min-width: 145px;
    font-size: 14px;
    color: #fff;
    position: relative;
    z-index: 1;
    font-weight: 700;
    margin: 20px 5px 0;
    text-align: center;
    float: left;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: All .6s ease;
    -moz-transition: All .6s ease;
    -o-transition: All .6s ease
}
#releasebox .shortDesc {
    font-size: 15px;
    font-weight: 300;
    padding: 5px 5px 10px;
    text-align: left
}
.creditInfo .cardholdr {
    font-size: 20px;
    font-weight: 400
}
.creditInfo .cardNum {
    font-size: 20px;
    font-weight: 300
}
.formSelect {
    border: 1px solid silver;
    background: #fff;
    padding: 0;
    width: 100%;
    font-size: 18px;
    color: #3b3b3b;
    font-weight: 300;
    margin: 20px 0
}
.formSelect select {
    background: url(../images/select_arrow.png) no-repeat 98% center;
    border: none;
    width: 100%;
    height: 45px;
    padding: 0 0 0 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none
}
.newrelease input.textbox {
    border: 1px solid silver;
    background: #fff;
    padding: 10px;
    width: 100%;
    font-size: 18px;
    color: #3b3b3b;
    font-weight: 300;
    margin: 0
}
.newrelease .heading.red {
    background: 0 0;
    padding: 10px;
    color: #000;
    color: rgba(0,0,0,.5);
    font-family: gotham;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 34px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 30px
}
.newrelease .heading.red strong {
    color: #c52b26
}
.reportInfo {
    padding: 30px 20px;
    background: #f2f2f2;
    margin: 30px 0;
    position: relative
}
.reportInfo:before {
    background: url(../images/newpopup/arrow_s.png) no-repeat;
    position: absolute;
    top: -15px;
    left: -15px;
    width: 31px;
    height: 45px;
    content: ""
}

@media All and (max-width:640px) {
    .newrelease {
        padding: 10px
    }
    #releasebox .modal-dialog {
        margin: 50px 10px;
        width: auto
    }
    .newrelease .heading {
        font-size: 24px;
        line-height: 26px;
        text-align: center
    }
    .newrelease .content {
        font-size: 16px;
        line-height: 24px;
        text-align: center
    }
    .newrelease img {
        width: 100%;
        height: auto;
        object-fit: cover
    }
    #releasebox .shortDesc {
        padding: 5px 5px 20px
    }
    .newrelease .buttonBtn {
        font-size: 12px;
        display: table;
        margin: 0 auto 10px;
        float: none
    }
    .newrelease .heading.red {
        font-size: 20px;
        line-height: 30px
    }
}
.chckout-main {
    font-family: lato, sans-serif
}
.chckout-main {
    overflow: hidden;
    height: auto;
    background-color: #fff!important
}
.checkout-inverse .nav .fa-angle-double-right {
    position: absolute;
    font-size: 18px;
    color: #aaa
}
.checkout-inverse .nav>li {
    position: relative;
    display: block;
    float: left;
    width: auto
}

@media All and (min-width:768px) {
    .checkout-inverse {
        background-color: #000;
        border-radius: 0;
        min-height: 38px;
        height: 38px
    }
    .checkout-inverse .nav {
        position: relative;
        width: 440px;
        margin: 0 auto;
        float: none
    }
    .checkout-inverse .nav>li>a {
        padding-top: 7px!important;
        padding-bottom: 6px!important;
        font-size: 16px
    }
    .checkout-inverse .nav .fa-angle-double-right {
        top: 9px;
        right: -6px
    }
}

@media All and (max-width:767px) {
    .checkout-inverse {
        background-color: #000;
        border-radius: 0;
        min-height: 37px;
        height: 37px
    }
    .checkout-inverse .nav {
        position: relative;
        width: 315px;
        margin: 0 auto;
        float: none
    }
    .checkout-inverse .nav>li>a {
        padding-top: 7px!important;
        padding-bottom: 7px!important;
        padding-left: 10px;
        padding-right: 10px
    }
    .checkout-inverse .nav .fa-angle-double-right {
        top: 8px;
        right: -6px
    }
}
.join_now_btn {
    float: left;
    width: auto;
    padding: 8px 12px 6px;
    font-size: 12px;
    font-weight: 400
}
#frmUserProfile input, #frmUserProfile select, #frmUserProfile button {
    border-radius: 0
}
#frmUserProfile button {
    font-weight: 400;
    padding: 8px 12px 6px;
    font-size: 12px
}
#frmUserProfile input[type=checkbox] {
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    padding: 10px
}
.section-box {
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    height: auto;
    overflow: hidden
}
.section-box1 {
    border-top: 1px solid #bbb;
    height: auto;
    overflow: hidden
}

@media All and (min-width:768px) {
    .section-box1 {
        border-bottom: 1px solid #bbb
    }
}
.sect-head {
    padding-top: 1px
}
.sect-head .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 7px solid #a39e9e;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    margin-right: 5px;
    margin-top: -4px
}
.sect-head .caret1 {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-left: 7px solid #a39e9e;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    margin-right: 5px;
    margin-top: -4px
}
.light-white-color {
    color: #949494
}
.font-weight-light {
    font-weight: 300
}
.font-weight-normal {
    font-weight: 400
}
.overflow-hidden {
    overflow: hidden
}
.padd-lr-none {
    padding-left: 0;
    padding-right: 0
}

@media All and (min-width:768px) {
    .desktop-padd-lr-none {
        padding-left: 0;
        padding-right: 0
    }
    .desktop-padd-l-none {
        padding-left: 0
    }
    .desktop-padd-r-none {
        padding-right: 0
    }
    .desktop-pull-right {
        float: right
    }
    .desktop-padd-left-19 {
        padding-left: 19px
    }
}

@media All and (max-width:767px) {
    .mobile-padd-lr-none {
        padding-left: 0;
        padding-right: 0
    }
    .mobile-padd-l-none {
        padding-left: 0
    }
    .mobile-padd-r-none {
        padding-right: 0
    }
    .sect-head {
        padding-left: 5px
    }
    .mobile-padd-left-0 {
        padding-left: 0!important
    }
    .mobile-border-top {
        border-top: 1px solid #bbb
    }
    .mobile-padd-top-10 {
        padding-top: 10px
    }
    #frmUserProfile .control-label {
        text-align: right
    }
    .formcontrol {
        padding-left: 0
    }
    .mobile-mar-bot-20 {
        margin-bottom: 20px
    }
}
.edit-update {
    text-decoration: underline;
    float: right;
    font-size: 12px;
    padding-right: 10px;
    padding-top: 2px;
    cursor: pointer
}
.edit-update-nu {
    float: right;
    font-size: 14px;
    padding-right: 10px;
    padding-top: 2px;
    cursor: pointer
}
.order-img {
    text-align: center
}
.order-img img {
    min-height: 30px;
    height: auto;
    max-width: 100%
}
.order-qty-width {
    position: relative;
    float: left;
    width: 80px
}
.order-qty-width .bg-danger {
    background: #c52b26;
    color: #fff;
    border: 1px solid #c52b26
}
.order-qty-width .input-group-addon {
    border-radius: 0;
    padding: 6px 10px
}
.order-table>thead>tr>th, .order-table>tbody>tr>th, .order-table>tfoot>tr>th, .order-table>thead>tr>td, .order-table>tbody>tr>td, .order-table>tfoot>tr>td {
    border-top: none;
    border-bottom: 1px solid #ddd
}
.pointer {
    cursor: pointer
}
.padd-top-5 {
    padding-top: 5px
}
.padd-top-10 {
    padding-top: 10px
}
.padd-bot-20 {
    padding-bottom: 20px
}
.padd-left-19 {
    padding-left: 19px
}
.padd-left-20 {
    padding-left: 20px
}
.mar-top-0 {
    margin-top: 0
}
.mar-left-0 {
    margin-left: 0
}
.mar-bot-0 {
    margin-bottom: 0
}
.mar-bot-5 {
    margin-bottom: 5px
}
.mar-bot-10 {
    margin-bottom: 10px
}
.mar-bot-15 {
    margin-bottom: 15px
}
.width-120px {
    width: 120px
}
.height-28 {
    height: 28px
}
.mar-bot-20 {
    margin-bottom: 20px
}
.bold {
    font-weight: 700
}
.font-size-12 {
    font-size: 12px
}
.font-size-14 {
    font-size: 14px
}
.link {
    color: #444;
    text-decoration: underline
}
.border-radius-0 {
    border-radius: 0
}
.r {
    border: 1px solid red
}
.g {
    border: 1px solid green
}

@media All and (max-width:768px) {
    .btn-responsive {
        padding: 6px 12px;
        font-size: 90%;
        line-height: 1;
        border-radius: 3px
    }
}
#login .cancelBill {
    padding: 30px
}
#login .cancelBill h2 {
    font-size: 30px;
    color: #d1232a;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px
}
#login .cancelBill p {
    font-size: 20px;
    line-height: 28px;
    font-family: gotham;
    font-weight: 300;
    text-align: center
}
#billCancel_popup .modal-dialog {
    margin: 100px auto 0;
    width: 500px
}

@media All and (max-width:767px) {
    #billCancel_popup .modal-dialog {
        margin: 100px auto 0;
        width: 300px
    }
    #login .cancelBill {
        padding: 0
    }
    #login .cancelBill h2 {
        font-size: 20px;
        color: #d1232a;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 10px
    }
    #login .cancelBill p {
        font-size: 16px;
        line-height: 24px;
        font-family: gotham;
        font-weight: 300;
        text-align: center
    }
}
.footer {
    background: #e6e6e6
}

@media only screen and (min-device-width:360px) and (max-device-width:419px) {
    .paymentList table thead th {
        font-size: 12px
    }
}

@media only screen and (max-device-width:359px) {
    .paymentList table thead th {
        font-size: 10px
    }
}
.profile_detail .shortDesc {
    color: #666;
    font-size: 11px;
    font-weight: 100
}
.shareLeft {
    position: fixed;
    top: 200px;
    margin-left: -70px
}
.shareLeft .iconShare {
    margin-bottom: 5px
}
.shareLeft .iconShare a {
    display: block;
    width: 100%;
    height: 100%
}
#about .profile_detail {
    border-bottom: 1px solid #dadada;
    padding-bottom: 15px;
    margin: -10px 0 10px
}
#blog_contnect .video_detail {
    position: relative
}
#blog_contnect .video_detail iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}
.unsubsHead {
    background: #3687d7;
    height: 200px;
    margin: 0 0 30px
}
.unsubsHead .heading {
    font-weight: 300;
    font-size: 34px;
    color: #fff;
    background: url(../images/unsubscribe/tai_img.jpg) no-repeat right bottom;
    padding: 75px 0;
    line-height: 50px
}
.unsubscribe_section #leftside {
    border: 1px solid #d1d2d3;
    margin-bottom: 30px
}
.unsubscribe_section .panel-group .panel {
    border: 1px solid #d1d2d3
}
.unsubscribe_section .panel-group .panel:first-child {
    margin-bottom: 20px
}
.unsubscribe_section .panel-group .panel .panel-title {
    font-size: 22px;
    font-weight: 300
}
.unsubscribe_section .panel-default>.panel-heading, .unsubscribe_section .panel-body {
    background: #f0f1f1
}
.unsubscribe_section #accordion .panel-default>.panel-heading .panel-title>a {
    background: url(../images/unsubscribe/arrow_active.png) no-repeat center right;
    padding: 5px 30px 5px 60px;
    position: relative;
    outline: none
}
.unsubscribe_section #accordion .panel-default>.panel-heading .panel-title>a.collapsed {
    background: url(../images/unsubscribe/arrow_dactive.png) no-repeat center right;
    padding: 5px 30px 5px 60px;
    position: relative
}
.unsubscribe_section #accordion .panel-default>.panel-heading .panel-title>a:before {
    background: url(../images/unsubscribe/tick_active.png) no-repeat;
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0;
    left: 10px;
    content: ""
}
.unsubscribe_section #accordion .panel-default>.panel-heading .panel-title>a.collapsed:before {
    background: url(../images/unsubscribe/tick_dactive.png) no-repeat;
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0;
    left: 10px;
    content: ""
}
.unsubscribe_section .panel-heading {
    padding: 15px
}
.colSection {
    padding: 25px 80px
}
.colSection h2 {
    font-size: 32px;
    font-weight: 700;
    padding: 0;
    margin: 0 0 15px
}
.colSection h3 {
    font-size: 22px;
    font-weight: 400;
    padding: 0;
    margin: 0 0 10px
}
.colSection .radio-item {
    border-top: 1px solid #d1d2d3;
    border-bottom: 1px solid #d1d2d3;
    padding: 20px 0;
    margin: 0 0 25px
}
.colSection .radio-item .fleft {
    float: left;
    padding: 5px 25px 5px 0
}
.colSection .form-item {
    padding: 10px 0 0;
    margin: 0 0 25px
}
.colSection .form-item input {
    border: 1px solid #d1d2d3;
    padding: 8px;
    background: #fff;
    width: 70%;
    font-size: 16px;
    font-weight: 300
}
.colSection .radio-item label {
    font-size: 14px;
    font-weight: 300;
    outline: none
}
.colSection .radio-item [type=checkbox]:not(:checked), .colSection .radio-item [type=checkbox]:checked {
    position: absolute;
    left: -9999px
}
.colSection .radio-item [type=checkbox]:not(:checked)+label, .colSection .radio-item [type=checkbox]:checked+label {
    position: relative;
    padding: 6px 0 0 40px;
    cursor: pointer;
    outline: none
}
.colSection .radio-item [type=checkbox]:not(:checked)+label:before, .colSection .radio-item [type=checkbox]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 34px;
    height: 34px;
    border: none;
    background: url(../images/unsubscribe/checkbox_dactive.png) no-repeat center left
}
.colSection .radio-item [type=checkbox]:not(:checked)+label:after, .colSection .radio-item [type=checkbox]:checked+label:after {
    content: url(../images/unsubscribe/checkbox_active.png);
    position: absolute;
    top: 2px;
    left: 0;
    font-size: 16px;
    line-height: .8;
    color: #000;
    font-weight: 300;
    transition: all .2s
}
.colSection .radio-item [type=checkbox]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0)
}
.colSection .radio-item [type=checkbox]:checked+label:after {
    opacity: 1;
    transform: scale(1)
}
.colSection .radio-item [type=checkbox]:disabled:not(:checked)+label:before, .colSection .radio-item [type=checkbox]:disabled:checked+label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd
}
.colSection .radio-item [type=checkbox]:disabled:checked+label:after {
    color: #999
}
.colSection .radio-item [type=checkbox]:disabled+label {
    color: #aaa
}
.colSection .radio-item [type=checkbox]:checked:focus+label:before, .colSection .radio-item [type=checkbox]:not(:checked):focus+label:before {
    border: 1px dotted blue
}

@media All and (max-width:768px) {
    .unsubsHead {
        height: auto
    }
    .unsubsHead .heading {
        background: transparent none repeat scroll 0 0;
        color: #fff;
        font-size: 28px;
        font-weight: 300;
        line-height: 36px;
        padding: 25px 0
    }
    .unsubscribe_section #leftside {
        padding: 10px
    }
    .unsubscribe_section .panel-heading {
        padding: 10px 5px
    }
    .unsubscribe_section #accordion .panel-default>.panel-heading .panel-title>a::before, .unsubscribe_section #accordion .panel-default>.panel-heading .panel-title>a.collapsed::before {
        left: 0
    }
    .unsubscribe_section #accordion .panel-default>.panel-heading .panel-title>a, .unsubscribe_section #accordion .panel-default>.panel-heading .panel-title>a.collapsed {
        padding: 5px 30px 5px 40px
    }
    .unsubscribe_section .panel-group .panel .panel-title {
        font-size: 15px;
        font-weight: 300
    }
    .colSection {
        padding: 10px
    }
    .colSection h2 {
        font-size: 24px
    }
    .colSection h3 {
        font-size: 16px;
        font-weight: 700
    }
    .colSection a img {
        max-width: 240px;
        max-height: 40px;
        object-fit: cover
    }
}

@media All and (min-width:1025px) and (max-width:1180px) {
    #top_join_box .btn_join {
        font-size: 11px!important;
        width: 160px!important
    }
    #top_join_box {
        right: 50px!important
    }
}

@media All and (min-width:1200px) {
    .container .members {
        margin-left: 5px
    }
}

@media All and (min-width:770px) {
    .followers .row>div {
        display: inline-block
    }
}

@media All and (max-width:769px) {
    .followers .row>div {
        float: left
    }
}
#timed_error {
    position: fixed;
    width: 400px;
    height: 150px;
    left:calc(50% - (400px/2));
    top:calc(50% - (150px/2));
    text-align: center;
    display: none
}
#timed_error .ok-btn {
    margin: auto;
    display: block;
    width: calc(400px/3);
    padding: 10px;
    margin-top: 15px
}

@media All and (min-width:400px) and (max-width:640px) {
    #bookList .box .item {
        height: 480px;
        overflow: hidden;
        text-align: center;
        width: 100%
    }
}
#banner .item ol {
    background: url(../images/snapChat_img.png) no-repeat center right;
    margin: 0;
    padding: 10px 50px;
    background-size: 160px
}
#banner .item ol.left {
    background: url(../images/snapChat_img.png) no-repeat center left;
    display: table;
    margin: 0 auto;
    padding: 10px 0 10px 180px;
    text-align: left;
    background-size: 160px
}
#banner .item ol.right {
    background: url(../images/snapChat_img.png) no-repeat center right;
    display: table;
    margin: 0 auto;
    padding: 10px 140px 10px 0;
    text-align: left;
    background-size: 180px;
    font-size: 18px;
    line-height: 40px
}
#banner .item ol.snapBig {
    background: transparent none repeat scroll 0 0;
    display: table;
    font-size: 22px;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    text-align: left
}
#banner .item ol.snapBig:after {
    background: rgba(0,0,0,0) url('../images/snapChat_img.png') no-repeat scroll 0 0/215px auto;
    content: "";
    height: 158px;
    position: absolute;
    right: 100%;
    top: -40px;
    width: 215px
}

@media All and (max-width:970px) {
    #banner .item h2 {
        font-size: 34px;
        line-height: 38px;
        text-align: center;
        font-weight: 800;
        color: #fff;
        text-transform: uppercase;
        margin: 15px 0 10px;
        padding: 0
    }
    #banner .item h2 span {
        position: relative
    }
    #banner .item h3 {
        font-size: 22px;
        line-height: 26px;
        text-align: center;
        font-weight: 800;
        color: #fff;
        text-transform: uppercase;
        margin: 5px 0;
        padding: 0
    }
    #banner .item ol {
        text-align: center;
        font-size: 12px;
        color: #fff;
        list-style-position: inside
    }
    #banner .item h3 span {
        position: relative
    }
}

@media All and (max-width:768px) {
    #banner .item h2 {
        margin: 5px 0
    }
    #banner .item .caption-alt {
        padding: 10px 0 0!important
    }
    #banner .item h2 {
        font-size: 28px
    }
    #banner .item h3 {
        font-size: 18px
    }
    #banner .item ol {
        background: url(../images/snapChat_img.png) no-repeat center right;
        margin: 0;
        padding: 0 60px 0 0;
        background-size: 60px
    }
    #banner .item ol.snapBig {
        background: transparent none repeat scroll 0 0;
        display: table;
        font-size: 11px;
        margin: 0 auto;
        padding: 0 0 5px 70px;
        position: relative;
        text-align: left
    }
    #banner .item ol.snapBig:after {
        background: transparent url(../images/snapChat_img.png) no-repeat;
        background-size: 75px;
        content: "";
        height: 50px;
        position: absolute;
        right: auto;
        left: -10px;
        top: 0;
        width: 80px
    }
}

@media screen and (max-width:768px) {
    #joinForm .modal-backdrop.in {
        width: 99%;
        width: calc(100% - 0px)
    }
}

@media screen and (min-width:441px) and (max-width:640px) {
    .posi_rel {
        height: 40px
    }
}

@media screen and (max-width:440px) {
    .posi_rel {
        height: 70px
    }
    ul.inbox_tab {
        top: 25px
    }
}

@media screen and (max-width:360px) {
    ul.inbox_tab li a {
        font-size: 12px
    }
}
.above-overlay {
    position: relative;
    z-index: 99999
}

@media all and (max-width:767px) {
    body#blogDetail {
    }
    /* body#blogDetail #header {
        height: 110px
    } */
    body#blogDetail #header .topMidPanel {
        height: 60px
    }
    body#blogDetail #header .topMidPanel .logo.num {
        margin: 12px 0 0 -10px
    }
    body#blogDetail .logo img {
        width: 130px!important
    }
    body#blogDetail #header .topMidPanel .social_icon {
        font-size: 17px;
        position: absolute;
        right: -5px;
        top: 15px
    }
    body#blogDetail #header .topMidPanel .social_icon a {
        color: #777;
        margin: 0 0 0 6px
    }
    body#blogDetail #header .topMidPanel .social_icon a:hover {
        color: #3688d8
    }
    body#blogDetail #header .topMidPanel .navbar-toggle {
        left: 95%;
        margin-left: -15px;
        position: absolute;
        top: 0;
        width: 30px
    }
    /* body#blogDetail #main-content {
        top: 170px!important
    } */
    body#blogDetail #main-content #about {
        padding: 0
    }
    body#blogDetail #main-content #leftside {
        padding: 0
    }
    body#blogDetail #leftside .title {
        background: #e6e6e6 none repeat scroll 0 0;
        font-size: 22px;
        font-weight: 400;
        margin: 0;
        overflow: visible;
        padding: 10px 0 15px;
        position: relative
    }
    body#blogDetail #blog_contnect .video_detail {
        margin: 0 -15px;
        position: relative
    }
    body#blogDetail #about .profile_detail {
        border: medium;
        float: left;
        margin: 5px 15px 0 0;
        padding: 0
    }
    body#blogDetail .about_desc, body#blogDetail .download-box {
        background: #fff none repeat scroll 0 0;
        margin: 0 -15px;
        padding: 15px
    }
    body#blogDetail #main-content .join_now.visible-xs {
        margin: 0 0 15px
    }
    body#blogDetail .join_now.hidden-xs {
        display: none!important
    }
    .nameDate {
        color: #666;
        font-size: 12px;
        font-weight: 400;
        margin: 0 0 5px
    }
    .nameDate span {
        color: #d1232a;
        padding-right: 20px
    }
    .about_desc p {
        font-size: 14px;
        line-height: 22px
    }
    .about_desc .head_tittle {
        background: #000 none repeat scroll 0 0;
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 10px;
        padding: 10px;
        position: relative;
        text-transform: uppercase
    }
    .about_desc ul {
        font-size: 14px;
        line-height: 20px
    }
    .my-comments-list h4 {
        font-size: 14px;
        line-height: normal;
        padding: 0 0 10px
    }
    .my-comments-list .post .profile_pic {
        margin-right: 10px
    }
    .my-comments-list .post .profile_pic img {
        height: 54px;
        object-fit: cover;
        width: 54px
    }
    .my-comments-list .post .ques {
        margin: 0
    }
    .my-comments-list .post .ques ul {
        font-size: 13px
    }
}

@media all and (max-width:360px) {
    /* body#blogDetail #main-content {
        top: 170px!important
    } */
    .inbox_list .inboxdate {
        display: none
    }
}

@media all and (max-width:460px) {
    body#blogDetail #leftside .title {
        margin-top: 10px
    }
}

/* @media all and (min-width:770px) and (max-width:1100px) {
    #main-content {
        top: 110px!important
    }
} */

@media all and (max-width:769px) {
    /* #main-content {
        top: 155px!important
    } */
    .login_img {
        display: none
    }
    .post .profile_pic {
        float: left;
        margin: 0 15px 25px 0
    }
    .post {
        padding: 20px 0 0
    }
    .post .profile_pic img {
        width: 60px;
        height: 60px;
        object-fit: cover
    }
    .post .ques ul li {
        font-size: 14px;
        line-height: 22px
    }
}

@media all and (max-width:480px) {
    #forgot_popup .login .form-text {
        padding: 8px;
        background: #fff
    }
    #forgot_popup .login .form-text input.textbox, .login .form-password input.textbox {
        font-size: 16px
    }
}
//tail-7065 body.modal-open {
    position:fixed
}

@media All and (max-width:640px) {
    #joinForm.desktop .form_joinBox .form-text {
        padding: 0
    }
    .form_joinBox .form-text input.textbox {
        width: 100%;
        font-size: 14px;
        color: #3b3b3b;
        font-weight: 300;
        border: none;
        background: 0 0;
        line-height: 42px;
        padding: 0 12px;
        height: 42px
    }
}



@media all and (min-width:1170px){

    #tai_posts .container {
     border-top:none;
 }

 #tai_posts h3 {
    width: 98%;
    border-top: 1px solid #bebebe;
}	

}