/*
1-  General Styles
2-  Form Styling
3-  Spacing Helping Classes
4-  parallax
5-  Header
6-  Inner Pages
7-  Blog
8-  Responsive
*/

/*=====================
1-General Styles
======================*/
@font-face {
    font-family: 'Roboto';
    src: local('Roboto'), url('https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Me5WZLCzYlKw.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Italic'), url('https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xIIzc.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Medium'), url('https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Bold'), url('https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4AMP6lQ.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}


.red {color:#429f95}





body {
	font-family: 'Roboto', Arial, sans-serif;
	overflow: hidden;
	overflow-y: scroll;
	font-size:16px;
	color: #909090;
    position: relative;
}
p { margin: 0 0 10px; }

.lt-ie9 .animated {
	opacity: 1 !important;
	-webkit-animation: none !important;
	animation: none !important;
	transform: none !important;
}
section{ padding: 40px 0; }
blockquote {
	border: none;
	margin: 0;
	font-size:15px;
	line-height:28px;
	padding:40px;
}
q{
	position:relative;
}
q::before{
	position:absolute;
	left:-25px;
	top:0;
	font-size:40px;
}
q::after{
	content:"";
}

img {
	max-width: 100%;
	height: auto;
}
	
a { outline: none !important; color:#2b8e91; }
a:hover {color: #46b8da}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', Arial, sans-serif;
	margin:10px 0;
	font-weight:bold;
	color: #000;
}
h1 { font-size: 50px; }
h2 { font-size: 41px; }
h3 { font-size: 32px; }
h4 { font-size: 23px; }
h5 { font-size: 24px; }
h6 { font-size: 16px; }

b {color: #2b8e91}

.text-right { text-align: right; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.btn-default{
	background:#429f95;
	color:#fff;
}
.btn{
	padding:20px 42px;
	border:none;
	border-radius:4px;
	font-weight:bold;
	text-transform:inherit;
    font-size: 16px;
    transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
}
.btn-tranparent{
	border:1px solid #7cbf1d;
	border-radius:3px;
	text-decoration:none !important;
}
.btn-head{
    padding: 12px 25px;
    font-size: 18px;
}
.btn-wide{
	width:100%;
	margin:5px auto;
	padding:15px;
}
.btn:hover{
	text-shadow:1px 1px rgba(0,0,0,0.2);
	border-color:#000;
	border-color:rgba(0,0,0,0.2);
}

.zag {font-size: 60px; text-align: center; color: #000; margin-bottom: 35px}

.text-extralight{
	font-weight:100 !important;
}
.text-light{
	font-weight:300 !important;
}
.text-semibold{
	font-weight:600 !important;
}
.text-bold{
	font-weight:700 !important;
}
.text-extrabold{
	font-weight:800 !important;
}
.text-uppercase{
	text-transform:uppercase !important;	
}
.text-lowercase{
	text-transform:lowercase !important;	
}
.link{
	text-decoration:underline;
	display:inline-block;
}
.link-grey{
	color:#c5c8c9;
}
.link:hover{
	color:#7cbf1d;	
}
.head-grey h2,.head-grey h3{cb
    color: #444E5A;
}
.color-white{ color: #fff; }
.no-pad{ padding: 0; }
/*===============================================
2-Form Styling
=================================================*/
form .btn{
	padding-top:10px;
	padding-bottom:10px;
}
input[type="text"],input[type="phone"],input[type="name"],input[type="email"],input[type="password"],input[type="date"],textarea{
	width:100%;
	color:#828282;
	background:#fff;
	border-radius:5px;
	height:42px;
	padding:10px 15px;
	text-transform:inherit;
    margin-bottom: 20px;
    font-size: 15px;
}
input[type="text"].tranparent,input[type="phone"].tranparent,input[type="name"].tranparent,input[type="password"].tranparent,textarea.tranparent{
	background:none;
	border:1px solid #7cbf1d;
	color:#7cbf1d;
}
textarea{
	height:180px;
	padding:25px 35px;
}
label{
	color:#8e9297;
    font-size: 14px;
}
.field-wrap{
	margin:15px auto;
	position:relative;
}
.field-wrap label{
	position:absolute;
	left:35px;
	top:12px;
}
.field-wrap.textarea-wrap label{
	top:25px;
}

/*==============================================
3-Spacing Helping Classes
===============================================*/
.mb-10{ margin-bottom:10px;}
.mb-15{ margin-bottom:15px;}
.mb-20{ margin-bottom:20px;}
.mb-25{ margin-bottom:25px;}
.mb-30{ margin-bottom:30px;}
.mb-35{ margin-bottom:35px;}
.mb-40{ margin-bottom:40px;}
.mb-45{ margin-bottom:45px;}
.mb-50{ margin-bottom:50px;}
.mt-10{ margin-top:10px;}
.mt-15{ margin-top:15px;}
.mt-20{ margin-top:20px;}
.mt-25{ margin-top:25px;}
.mt-30{ margin-top:30px;}
.mt-35{ margin-top:35px;}
.mt-40{ margin-top:40px;}
.mt-45{ margin-top:45px;}
.mt-50{ margin-top:50px;}

/*==========================
4-parallax
==========================*/

.parallax {
	clear: both;
	position: relative;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50% 0;
	height: 100%;
	width: 100%;
	color: #fff;
	padding: 0;
	background:#78e2dc;
}
.overlay {
	background: rgba(0,0,0,0.49);
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	padding: 10px
}
.parallax_inner {
	position: relative;
	padding-top: 60px;
	padding-bottom: 60px;
	min-height:250px;
}
.parallax_one { background-image: url(../img/BG2.jpg); }
.parallax_two { background-image: url(../img/BG3.jpg); }
.parallax_three { background-image: url(../img/BG5.png); }
.parallax_four { background-image: url(../img/BG7.jpg); }

/*====================================
5-Header
======================================*/
.main-menu{
    position: relative;
    margin-top: 10px
}
#sticktop{
    width: 100%;
}
.nav-triger{
    position: absolute;
    right: 0;
    top: 70px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: none;
}
.nav-triger span{
    font-size: 30px;
}
.navbar-custom{
    padding: 20px 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    padding: 10px 0 44px;
    z-index: 999;
}
.navbar-custom nav{
    position: absolute;
    right: 0;
    top: -10px;
}
.navbar-custom .container{
    position: relative;
}
.navbar-custom .logo{

}
.navbar-custom nav li{
    display: inline-block;
    padding: 0 10px;
}
.navbar-custom nav li.active a{
    color: #fff;
}
.navbar-custom nav li:hover a{
    color: #fff;
}
.nav a{
    color: #fff;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    position: relative;
}
.nav a:hover{
    color: #000;
}
.main-menu > li > ul{
    overflow: hidden;
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 175px;
    z-index: 999;
    background: #fff;
    padding:5px 0 0 0;
    text-align: left;
    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
    border-top: 5px solid #000;
    margin-top: 5px;
}

.main-menu > li > ul > li{
    display: block;
    border-bottom: 1px solid #f3f3f3;
    padding: 3px 0;
}
.main-menu > li > ul > li > a{
    color: #c7c7c7 !important;
    padding: 5px 15px;
    display: block;
    font-weight: 400;
    font-size: 12px;
}
.main-menu > li > ul > li > a:hover{
    color: #000;
}

.main-menu > li.last {padding-right: 0}
.navbar-custom nav li.active a:after,.navbar-custom nav li:hover a:after{
    content: '';
    height: 3px;
    width: 80%;
    background: #fff;
    position: absolute;
    left: 10%;
    bottom: 0;
}
.navbar-custom .logo{
    font-size: 38px;
    display: block;
    position: absolute;
    left: 0;
    top: -90px;
    transition:All 0.5s ease;
    -webkit-transition:All 0.5s ease;
    -moz-transition:All 0.5s ease;
    -o-transition:All 0.5s ease;
}
.navbar-custom .logo img{
    transition:All 0.5s ease;
    -webkit-transition:All 0.5s ease;
    -moz-transition:All 0.5s ease;
    -o-transition:All 0.5s ease;
}
.eschool .header{
    
    background-size: cover;
    color: #fff;
    padding:180px 0 60px 0;
    font-size: 18px;
}
.navbar_style{
    background: #000;
    z-index: 999;
    padding: 10px 0 44px;
}
.navbar_style a.logo{
    width: 140px;
}
/*====================================
6-Inner Pages
======================================*/
.eschool .services{
    background: #73AC43;
    font-weight: bold;
    font-size: 14px;
}
.eschool .services .pull-left {text-align: center;}
.eschool .services h4 {margin-bottom: 0px; padding-bottom: 0px; line-height: 20px}
.eschool .services h4 i{ font-size: 15px;}
.eschool .services h6{ margin: 5px 0; }
.eschool .services .info{ padding-left: 100px; }
.our-courses .head{
    color: rgb(169, 169, 169);
}
.eschool .our-courses h2 span{ color: #000; }
.eschool .our-courses .course .info{ padding-left: 10px; font-weight: 400; font-size: 15px; text-align: center}
.eschool .our-courses .course{
    font-size: 16px;
    padding-left: 25px;
    min-height: 150px;
}
.eschool .our-courses .course h5{ color: #A9A9A9; margin-bottom: 0; }
.eschool .our-courses .course{
    border-top: 0;
    padding-bottom: 25px;
}
.eschool .our-courses .courses.bottom .course{
    padding-top: 25px;
}

.eschool .our-courses .course:last-child{
    border-right: 0;
}
.eschool .features{
    font-size: 12px;
    line-height: 25px;   
}
.eschool .features .parallax_inner{ padding-top: 0; }
.eschool .feature .fa{
    font-size: 46px;
    z-index: 99;
    position: relative;
    line-height: 100px;
}
.eschool .feature span{
    color: #fff;
    position: relative;
    display: block;
    height: 100px;
    width: 100px;
    text-align: center;
    margin-bottom: 78px;
}
.eschool .feature span:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    transform: rotate(45deg) ;
-webkit-transform: rotate(45deg) ;
-moz-transform: rotate(45deg) ;
-o-transform: rotate(45deg) ;
-ms-transform: rotate(45deg) ;
}

.excellence {color: #000; text-align: center}


.eschool .excellence .mt-minus img{
    margin: 0 auto -1px;
}
.eschool .feature:nth-child(1) span:before,.eschool .feature:nth-child(1) h5:before,
.eschool .excellence ul li:nth-child(1):before,.eschool .demo3 .excellence ul li:nth-child(1) span
{ background: #5A9BD1; } 
.eschool .feature:nth-child(2) span:before,.eschool .feature:nth-child(2) h5:before,
.eschool .excellence ul li:nth-child(2):before,.eschool .demo3 .excellence ul li:nth-child(2) span
{ background: #429f95; } 
.eschool .feature:nth-child(3) span:before,.eschool .feature:nth-child(3) h5:before,
.eschool .excellence ul li:nth-child(3):before,.eschool .demo3 .excellence ul li:nth-child(3) span
{ background: #429f95; }
.eschool .excellence ul li:nth-child(4):before,.eschool .demo3 .excellence ul li:nth-child(4) span
{background: #000}
.eschool .feature h5{ position: relative; margin-bottom: 20px;}
.eschool .feature h5:before{
    content: '';
    position: absolute;
    left: 0;
    top: -18px;
    height: 8px;
    width: 108px;
}
.pb-extra{ padding-bottom: 170px;}
.eschool .mtm .feature-wrapper{ margin-top: -50px; }
.eschool .excellence{ 
    font-size: 16px;
    padding-bottom: 0;
    padding-top: 70px;
}
.eschool .excellence h5{
    color: #696969;
    font-size: 27px;
}

.eschool .excellence .mt-minus{
    margin-top: -50px;
}
.eschool .testimonials{
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 28px;
}

.testimonials {color: #fff; text-align: left}
.testimonials h5 {font-size: 24px;color: #fff;margin-top: 20px;margin-bottom: -20px}
.testimonials a {font-size: 14px; color: #fff; text-decoration: underline;}
.testimonials p {font-size: 14px; margin-top:20px}
.testimonials .owl-dots {bottom: 20px !important;}
.testimonials figure {border-radius: 50%;height: 80px;width: 80px; margin-top: 20px}
.testimonials figure img {border-radius: 50%;}

.trial h3{
    display: block;
    font-size: 28px;
    color: #000;
    font-weight: bold;
    margin-bottom: 20px;
}
.trial a.btn{ font-size: 20px; }


footer{ background: #181413;padding: 25px;}
footer a {color: #fff}

.excellence{
    position: relative;
}
.excellence .owl-prev,.excellence .owl-next{
    position: absolute;
    left: 1%;
    font-size: 40px;
    top: 50%;
    height: 100px;
    width: 50px;
    line-height: 100px;
    text-align: center;
    margin-top: -50px;
}
.excellence .owl-next{
    right: 1%;
    left: auto;
}
/*===========Demo 2================*/
.eschool .demo2 .header{ background-image: url(../img/BG4.jpg); padding-bottom: 70px; }
.eschool .demo2 .header button{
    padding: 18px 50px;
    border-radius: 5px;
    border-bottom: 3px solid #537C31;
    font-size: 22px;
}
.eschool .demo2 .features{
    color:#696969;
    padding: 60px 0;
    padding-top: 0;
}
.eschool .demo2 .our-courses{ background-image:url(../img/BG2.jpg);  }
.eschool .demo2 .our-courses .overlay{background: rgba(255,255,255,0.92); }
.eschool .demo2 .our-courses .course{ 
    border: 0;
    padding-left: 10px;
    color:#808080;
}
.eschool .our-courses .course h5{ color: #808080;}
.eschool .demo2 .our-courses .course_inner{ 
    background: #fff;
    padding: 32px 18px;
}
.eschool .demo2 .excellence figure{margin-top: 80px;}
.eschool .demo2 .excellence .course{ font-size: 16px;}
.eschool .demo2 .excellence .course h5{ color: rgb(169, 169, 169);}
/*===========Demo 3================*/
.eschool .demo3 .header{background: #191D26; padding-top: 60px; padding-bottom: 0; margin-bottom: 250px;}
.eschool .demo3 .header .container{position: relative;}
.eschool .demo3 .header .logo{
    position: absolute;
    left: 0;
    top: 0;
}
.eschool .demo3 .features {padding: 0;}
.eschool .demo3 .features .parallax_inner{padding-top: 70px;}
.eschool .demo3 .feature h5{margin-bottom: 70px;}
.eschool .demo3 .feature span{margin: 0 auto; margin-bottom: 40px;}
.eschool .demo3 .feature h5::before{
    left: 50%;
    margin-left: -54px;
    top: 50px;
}
.eschool .demo3 .features{color: #fff;}
.eschool .demo3 .testimonial{
    background: #fff;
    color:#696969;
    padding: 1px 32px 42px 32px;
    border-radius: 10px;
    position: relative;
}
.eschool .demo3 .testimonials figure{
    position: absolute;
    left: 50%;
    top: -40px;
    margin-left: -40px;
}
.eschool .demo3 .testimonials h5{margin-top: 75px;}
.eschool .demo3 .services{
    background-image: url(../img/BG6.jpg);
}
.eschool .demo3.our-courses .course{ color: rgb(211, 211, 211); }
.eschool .demo3 .excellence figure{margin-top: 0;}
.eschool .demo3 .excellence h5{
    font-size: 30px;
    color: #000;
}
.eschool .demo3 .excellence p{
    font-weight: 400; 
    color:#808080; 
}
.eschool .demo3 .excellence ul{padding: 0; margin-top: 60px;}
.eschool .demo3 .excellence li{clear: both; margin-bottom: 45px;}
.eschool .demo3 .excellence li span{
    border-radius: 50%;
    color: #fff;
    float: left;
    font-size: 18px;
    font-weight: 400;
    height: 50px;
    line-height: 50px;
    margin-top: -10px;
    text-align: center;
    width: 50px;
}
.eschool .demo3 .excellence li p{
    padding-left: 70px;
}
.eschool .demo3 .excellence li:before{ display: none; }
.eschool .demo3 .header .video{
    margin-bottom: -255px;
    position: relative;
}
iframe{
    border: none !important;
}
.eschool .demo3 .header iframe{
    position: absolute;
    left: 17%;
    top: 4%;
    width: 65%;
    height: 70%;
}
.eschool .demo3 .testimonials .owl-controls .owl-dots{bottom: 10px !important}
/*======Demo 4==========*/
.eschool .demo4 .excellence .overlay{    background: rgba(255,255,255,0.98); }
.eschool .demo4 header{    margin-bottom: 0 !important; }
.no-margin{    margin: 0 !important;}
.eschool .header .social li a{ color: #191D26; }
.eschool .header .social li{
    display: inline-block;
    height: 35px;
    width: 35px;
    background: #fff;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    margin-left: 15px;
}
.eschool .header .social{margin-top: -3px;}
.eschool .demo4 .header{padding: 30px 0;}
.eschool .demo4 .header .logo{ margin-bottom: 0;}
.eschool .demo4 .tour {color: #808080}
.eschool .demo4 .tour h2{color: rgb(115, 172, 67); margin-bottom: 38px;}
.eschool .demo4 .tour iframe{width: 100%;}




/*=============
7-Blog
==============*/

.sidebar h3 {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 400;
	position: relative;
	color: #808080;
	padding-bottom: 10px;
	margin-top: 42px;
	margin-bottom: 25px;
}
.sidebar h3:after {
	content: '';
	position: absolute;
    height: 4px;
    width: 40px;
    left: 0;
    bottom: -4px;
    background: #000;
    color:  #000;
}
.sidebar h3:before {
	content: '';
	position: absolute;
    height: 2px;
    width: 60%;
    left: 0;
    bottom: -3px;
    color:  #eee;
    background: #eee;
}
.category ul { padding-left: 19px; }
.category li {
	display: block;
	font-size: 14px;
	position: relative;
	line-height: 30px;
}
.category li a { color: #909090; }
.category li a:hover { color: #000; }
.category li:before {
	content: '';
	position: absolute;
    height: 8px;
    width: 8px;
    background: #000;
    left: -18px;
    top: 50%;
    margin-top: -4px
}
.recent-post .date-stamp, .blog-post.style1 .date-stamp {
	background: #000;
	height: 40px;
	width: 40px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	position: relative;
	float: left;
}
.recent-post .date-stamp:after {
	content: '';
	position: absolute;
	right: -5px;
	top: 50%;
	margin-top: -6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 5px;
	border-color: transparent transparent transparent #000;
}
.recent-post .date-stamp span, .blog-post.style1 .date-stamp span {
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 13px;
}
.recent-post .date-stamp .month, .blog-post.style1 .date-stamp .month { font-size: 9px; }
.recent-post .date-stamp .date, .blog-post.style1 .date-stamp .date { padding-top: 8px; }
.blog-post.style1 .post-head h3 { padding-left: 58px; }
.recent-post {
	font-size: 15px;
	margin-bottom: 10px;
}
.recent-post p {
	padding-left: 55px;
	margin: 0;
}
.recent-post a {
	font-size: 13px;
	font-style: italic;
	color: #000;
	padding-left: 14px;
}
.tags ul{
    padding: 0;
}
.tags li {
	display: inline-block;
	font-size: 13px;
	margin-right: 8px;
	margin-bottom: 10px;
}
.tags li a {
	display: block;
	color: #909090;
	border: 1px solid #000;
	padding: 3px 12px;
    text-decoration: none;
}
.tags li a:hover, .blog-post .read-more:hover {
	background: #000;
	color: #fff;
}
.subscribe.style1 {
	padding: 20px 20px;
	position: relative;
    background: #F9F9F9;
}
.subscribe.style1 label {
	top: 10px;
	padding-left: 20px;
    color: #8e9297;
    cursor: text;
    display: block;
    font-weight: 400;
    margin-bottom: -20px;
    position: relative;
}
.subscribe.style1 input {
	height: 40px;
	font-size: 13px;
	margin-bottom: 10px;
    border-radius: 0;
    background:#fff;
    color: #8e9297;
    border: 0;
}
.subscribe.style1 form{
    margin: 0;
}
.subscribe.style1 button {
    border-radius: 0;
    float: right;
    margin-top: 10px;
    padding: 6px 15px;
    font-weight: 400;
}
.blog-post { margin-top: 55px; }
.blog-post .owl-controls {
	background: rgba(49,62,78,0.75);
    position: absolute;
	left: 0;
	bottom: 0;
	z-index: 999;
	width: 100%;
    padding: 18px 0;
    text-align: center;
}
.owl-controls {
}
.owl-controls .owl-dot{
    float: left;
    padding: 10px 7px;
}
.owl-controls .owl-dots{
    position: absolute;
    left: 50%;
    margin-left: -80px;
    bottom: 0;
    width: 100%;
    
}
.owl-controls .owl-dot span {
	background: none;
	border: 1px solid #fff;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    display: block;
}
.owl-controls .owl-dot.active span { background: #fff; }
.post-slider .owl-carousel .owl-item img{
	width: 100% !important;
}
.post-head {
	margin-top: 22px;
	border-bottom: 1px solid #A0B3C4;
	padding-bottom: 20px;
	margin-bottom: 26px;
}
.post-head .date-stamp {
	background: #000;
	height: 60px;
	width: 60px;
	color: #fff;
	text-align: center;
	line-height: 60px;
	position: relative;
	float: left;
}
.post-head .date-stamp:after {
	content: '';
	position: absolute;
	right: -5px;
	top: 50%;
	margin-top: -6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 5px;
	border-color: transparent transparent transparent #000;
}
.post-head .date-stamp span {
	display: block;
	font-size: 24px;
	font-weight: bold;
	line-height: 18px;
}
.post-head .date-stamp .month { font-size: 12px; }
.post-head .date-stamp .date { padding-top: 14px; }
.post-head h3 {
	padding-left: 79px;
	padding-top: 0px;
    margin: 0;
}
.post-head ul {
	padding-left: 79px;
	padding-top: 0px;
}
.post-head h3 a {
	font-size: 25px;
	color: #909090;
    text-decoration: none;
    font-weight: 400;
}
.post-head li {
	display: inline-block;
	font-size: 13px;
	color: #000;
}
.post-head li:after {
	content: '/';
	color: #A0B3C4;
	padding-left: 10px;
	padding-right: 8px;
}
.post-head li:last-child:after { content: ''; }
.post-head li span { color: #909090; }
.blog-post p {
	line-height: 22px;
	margin-bottom: 20px;
}
.blog-post .tag-line {
	text-transform: uppercase;
	font-size: 16px;
	line-height: 30px;
}
.blog-post .quote p {
	font-size: 16px;
	font-style: italic;
	line-height: 30px;
}
.blog-post .quote {
	position: relative;
	border-left: 4px solid #000;
	padding-left: 26px;
	margin-top: 25px;
	margin-bottom: 25px;
}
.blog-post .quote:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -33px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 6px;
	border-color: transparent transparent transparent #000;
}
.blog-post h4 {
	font-size: 22px;
	font-weight: 600;
	margin: 0;
	margin-bottom: 10px;
}
.share {
	text-align: center;
    margin: 30px 0 40px 0;
    border-bottom: 1px solid #f5f5f5;
    border-top: 1px solid #f5f5f5;
    padding: 15px 0 9px 0;
    
}
.share h5 {
	font-size: 15px;
    margin: 0;
    margin-top: 5px;
    float: left;
}
.share ul { margin-top: 0px; padding: 0; float: right;}
.share li {
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}
.share li a {
	border-radius: 50%;
    color: #fff;
    display: table;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    width: 30px;
}
.share li a.facebook { background: #2f5a8d; }
.share li a.twitter { background: #2aaad9; }
.share li a.pinterest { background: #cf0000; }
.share li a.letter { background: #768990; }
.share li a.plus { background: #ff5e1f; }
.section-head.style1 h2 { font-size: 20px; }
.comments { padding-bottom: 20px; }
.comment {
	background: #f9f9f9 none repeat scroll 0 0;
    border-radius: 5px;
    margin-bottom: 6px;
    padding: 25px 27px;
}
.comment figure { float: left; margin-top: 15px}
.comment h3 {
	color: #000;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}
.comment .date-stamp {
	color: #000;
    float: right;
    font-size: 13px;
    font-style: italic;
    font-weight: 300;
    text-transform: uppercase;
}
.comment-info { padding-left: 90px;  font-size: 14px; }
.comment-info p { margin-top: 8px; }
.comment-info p span {
	font-size: 16px;
	width: 24px;
}
a.load-more, .blog-post a.read-more {
	font-size: 12px;
	padding: 8px 75px;
	border: 2px solid #000;
	text-transform: uppercase;
	font-weight: bold;
	display: table;
	margin: 0 auto;
	color: #808080;
    text-decoration: none;
}
.comments .load-more, .comments a.load-more {
	margin-top: 30px;
	color: #80808F;
	margin-bottom: 50px;
}
.comments .load-more:hover, .comments a.load-more:hover, a.load-more:hover, .blog-post a.read-more:hover { background: #000; color: #fff; }
.comment img { border-radius: 5px;
    width: 70px; }
.message-box{
    padding: 25px 25px;
}
.message-box label{
    margin-bottom: 4px;
    display: block;
}
.message-box.style1 input {
	height: 40px;
	margin-bottom: 14px;
}
.message-box.style1 textarea { height: 110px; }
.message-box button{
    padding: 15px 24px;
    border-radius: 2px;
    margin-top: 10px
}
.blog-post .read-more {
	padding: 8px 45px;
	margin: 0;
}
.blog-post .social li {
	display: inline-block;
	border: 4px solid rgba(255,255,255,0.36);
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 42px;
	margin-left: 5px;
	margin-right: 5px;
}
.blog-post .social li a {
	color: rgba(255,255,255,0.36);
	font-size: 20px;
	display: block;
}
.blog-post .social li:hover {
	background: #000;
	border: 4px solid #000;
}
.blog-post .social li:hover a {
	color: #fff;
	border: 4px solid #101f31;
	height: 42px;
	width: 42px;
	line-height: 34px;
}
.blog-post figure img {
	width: 100%;
	height: auto;
}
.blog-post figure {
	position: relative;
	overflow: hidden;
}
.blog-post:hover figcaption { top: 0; }
.blog-post figcaption {
	position: absolute;
	left: 0;
	top: -120%;
	height: 100%;
	width: 100%;
	background: rgba(16,31,49,0.83);
}
.blog-post .social {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -25px;
	width: 100%;
	text-align: center;
    padding: 0;
}
.pagination {
	text-align: center;
	width: 100%;
	border-top: 1px solid #a0b3c4;
	padding-top: 20px;
	margin-top: 90px;
	margin-bottom: 70px;
}
.pagination li {
	display: inline-block;
	height: 40px;
	width: 40px;
	border: 2px solid #000;
	line-height: 40px;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 12px;
	font-weight: bold;
}
.pagination li a {
	color: #a0b3c4;
	display: block;
    text-decoration: none;
}
.pagination li:hover, .pagination li.active { background: #000; }
.pagination li:hover a, .pagination li.active a { color: #fff; }
.blog-post.style1 .date-stamp { margin-top: 10px; }
.write-us h5{
    font-size: 20px;
}
.message-box{
    background: #f9f9f9;
    margin-bottom: 50px;
}
.custom_flickr{
    padding: 0;
}
.custom_flickr li{
    display: inline-block;
    margin: 6px;
    width: 66px;
}

.page-head {
	background: rgba(0,0,0,0.5) url(../img/BG6.jpg) center center no-repeat;
	background-size: cover;
	padding-top: 100px;
    position: relative;
}
.page-head .overlay{
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}
.page-head .container{position: relative;}
.page-head h3 {
	font-size: 28px;
	line-height: 30px;
	color: #fff;
	position: relative;
    float: left;
    margin: 0;
    margin-bottom: 10px;
}

.page-head h3 span { font-weight: 300; }
.breadcrumb {
	background: none;
	margin: 0;
	padding: 0;
    margin-top: 9px;
	float: right;
}
.breadcrumb li {
	display: inline-block;
	text-transform: uppercase;
}
.breadcrumb li:after {
	content: '/';
	font-size: 14px;
	color: #fff;
	padding: 8px;
}
.breadcrumb li:last-child:after { content: ''; }
.breadcrumb li a {
	font-size: 14px;
	color: #000;
    text-decoration: none;
}
.breadcrumb li { color: #fff; }

.thumb img {transition:transform 0.15s linear}
.thumb img:hover {transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-webkit-transform:scale(1.04);-o-transform:scale(1.04);position:relative;z-index:2;-webkit-box-shadow:0 2px 20px 2px rgba(0,0,0,.45);-moz-box-shadow:0 2px 20px 2px rgba(0,0,0,.45);box-shadow:0 2px 20px 2px rgba(0,0,0,.45)}
.thumb {padding:0;}
    
.slider span {background:#2b8e91; padding: 1px 4px; font-size: 30px; line-height: 0; font-weight: bold}
.slider h1 {font-size:70px; line-height:50px; margin-bottom: 20px;color: #fff}
.slider h1 img {height:70px; margin-bottom:10px}
.slider h2 {line-height:40px;}
.slider h2 i {color:#2b8e91; font-size:30px}
.slider h2 a {color:#fff}

.spisok {list-style-image: url(../img/bulit.png); margin-left:20px}
.spisok {margin-bottom: 3px}

.form {border-radius: 12px; margin-top: 20px}
.form h3 {color: #fff}

.programma h3 {margin: -8px 0 0 110px}
.programma p {margin-left: 110px;}
.programma .col-sm-12 {margin-bottom: 20px}
.day {width:100px; height:108px; background:url(../img/day.png); float: left;}
.day span {display:block; color: #fff; font-weight: bold; font-size: 55px; text-shadow: 1px 1px 1px black; text-align: center; padding: 20px 5px 0 0}

hr {border-top:2px solid #2b8e91}

.vk img {height: 48px}
.vk img:hover {transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-webkit-transform:scale(1.04);-o-transform:scale(1.04);position:relative;z-index:2;-webkit-box-shadow:0 2px 20px 2px rgba(0,0,0,.45);-moz-box-shadow:0 2px 20px 2px rgba(0,0,0,.45);box-shadow:0 2px 20px 2px rgba(0,0,0,.45)}




/* Контейнер */
.modal {

/* Слой перекрытия */
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.5);
z-index: 10000;

/* Трансформации прозрачности при открытии  */
-webkit-transition: opacity 500ms ease-in;
-moz-transition: opacity 500ms ease-in;
transition: opacity 500ms ease-in;

/* Скрываем изначально */
opacity: 0;
pointer-events: none;
}

/* Показываем модальное окно */
.modal:target {
opacity: 1;
pointer-events: auto;
}

/* Содержание */
.modal > div {
width: 300px;
background: #ffffff;
position: relative;
margin: 10% auto;

/* По умолчанию минимизируем анимацию */
-webkit-animation: minimise 500ms linear;

/* Придаем хороший вид */
padding: 30px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
-moz-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
box-shadow: 0 3px 20px rgba(0,0,0,0.9);
text-shadow: 0 1px 0 #fff;
}

/* Изменяем анимацию при открытии модального окна*/
.modal:target > div {
-webkit-animation-name: bounce;
}

.modal h2 {
font-size: 36px;
padding: 0 0 20px;
}

@-webkit-keyframes bounce {
  0% {
  	-webkit-transform: scale3d(0.1,0.1,1);
  	-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
  55% {
  	-webkit-transform: scale3d(1.08,1.08,1);
  	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0);
  }
  75% {
  	-webkit-transform: scale3d(0.95,0.95,1);
  	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.9);
  }
  100% {
  	-webkit-transform: scale3d(1,1,1);
  	-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
}

@-webkit-keyframes minimise {
  0% {
  	-webkit-transform: scale3d(1,1,1);
  }
  100% {
  	-webkit-transform: scale3d(0.1,0.1,1);
  }
}

/* Ссылка на кнопку Закрыть */
.modal a[href="#close"] {
position: absolute;
right: 0;
top: 0;
color: transparent;
}

/* Сбрасываем изменения */
.modal a[href="#close"]:focus {
outline: none;
}

/* Создаем кнопку Закрыть */
.modal a[href="#close"]:after {
content: 'X';
display: block;

/* Позиционируем */
position: absolute;
right: -10px;
top: -10px;
width: 20px;
padding: 1px 1px 1px 2px;

/* Стили */
text-decoration: none;
text-shadow: none;
text-align: center;
font-weight: bold;
background: #000;
color: #ffffff;
border: 3px solid #ffffff;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.modal a[href="#close"]:focus:after,
.modal a[href="#close"]:hover:after {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
}

.modal a[href="#close"]:focus:after {
outline: 0px solid #000;
}

/* Открываем модальное окно */
a.openModal {

}

a.openModal:hover,
a.openModal:focus {
}

.modal .modal_title {
	display: block;
	text-align: center;
	font-size: 22pt;
}

.cb {margin-top: 5px; color: #fff}

.form_anketa input.inputbox {border: 1px solid #000}

.header_info {text-align:right; }
.header_info a {font-size: 12px;color: #fff;}
.header_info a:hover {color: #fff}
.header_info a span {font-size: 20px}

.clerfix {clear: both}


/*=========================
8-Responsive
==========================*/
/*===Break Point===*/
@media (max-width: 1199px) {

    .container{
        width: 96%;
    }
}
@media (min-width: 1025px){
    .main-menu > li:hover ul,.main-menu{
    display: block !important;
}
}
/*===Break Point===*/
@media (max-width: 1024px){
	
.header_info {position: absolute; top: 20px; right: 50px; width: 400px}
.nav-triger{
    display: block;
    top: 20px;
    z-index: 99999;
}
.navbar-custom nav li{
    display: block;
}
.navbar-custom nav li a{
    padding: 6px 0;
    display: block;
}
.navbar-custom nav ul{
    position: absolute;
    right: -17px;
    margin-top: -1px;
    top: 100%;
    z-index: 99;
    background: #508920;
    width: 230px;
    padding: 10px 5px;
    display: none;        
}
    .navbar-custom nav li.active a:after,.navbar-custom nav li:hover a:after{
        display: none;
    }
    .main-menu > li > ul{
        position: relative;
        right: auto;
        top: auto;
        margin: 0;
        padding: 0;
        border: 0;
        left: -15px;
        box-shadow: none !important;
        background: rgba(0,0,0,0.10);
        padding: 10px 0;
    }
    .main-menu > li:hover ul{
        display: none;
    }
    .main-menu > li > ul > li > a{
        color: #fff !important;
        font-size: 14px;
    }
    .main-menu > li > ul > li{
        border: 0;
    }
    .main-menu{
        padding-bottom: 0 !important;
    }
}
/*===Break Point===*/
@media (max-width: 990px) {
    .eschool .services i,.eschool .services figure{ float: none !important; }
    .eschool .services .info{padding: 0; margin-bottom: 35px;}
    .eschool .services{text-align: center;}
    
    .pb-extra{padding-bottom: 50px;}
    .eschool .demo3 .excellence figure{margin-top: 50px;}
    .our-courses .course h5{
        font-size: 20px;
    }
    
}
/*===Break Point===*/
@media (max-width: 767px) {
	
	.header_info {position: absolute; top: 5px; right: 50px; width: 200px}
    .eschool .header{
        padding: 100px 0 20px;
    }
    .eschool .feature{
        max-width: 400px;
        margin: 0 auto;
    }
    .eschool .features{text-align: center;}
    .eschool .feature span{margin-left: auto; margin-right: auto; margin-top: 60px;}
    .eschool .feature h5::before{    left: 50%;
    margin-left: -54px;}
    .eschool .feature span{margin-bottom: 55px;}
    .eschool .mtm .feature-wrapper{margin-top: 20px;}
    .eschool .excellence .mt-minus{margin-top: 20px;}
    .eschool .demo2 .excellence figure{margin-top: 30px; text-align: center;}
    h1{font-size: 40px;}
    .eschool .demo3 .feature span{margin-top: 40px;}
    .eschool .demo3 .excellence figure{display: none;}
    .eschool .excellence{padding-top: 0;}
    .eschool .demo4 .tour iframe{margin-top: 30px;}
    .eschool .our-courses .course{border: none; border-bottom: 1px solid #f3f8fb; padding: 20px 15px;}
    .our-courses .course{ text-align: center; }
    .eschool .our-courses .course .info{ padding: 0; }
    .eschool .our-courses .course h5{margin: 0;}
    .our-courses .course figure{ float: none !important;} margin: 0;}
    
    
}
/*===Break Point===*/
@media (max-width: 600px) {
	
    h5,.eschool .demo3 .excellence h5{font-size: 25px;}
    h2{font-size: 36px;}
    .btn{padding: 10px 20px !important;}
    h1{font-size: 30px;}
    .eschool .demo3 .header .video,.eschool .demo3 .header{margin-bottom: 0;}
    .logo img {height: 60px}
    .slider h1 {font-size:40px; line-height:40px}
  	.slider h1 img {height:50px;}
  	.zag {font-size: 40px; line-height: 40px}
  	.mt-50 {margin-top: 0px	}
  	
}
/*===Break Point===*/
@media (max-width: 300px) {
	.header_info {display: none}
    h2{font-size: 28px;}
    .btn{
        width: 100%;
        padding: 10px 0 !important;
        font-size: 16px !important;
    }
}


.navbar-custom {height: 65px; background: rgba(0, 0, 0, 0.5)}
.logo p {color:#fff; position: absolute; top: 40px; left: 45px; font-size: 12px; width:250px; font-weight: 200}

a.tour {margin: 1px}
a.tour:hover {text-decoration: none; box-shadow: 0 .325rem .45rem rgba(0,0,0,.075)!important; margin: 0}
a.tour h4 {margin-top: 0; padding-bottom: 10px;}
a.tour span {background: #2b8e91;
    padding: 1px 4px 4px;
    font-size: 26px;
    color: #fff;
    line-height: 0;
    font-weight: bold;}
a.tour i {font-size: 12px;color: #909090;padding-bottom: 10px;
}

footer .logo p {left: 60px;}

.eqip .ul{text-align:left; 
	-webkit-column-width: 50%;
    -moz-column-width: 50%;
    column-width: 50%;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;}
.eqip .ul ul{margin-top: 2px}

.slider .nav {padding-bottom: 120px}
.slider a {padding: 5px 8px; margin-top:-3px}

.carousel-control-prev, .carousel-control-next {width: 5%}