@charset "utf-8";
@font-face {font-family: 'ProximaNova-Regular'; src: url('../content/fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'), url('../content/fonts/ProximaNova-Regular.woff') format('woff'), url('../content/fonts/ProximaNova-Regular.ttf')  format('truetype'), url('../content/fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'ProximaNova-Semibold'; src: url('../content/fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'), url('../content/fonts/ProximaNova-Semibold.woff') format('woff'), url('../content/fonts/ProximaNova-Semibold.ttf')  format('truetype'), url('../content/fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'HelveticaNeue';src: url('../content/fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'),  url('../content/fonts/HelveticaNeue.otf')  format('opentype'), url('../content/fonts/HelveticaNeue.woff') format('woff'), url('../content/fonts/HelveticaNeue.ttf')  format('truetype'), url('../content/fonts/HelveticaNeue.svg#HelveticaNeue') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'HelveticaNeue-Light'; src: url('../content/fonts/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),  url('../content/fonts/HelveticaNeue-Light.otf')  format('opentype'), url('../content/fonts/HelveticaNeue-Light.woff') format('woff'), url('../content/fonts/HelveticaNeue-Light.ttf')  format('truetype'), url('../content/fonts/HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'HelveticaNeue-Medium'; src: url('../content/fonts/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'), url('../content/fonts/HelveticaNeue-Medium.woff') format('woff'), url('../content/fonts/HelveticaNeue-Medium.ttf')  format('truetype'), url('../content/fonts/HelveticaNeue-Medium.svg#HelveticaNeue-Medium') format('svg'); font-weight: normal; font-style: normal;}


body{color:#9E9E9E;}
body.grey{background: #F4F4F4; padding-bottom: 75px;}
h1,h2,h3,h4,h5,h6{color:#585858; font-family: 'ProximaNova-Semibold', Helvetica, sans-serif }
h2{font-size:27px;}
h3{font-size:20px;}
h4{font-size:16px;}
a{color:#4FB4E6;}
a:hover{color:#4FB4E6; text-decoration:none;}
.container{max-width:980px}

.header {overflow:visible;}
.header.auto{height: auto;}
#navtop{background:none; border:0; border-radius: 0; z-index: 1000;}
#navtop.affix .navbar-nav>li>a, .homepage #navtop .navbar-nav>li>a, .header-default #navtop .navbar-nav>li>a, #navtop.affix .cartlink{color:#A8A8A8}
#navtop.affix .navbar-brand{background-image: url(../content/img/logoheader.png);}
#navtop.affix, .header-default #navtop{width: 100%; display: block; z-index: 999999;top: 0; border-radius:0; background:#FFF; border-bottom:1px solid #DFDFDF}
#navtop .navbar-nav>li>a{ padding:24px 20px; position: relative; color:#fff;}
#navtop .navbar-btn{margin-top: 15px; margin-bottom: 15px;}

#navtop .navbar-nav>li.login-dropdown{padding-top: 14px;}
#navtop .navbar-nav>li.login-dropdown>a{  background: #fff; padding: 8px 18px; color: #333; border-radius: 3px; color:#57BEE7;  -webkit-transition: all .1s ease;	-moz-transition: all .1s ease;	-ms-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; border:0; color:#57bee7; }
#navtop .navbar-nav>li.login-dropdown>a:hover, #navtop .navbar-nav>li.login-dropdown>a:active, .navbar-nav>li.login-dropdown>a:focus, {background: #C6CCD2; color:#333}
#navtop .navbar-nav>li.login-dropdown>a:active {-webkit-box-shadow: 0px 1px 0px #AEB4BA; -moz-box-shadow: 0px 1px 0px #AEB4BA; box-shadow: 0px 1px 0px #AEB4BA; position: relative; top: 2px;}
#navtop.affix .navbar-nav>li.login-dropdown>a, #navtop.navbar-default.affix .navbar-nav>.login-dropdown.open>a, #navtop.navbar-default.affix .navbar-nav>.login-dropdown.open>a:hover{background: #C6CCD2; color:#fff;}
#navtop.navbar-default .navbar-nav>.login-dropdown.open>a, #navtop.navbar-default .navbar-nav>.login-dropdown.open>a:hover{background: #fff; color: #57BEE7;}

/*
#navtop .btn-signin{position: relative; background:#fff; -webkit-transition: all .1s ease;	-moz-transition: all .1s ease;	-ms-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; border:0; color:#57bee7; background-color: #C6CCD2; -webkit-box-shadow: 0px 4px 0px #AEB4BA; -moz-box-shadow: 0px 4px 0px #AEB4BA; box-shadow: 0px 4px 0px #AEB4BA;    }
#navtop .btn-signin:hover, #navtop .btn-signin:active, #navtop .btn-signin:focus{background: #C6CCD2; color:#333}
#navtop .btn-signin:active {-webkit-box-shadow: 0px 1px 0px #AEB4BA; -moz-box-shadow: 0px 1px 0px #AEB4BA; box-shadow: 0px 1px 0px #AEB4BA; position: relative; top: 2px;}
*/

#navtop .caret{border:none; background:url(../img/dropdown_arrow.png) center center no-repeat transparent; width:10px; height:6px;}
/*onborading*/
.board-wrapper{background: #F4F4F4}
.board-inner{max-width: 660px;}
.board-inner.no-header{margin-top: 50px;}
.board-header{text-align: center; padding-top: 32px; padding-bottom: 32px;}
.board-header a{display: block; color:#000; font-family: 'ProximaNova-Regular'; font-size: 12px;}
.board-header span{display: block;}
.board-circle{background: url(../Content/img/tour_delselected.png) center center no-repeat transparent; width: 26px; height: 26px; display: inline-block; margin-bottom: 9px;}
.board-circle.grey{background-image: url(../Content/img/tour_delselected_grey.png);}
.board-circle.selected{background-image: url(../Content/img/tour_selected.png);}
.board-content{background:#fff; min-height: 420px; text-align: center; margin-bottom:42px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;}
.board{padding: 40px 35px;}
.board.w400{max-width: 400px; margin: 50px auto}
.board.w470{max-width: 470px; margin: 50px auto}
.board.w520{max-width: 520px; margin: 50px auto; padding: 40px 0;}
.board .intro-line{font-family: 'ProximaNova-Regular'; font-size: 12px;}
.board .title{font-family: 'ProximaNova-Semibold'; font-size: 22px; margin: 10px 0 24px;}
.board .subtitle{font-family: 'Helvetica-Light'; font-size: 16px; line-height: 24px;}
.board.w400 .title{margin: 10px 0 44px;}
.board .detail{font-family: 'ProximaNova-Regular'; font-size: 18px; margin-bottom: 48px;}
.board .detail.no-bottom{margin-bottom: 0;}
.board .btn{padding: 10px 15px;}
.board .btn.btn-lg{font-size: 18px; font-size: 18px; padding: 17px 44px;}
.board form.frm-small label{font-size: 12px}
.board .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width: 100%}
.board .bootstrap-select .dropdown-toggle{font-size: 16px; font-family: 'ProximaNova-Semibold'; color: #000; padding: 14px 15px;}
.board .checkbox.bold label{font-family: 'ProximaNova-Semibold';  font-size: 16px;}
.board .class-time, .board .binary, .modal .binary{border-radius: 3px; background: #FBFBFB; border:1px solid rgba(151, 151, 151, 0.3); display: block; text-align: center; color: #000; padding: 35px 0; max-width: 240px; margin: 0 auto 25px;}
.board .class-time h4{margin:24px 0 17px}
.board .welcome-text{font-family: 'Helvetica-Light'; font-size: 16px; line-height: 24px;}
.board .binary{padding: 0; display: inline-block; width: 170px; font-size: 56px; font-family: 'ProximaNova-Semibold'; height: 160px; line-height: 160px;}
.modal .binary{padding: 0; display: inline-block; width: 126px; font-size: 30px; font-family: 'ProximaNova-Semibold'; height: 120px; line-height: 120px;}

.nav.board-tab>li{margin-right: 20px;}
.nav.board-tab>li>a{padding: 20px 0 0; background: rgba(216, 216, 216,0.33); text-align: center;}
.nav.board-tab>li>a h4{color: #d8d8d8;}
.nav.board-tab>li>a img{margin: 0 35px;}
.nav.board-tab>li.active>a, .nav.board-tab>li.active>a:focus, .nav.board-tab>li.active>a:hover{background: #fff;}
.nav.board-tab>li.active>a h4{color: #000;}
.nav.board-tab>li>a .who{display: inline-block; width: 13px; height: 13px; background: url(../img/icon-question-small-inactive.png) center center no-repeat transparent}
.nav.board-tab>li.active>a .who{background-image: url(../img/icon-question-small.png)}
.board .tab-content{padding: 30px 0;}
.tab-pane>p{font-family: 'Helvetica-Light';}

.board-schedule-wrapper{margin-top: 20px;}
.board-teachers-available{margin-top: 50px; text-align: left;}

.bs-title{font-family: 'ProximaNova-Semibold'; font-size: 12px; margin: 20px 0 0;}
.bs-table h5{font-size: 16px; min-width: 160px}
.bs-table tr>td:last-child a{display: inline-block;}
.bs-availability{font-family: 'ProximaNova-Semibold'; font-size: 14px; background:#00b7e2; border-radius: 3px; color: #fff; padding: 10px 30px; text-align: center; display: inline-block; margin-right: 20px;}
.bs-unavailable{color: #DD021B}
.bs-table .bootstrap-select .dropdown-toggle{padding: 10px 15px;}
.bs-table>tbody>tr>td.bs-first-title{border-top: 0}
.bs-first-title .bs-title{margin-top: 0;}
.bs-table>tbody>tr>td{padding: 8px 0}
.bs-table .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){display: inline-block; width: auto; margin-right: 20px; min-width: 220px;}

.timedate-table>tbody>tr>td{padding: 0 12px}
.timedate-table>tbody>tr>td .custom-checkbox.naked input[type="checkbox"] + label{padding: 20px 0;}
.timedate-table>tbody>tr.active>td, .timedate-table>tbody>tr:hover td{background: #00b2e2; color: #fff;}
.timedate-table>tbody>tr.active>td label{color: #fff;}
.timedate-table>tbody>tr.titlebar td{border: 0}
.timedate-table>tbody>tr.titlebar td .bs-title{margin: 0}

.board-table-schedule>thead>tr>th{font-family: 'ProximaNova-Regular' !important; font-weight: normal; font-size: 12px;}
.board-table-schedule>tbody>tr>td{border: 1px solid #ddd}
.board-table-schedule>tbody>tr>td strong{font-size: 16px;}
.board-table-schedule>tbody>tr>td select{border-radius: 2px; font-size: 12px; background: #f2f2f2; border-color: #f2f2f2; box-shadow: none; height: 40px;}

.list-change-options a{color: #000; display: block; padding: 15px 0;}
.list-change-options a:hover{background: rgba(216, 216, 216,0.33)}
.list-change-options img{border-radius: 3px;}
.list-change-options p{font-family: 'Helvetica-light'}
.list-change-options li{border-bottom: 1px solid #ddd}
.list-change-options .media-heading{margin-top: 5px;}
.list-change-options .media-left{padding-right: 30px}
.list-change-options .media{margin-top: 0}

.btn{padding:8px 12px; min-width: 114px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-family: 'ProximaNova-Semibold'; font-size: 14px;}
.btn.btn-sm{min-width: 0; padding: 4.5px 20px;}
.btn-primary, .btn-primary.off:hover, .btn-default.on{background:#4bbae6; border-color:#4bbae6; color:#fff;}
.btn-primary.btn-lg{padding: 14px 36px;}
.btn-invert{background:#ABAFB4; color: #fff;}
.btn-invert:hover{color:#fff;}
.btn-default{color:#b8b8b8;}
.btn-menu-toggle{display: inline-block; top: -2px; position: relative; margin-right: 5px;}
.btn-primary.off{color: #B8B8B8; background-color: #FFF; border-color: #CCC;}
.btn-primary.off:hover{color:#fff;}
.btn-success{background: #1abc9c; border-color: #1abc9c;}
.btn-success:hover, .btn-success:active, .btn-success:focus{background: #189D82; border-color:#189D82;}
.choice-btn .btn{min-width: 73px; margin-bottom: 5px;}
.btn-default{font-family: 'ProximaNova-Regular'}
.btn-default.active{color: #4bbae6; border-color: #4bbae6; background: #fff; box-shadow: none;}
.btn.calendar-btn{border-radius: 2px; padding: 4.5px 15px 4.5px 10px; color: #00b2e2; font-size: 12px; font-family: 'ProximaNova-Semibold'; margin: 16px 0;}
.calendar-btn .glyphicon{margin-right: 15px;}
form .btn{padding: 10px 12px}

.select-block{margin: 7px 0;}
.select-block.mrg15{margin-bottom: 15px; margin-top: 0;}
.select-block .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width: 100%;}
.select-block.large .bootstrap-select .dropdown-toggle {padding: 10px 15px;}
.select-block.large .bootstrap-select .dropdown-toggle{font-family: 'ProximaNova-Semibold'; font-size: 16px;}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select .dropdown-toggle:active{outline: none;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:active{outline: none;}

div.custom-radio {border-top: 2px solid #eee;}
div.custom-radio:last-child{border-bottom: 2px solid #eee;}
.custom-radio label{display: block; padding: 22px 0; margin-bottom: 0; cursor: pointer;}
.custom-radio input[type="radio"] {display:none;}
.custom-radio input[type="radio"] + label {font-family: 'ProximaNova-Semibold'; color: #000000; font-size:16px;}
.custom-radio input[type="radio"] + label span {display:inline-block;width:30px;height:30px;margin:-1px 20px 0 0;vertical-align:middle;cursor:pointer;-moz-border-radius:  50%;border-radius:  50%;}
.custom-radio input[type="radio"] + label span {border: 2px solid #979797; position: relative;}
.custom-radio input[type="radio"] + label span:after{content: " ";}
.custom-radio input[type="radio"]:checked + label span:after{content: " "; width: 22px; height: 22px; background: #00b7e2; display: block; border-radius: 50%; top: 50%; left: 50%; position: absolute; margin: -11px -11px;}
.custom-radio.bold span{float: left;}
.custom-radio.bold h4{margin-left: 50px; margin-top: 0;}
.custom-radio.bold input[type="radio"]:checked + label h4{color: #4bbae6;}
.custom-radio.bold input[type="radio"]:checked + label span{ border-color: #000;}
.custom-radio.bold input[type="radio"]:checked + label h4 .sub-label{color: #000;}
.custom-radio .sub-label{font-size: 14px; margin-top: 5px;}

div.custom-checkbox {border-top: 2px solid #eee;}
div.custom-checkbox:last-child{border-bottom: 2px solid #eee;}
.custom-checkbox label{display: block; padding: 22px 0; margin-bottom: 0; cursor: pointer;}
.custom-checkbox input[type="checkbox"] {display:none;}
.custom-checkbox input[type="checkbox"] + label {font-family: 'ProximaNova-Semibold'; color: #000000; font-size:16px;}
.custom-checkbox input[type="checkbox"] + label span {display:inline-block;width:12px;height:12px;margin:-1px 20px 0 0;vertical-align:middle;cursor:pointer;}
.custom-checkbox input[type="checkbox"] + label span {border: 1px solid #979797; position: relative; border-radius: 2px;}
.custom-checkbox input[type="checkbox"] + label span:after{content: " ";}
.custom-checkbox input[type="checkbox"]:checked + label span:after{content: " "; width: 12px; height: 12px; background: #006d8b; display: block; border-radius: 2px; top: -1px; left: -1px; position: absolute;}
.custom-checkbox.naked{border: 0 !important}
.custom-checkbox.naked input[type="checkbox"] + label{padding: 0}
.custom-checkbox.rounded{border: 0 !important; background: #f3f3f3; border-radius: 2px; margin-bottom: 10px;}
.custom-checkbox.rounded label{padding: 15px;}
.custom-checkbox.emotion input[type="checkbox"]:checked + label span:after{display: none;}
.custom-checkbox.emotion input[type="checkbox"] + label span{width: 30px; height: 30px; margin-right: 10px; border: 0; background: url(../img/icon_thumbdown.png) left center no-repeat transparent;}
.custom-checkbox.emotion input[type="checkbox"]:checked + label span{background-image: url(../img/icon_thumbdown_active.png);}
.custom-checkbox.emotion.turle input[type="checkbox"] + label span{background-image: url(../img/icon_turtle.png);}
.custom-checkbox.emotion.turle input[type="checkbox"]:checked + label span{background-image: url(../img/icon_turtle_active.png);}
.custom-checkbox.emotion.thumbup input[type="checkbox"] + label span{background-image: url(../img/icon_thumbup.png);}
.custom-checkbox.emotion.thumbup input[type="checkbox"]:checked + label span{background-image: url(../img/icon_thumbup_active.png);}
.custom-checkbox.emotion.lightning input[type="checkbox"] + label span{background-image: url(../img/icon_lighting.png);}
.custom-checkbox.emotion.lightning input[type="checkbox"]:checked + label span{background-image: url(../img/icon_lighting_active.png);}

.link-btn{font-size: 14px; font-family: Helvetica;}
.link-btn .glyphicon{font-size: 12px; top: 0;}

#navtop .caret{border:none; background:url(../content/img/dropdown_arrow.png) center center no-repeat transparent; width:10px; height:6px;}
#navtop.navbar-default .navbar-nav>.open>a, #navtop.navbar-default .navbar-nav>.open>a:hover{background:none;}
#navtop .dropdown-menu>li>a{color:#767676;}
#navtop .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{background: #4BBAE6; color: #fff;}
#navtop .navbar-nav>li.dropdown.open>a:before{position: absolute;bottom: -1px;right: 25px;display: inline-block;border-right: 7px solid rgba(0, 0, 0, 0);border-bottom: 7px solid #FFF;border-left: 7px solid rgba(0, 0, 0, 0);content: '';z-index: 9999;}
#navtop .navbar-nav>li.dropdown.open>a:after{position: absolute;bottom: 0px;right: 25px;display: inline-block;border-right: 7px solid rgba(0, 0, 0, 0);border-bottom: 7px solid #CCC;border-left: 7px solid rgba(0, 0, 0, 0);content: '';z-index: 9998;}
#navtop .navbar-brand{padding: 23px 15px; background: url(../content/img/logoheader.png) center center no-repeat transparent; width: 50px; height: 68px;}
#navtop .navbar-toggle{border-color:#fff;}
#navtop .navbar-toggle .icon-bar{background-color:#fff;}
#navtop.affix .navbar-toggle{border-color:#DDD;}
#navtop.affix .navbar-toggle .icon-bar{background-color:#DDD;}
#navtop .navbar-toggle:hover, #navtop .navbar-toggle:focus{background: none;}

#navtop .open > .dropdown-menu, #navtop .navbar-nav>li.dropdown.open>a:before, #navtop .navbar-nav>li.dropdown.open>a:after{
  animation-name: slidenavAnimation;
  animation-duration:1s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;

  -webkit-animation-name: slidenavAnimation;
  -webkit-animation-duration:1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;

  -moz-animation-name: slidenavAnimation;
  -moz-animation-duration:1s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards;
}
@keyframes slidenavAnimation {from {opacity: 0;} to {opacity: 1;}}
@-webkit-keyframes slidenavAnimation {from {opacity: 0;} to {opacity: 1;}}

#navtop .navbar-nav>li>a.cartlink{position:relative; margin-right: 15px; color:#fff; display: inline-block; padding: 20px 15px 8px;}
#navtop .navbar-nav>li>a.cartlink:hover{color:#fff;}
#navtop .navbar-nav>li>a.cartlink:before{content:" "; width:1px; background:#E7E7E7; position:absolute; right:0; top:50%; height:25px; margin-top:-5px;}
#navtop.affix .navbar-nav>li>a.cartlink{color:#A8A8A8}

.intro{background:#4BBAE6; position: relative;}
.intro .intro-content{padding-top:255px; z-index: 1; position: relative; color:#fff; width:100%; height:100%; padding-top:0}
.intro .intro-content .col-xs-12{min-width:420px;}
.intro .intro-content h1{font-family: 'ProximaNova-Regular'; font-size: 38px; color: #FFFFFF; line-height: 46px;}
.intro .intro-content h3{font-family: 'ProximaNova-Regular'; font-size: 23px; color: #FFFFFF; line-height: 35px; margin-bottom: 48px;}
.intro .intro-content .display-table{width:100%; height:100%}
.intro .intro-content .display-cell{display:table-cell; vertical-align:middle; text-align:center}
.intro .logo-wrapper{margin-bottom:60px; text-align:right; margin-right:100px}
.intro .intro-title{margin-bottom:40px; font-size:26px; line-height:36px;}
.intro .intro-join{}
.intro .btn-success{padding:20px 33px;}
.intro .vid-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; display: none; background: #000;}
.intro .vid-bg video{height: auto; width: 100%; display: block;}
.intro .intro-nav{position: relative; z-index: 1;}
.intro-notice{margin-bottom: 30px;   color: #FFF; position: absolute; bottom: 0; text-align: center; width: 100%; font-family: 'ProximaNova-Regular'; font-size: 16px; color: #FFFFFF; line-height: 26px}
.custom-list{list-style-type:none; margin:0; padding:0; font-size:20px; font-family: 'ProximaNova-Semibold', Helvetica, sans-serif; color:#585858}
.custom-list li{background:url(../content/img/tick_icon.png) left center no-repeat transparent; line-height: 26px; padding-left: 30px; margin-bottom: 16px; padding-top:3px;}
.custom-list.normal li{font-size:14px; padding-top:0; font-family:'HelveticaNeue'}
.section{padding:137px 0; background: #fff;}
.section.grey{background:#FBFBFB;}
.section.dark{background:#2E3339; padding:80px 0; position:relative;}
.section.dark h1, .section.dark h2, .section.dark h3, .section.dark h4{color:#fff;}
.section.dark h3{margin-bottom: 12px;}
.section.dark a{color:#FFF;}
.section.dark .section-content{color:#BEBEBE; margin-bottom: 18px;}
.section.dark.instructors .section-content{color: #9E9E9E;}
.section.dark.courses .section-title{margin-bottom:12px;font-size: 26px; line-height: 36px;}
.section.dark.courses h3{font-family: 'ProximaNova-Regular'; margin-top:0; font-size: 20px; color: #B2B2B2; line-height: 26px;}
.section.dark.courses .download-wrapper{margin-top:40px;}
.section.mini{padding:70px 0;}
.section.mini h2{font-size: 24px; color: #000000; line-height: 36px;}
.section-title{margin-bottom:26px; margin-top:0; font-size:22px; line-height: 26px;}
h1.section-title{font-size:30px;}
.section-title-center{font-family:'HelveticaNeue-Light'; font-size: 28px; line-height: 45px; text-align: center; max-width: 720px; margin: 80px auto}
.section-title2{font-size: 22px; color: #585858; line-height: 26px; margin-bottom: 20px;}
.section-content{line-height: 26px; margin-bottom:30px; font-size:16px;}
.schedule-wrapper{background:url(../content/img/arrow.png) right bottom no-repeat transparent;}
.section.featured-section{padding:100px 0 80px;}
.section.featured-section .section-title{font-size:24px;}
.section.join-section{padding:126px 0;}
.section.join-section h2{font-size:24px; color:#000000; line-height: 29px;}

.link-arrow{position:relative; font-family: 'ProximaNova-Semibold', Helvetica, sans-serif; display:inline-block; font-size:18px; min-height:24px; line-height: 26px; color: #4FB4E6;}
.link-arrow-icon{position:absolute; right: -42px; top: 50%; margin-top: -11px; background:url(../content/img/action_arrow.png) center center no-repeat transparent; display:inline-block; width:32px; height:22px; vertical-align:middle; transition: all 0.2s linear; margin-left:20px;}
.link-arrow:hover .link-arrow-icon{right:-62px;}
.card{padding-left:46px; background-position:top left; background-repeat:no-repeat; background-color:transparent;}
.card.card1{background-image:url(../content/img/document_icon.png); margin-bottom:60px;}
.card.card2{background-image:url(../content/img/Report_icon.png);}
.card.card3{background-image:url(../content/img/Grade_icon.png); margin-bottom:60px;}
.card.card4{background-image:url(../content/img/calendar_icon.png);}
.card h4{font-size:17px; line-height: 18px;}
.card p{line-height: 21px; color:#868686;}

.section-title.center{margin-top:0; margin-bottom:64px; text-align:center}
.download-wrapper{margin-top:52px;}
.navbar-middle .navbar-toggle { border-color: #DDD;}
.navbar-middle .icon-bar{ background-color: #888;}
.nav-middle{margin:0;}
.nav.nav-middle>li>a{padding:25px 44px; border-radius:0; font-family:'ProximaNova-Semibold', Helvetica, sans-serif; font-size:20px; color:#585858;}
.courses-block{margin-top:32px;}
.courses-item{background:#FFF; width:180px; border-radius:3px; text-align:center; padding:22px 10px 18px; margin:0 5px; display: block; color: #B6B6B6 !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.courses-item:hover{position:relative; margin-top:-10px;}
.courses-item h4{font-size: 17px; color: #585858; line-height: 18px; margin-top:16px;}
.courses-item.last{margin-bottom:0;}
.section.dark .courses-item h4{color:#3D3D3D; margin-top:16px;}
.course-icon{width:60px; height:75px; margin:0 auto; background-position:center center; background-repeat:no-repeat;}
.section.dark.courses{padding:70px 0;}
.section.dark.courses .link-arrow{font-size:18px;}
.course-icon.earlyyears{background-image:url(../content/img/earlyyears_icon_blue.png)}
.course-icon.kids{background-image:url(../content/img/Kids_blue_icon.png)}
.course-icon.middleschool{background-image:url(../content/img/middleschool_blue_icon.png)}
.course-icon.highschool{background-image:url(../content/img/highschool_blue_icon.png)}
.course-icon.adult{background-image:url(../content/img/adult_cion.png)}

footer.navbar-default{background:#F1F1F1; border:none; margin-bottom:0;}
footer .btn-signin{margin-left:20px;}
footer .btn-signin, footer .btn-signin:hover, footer .btn-signin:active, footer .btn-signin:focus{background:transparent; box-shadow:none;}
footer .navbar-nav>li>a{padding-top:26px; padding-bottom:26px;}
footer .navbar-btn{margin-top:18px;}

.img-block{width:310px; margin:0 auto}
.grid-img .first{margin-bottom: 7px; margin-top: 5px;}
.grid-img div{float:left; margin-right:10px;}
.grid-img .first-col{margin-right:5px;}

.display-table{display:table; min-height:286px;}
.display-cell{display:table-cell; vertical-align:middle;}

.join-wrapper{text-align:center;}
.videoWrapper {	position: relative;	padding-bottom: 56.25%; padding-top: 25px;	height: 0; margin-bottom:50px;}
.videoWrapper iframe {position: absolute;top: 0;	left: 0; width: 100%; height: 100%;}

.navbar-middle.affix-top{background:none; border:0; margin-bottom:0;}
.navbar-middle.affix{width: 100%; display: block; z-index: 999999;top: 0; border-radius:0;}
.navbar-middle.affix .nav>li>a:hover, .navbar-middle.affix .nav>li>a:focus {text-decoration: none;background-color: #EEE;}

.calendar-block{border:1px solid #BBBBBB; width:287px; height:241px; border-radius:5px; box-shadow: -1px 1px 5px #BBB; margin-left:62px;}
.calendar-block ul{margin:0; padding:0; list-style-type:none;}
.calendar-block ul li{float:left;}
.calendar-block ul li a{display:block; width:39px; height:39px; background:#F8F8F8; margin:4px; border-radius:2px; transition: all 0.5s ease;}
.calendar-block ul li a:hover{background:#9F85C6}

.glyphicon-back-arrow{vertical-align: middle; margin-top: -5px;}
.glyphicon-back-arrow:before{content: url(../content/img/back_arrow.png); }
.glyphicon-cart:before{content:url(../content/img/cart_icon.png);}
.navbar-default .navbar-nav>li>a{color:#A8A8A8}

.modal{z-index:9999999}
.custom-modal .modal-dialog{max-width: 400px;}
.custom-modal .modal-header{padding: 35px 20px 30px;}
.custom-modal .modal-body{padding: 18px 20px 17px;}
.custom-modal .modal-footer{padding: 24px 20px;}
.custom-modal .modal-footer .additional-info{text-align: center; margin-top: 20px; margin-bottom: 0; font-family:'HelveticaNeue-Light'; color: #767676; line-height: 20px;}
.modal-title-note{text-align: center; margin: 25px 0 0;}
.modal.modal480 .modal-dialog{max-width: 480px}
.modal.modal480 .modal-body{padding: 35px}

.form-block h3{font-size: 20px; line-height: 26px; margin-top:0; color:#363434; font-family: 'ProximaNova-Regular';}
.form-block h3.modal-title{font-family: 'ProximaNova-Semibold'; font-size: 20px; color: #363434; line-height: 26px;}
.form-block hr{margin-left: -45px; margin-right: -45px;}
.form-block h4{color: #000;}
.form-block input[type=text], .form-block input[type=email], .form-block input[type=password], .form-block input[type=tel], select.form-control {
    background: #f1f1f1;
}
.form-block .form-control{height:48px; box-shadow:none; border:none;}
.form-block label{font-family:'HelveticaNeue-Light', sans-serif; font-weight:normal; color:#767676;}
.form-block a.form-link{font-family:'HelveticaNeue-Light', sans-serif;}
.form-wrapper-title {margin-bottom:30px;}
.form-wrapper-title h2{color:#fff; margin-top:0; font-size: 24px; line-height: 36px;}
.form-wrapper-title p{margin-bottom:0;}
.form-wrapper-title.right{margin-top:84px; margin-bottom:24px;}
.form-wrapper-title.right h2{font-size:20px; margin-bottom: 15px;}

.main-content{padding:50px 0;}
.content-title{margin-top: 0; color:#212121;}
.text-intro{font-size: 16px; color: #6C6C6C; line-height: 26px; margin-bottom: 60px}
.video-wrapper{max-width: 620px; min-height: 300px; margin:0 auto 45px; background: #F4F4F4;}
.sidebar{padding:50px 0;}
 .p-number {
        font-size:0.8em;
    }
.title-name {
            /*font-size:0.3em;*/
            font-size: 0.7em;
    line-height: 27px;
    padding-bottom: 35px;
    width: 70%;
    text-align: center;
    display:table-cell;
}
.mobile-nav{padding:9px 0; border-bottom:1px solid #DFDFDF;}
.mobile-nav .dropdown .btn{border:0; display: block; width: 100%; text-align: left; border-radius:0; padding:0 0 15px 0;}
.mobile-nav .dropdown .btn:hover, .nav-dropdown .dropdown .btn:focus, .nav-dropdown .dropdown .btn:active{background:#fff !important; box-shadow:none; outline:none;}
.mobile-nav .dropdown .btn:before{content: " "; background: url(../content/img/dropdown_arrowup.png) center center no-repeat; position: absolute; width: 10px; height: 6px; right: 10px; top: 50%; margin-top: -3px;}
.mobile-nav .dropdown .btn.collapsed:before{background-image:url(../content/img/dropdown_arrow.png);}

.mobile-nav .nav-dropdown-item img, .mobile-nav .nav img{display: inline-block; margin-right: 10px; width: 32px;}
.mobile-nav .nav-dropdown-item h4, .mobile-nav .nav h4{display: inline-block;}
.mobile-nav .collapse .nav-dropdown-item, .mobile-nav .collapsing .nav-dropdown-item{padding: 7.5px 0; border-bottom: 1px solid #DFDFDF}
.mobile-nav .collapse .nav-dropdown-item:last-child, .mobile-nav .collapsing .nav-dropdown-item:last-child{margin-bottom:0;}
.mobile-nav .collapse .nav-dropdown-item:hover{background: #4BBAE6;}
.mobile-nav .collapse .nav-dropdown-item:hover h4{color:#fff;}

.disc-wrapper{font-family:'ProximaNova-Regular';}
.disc-wrapper .title{font-size: 12px; background: url(../content/img/star_icon.png) center left no-repeat transparent; padding-left: 20px; color: #474747; float: left; width: 78px;}
.disc-wrapper ul{margin:0; padding: 0; list-style: none; color: #777777; float: left;}
.disc-wrapper ul li{margin-bottom: 5px; font-size: 12px;}
.disc-wrapper ul li:last-child{margin-bottom: 0}

/*.cart-wrapper{background: #fff; padding: 20px 25px; margin:95px 0 90px}
.cart-wrapper.w740{max-width: 740px; margin:95px auto 90px}
.cart-header{padding: 0 25px 20px; border-bottom: 1px solid #DFDFDF; margin: 0 -25px;}
.cart-header h2{margin:0; font-size: 22px; color: #000; line-height: 26px;}
.cart-header .form-inline{position: relative; min-width: 340px; text-align: right;}

.cart-header .form-inline .form-control{height: 34px !important; margin-right: 15px;}
.cart-header .coupon-field-wrapper{position: absolute; top: 0; right: 0; background: #fff; display: none;}
.cart-content{border-bottom: 1px solid #DFDFDF; margin: 0 -25px; padding: 0 25px; display: table;}

.cart-content.no-sidebar .cart-table-wrapper{border-right: 0;}
.cart-sidebar{padding: 50px 0;}
.cart-sidebar h3{margin: 30px 20px; font-size: 16px; color: #2C2C2C; line-height: 19px;}
.cart-table-wrapper{border-right: 1px solid #DFDFDF; min-height: 372px}
.cart{margin: 0 45px 0 0; padding: 0; list-style: none;}
.cart > li{padding: 28px 0 28px; border-bottom: dashed 1px #DFDFDF; background: url(../content/img/star_white.png) left center no-repeat transparent; padding-left: 58px; }
.cart > li:last-child{border-bottom: 0}
.cart .glyphicon{margin-right: 5px;}
.cart h3{margin: 0 0 5px; font-size: 18px; color: #474747; line-height: 26px;}
.cart .disc-wrapper{margin-bottom: 5px;}
.cart-detail{float:left; width:320px;}
.cart-control{float:left;}
.cart-control input, .cart-control a{display: inline-block; }
.cart-control a{margin-left: 15px;}
.payfull a{font-size: 12px;}
.cart-total{padding-top: 25px;}
.cart-total h3{font-size: 20px; line-height: 26px; margin: 0 0 5px;}
.cart-total span{color: #CCCCCC;}
.coupon-link{display: inline-block; margin-top: 5px;}
.cart-footer p{font-size: 12px; color: #FBB03B; line-height: 12px;}

.cart-wrapper.w740 .cart{margin: 0;}
.cart-wrapper.w740 .cart-detail{width: 75%;}
.cart-wrapper.w740 .cart-content{display: block}
.cart-wrapper.w740 .cart-command{border-top:1px solid #DFDFDF; margin: 0 -25px; padding: 25px 25px 0;}
.cart-wrapper.w740 .cart-footer{padding-top: 45px; padding-bottom: 45px;}
.cart-wrapper.w740 .cart-table-wrapper{min-height: 0;}*/

.btn.btn-default-size{padding: 15px 35px;}
.btn-trial{padding: 18px 15px;}
.btn-support{position:absolute; right:0; top:50%; margin-right:-64px; margin-top:50px; transform: rotate(-90deg); transform-origin: left top 0; padding:15px 24px; border:0; border-radius:3px 3px 0 0 !important; text-shadow:none; background:#4BBAE7;}
.btn-support:hover, .btn-support:active, .btn-support:focus{background:#4BBAE7;}
.btn{border-radius:3px;}
.btn-signin{background:rgba(255,255,255,.5); padding:8px 18px; color:#333}
.btn.btn-noborder{border: 0}

.btn-success {font-family: 'HelveticaNeue-Light';position: relative; background-color: #5FD080;-webkit-box-shadow: 0px 4px 0px #33BF5C; -moz-box-shadow: 0px 4px 0px #33BF5C;    box-shadow: 0px 4px 0px #33BF5C; -webkit-transition: all .1s ease;	-moz-transition: all .1s ease;	-ms-transition: all .1s ease;	-o-transition: all .1s ease; transition: all .1s ease;	border:0; font-size:16px; letter-spacing: 1px;}
.btn.btn-success.btn-lg{padding:20px 30px;}
.btn.btn-success.btn-md{padding:16px 30px;}
.btn.btn-success.btn-sm{padding:10px 30px;}
.btn-success:hover, .btn-success:active, .btn-success:focus{background: #5FD080;}
.btn-success:active {-webkit-box-shadow: 0px 1px 0px #33BF5C;-moz-box-shadow: 0px 1px 0px #33BF5C; box-shadow: 0px 1px 0px #33BF5C; position: relative; top: 2px;}

.btn-grey {font-family: 'HelveticaNeue-Light';position: relative; background-color: #C6CCD2; -webkit-box-shadow: 0px 4px 0px #AEB4BA; -moz-box-shadow: 0px 4px 0px #AEB4BA; box-shadow: 0px 4px 0px #AEB4BA; -webkit-transition: all .1s ease;  -moz-transition: all .1s ease;  -ms-transition: all .1s ease;  -o-transition: all .1s ease;  transition: all .1s ease;  border:0;font-size:15px;}
.btn.btn-grey.btn-lg{padding:20px 30px;}
.btn.btn-grey.btn-md{padding:16px 30px;}
.btn.btn-grey.btn-sm{padding:10px 30px;}
.btn-grey:hover, .btn-grey:active, .btn-grey:focus{background: #C6CCD2;}
.btn-grey:active {-webkit-box-shadow: 0px 1px 0px #AEB4BA;-moz-box-shadow: 0px 1px 0px #AEB4BA; box-shadow: 0px 1px 0px #AEB4BA;position: relative;top: 2px;outline: none;}

.btn-default{color:#4FB4E6; padding: 8px 20px;}

input[type=checkbox].css-checkbox {position: absolute; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
input[type=checkbox].css-checkbox + label.css-label {padding-left:20px;	height:15px; 	display:inline-block;	line-height:15px;	background-repeat:no-repeat;	background-position: 0 0; vertical-align:middle;cursor:pointer;}
input[type=checkbox].css-checkbox:checked + label.css-label {background-position: 0 -15px;}
.css-label{background-image:url(../content/img/dark-check-green.png);}
input[type=checkbox].css-checkbox.med + label.css-label.med {padding-left:22px;height:17px; display:inline-block;line-height:17px;background-repeat:no-repeat;background-position: 0 0; vertical-align:middle;cursor:pointer;}
input[type=checkbox].css-checkbox.med:checked + label.css-label.med {background-position: 0 -17px;}
.lite-green-check{background-image:url(../content/img/elegant.png);}

/*header*/
.header{background:#4BBAE6; height:397px;}
.header-small{height: 300px;}
.header.dark{background: #2D3339; color: #fff;}
.header.dark h1, .header.dark h2, .header.dark h3, .header.dark h4, .header.blue h1, .header.blue h2, .header.blue h3, .header.blue h4{color:#fff;}
.header.dark h1{font-family:'HelveticaNeue-Light'; font-size: 40px; line-height: 54px; margin-top: 50px; margin-bottom: 14px;}
.header.dark h3{font-family:'ProximaNova-Regular'; font-size: 20px; line-height: 26px; margin: 0}
.header.blue{background: #4BBAE6;}
.header.blue h1{font-family: 'ProximaNova-Regular'; font-size: 40px; line-height: 54px;}
.header.blue h3{font-size: 18px;}
.header-featured-center .display-table{/*height: 300px; */width: 100%}
.header.blue .container, .header.blue .row, .header.blue .col-xs-12, .header.blue .display-table{height: 100%}

.grey{background:#f4f4f4;}
.glyphicon-lesson:before{content:url(../content/img/lesson_sample_graphic.png);}
.glyphicon-lesson{vertical-align: middle; margin-right: 15px; margin-top: -2px}
.glyphicon-document{vertical-align: middle; margin-top: -3px; margin-left: 10px;}
.glyphicon-document:before{content:url(../content/img/document_icom_white.png);}
.glyphicon-right-arrow-small:before{content: url(../content/img/arrow-small.png);}

.footer-mega{padding:45px 0;}
.footer-title{margin-bottom:40px; margin-top:0; font-size:24px; line-height:26px; color:#585858;}
.footer-menu{border-top:1px solid #fff; border-bottom:1px solid #fff; padding:40px 0;}
.footer-menu ul{list-style:none; margin:0; padding:0;}
.footer-menu h4{margin-top:0; margin-bottom: 19px; font-size:17px; line-height: 23px; color:#666666;}
.footer-menu a{font-size: 14px;color: #666666;line-height: 28px; display:inline-block}
.footer-info{padding: 30px 0;}
.footer-info p{font-size: 16px; color: #BBBBBB; line-height: 21.33px; margin:0}
.footer-menu .middle{margin-left:30px;}

.form-inline .form-control{height: 42px !important;}
.footer-mega .form-control{border-radius:0; border: 0; width: 270px;}
.form-inline button{padding-right: 15px; padding-left: 15px; height: 38px; top: -1px; font-size: 14px; margin-left:10px}

.blue-footer{background: #4BBAE6; color:#fff; padding: 26px 0;}
.blue-footer a{color:#fff}
.blue-footer a.btn{color:#4FB4E6}
.blue-footer a.footer-logo{  display: block; height: 38px; line-height: 38px;}
.blue-footer .col-xs-12{min-height: 38px;}
.blue-footer .footer-statement{margin-top: 10px;}

.left-sidebar{padding-top: 50px;}
.sidebar-subscribe-form{background: #2D3339; padding: 20px; border-radius: 3px; color:#E2E2E2;}
.sidebar-subscribe-form .form-title{font-size: 22px; color: #FFFFFF; line-height: 26px; margin-top: 0;}
.sidebar-subscribe-form .form-control-wrapper{margin-bottom: 20px;}
.sidebar-subscribe-form .form-control{height: 47px; border:0;}

.article-nav{margin-bottom: 15px;}
.post-title{margin: 34px 0; font-family: 'ProximaNova-Regular';}
article{margin-bottom: 68px;}
article p{line-height: 24px; font-size: 16px; font-family: 'HelveticaNeue-Light';}
article h2, article h3, article h4{margin: 30px 0 24px; font-family: 'ProximaNova-Regular';}
.article-author{font-size: 16px; color:#C4C4C4; margin-bottom: 15px;}

.faq-nav-wraper h4{font-size: 16px; color: #000; line-height: 26px;}
.faq-nav-wraper ul{margin: 0; padding: 0; list-style: none;}
.faq-nav-wraper ul li{margin: 12.5px 0;}
.faq-nav-wraper ul li a{font-family: 'ProximaNova-SemiBold'; font-size: 16px; line-height: 26px;}
.faq-item{margin-bottom: 50px;}

.testimonial-hero{background:#2D3339; color:#fff; overflow: hidden;}
.testimonial-hero .testi-title{font-family: 'ProximaNova-Regular'; font-size: 16px; color: #FFFFFF; line-height: 26px;}
.testi-left{padding: 30px 0;}
.testimonial-hero h3{font-family: 'ProximaNova-Regular'; font-size: 24px; color: #FFFFFF; line-height: 36px;}

.backhome-wrapper{background: #4BBAE6; padding: 28px 0;}
.backhome-wrapper a{color:#fff;}

#navtop .navbar-nav>li>.dropdown-menu.custom{min-width: 200px; padding: 15px; left:auto;}
#navtop .navbar-nav>li>.dropdown-menu.custom .form-control{background: #F1F1F1; border: 0; box-shadow: none;}
#navtop .navbar-nav>li>.dropdown-menu.custom h4{color:#000;}
#navtop .navbar-nav>li>.dropdown-menu.custom .btn{font-size: 14px; padding: 10px 15px;}

.teacher-modal-detail h4{font-size: 18px; color: #4FB4E6; line-height: 26px; margin: 30px 0;}
.teacher-modal-photo{text-align: center;}

.label.label-white{background: white; color: #4bbae6; padding: 5px 15px; font-size: 10px;}
.slider-tick, .slider-tick.in-selection{background: #BABABA;}
.slider.slider-horizontal .slider-track{height: 8px; margin-top: -3px;}
.slider.slider-horizontal .slider-tick{width: 8px; height: 8px; margin-left: -8px; margin-top: 0px;}
.slider.slider-horizontal .slider-handle{margin-top: -7px; background: #4bbae6;}

/*slider control*/
.slider.slider-horizontal{width: 100%}
.slider-track-high, .slider-selection.tick-slider-selection{background: #D8D8D8}
.custom-tooltip{background-color: #000; width: 114px; height: 116px; color: #fff; text-align: center;}
.tooltip-value{font-size: 58px; border-bottom: 2px solid rgba(150, 150, 150, 0.29); margin: 0 10px; padding-top: 5px;}
.tooltip-text{font-size: 10px; padding: 10px;}
.slider .tooltip.top{margin-top: -145px;}

.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15 {position: relative;min-height: 1px; padding-right: 10px;padding-left: 10px;}
.col-xs-15 {width: 20%;float: left;}
.unmute{background-image: url(../content/img/mute.png);background-size: cover;width:35px;height:30px;cursor: pointer;}
.mute {background-image: url(../content/img/unmute.png);}

@media (min-width: 768px) {
    .col-sm-15 {width: 20%;float: left;}
    .custom-modal .modal-dialog{width: 340px;}

    .modal760 .modal-dialog{width: 760px;}
    .teacher-modal-photo{float: left;}
    .teacher-modal-detail{padding-left: 430px; color: #6c6c6c; line-height: 22px;}
}
@media (min-width: 992px) {
    .col-md-15 {width: 20%;float: left;}
    #navtop .navbar-nav>li>.dropdown-menu{width: 160px; padding:8px 0 0; border-radius: 5px; left: 25px;}
    #navtop .navbar-nav>li>.dropdown-menu>li>a{padding: 9px 20px;}
    .section-link.text-center a{margin-left: -40px;}
    .intro .vid-bg{display: block;}
    .container {padding: 0;}
    .sidebar-subscribe-form{max-width: 270px;}
}
@media (min-width: 1200px) {
    .col-lg-15 {width: 20%; float: left;}
}
@media (max-width: 1199px){
    .cart-detail, .cart-control{float: none; display: block; width: 100%}
    .cart-wrapper.w740 .cart-detail{float: left; width: 75%;}
    .cart-wrapper.w740 .cart-control{float: left; width: 25%;}
    .cart-wrapper.w740 .cart-content{display: block}
    .cart-control{margin-top: 20px;}
}

@media screen and (min-width: 60em){
  .intro{min-height: 40rem; height: 100vh;}
}
@media (max-width:990px){
    #navtop .navbar-collapse{background: #fff;}
    #navtop .navbar-toggle{margin-top:15px; margin-bottom:15px;}
    #navtop.affix-top{position:fixed; top:0; width:100%; background:#F8F8F8}
    .header-default #navtop.affix-top{background: #fff}

    .courses-item{margin:0 auto 20px;}
    #navtop .navbar-nav>li>a, #navtop .navbar-nav>li>a.cartlink{padding:10px 15px; color:#A8A8A8;}
    #navtop.affix-top{background:transparent; position:fixed; top:0; width:100%; /*border-bottom: 1px solid #FFF;*/}
    #navtop .btn-signin{display: block;}
    #navtop .navbar-form.navbar-right{padding-left: 15px}
    #navtop .cartlink{padding-left: 0; color:#A8A8A8; display: block; top: 0}
    #navtop .cartlink:before{display: none;}
    .navbar-nav .open .dropdown-menu {position: static; float: none; width: auto; margin-top: 0; background-color: rgba(0, 0, 0, 0);border: 0; -webkit-box-shadow: none;box-shadow: none;}
    .navbar-nav .open .dropdown-menu {position: static; float: none; width: auto; margin-top: 0; background-color: rgba(0, 0, 0, 0);border: 0; -webkit-box-shadow: none;box-shadow: none;}
    .header-featured-center .display-table{display: table; margin-top: 0;}
    .navbar-form.navbar-right{border-top: 0; margin-top: 0; padding-top: 0;}
    .navbar-nav{margin-bottom: 0}
    .navbar-nav.navbar-right{margin-top: 0;}
    #navtop .navbar-nav>li.login-dropdown{padding-top: 0;}
    #navtop .navbar-nav>li>.dropdown-menu.custom{padding-top:0;}
    #navtop .navbar-nav>li>.dropdown-menu.custom h4{display: none;}
    #navtop .navbar-nav>li.login-dropdown>a{padding:10px 15px 20px; }
    
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}

@media screen and (min-width:992px){
    .cart-content [class*="col-"] {float: none; display: table-cell; vertical-align: middle;}
    .cart-wrapper.w740 .cart-content [class*="col-"]{display: block;}
}

@media (max-width:767px){	
	.section, .section.dark, .section.featured-section, .section.join-section{padding: 38px 0;}
	img{max-width:100%}
	.section-title{margin-top:0px; margin-bottom:18px;}
	.download-wrapper{margin-top:15px; margin-bottom:15px;}
	.download-wrapper.mobile{margin-top:31px;}
	.btn-support{display:none; /*position: relative; transform: rotate(0deg); top: 0; margin-right: 0; display: block; border-radius:3px !important*/}
	.schedule-wrapper{background:none;}
	.section-link{margin-bottom:25px; display:inline-block}
	.section-link.mobile{margin-bottom:0; margin-top:22px;}
	.display-table{display:block; min-height:0 !important;}
	.courses-item{margin:0 auto 20px; width:auto; max-width:279px;}
	.img-block{width:301px;}
	footer .navbar-brand{padding:3px 15px;}
	.intro .join-wrapper .btn-success{margin-top:25px;}
	.nav.nav-middle>li>a{padding:10px 15px; color:#fff; border-bottom:1px solid #fff;}
	.section-title.center{text-align:left; margin-bottom:17px;}
	.card.card1, .card.card3, .card.card2{margin-bottom:33px;}
	.calendar-block{margin:0 auto 25px;}

    .cart-table-wrapper{border:0;}
    .cart{margin-right: 0}
    .cart-content{padding: 0 10px;}
    .cart-table-wrapper{padding: 0}
    .cart-content .col-xs-12.col-sm-4{border-top: 1px solid #DFDFDF}
    .cart-total{text-align: left;}
    .cart-total .btn{margin-top: 15px;}
    
    .cart-content.no-sidebar{display: block;}
}
@media (min-width:890px) and (max-width:960px) {
  .intro{padding-bottom: 35px; height: 40em;}
}

@media (min-width:651px) and (max-width:890px){
	.intro{padding-bottom: 35px; height: 40em;}
	.col-xs-12.col-sm-4.col-sm-offset-6{margin-left: 50%; width: 33.33333333%;}
    .header-featured-center .display-table{display: table; margin-top: 0;}
}

@media (min-width:650px) and (max-width:780px){
	.col-xs-12.col-sm-4.col-sm-offset-6{margin-left: 40%; width: 33.33333333%;}
	.display-table{display:block; min-height:0 !important;}
	.intro .intro-join{margin-top: 50px}
	.custom-list li{margin-bottom: 27px;}
	.section .join-wrapper .btn-success{display: block; margin-top: 35px}
    .intro{min-height: 40rem; height: 100vh;}
}
@media (min-width:650px) and (max-width:779px){
    /*.intro .intro-content{padding: 0 15px;}*/
    .intro .intro-content h1{text-align: left;}
    .intro .intro-content h3{text-align: left;}
    .intro-join .btn{display: block;}
    .intro .intro-content .display-cell{padding-top: 80px;}
}
@media (max-width:649px){
	.intro{background:#4BBAE7; color:#fff; min-height: 0; padding: 55px 0 60px;height:100vh}
	.intro .intro-content{margin-top:36px; /*padding: 0 15px;*/}
	.intro .intro-title, .custom-list{color:#fff;}
	.intro .intro-content .col-xs-12{min-width:0;}
	.intro .intro-join, .intro .logo-wrapper{margin-right:30px;}
	.intro .intro-join{margin-top:30px;margin-right:0px;}
	.intro-join .btn-success, .join-wrapper .btn-success{display:block; margin-top: 5px;}
    .intro .intro-content .display-cell{text-align: left;}
    .intro .intro-content h3{font-size: 16px; line-height: 30px;margin-top:5px; margin-bottom:5px;text-align: left;}
    .intro .intro-content h1{font-size: 38px;text-align: left;}
    .intro .intro-content div#vedioImageWrapper {top:3%;}
    #navtop .navbar-brand{margin-left: 15px;}
	.nav>li>a:hover, .nav>li>a:focus{color:#000;}
	.nav.nav-middle>li:last-child>a{border-bottom:0;}
	a.navbar-toggle{color:#fff;}
	.navbar-default{background:#4BBAE7;}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:none;}
    
    .testi-left{padding: 25px; text-align: center;}
    
    .blue-footer a.footer-logo{text-align: center;}
    .blue-footer .text-right{text-align: center; margin-top: 25px;}
    .blue-footer .footer-statement{margin-top: 10px; text-align: center;}
    .blue-footer .footer-statement span{display: block;}
}
@media (max-width:480px){
	.link-arrow-icon{margin: 0;top: 0; left: 0;position: relative; display: inline-block;}
	.custom-list{font-size:15px;}
	.custom-list li{padding-top:0; margin-bottom:20px;}
    
    .cart-wrapper.w740 .cart-detail, .cart-wrapper.w740 .cart-control{float: none; width: 100%;}
    .cart-wrapper.w740 .cart-command .btn{display: block; width: 100%; margin: 10px 0;}
}

@media (max-width:320px){
	.intro{padding-bottom:52px}
	.intro .intro-title{margin-bottom:30px;}
	.custom-list{font-size:16px;}
	.intro .intro-join{margin-top:40px;}
	
	.section, .section.dark, .section.featured-section, .section.join-section, .section.dark.courses{padding:40px 0}
	.section-title{margin-bottom:24px;}
	.section-content{margin-bottom:30px;}
	.section-link.mobile{margin-top:30px;}
	.section-title.center{margin-bottom:26px;}
	.card.card1, .card.card3, .card.card2{margin-bottom:28px;}
	.download-wrapper.mobile{margin-top:40px;}
	.img-block{margin-bottom:6px;}
}