charset "UTF-8";

body {font-family: 'Open Sans', sans-serif; background:#fff; font-size: 14px; color: #333;}

body, html{height: 100%;}

a{display: block; transition: all linear .3s}
a:hover{text-decoration: none;}
ul{margin: 0}
.text-white{color: #fff;}
.mb-0{margin-bottom: 0;}

*:focus{outline: none !important;}

header#headerTop{background-color: #333;}
header#headerTop .mail-phone ul li{float: left; margin: 0 10px; padding: 5px 0;}
header#headerTop .mail-phone ul li > a{color: #b8b5b5;}
header#headerTop .mail-phone ul li > a:hover{color: #fff;}
header#headerTop .mail-phone ul li > a .fa{margin-right: 5px;}
header#headerTop #social li {float:left; margin:0 5px; padding: 5px 0;}
header#headerTop #social li a{color:#b8b5b5;}
header#headerTop #social li a:hover{color: #fff}
header#headerTop .logo{position: absolute;z-index: 2; background: #fd3645; top: 0; padding:20px 15px; border-radius: 3px; box-shadow: 0 0 10px rgba(0,0,0,.2)}
header#menu .logo{position: relative; margin:0 0 15px 0; display: inline-block; z-index: 2; background: #fd3645; top: 0; padding:10px 15px; border-radius: 3px; box-shadow: 0 0 10px rgba(0,0,0,.2)}

header#menu {padding: 25px 0 20px 0;}
header#menu .navbar{margin:0; border-radius: 0; border: 0px; background: none; min-height: 40px;}

header#menu .navbar .navbar-collapse{padding: 0}
header#menu .navbar ul li a{color: #464646; padding: 12px 16px}
header#menu .navbar-default .navbar-nav>.active>a, 
header#menu .navbar-default .navbar-nav>.active>a:hover, 
header#menu .navbar-default .navbar-nav>.active>a:focus,
header#menu .navbar-default .navbar-nav>li>a:hover, 
header#menu .navbar-default .navbar-nav>li>a:focus{color: #fd3645; background: none}

header#menu .apply{padding: 10px 24px; font-size: 16px; background-color:#fd3645; border:0; }
header#menu .apply:hover{background-color:#464646}
header#menu .navbar-toggle {margin: 0; border: 0; background-color: transparent;}

section#slider .carousel-control.left,
section#slider .carousel-control.right{background: none} 
section#slider .carousel-inner .carousel-caption{top: 20%; text-shadow: none;}
section#slider .carousel-inner .carousel-caption .desc{ background: rgba(255,255,255,.4); border:10px solid rgba(255,255,255,.3); display: inline-block;}
section#slider .carousel-inner .carousel-caption h3{border-bottom: 1px solid #fff; line-height:40px; font-size: 48px; color:#fd3645; font-weight: 700; margin:10px 15px; padding: 15px; text-transform: uppercase;}
section#slider .carousel-inner .carousel-caption p{color:#333; display: inline-block; padding:10px 15px; font-size: 18px; margin:0;}
section#slider .carousel-inner .carousel-caption .more a{color:#fff; display: inline-block; padding:10px 20px; border-radius: 5px; font-size: 14px; background-color:#fd3645; margin-top: 20px;}
section#slider .carousel-inner .carousel-caption .more a:hover{ background-color:#333;}
section#slider .carousel-control {opacity: 1}
section#slider .glyphicon-chevron-left,
section#slider .glyphicon-chevron-right{width: 54px; height: 54px; top: 45%;}
section#slider .glyphicon-chevron-left:before,
section#slider .glyphicon-chevron-right:before{ transition: all linear .3s; color: rgba(255,255,255,.7); font-family: "FontAwesome"; font-size:40px; background: rgba(255,255,255,.3); line-height: 54px; text-align: center; text-shadow: none; width: 54px; height: 54px; display: block; border-radius: 50%;}
section#slider .glyphicon-chevron-left:before{content:'\f104';}
section#slider .glyphicon-chevron-right:before{content:'\f105'}
section#slider .glyphicon-chevron-left:hover:before{background: rgba(255,255,255,.7); color: rgba(255,255,255,1);}
section#slider .glyphicon-chevron-right:before{content:'\f105'}
section#slider .glyphicon-chevron-right:hover:before{background: rgba(255,255,255,.7); color: rgba(255,255,255,1);}
section#slider .carousel-indicators {bottom: 26px;}
section#slider .carousel-indicators li{border:0; background: rgba(255,255,255,.7); width: 16px; height: 16px;margin:2px;}
section#slider .carousel-indicators li.active{border:0; background: #fd3645;}
section#slider .slider-up{background: url(../img/slider-btn-up.png) no-repeat center bottom; position: absolute; left:0; bottom: 0; text-align: center; height: 34px; z-index: 11; width: 100%}
section#slider .slider-up .fa{color: #b8c4cb; font-size: 32px; padding-top: 5px}

section#main{padding: 30px 0}
section#main .about h2{color: #fd3645; font-size: 30px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase;}
section#main .about a{color: #fd3645; font-size: 16px;}
section#main .about a:hover{color: #333; }


section#main .details {padding: 40px 0 0 0}
section#main .details .item {padding: 0 10px}
section#main .details .item .image{position: relative;}
section#main .details .item .image a{position: absolute; background: rgba(253,54,69,.6); z-index: 2; color: #fff; bottom: 0; right: 0; padding: 0px 10px; font-size: 18px}
section#main .details .item .image a:hover{background: rgba(253,54,69,1);}
section#main .details .item .desc h3{font-size: 18px; margin:15px 0 10px 0; color: #333; line-height: 22px}
section#main .details .item .desc p{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}

section#main .details .slick-prev, 
section#main .details .slick-next{top: 10px}
section#main .details .slick-next:before,
section#main .details .slick-prev:before{transition: all linear .3s; background: #ddd; width: 28px; height: 28px; text-align: center; color: #fff; font-family: "FontAwesome"; font-size: 16px; display: block; line-height: 28px}
section#main .details .slick-next:hover:before,
section#main .details .slick-prev:hover:before{background:#f5f6f7; color:#ddd;}
section#main .details .slick-next:before{content:"\f054"}
section#main .details .slick-prev:before{content:"\f053"}

section#main .details .slick-prev{right: 48px; left:auto;} 
section#main .details .slick-next{right: 15px;}

section#training{background:#fd3645 url(../img/news-bg.jpg) repeat-x center top;}
section#training .icon{text-align: center; color: #fff; padding-top: 5px; font-size: 20px}
section#training .training{padding: 30px 0; color: #fff;}
section#training .training h3{font-size: 30px;}
section#training .training .item{padding: 15px 0; margin-right: 20px;}
section#training .training .item h5{margin-bottom: 20px; font-size: 16px}
section#training .training .item .image{position: relative; width: 20%; height: 80px}
section#training .training .item .image img{width: 100%; height: 100%; object-fit: cover; object-position: center; left: 0;top: 0}
section#training .training .item .desc{width: 80%; padding-left: 12px}
section#training .training .item .desc p{margin:0; font-weight: 400; line-height: 22px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
section#training .training .item .desc a{font-size:18px; color:#fff; margin-top: 5px }
section#training .training .item .desc a:hover{ color:#333; }

section#training .training .slick-dots li {width: 15px; height: 15px; margin:4px;}
section#training .training .slick-dots li button {background: #fff; border-radius: 50%; width: 15px; height: 15px; opacity: .8}
section#training .training .slick-dots li.slick-active button {background: transparent; border:3px solid #fff; opacity: 1}
section#training .training .slick-dots li button:before {content: ""}

section#training .videos a{position: relative; color: #fff;text-align: center;}
section#training .videos a .mask{position: absolute; left:0; top:0; width: 100%; height: 100%; background-color: rgba(38,56,80,.5);}
section#training .videos a .mask .fa{transition: all linear .3s;opacity: .8; position: absolute; left: 43%; top: 38%; font-size: 24px; border: 2px solid #fff; width: 50px; height: 50px; text-align: center; line-height: 48px; border-radius: 50%;}

section#training .videos a .mask h6{position: absolute; transition: all linear .3s; bottom: 0; width: 100%; text-align: center; font-size: 18px; opacity: 0; text-transform: uppercase; }

section#training .videos a:hover h6{opacity: 1; bottom:15%;}
section#training .videos a:hover .mask .fa{opacity: 1;}

section#news{padding: 20px 0}
section#news .title h3{font-size: 30px; color: #fd3645}
section#news .news .items{padding-top: 20px;}
section#news .news .item{margin-right: 15px;}
section#news .news .item .desc{padding: 10px 0}
section#news .news .item .desc h4{font-size: 16px;}
section#news .news .item .desc a{color: #fd3645; font-size: 16px;}
section#news .news .item .desc a:hover{color: #333; }

section#news .slick-prev, 
section#news .slick-next{top: -26px}
section#news .slick-next:before,
section#news .slick-prev:before{transition: all linear .3s; background: #ddd; width: 28px; height: 28px; text-align: center; color: #fff; font-family: "FontAwesome"; font-size: 16px; display: block; line-height: 28px}
section#news .slick-next:hover:before,
section#news .slick-prev:hover:before{background:#f5f6f7; color:#ddd;}
section#news .slick-next:before{content:"\f054"}
section#news .slick-prev:before{content:"\f053"}

section#news .slick-prev{right: 56px; left:auto;} 
section#news .slick-next{right: 25px;}

section#news .comment .title{padding-bottom: 15px}
section#news .comment .list{padding:10px 5px; border:1px solid #ddd; margin:5px 0;}
section#news .comment .list .image{width: 20%; margin-right: 10px}
section#news .comment .list .desc{width: 75%}
section#news .comment .list .desc h6{margin:0 0 10px 0; font-weight: 700}
section#news .comment .list .desc h6 > span{color:#fd3645;}
section#news .comment .list .desc p{font-size: 12px;margin:0; line-height: 16px}
section#news .comment .more a{margin-top: 15px; color:#fd3645; font-weight: 700}
section#news .comment .more a:hover{color:#333;}

footer#footer {padding: 20px 0; background-color: #232326}
footer#footer .title{padding: 15px 0 0 0; margin-bottom: 15px}
footer#footer .title h4{color: #fff; font-weight: 600; font-size: 16px; line-height: 20px; margin:0; height: 40px}
footer#footer .title h4 > span{color: #fd3645;}

footer#footer p{color: #9a9aa0}
footer#footer .footer-logo{padding: 10px 0}
footer#footer .social li{float: left; margin:10px 5px }
footer#footer .social li > a{background-color: #39393c; font-size: 16px; color: #fff; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 50%}
footer#footer .social li > a.facebook:hover{background-color: #4867aa;}
footer#footer .social li > a.twitter:hover{background-color: #32d0fe;}
footer#footer .social li > a.mail:hover{background-color: #fd3645;}

footer#footer .footer-menu {margin-left: 12px}
footer#footer .footer-menu li { list-style: disc;}
footer#footer .footer-menu li > a{color: #9a9aa0; line-height: 24px; font-size: 13px}
footer#footer .footer-menu li > a:hover{color: #fff}

footer#footer .photo-gallery > a{margin:3px; float: left; width: 80px}

footer#footer .contact li {margin:7px 0; }
footer#footer .contact li > a{color: #9a9aa0; }
footer#footer .contact li > a:hover{color: #fd3645; }
footer#footer .contact li:first-child{margin-bottom: 20px }
footer#footer .contact li > a > .fa {width: 20px; margin-right: 10px; font-size: 13px; width: 22px; height: 22px; line-height: 22px; background-color: #39393c; text-align: center; border-radius: 50%}

footer#footerBottom{background-color: #18181b; padding: 15px 0;}
footer#footerBottom p{color: #9a9aa0;margin-bottom: 0; font-size: 13px}

.tabs {text-align: center;}
.tabs ul li:before{display: none;}
.tabs ul li a{color: #333;}
.tabs .nav-tabs.nav-justified{width: 60%;border-bottom: 0; display: inline-block; margin: 0 auto;}

.tabs .nav-tabs.nav-justified>.active>a, 
.tabs .nav-tabs.nav-justified>.active>a:hover, 
.tabs .nav-tabs.nav-justified>.active>a:focus{border:0; border-bottom: 2px solid #fd3645}
.tabs .nav-tabs.nav-justified>li>a{border:0;border-bottom: 2px solid #ddd }
.tabs .nav-tabs.nav-justified>li>a:hover{border:0;border-bottom: 2px solid #fd3645; background: none }
.tabs .tab-content{text-align: left; padding: 20px 0;}
.tabs .tab-content a{position: relative; margin: 15px 0;}
.tabs .tab-content a > img{margin:0;}
.tabs .tab-content a > span > .fa{color: #fff; font-size: 34px; position: absolute; top: 45%;left: 45%;}
.tabs .tab-content a > span{ transition: all linear .3s; text-align: center; width: 100%; height: 100%; opacity: 0; left: 0; top: 0;background: rgba(0,0,0,.2); position: absolute;}
.tabs .tab-content a:hover > span{opacity: 1}

section#breadcrumbs{background: url(../img/breadcrumbs-bg.jpg) no-repeat center top; text-align: center;padding:30px 0;}
section#breadcrumbs h1{font-size: 30px;color: #fff;position: relative;text-align: center;}
section#breadcrumbs h1:after{background-color: #fd3645;width: 70px;height: 3px;bottom: 0;content: "";margin: 0 auto;text-align: center;display: block;position: relative;top: 10px;}
section#breadcrumbs ul{padding-top: 15px; text-align: center; display: inline-block;margin: 0 auto;}
section#breadcrumbs ul li {float: left; padding: 0;}
section#breadcrumbs ul li a{color:#a9a6a6; padding:0 5px; border-left: 1px solid #a9a6a6; font-size: 13px}
section#breadcrumbs ul li a:hover,
section#breadcrumbs ul li.active a{color:#fff;}
section#breadcrumbs ul li:first-child a{border-left: 0}

.typography .contact .address{border:1px solid #ddd; padding: 15px; background: #fafafb}
.typography .contact a{display: inline;  }

.typography .contact-form .form-control,
.typography .contact-form textarea.form-control{font-size: 13px; border-radius: 0; border: 1px solid #ddd; box-shadow: none}
.typography .contact-form .btn{transition: all linear .3s; background: #3fbeab; color: #fff; border: 0; padding:6px 20px; border-radius: 3px;}
.typography .contact-form .btn:hover{ background: #fd3645; }

#map {border-top: 5px solid #d7d7dc; margin-top: 20px}

/*Typography-Start*/
.typography{padding: 20px 0;}
.typography ul, .typography > p,
.typography h1 > a, .typography h2 > a, .typography h3 > a, .typography h4 > a, .typography h5 > a, .typography h6 > a, .typography p > a {
    font-family: 'Open Sans', serif;
    color: #333;
    padding: 0;
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}
.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6{ color: #333; position: relative; 
border-left: 3px solid #fd3645;
padding-left: 15px;
margin-bottom: 20px;
}

.typography h1, h1.post-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
}

.typography h2, h2.post-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 38px;
}

.typography h3, h3.post-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}

.typography h4, h4.post-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
}

.typography h5, h5.post-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
}

.typography h6, h6.post-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.typography p, .typography ul,.typography a {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}
.typography a {color: #333;}
.typography a:hover{color: #fd3645;}
.typography ul {
    margin-left: 14px;
    line-height: 24px
}
.typography ul li:before{
	font-family: "FontAwesome";
	content: "\f111";
	font-size: 6px;
	position: relative;	
	bottom: 2px; margin-right: 8px;
	color: #fd3645
}
.typography hr{ color: #ddd }
.typography img{margin:0 10px }







/*Responsive*/
@media (max-width: 992px) 
{
header#menu .mainMenu.pull-right,
header#menu .navbar-toggle{float: none !important }
section#slider .carousel-inner .carousel-caption h3{font-size: 24px; padding:5px }
section#slider .carousel-inner .carousel-caption{top: 10%; left: 15%; right: 15%;}
section#training .training .item .desc{padding-left:0; }
section#training .training .item .image,
section#training .training .item .desc{width: 100%}
footer#footer .title h4{height: auto}
}
@media (max-width: 768px) 
{
header#menu {padding-top: 15px}
header#headerTop .logo{position:relative; }
section#slider .carousel-indicators,
section#slider .slider-up{display: none}
section#slider .carousel-inner .carousel-caption h3{font-size: 14px; padding:5px; margin:0;}
section#slider .carousel-inner .carousel-caption p,
section#slider .carousel-control.left, section#slider .carousel-control.right{display: none}
section#training .training .item .image{width: 30%}
section#training .training .item .desc{width: 70%}
section#training .training .item .desc{padding-left:5px; }

}