@font-face {
    font-family: 'utm_alexander';
    src: url('../fonts/utm_alexander.otf');
    src: url('../fonts/utm_alexander.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*----- reset -----*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, dl, dt, dd, ul, li, fieldset, form, label, legend {border: 0; font-family: inherit; font-size: 100%; margin: 0; outline: 0; padding: 0; }
:focus {outline: 0; }
ol,ul {list-style: none; }
img {width: auto\9; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; }
table {border-collapse: collapse; border-spacing: 0; width: 100%; }
html,body {height: 100%; } 
/*----- common -----*/
body {background-color: #fff; color: #000; font: normal normal 100% Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: .75em; }
h1,h2,h3, h4, h5, h6 {line-height: normal; font-weight: normal; }
input,select,textarea {color: #38444f; font: normal normal 1em Arial, Helvetica, sans-serif; }
input:focus,select:focus,textarea:focus,a:link,a:visited,a:hover,a:focus {outline: none; } a:link,a:visited,a:hover,a:focus {text-decoration: none; }
a:link,a:visited {color: #000; }
a:hover,a:focus {color: #43f812; }
.clear {clear: both; }

/*===================================================================*/
body{background: url(../images/front/bg_slider.jpg) no-repeat; background-attachment: fixed;width: 100%; height: 100%;background-size: cover; }
#wrapper{width: 1230px; margin: auto;box-shadow: 0px 3px 6px #000;}

#header{border-top: 4px solid #8ec63f; padding: 40px 0 30px; margin-top: 80px; background: #fff}
.header-bot{width: 100%; background: #323a45; margin-top: 40px; position: relative;}
.header-bot .search{width: 270px; float: right;position: relative;border-left: 1px solid #242a32;}
.header-bot .search input{background: transparent; border: none; border-radius: 0; height: 50px; border-left: 1px solid #38414e; box-shadow: 0 0 0 transparent !important; font: italic 400 13px/20px 'Open Sans', sans-serif; color: #aeb7c4;}
.header-bot .search button{position: absolute; top: 0;right: 0; width: 50px;height: 50px; background: #fcb905 url(../images/front/sprite.png) no-repeat -57px 0; border: none; padding: 0; text-indent: -9999px; display: block;}

.block-menu{float: left; border-right: 1px solid #242a32;}
.block-menu ul li{float: left;}
.block-menu ul li a{display: block; font: 400 14px/20px 'Open Sans', sans-serif; text-transform: capitalize; padding: 15px 20px; border-left: 1px solid #242a32; border-right: 1px solid #38414e; color: #d3dae4;transition: all .4s ease;}
.block-menu ul li.active a,
.block-menu ul li a:hover{background: #7ebd25; border-color: #7ebd25; color: #fff;}

#content{background: #fff;}

.slider{overflow: hidden; position: relative; max-height: 400px;}
.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child {position: relative; display: block; float: left; }
.rslides img {display: block; height: auto; float: left; width: 100%; border: 0; }
.slider .txt{position: absolute; width: 100%; height: 100%;top: 0; left: 0;}
.slider .table{display: table;width: 100%;height: 100%;}
.slider .table-cell{display: table-cell;width: 100%;height: 100%; vertical-align: middle; }
.slider .table-cell .text{text-align: center;float: right;margin-right: 15%;}
.slider .table-cell h4{font: italic 400 26px/40px 'Open Sans', sans-serif; color: #fff; text-transform: capitalize; width: 390px; border: 5px solid #b8b68d; background: #fcb905; display: inline-block; padding: 8px 0; border-radius: 4px;}
.slider .table-cell p{font: 400 18px/20px 'Open Sans', sans-serif; color: #fff; margin-top: 10px;}

.rslides_tabs{text-align: center; position: absolute; bottom: 20px; z-index: 10; width: 100%;}
.rslides_tabs li{display: inline-block;padding: 0 5px;}
.rslides_tabs li a{display: block; width: 15px; height: 15px; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat -40px -7px;}
.rslides_tabs li.rslides_here a{background: url(../images/front/sprite.png) no-repeat -22px -7px;}

h3{font: 600 18px/20px 'Open Sans', sans-serif; color: #333;text-transform: uppercase; padding-bottom: 5px;border-bottom: 1px solid #ccc; display: inline-block;margin-bottom: 20px;}
h3:before{content: ''; width: 20px; height: 15px; display: inline-block; background: url(../images/front/sprite.png) no-repeat 0 -27px; margin-right: 10px;}
.top-content{overflow: hidden; margin-bottom: 30px;}
.top-content .col-md-9{border-right: 1px solid #eee;}
.top-content .col-xs-12{padding-top: 30px;}
.top-content p{font: 400 13px/20px 'Open Sans', sans-serif; color: #555; margin-bottom: 20px;}
.top-content p:last-child{margin-bottom: 0;}

.block-slider{padding-bottom: 45px;}
.block-slider .title{overflow: hidden; margin-bottom: 20px;}
.block-slider .avar{width: 70px; height: 70px; overflow: hidden; border-radius: 100%; float: left; margin-right: 10px;}
.block-slider .avar img{width: 70px; height: 70px; border-radius: 100%;display: block;}
.block-slider h4{font: 600 14px/20px 'Open Sans', sans-serif; color: #333;text-transform: uppercase; padding-top: 15px;}
.block-slider span{font: italic 400 13px/20px 'Open Sans', sans-serif; color: #666;}


.block-cource{margin-bottom: 30px;}
.block-cource ul li{width: 20%;float: left;margin-bottom: 20px;}
.block-cource ul li .detail{position: relative;}
.block-cource ul li .bg{width: 100%;height: 100%;display: block;background: url(../images/front/bg_img.png) no-repeat; content: '';position: absolute; left: 0;top: 0; transition: all .2s ease;}
.block-cource ul li:hover .bg{background: transparent;}
.block-cource ul li a.img{position: relative; max-height: 295px;display: block;}
.block-cource ul li a.img:before{content: ''; position: absolute; top: 2%; left: 2%; transition: all .2s ease;}
.block-cource ul li a.img:after{content: ''; position: absolute; bottom: 2%; right: 2%; transition: all .2s ease;}

.block-cource ul li a.img:hover:before{width: 96%;height: 96%; border-top: 1px solid #5c656a; border-bottom: 1px solid #5c656a;}
.block-cource ul li a.img:hover:after{width: 96%;height: 96%; border-right: 1px solid #5c656a; border-left: 1px solid #5c656a;}

.block-cource ul li h4{overflow: hidden; margin: 15px 0 5px;text-transform: uppercase;}
.block-cource ul li h4 a{font: 600 14px/20px 'Open Sans', sans-serif; color: #2c2c2c;}
.block-cource ul li p{font: 400 13px/20px 'Open Sans', sans-serif; color: #6a6a6a;}
.block-cource ul li p:after{content: ''; width: 70px; height: 1px; display: block; background: #ccc; margin-top: 15px;}


.slick-dots{position: absolute; bottom: -45px; z-index: 10; width: 100%;}
.slick-dots li{display: inline-block;padding: 0 5px;}
.slick-dots li button{display: block; width: 15px; height: 15px; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat -22px -54px; padding: 0; margin: 0;border: 0;}
.slick-dots li.slick-active button{background: url(../images/front/sprite.png) no-repeat 0 -54px;}

.block-teacher{background: url(../images/front/bg_tc_mt.png) no-repeat; background-size: cover; padding: 45px 0;text-align: center; margin-bottom: 45px;}
.block-teacher h3{text-align: center;color: #fff;border-color: #fff;}
.block-teacher h3:before{display: none;}
.block-teacher .txt-info{width: 770px; margin: auto;overflow: hidden;text-align: left;}
.block-teacher .avar{width: 170px; height: 170px; overflow: hidden; float: left; margin-right: 30px;border-radius: 100%;}
.block-teacher .avar img{width: 170px; height: 170px; display: block;}
.block-teacher h4{font: 600 14px/20px 'Open Sans', sans-serif; padding: 20px 0 5px;color: #fff;}
.block-teacher p{font: 400 13px/20px 'Open Sans', sans-serif; color: #fff;}

.block-news{margin-bottom: 25px;}
.block-news .col-md-4{margin-bottom: 20px;}
.block-news a.img{display: block;}
.block-news h4{height: 40px; overflow: hidden; margin: 15px 0 5px;}
.block-news h4 a{font: 600 14px/20px 'Open Sans', sans-serif; color: #333;}
.block-news p{font: 400 13px/20px 'Open Sans', sans-serif; color: #555;margin-bottom: 5px;}
.block-news span{font: 400 13px/20px 'Open Sans', sans-serif; color: #9c9c9c;}


#footer{border-top: 4px solid #8ec63f; background: #323a45;}
#footer h2{font: 600 18px/20px 'Open Sans', sans-serif; color: #8ec63f; text-transform: uppercase; padding-bottom: 15px;}
#footer p span{font: 400 13px/20px 'Open Sans', sans-serif; color: #b3b7bd;display: block; margin-bottom: 5px;}
.footer-top{padding-top: 35px; padding-bottom: 20px;}

.footer-bot{background: #292f38; font: 400 12px/20px 'Roboto', sans-serif; color: #b3b7bd; padding: 15px 0;}
.footer-bot a{color: #b3b7bd;}


.footer-bot a:hover,
.block-cource ul li h4 a:hover,
.block-news h4 a:hover{color: #8ec63f;}







a.smobitrigger{display: none;}

/*==========================================================================*/

@-moz-document url-prefix() { 
	
}

@media (max-width: 1240px){
	#wrapper{width: 100%;}
}
@media (max-width: 992px){
	a.smobitrigger {display: block;width: 25px;height:19px;overflow: hidden; padding: 5px 0; position: absolute; top: 17px; left: 15px; background: url(../images/front/line.png) no-repeat; text-indent: -9999px;}
    a.mnuclose{border-bottom: 1px solid #8EC63F;padding: 15px 20px; width: 100%; background: #6CB308 url(../images/front/bg-close.png) no-repeat center; display: block; text-indent: -9999px;}
    .ovrActv {position: fixed; background: rgba(0, 0, 0, 0.79); width: 100%; height: 100%; z-index: 999; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .mnuopn{left: 0px !important; }
    .top-content .col-md-5,
    .menu{margin: 0;display: none;}
    .block-menu .mobimenu {display: block;overflow-y: auto;padding: 0;width: 280px; position: fixed; height: 100%; top: 0px; left: -280px; background-color: #323a45 !important;z-index: 9999}
    .block-menu .menu li{float: none;padding: 8px 10px 5px; border-top: 1px solid #35481C; border-bottom: 1px solid #262723; margin: 0;}
    .block-menu .menu li:last-child{border-bottom: 0;}
    .block-menu .menu li a{padding: 0; border: none; color: #fff !important; font-size: 14px;background: transparent;}
    .block-menu .menu li:hover,
    .block-menu .menu li.active{background: #8ec63f;}
    .block-menu .menu li:hover a,
    .block-menu .menu li.active a{color: #fff !important;}
    .block-menu ul li.active a, .block-menu ul li a:hover{background: transparent;}
    .block-cource ul li{width: 33.33%;}
    .block-teacher .txt-info{width: auto; padding: 0 15px;}
}

@media (max-width: 750px){
	.slick-dots{text-align: center;}
}

@media (max-width: 680px){
	.slider .txt{display: none;}
	#header{margin-top: 20px; padding: 20px 0;}
	.header-bot{margin-top: 20px;}
	.block-slider{padding-bottom: 25px;}
	.slick-dots{bottom: -30px}
	.block-teacher,
	.block-cource{margin-bottom: 20px;}
}

@media (max-width: 630px){
	.logo-bot{display: none;}
	#footer .pull-left,
	#footer .pull-right{width: 100%;text-align: center;}
}

@media (max-width: 500px){
	.block-teacher{display: none;}
	.rslides_tabs{bottom: 5px;}
	.block-cource ul li{width: 50%;}
}
@media (max-width: 420px){
	.header-bot .search{width: 220px;}
	.block-news .col-md-4{width: 100%;}
}