@media only screen and(max-width:767px) .home-slider @import url('fonts-googleapis.css');h1,h2,h3,h4,h5,h6{font-family:'Muli',sans-serif;font-weight:bold;line-height:inherit;}h1{color:#252525;font-size:2em;line-height:normal;}h2{color:#353535;font-size:2em;padding-bottom:10px;}h3{font-size:1.5em;margin-bottom:0;}h3,h3 a{color:#454545;}p{color:#757575;font-size:14px;font-weight:normal;line-height:24px;}html{-webkit-font-smoothing:antialiased;}body{background:#80D3C9;font-family:'Nunito',sans-serif;overflow-x:hidden;}a{color:#252525;-webkit-transition:.5s;transition:.5s;text-decoration:none!important;}a,input,button,.form-control{-webkit-transition:.5s;transition:.5s;}a:hover,a:active,a:focus{color:#BD343B;outline:none;}::-webkit-scrollbar{width:8px;height:8px;}::-webkit-scrollbar-thumb{cursor:pointer;background:#000;}
ol, ul, li {margin: 0;padding: 0;list-style: none;}
#header {width: 100%;height: 93px;z-index: 1000;}
.box-left {float: left;clear: none;}
a.logo, a:visited {transition: none;}
#header .logo {display: block;margin-right: 32px;margin-left: 42px;width: 230px;height: 93px;}
.navbar-toggle {position: relative;background-color: transparent;background-image: none;border-radius: 4px;display: none;float: right;margin: 0;width: 48px;height: 48px;border: none;padding: 15px 11px 0;margin-right: 18px;cursor: pointer;}
.navbar-toggle .icon-bar {display: block;height: 2px;border-radius: 1px;background-color: #fff;width: 26px;}
#site-access {margin-left: 208px;}
.multi-col:before, .multi-col:after, .row:before, .row:after {display: table;content: " ";box-sizing: border-box;}
.access-head {display: none;outline: none;}
.close-access, .close-access:visited {text-decoration: none;color: rgb(48, 51, 55);cursor: pointer;outline: none;transition-duration: .3s;}
.ui-element {background-image: url(../images/ui-elements.png);}
.box-left {float: left;clear: none;}
.navigation {font-size: 18px;line-height: 28px;margin-top: 10px;}
.navigation > ul > li {position: relative;float: left;padding: 25px 18px;}
.navigation > ul > li > a {display: block;}
.menu-item {border-bottom: 4px solid #00a39a;} img{}
.user-access {position: relative;width: 40px;height: 40px;border-radius:20px; margin-top:20px; margin-right:20px}
.user-access img{width: 100%;height: 100%;border-radius:20px;}
.box-right {float: right;clear: none;}
.city-access {margin-top: 32px;margin-right: 32px;}
.city-switcher, .city-switcher:hover {color: rgb(91, 96, 100);}
.ui-element {background-image: url(../images/ui-elements.png);}
.city-switcher > span {display: block;float: left;}
.city-switcher .icon {margin-right: 8px;width: 20px;height: 29px;background-position: 0 0;}
.city-switcher > span {display: block;float: left;}
.city-switcher .text {line-height: 28px;cursor:pointer}
.fade {opacity: 0;-webkit-transition: opacity .15s linear;-o-transition: opacity .15s linear;transition: opacity .15s linear;}
.modal {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1050;display: none;overflow: hidden;-webkit-overflow-scrolling: touch;outline: 0;}
.modal {z-index: 2000;}
.modal-open {overflow: hidden;}
.modal-open .modal {overflow-x: hidden;overflow-y: auto;}
.modal-dialog {margin: 0;}
.city-modal .modal-dialog {position: absolute;top: 50%;left: 50%;margin-top: -84px;margin-left: -258px;width: 516px;height: 168px;}
.modal.fade .modal-dialog {-webkit-transition: -webkit-transform .3s ease-out;-o-transition: -o-transform .3s ease-out;transition: transform .3s ease-out;-webkit-transform: translate(0, -25%);-ms-transform: translate(0, -25%);-o-transform: translate(0, -25%);transform: translate(0, -25%);}
.modal.in .modal-dialog {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);}
.modal-content {background: #FFFFFF;border: none;border-radius: 0;box-shadow: 0px 2px 2px 0px rgba(48, 51, 55, .2);position: relative;}
#modal-title-city {font-size: 22px;line-height: 30px;text-align: center;padding-top: 24px;padding-bottom: 36px;border: none;}
.modal-body {position: relative;padding: 15px;}
.city-modal .modal-body {min-height: 78px;}
.city-modal .modal-body {padding: 10px 18px;}
.city-list {text-align: center;}
.btn {font-size: 14px;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.btn {padding: 10px 36px;line-height: 22px;}
.btn-list {background: #FFFFFF;border: 1px solid #DAE0E6;border-radius: 4px;font-weight: normal;}
.city-item {display: inline-block;float: none;margin: 10px;}
.close-modal {position: absolute;top: -23px;right: -23px;display: block;width: 46px;height: 46px;border-radius: 50%;background: rgb(48, 51, 55);}
.ui-element {background-image: url(../images/ui-elements.png);}
.close-modal .close-icon {display: block;margin-top: 11px;margin-left: 11px;width: 24px;height: 24px;background-position: -298px 2px;}
#user-panel {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 30%;
    background-color: #ffffff;
    z-index: 1000;
    display: none;
    box-shadow: -3px 0px 3px 0px rgba(48, 51, 55, .2);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
#user-panel .close-user {
    display: block;
    padding: 18px;
}
.ui-element {
    background-image: url(../images/ui-elements.png);
}
#user-panel .panel-head span {
    display: block;
    float: left;
    font-size: 12px;
    line-height: 12px;
}
#user-panel .panel-head .icon {
    width: 11px;
    height: 11px;
    background-position: -250px -500px;
    margin-right: 6px;
}
#user-panel .panel-head span {
    display: block;
    float: left;
    font-size: 12px;
    line-height: 12px;
}
#user-panel .panel-body {
    padding: 18px;
    position: absolute;
    top: 56px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: scroll;
}
#user-panel .user-info {
    margin-bottom: 24px;
}
#user-panel .avatar {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto 12px;
}
#user-panel .user-info .username {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding-top: 0;
}
#user-panel .link-list {
    margin-bottom: 24px;
}
#user-panel .link-list a {
    display: block;
    line-height: 24px;
    padding: 12px 0;
    border-bottom: #DAE0E6 solid 1px;
}
.btn-regular {
    border: #A3A8B0 solid 1px;
    color: #5B6064;
    font-size: 14px;
    line-height: 22px;
    padding: 4px 18px;
}
#user-panel .btn-regular {
    float: none;
    width: 100%;
    margin-right: 0;
    padding: 8px;
}
@media (min-width: 768px)
{
.navbar-toggle {display: none;}
}
.section-title{padding-top:20px;}
.section-title h2{margin:0;}
.section-title small{display:block;}
.overlay{background:rgba(20,20,20,0.5);position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;}
.entry-form{background:#454545;text-align:center;padding:6em;width:100%;height:100%;}
.entry-form h2{color:#fff;margin:0;}
.entry-form .form-control{background:transparent;border:0;border-bottom:1px solid;border-radius:0;box-shadow:none;height:45px;margin:10px 0;}
.entry-form .submit-btn{background:#fff;border-radius:50px;border:0;color:#252020;width:50%;height:50px;margin:30px auto;margin-bottom:10px;}
.entry-form .submit-btn:hover{background:#3f51b5;color:#fff;}section{position:relative;padding:20px 0;}
#team,#testimonial{}
#google-map iframe{border:0;width:100%;height:390px;}
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
.section-btn{background:transparent;border-radius:50px;border:1px solid #fff;color:#fff;font-size:inherit;font-weight:normal;padding:15px 30px;transition:.5s;}
.section-btn:hover{background:#fff;border-color:transparent;}
.preloader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;background:none repeat scroll 0 0 #fff;}
.spinner{border:1px solid transparent;border-radius:3px;position:relative;}
.spinner:before{content:'';box-sizing:border-box;position:absolute;top:50%;left:50%;width:45px;height:45px;margin-top:-10px;margin-left:-10px;border-radius:50%;border:1px solid #575757;border-top-color:#fff;animation:spinner .9s linear infinite;}
@-webkit-@keyframes spinner{to{transform:rotate(360deg);}}
@keyframes spinner{to{transform:rotate(360deg);}
}
.custom-navbar{background:url(../images/body_bg.png) repeat-x;border-bottom:0;-webkit-box-shadow:0 1px 30px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 30px rgba(0,0,0,0.1);box-shadow:0 1px 30px rgba(0,0,0,0.1);padding:12px 0;margin-bottom:0;padding:0;}
.custom-navbar .navbar-brand{color:#454545;font-size:18px;font-weight:bold;line-height:40px;}
.custom-navbar .navbar-nav.navbar-right li a{padding-right:12px;padding-left:12px;}
.custom-navbar .navbar-nav.navbar-right li a .fa{background:#171717;border-radius:100%;color:#fff;width:30px;height:30px;line-height:30px;text-align:center;display:inline-block;margin-right:5px;}
.custom-navbar .nav li a{line-height:40px;color:#575757;padding-right:18px;padding-left:18px;}
.custom-navbar .navbar-nav>li>a:hover,.custom-navbar .navbar-nav>li>a:focus{background-color:transparent;}
.custom-navbar .nav li a:hover{background-color:#171717;color:#fff;}
.custom-navbar .nav li.active>a{background-color:#171717;color:#fff;}
.custom-navbar .navbar-toggle{border:none;padding-top:15px;}
.custom-navbar .navbar-toggle{background-color:transparent;}
.custom-navbar .navbar-toggle .icon-bar{background:#fff;border-color:transparent;}
#home{padding:0;}
#home h1{color:#fff;}
#home h3{color:#f9f9f9;font-size:16px;font-weight:300;margin:0;padding:5px 0 40px 0;}
#feature{padding:30px 0;}
#pageStyle a {height: 30px;line-height: 30px;padding: 0 11px;background:#568D87;border-radius: 3px;/*color: #fff;*/
display: inline-block;text-decoration: none;font-size: 16px;margin-bottom: 5%;color: white;outline: none;}
#pageStyle {font-size: 20px;}
#pageStyle a:hover {color: white;}
#pageStyle select {
display: inline-block;width: 100px;position: relative;vertical-align: middle;padding: 0;overflow: hidden;background-color: #fff;color: #555;border: 1px solid #aaa;text-shadow: none;border-radius: 4px;transition: box-shadow 0.25s ease;z-index: 2;}
#pageStyle select:before {
content: "";position: absolute;width: 0;height: 0;border: 10px solid transparent;border-top-color: #ccc;top: 14px;right: 10px;cursor: pointer;z-index: -2;}
#pageStyle select select {
cursor: pointer;padding: 10px;width: 100%;border: none;background: transparent;background-image: none;-webkit-appearance: none;-moz-appearance: none;}
#pageStyle select select:focus {
outline: none;}
@media(min-width:768px){.home-slider .col-md-6{padding-left:0;}
.custom-navbar .navbar-nav.navbar-nav-first{margin-left:5em;}
}
.home-slider .caption{display:flex;justify-content:center;flex-direction:column;text-align:left;background-color:rgba(20,20,20,0.2);height:100%;color:#fff;cursor:e-resize;}
.home-slider .item{background-repeat:no-repeat;background-size:cover;background-attachment:local;height:650px;}
.caption h3 a{color:#FFF;}
.caption h3 a:hover{color:#FF3;}
.home-slider .item-first{background-image:url(../images/slider-image1.jpg);}
.home-slider .item-second{background-image:url(../images/slider-image2.jpg);}
.home-slider .item-third{background-image:url(../images/slider-image3.jpg);background-position:center;}
.feature-thumb{border:1px solid #f0f0f0;padding:5em 3em;}
.feature-thumb span{background:#3f51b5;border-radius:50px;color:#fff;font-size:25px;font-weight:bold;display:inline-block;width:60px;height:60px;line-height:60px;text-align:center;margin-bottom:5px;}
.feature-thumb h3{margin:10px 0;}
#about figure{display:inline-block;vertical-align:top;margin-left:15px;}
#about figure span{float:left;margin-left:-15px;padding:15px 20px;position:relative;top:20px;}
#about figure span i{border-radius:50px;color:#fff;font-size:25px;width:50px;height:50px;line-height:50px;text-align:center;}
.team-thumb{background:#fff;position:relative;overflow:hidden;text-align:left;}
.team-info{padding:20px 30px;}
.team-image img{width:100%;}
.team-thumb .social-icon{border-top:1px solid #f0f0f0;padding:4px 20px 0 20px;}
.team-thumb .social-icon li a{background:#fff;color:#252020;}
.team-info h3{margin:0;}
#courses .section-title{text-align:center;}
#courses .owl-theme .owl-nav{margin-top:30px;}
#courses .owl-theme .owl-nav [class*=owl-]{border-radius:2px;font-size:16px;width:30px;height:30px;line-height:30px;text-align:center;padding:0;}
.courses-thumb{position:relative;}
.courses-top{position:relative;}
.courses-image{background:linear-gradient(to right,#202020,#101010);}
.courses-date{background:linear-gradient(rgba(255,0,0,0),rgba(0,0,0,0.6));width:100%;position:absolute;bottom:0;padding:20px 25px;}
.courses-date span,.courses-author span{font-size:14px;font-weight:bold;}
.courses-date span{color:#fff;display:inline-block;margin-right:10px;}
.courses-detail{padding:25px 25px 15px 25px;}
.courses-detail h3{margin:0 0 2px 0;}
.courses-info{border-top:1px solid #f0f0f0;position:relative;clear:both;padding:15px 25px;}
.courses-author,.courses-author span{display:inline-block;vertical-align:middle;}
.courses-author img{display:inline-block!important;border-radius:50px;width:50px!important;height:50px;margin-right:10px;}
.courses-price{float:right;margin-top:10px;}
.courses-price span{background:#BD343B;border-radius:2px;color:#fff;display:block;padding:3px 15px;}
.courses-price.free span{background:#3f51b5;}
.news-thumb{clear:both;position:relative;overflow:hidden;margin-bottom:30px;}
.news-thumb .news-image{float:left;width:40%;margin-right:30px;}
.news-info h3{margin-top:5px;margin-bottom:10px;}
.news-date span{color:#909090;font-weight:bold;}
#testimonial .item{text-align:left;}
#courses .col-md-4,#testimonial .col-md-4{display:block;width:100%;}
#testimonial .item>p{font-size:16px;line-height:26px;}
.tst-rating{margin-bottom:15px;}
.tst-rating .fa{color:#3f51b5;}
.tst-image,.tst-author{display:inline-block;vertical-align:middle;margin-bottom:20px;text-align:left;}
.tst-image img{border-radius:50px;width:60px!important;height:60px;margin-right:15px;}
.tst-author h4{margin:0;}
.tst-author span{color:#808080;font-size:14px;}
#contact{background:#3f51b5;}
#contact h2{color:#fff;}
#contact .section-title{padding-bottom:20px;}
#contact h2>small,#contact p,#contact a{color:#f9f9f9;}
#contact-form{padding:1em 0;}
#contact-form .col-md-12,#contact-form .col-md-4{padding-left:0;}
#contact-form .form-control{border:0;border-radius:5px;box-shadow:none;margin:10px 0;}
#contact-form input{height:50px;}
#contact-form input[type='submit']{border-radius:50px;border:1px solid transparent;}
#contact-form input[type='submit']:hover{background:transparent;border-color:#fff;color:#fff;}
footer{padding:30px 0;}
footer .section-title{padding-bottom:10px;}
footer h2{font-size:20px;}
footer a,footer p{color:#909090;}
footer strong{color:#d9d9d9;}
footer .address p{margin-bottom:0;}
footer .social-icon{margin-top:25px;}
.footer-info{margin-right:2em;}
.footer-info h2{padding:0;}
.footer_menu h2{margin-top:2em;}
.footer_menu ul{margin:0;padding:0;}
.footer_menu li{display:inline-block;list-style:none;margin:5px 10px 5px 0;}
.newsletter-form .form-control{background:transparent;border-radius:0;box-shadow:none;border:0;border-bottom:1px solid #303030;height:50px;margin:5px 0;}
.newsletter-form input[type="submit"]{background:transparent;border:1px solid #f9f9f9;border-radius:50px;color:#fff;display:block;margin-top:20px;outline:none;width:50%;}
.newsletter-form input[type="submit"]:hover{background:#BD343B;border-color:transparent;}
.newsletter-form .form-group span{color:#909090;display:block;font-size:12px;margin-top:20px;}
.social-icon{position:relative;padding:0;margin:0;}
.social-icon li{display:inline-block;list-style:none;margin-bottom:5px;}
.social-icon li a{border-radius:100px;color:#BD343B;font-size:15px;width:35px;height:35px;line-height:35px;text-decoration:none;text-align:center;transition:all .4s ease-in-out;position:relative;margin:5px 5px 5px 0;}
.social-icon li a:hover{background:#BD343B;color:#fff;}
@media screen and(max-width:1170px){.custom-navbar .navbar-nav.navbar-nav-first{margin-left:inherit;}
}
@media only screen and(max-width:992px){section,footer{padding:60px 0;}
.home-slider .item{background-position:center center;}
.feature-thumb,.about-info,.team-thumb,.footer-info{margin-bottom:50px;}
.contact-image{margin-top:50px;}
}
@media only screen and(min-width:768px) and(max-width:991px){.custom-navbar .nav li a{padding-right:10px;padding-left:10px;}
}
.pc_show{display:block}
.mb_show{display:none}
@media( max-width: 767px){
.home-slider .item {height: 280px;}
.pc_show{display:none}
.mb_show{display:block}
}
@media only screen and(max-width:767px){h1{font-size:2.5em;}h1,h2,h3{line-height:normal;}
.custom-navbar{background:#fff;-webkit-box-shadow:0 1px 30px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 30px rgba(0,0,0,0.1);box-shadow:0 1px 30px rgba(0,0,0,0.1);padding:10px 0;text-align:center;}
.custom-navbar .navbar-brand,.custom-navbar .nav li a{line-height:normal;}
.custom-navbar .nav li a{padding:10px;}
.custom-navbar .navbar-brand,.top-nav-collapse .navbar-brand{color:#252525;font-weight:600;}
.custom-navbar .nav li a,.top-nav-collapse .nav li a{color:#575757;}
.custom-navbar .navbar-nav.navbar-right li{display:inline-block;}
.footer-info{margin-right:0;}
.footer-info.newsletter-form{margin-bottom:0;}
.entry-form{display:block;margin:0 auto;}
.custom-navbar .navbar-nav.navbar-nav-first {margin-left:0;}
}
@media only screen and(max-width:580px){h2{font-size:1.8em;}
#testimonial .item{padding:2em;}
.contact-image{margin-top:0;}
}
@media only screen and(max-width:480px){h1{font-size:2em;}
#home h3{font-size:14px;}
.entry-form{border-radius:0;padding:2em;max-width:100%;max-height:100%;width:inherit;height:inherit;}
}
@media (max-width: 767px)
{
#header {height: 49px;/*position: fixed;top: 0;right: 0;left: 0;*/background: #80D3C9;}
#header .logo {margin-top: 0;margin-left: 18px;width: 99px;height: 48px;}
.logo{background-size: 200px auto;}
.navbar-toggle {display: block;}
#site-access {opacity: 0;/* -webkit-transform: translateY(-200%); */
    -moz-transform: translateY(-200%);-o-transform: translateY(-200%);transform: translateY(-200%);}
#header #site-access {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: #393C3E;margin-left: 0;z-index: 1200;padding: 18px 24px;}
.access-head {display: block;height: 52px;padding-top: 6px;padding-bottom: 24px;border-bottom: #5A5E61 solid 1px;margin-bottom: 12px;}
.close-access {display: block;height: 22px;width: auto;float: left;}
#site-access a, #site-access a:visited {color: #ffffff;}
.close-access > span {display: block;float: left;margin-right: 8px;line-height: 22px;}
.close-access .icon {width: 22px;height: 22px;background-position: -300px 0;}
.close-access > span {display: block;float: left;margin-right: 8px;line-height: 22px;}
#site-access .access-container {overflow-y: scroll;position: absolute;top: 70px;right: 24px;bottom: 0;left: 24px;}
#site-access .navigation {float: none;}
#site-access .navigation li {padding: 0;}
#site-access .navigation > ul > li {float: none;}
#site-access .user-access.user-unlog {float: none;padding-right: 0;}
#site-access a, #site-access a:visited {color: #ffffff;}
#site-access .user-access.user-unlog > a {float: none;margin-right: 0;}
.city-access.box-right {border-top: #5A5E61 solid 1px;float: none;padding-top: 24px;margin-right: 0;height: 72px;}
#site-access a, #site-access a:visited {color: #ffffff;}
#site-access .navigation li a, #header #site-access .navigation .sub-menu a {
    padding: 12px 0;
}
.city-switcher .icon {background-position: -50px 0;}
#site-access.accessIn {
    -webkit-animation: accessAniIn .2s ease-out;
    -moz-animation: accessAniIn .2s ease-out;
    -o-animation: accessAniIn .2s ease-out;
    animation: accessAniIn .2s ease-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2)
{
.ui-element {background-image: url(../images/ui-elements@2x.png);background-size: 500px auto;}
}