

.header-top{
	width: 100%;
	height: 44px;
	/*background: #497151*/
	background: #497151; /* Old browsers */
background: -moz-linear-gradient(left, #497151 70% #1c4e26 20%); /*  FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(70%,#497151), color-stop(70%,#497151), color-stop(20%,#1c4e26)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #497151 70%,#1c4e26 20%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #497151 70%,#1c4e26 20%); /* Opera11.10+ */
background: -ms-linear-gradient(left, #497151 70%,#1c4e26 20%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#497151', endColorstr='#1c4e26',GradientType=0 ); /* IE6-9 */
background: linear-gradient(left, #497151 70%,#1c4e26 20%); /* W3C */
}

 header .col1{
 	height: 100%;
 }
  header .container{
  	height: 100%;
  	position: relative;

  }

.social li{
	display: inline-block;
	vertical-align: middle;
	margin: 0 12px;
	line-height: 44px

}
.social li a{
	color: #fff;
}
.social li a:hover i{
  color: #ff8c0e
}

.social li:first-child{
	margin-left:0;
}

.search, .member-btn{
	float: right;
	max-height: 44px;
	position: relative;
}

.search input{
	width: 168px;
	height: 44px;
	background: #8ac564;
	display: block;
	padding-left: 10px;
	color: #fff;
}
header .col1:nth-of-type(2){
	text-align: right;
}

.member-btn{
	width:30%;

}

.member-btn a{
	display: block;
	line-height: 44px;
	background: #1e4d26;
	width: 100%
}
.member-btn a img{
	max-height: 23px
}

.search-icon {
	position: absolute;
	top: 55%;
	left: 25%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}

.search input:placeholder{
	text-align: center;
	color: #fff;
	font-size: 15px;

}
.search input::-webkit-input-placeholder{
	text-align: center;
	color: #fff;
	font-size: 15px
}
.search input::-moz-placeholder{
	text-align: center;
	color: #fff;
	font-size: 15px
}
.search input:-ms-input-placeholder{
	text-align: center;
	color: #fff;
	font-size: 15px
}
.search input:-moz-placeholder{
	text-align: center;
	color: #fff;
	font-size: 15px
}
.search-icon img{
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
}

.member-btn{
	text-align: center;
	font-size: 15px;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	line-height: 44px
}
.member-btn img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px
}
.member-btn:hover{
	background: #163e1e
}
.logo{
	float: left;
	height: 100%
}
.nav{
	float: right;
}

.header-bottom{
	height: 115px;
	
}

.nav {
	text-align: right;
	height: 100%;
}

.nav li{
	display: inline-block;
	
	margin: 0 10px

}

.logo a{
	display: block;
	height: 100%;
}

.logo a img{
 position: relative;
 top: 50%;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);

}

.nav ul{
	position: relative;
	top: 50%;
	 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
}

.nav ul li a{
	font-size: 15px;
	color: #2f4f25;
	font-family: 'brandon_grotesquebold';
	text-transform: uppercase;
	padding: 10px;

}

.nav ul li a:hover, .nav ul li.active a{
	color: #8ac564
}

#home-banner.banner-sec{
	background-position: center top !important;
	background-size: cover !important;
	    min-height: 818px;
	position: relative;
}

#home-banner.banner-sec .content{
	    padding-left: 6%;
    width: 36%;
}
#home-banner.banner-sec .content span{
	color: #ff9724
}

.banner-sec p, #education p, #nature p, #kery p, #journey p, #news-letter p{
	font-weight: 300;
	margin: 10px 0;
	color: #2f4f25
}

.banner-sec h1{
	color: #2f4f25
}

.banner-sec .content{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.inner{
	
	
	background-repeat: no-repeat !important;
	position: relative;

}

#education .inner{
	background: url(../images/pic1.jpg);

	margin-top: -45px;
	background-position: left top !important;
	    padding-bottom: 89px;
	        background-size: 56%;
}

#nature .inner{
	background: url(../images/pic10.jpg);

	    margin-top: -64px;
	background-position: left top !important;
	    padding-bottom: 89px;
	        background-size: 56%;
}

#nature .content{
	float: right;
	z-index: 999
}


.section .inner .content{
	float: right;
    width: 56%;
    position: relative;
    top: 45px;
        padding: 4% 11% 6% 5%;
    background: #fff;
}

#education .content{
	float: right;
}


.section h2{
	letter-spacing: 4.5px;
    color: #103606;
    margin-bottom: 15px
}

#science .content{
	float: left;
	    padding: 4% 11% 6% 5%;
	width: 56%;
}

#science .inner{
	background: url(../images/pic2.jpg);
	/*height: 494px;
	margin-top: -45px;*/
	background-position: right top !important;
	background-size: 56%;
	margin-top: -80px;
    padding-bottom: 90px;
}

#kery{
	background: #eaecf0;
	position: relative;
	    margin-top: -67px;
    
}

#science{
	position: relative;
    z-index: 2;
}

#kery img:not(.sign){
	position: absolute;
	z-index: 99;
	left: 0;
	bottom: 0
}

#kery .content{
	float: right;
	width: 56%;
	        padding: 15% 5% 4% 5%;
	        position: relative;
    z-index: 999;
}

.sign{
	margin-top: 25px
}

#why{
	background: #50653f;
	padding: 80px 0;
	text-align: center;
}

#why h2{
	color: #fff
}

.boxes{
	padding: 0 60px;
	display: flex;
	flex-grow: 1;
	justify-content: center;
	margin-top: 40px;
	
	
    align-items: stretch;
}

#why .boxes .box:nth-of-type(odd){
   background:#738465;
}
#why .boxes .box:nth-of-type(even){
   background:#96a38c;
}

#why .boxes .box{
	flex-grow: 1;
	padding: 50px;
	width: 25%
}

#why .boxes .box h3{
	margin-top: 20px;
	color: #fff;

}

#journey, #news-letter{
	padding: 80px 0;
	text-align: center;

}

#news-letter{
	background: #edefeb url(../images/news-bg.png) repeat-x 0 0;


}
.boxes .box{
	flex-grow: 1;
}
#news-letter .boxes .box img{
	width: 100%;
}

#news-letter .boxes{
	margin-top: 0
}

.news-letter-box{
	padding: 50px 0 0 0
}

.news-letter-box input{
	display: inline-block;
	margin: 0 6px;
	height: 46px;
	background: #fff;
	padding: 0 15px
}

header input, header select, header textarea{
  font-family: 'Roboto', sans-serif;
}

.news-letter-box form{
	margin-top: 40px
}

.news-letter-box .content{
	width: 52%;
	margin: 10px auto
}
.news-letter-box input::-webkit-input-placeholder{
	
	color: #2e4f25;
	font-size: 17px
}



#news-letter ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #2e4f25;
}
#news-letter ::-moz-placeholder { /* Firefox 19+ */
  color: #2e4f25;
}
#news-letter :-ms-input-placeholder { /* IE 10+ */
  color: #2e4f25;
}
#news-letter :-moz-placeholder { /* Firefox 18- */
  color: #2e4f25;
}







.news-letter-box input::-moz-placeholder{
	color: #2e4f25;
	font-size: 17px
}
.news-letter-box input:-ms-input-placeholder{
	color: #2e4f25;
	font-size: 17px
}
.news-letter-box input:-moz-placeholder{
	color: #2e4f25;
	font-size: 17px
}

.news-letter-box input[type=text], .news-letter-box input[type=email]{
	width: 22%;

}

.news-letter-box input[type=submit]{
	width: 103px;
	background: #8b4199;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}
.news-letter-box input[type=submit]:hover{
	background: #ff9a2d;
	color: #fff
}

.news-letter-box input[type=text]:focus, .news-letter-box input[type=email]:focus{
	background: #fff;
	box-shadow: 0 0 3px rgba(1,2,4,.2)
}

.news-letter-box p small{
	font-weight: 400;
	

}
.news-letter-box p {
	margin-top:25px
}
footer{
	 font-family: 'Roboto', sans-serif;
}

footer .footer-top{
	background: #50653f;
	padding: 60px 0;
}

footer .footer-bottom{
	background: #2e4f25;
	padding: 8px 0
}

footer .footer-top .container{

	display: flex;
	align-items: top;
	justify-content: space-between;
}
footer .footer-top .col2{
	flex-grow: 1
}
footer .footer-top p{
	margin-top: 0
}

footer .footer-top p a{
	color: #fff;
	font-size: 15px;
	font-weight: 100;
	font-family: inherit;

}
footer .footer-top ul li{
	margin: 20px 0
}
footer .footer-top ul li:first-child{
	margin-top: 0
}

footer .footer-top ul li a{
	padding: 10px 0;
	color: #fff;
	font-family: inherit;
	font-size: 15px;
	font-weight: 500

}
footer .footer-top ul li a:hover{
	color: #ff9a2d
}

footer .footer-bottom p{
	color:#fff;
	font-size: 12px;
	text-align: center;
}

footer .footer-top ul.social li{
	margin: 0 15px
}

.reponsive-btn{
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.reponsive-btn i{
	font-size: 25px;
	color: #5d5d5d
}
.reponsive-btn span{
	cursor: pointer;
}

.cross {
	position: absolute;
	left:20px;
	top: 20px
}

.reponsive-btn{
	display: none;
}

.show-hide{
	display: none;
}



/*--------------------------- Abhik ----------------------------------*/

#why.about-green{
	background: #8ac364;
}
#why.about-green h4{
	color: #fff;
	margin-bottom: 40px;
}
#why.about-green .boxes .box:nth-of-type(even){
	background: rgba(255,255,255,0.3)
}
#why.about-green .boxes .box:nth-of-type(odd){
	background: rgba(255,255,255,0.1)
}
#why.about-green .boxes .box img{
	margin-bottom: 40px;
}
#why.about-green .boxes .box{
	width: 25%;
	padding: 30px;
}
#why.about-green .boxes .box ul li{
	color: #fff;
	text-align: left;
	padding-bottom: 20px;
	position: relative;
	padding-left: 15px;
}
#why.about-green .boxes .box ul li:after{
	width: 5px;
	height: 5px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 8px;
	content: '';
	display: block;
	border-radius: 50%;
}

#home-banner.inner-banner{
	min-height: 715px;
}

#education-wrap{
	padding: 80px 0;
	width: 100%;
	background: #8ac364;
}

#education-wrap h2{
	text-align: center;
	width: 55%;
	margin: auto;
	color: #fff;
}
#education-wrap p{
	width: 55%;
	margin: auto;
	color: #fff;
	text-align: center;
	padding: 40px 0;
}

#education-wrap h5{
	font-family: 'Roboto Slab', serif;
	font-size: 1.5em;
	font-weight: 400;
	color: #526a74;
	font-style: italic;
	text-align: center;
	width: 70%;
	margin: auto;
}


#about-wrap{
	padding: 115px 0;
	width: 100%;
	background: #eaecf0;
}

.about-left-warp{
	width: 50%;
	float:left;
}
#about-wrap p{
	color: #4d4d4d;
	font-weight: 400;
	
}
#about-wrap .container{
	position: relative;
}

.about-right-wrap{
	        width: 36%;
    position: absolute;
    right: 2%;
    top: -152px;
}

#kery-wrap{
	width: 100%;
	padding: 80px 0;
}

#kery-wrap p{
	color: #4d4d4d;
	font-weight: 400;
}
#kery-wrap p.green{
	color: #8ac364;
}
#kery-wrap ul li{
	color: #4d4d4d;
	font-weight: 400;
	font-size: 17px;
	position: relative;
	padding-left: 15px;
	padding-bottom: 10px;
}
#kery-wrap ul li:after{
	width: 5px;
	height: 5px;
	background: #4d4d4d;
	position: absolute;
	left: 0;
	top: 10px;
	content: '';
	display: block;
	border-radius: 50%;
}
#kery-wrap .container{
	position: relative;
}
.kery-right{
	width: 50%;
	float: right;
}
.kery-left{
	width: 40%;
    position: absolute;
    border-left-width: 0;
    top:50%;
    transform: translateY(-50%);
}
#kery-wrap p i{
	    color: #8ac364;
}

#what-we-do p{
	color: #4d4d4d;
	font-weight: 400;
}
#what-we-do{
	padding: 80px 0;
	width: 100%;
	background: #eaecf0;
}
#what-we-do  h4{
	color: #4d4d4d;
	padding-bottom: 25px;
}

.what-left{
	width: 50%;
	float: left;
}

.what-right{
	width: 45%;
	float: right;
}

.after-row{
	margin-top: 25px;
}

#home-banner.inner-banner h1 span{
	    color: #8b4199 !important;
}

#education-wrap.overview{
	background: #8b4199;
}

#education-wrap.overview p{
	padding:8px;
}
#education-wrap.overview h2{
	padding-bottom: 30px;
}

#education-wrap.overview h5{
	color: #ffae57;
}
#education-wrap.overview h5:nth-of-type(1){
	padding-top: 15px;
}

.brain-wrap{
	padding: 80px 0;
}

.brian-lext{
	width: 50%;
	
}
.brian-image{
	width: 50%;
}
.brain-wrap p{
	font-weight: 400;
	color: #526a74 !important;
}

.brain-wrap h4{
	color: #8b4199;
	padding-bottom: 25px;
}
.brain-wrap:nth-of-type(odd) .brian-lext{
	float: left;
	
}
.brain-wrap:nth-of-type(odd) .brian-image{
	float: right;
	width: 40%;
}

.brain-wrap:nth-of-type(even) .brian-lext{
	float: right;
}
.brain-wrap:nth-of-type(even) .brian-image{
	float: left;
	width: 40%;
}

.brain-wrap:nth-of-type(odd){
	background: #eaecf0;
}

.brain_no_padding_bottom{
	padding-bottom: 0;
	
}
.brain-wrap.brain_no_padding_bottom .brian-image{
	width: 50% !important;
}

.brian-image img{
	display: block;
}
#contact-wrap{
	padding: 80px 0;
}
.contact-info{
	width: 40%;
	float: left;
}
.contact-form-wrap{
	width: 55%;
	float: right;
}
#contact-wrap h2{
	    letter-spacing: 4.5px;
	
}

.contact-form-wrap input[type="email"], .contact-form-wrap input[type="text"]{
	width: 100%;
	height: 45px;
	border:1px solid #50653f;
	text-indent: 15px;
}

.contact-form-wrap textarea{
	width: 100%;
	height: 150px;
	border:1px solid #50653f;
	text-indent: 15px;
}

.form-row{
	margin-bottom: 15px;
}

.contact-form-wrap h2{
	padding-bottom: 25px;
}
.info-icon{
	width: 40px;
	float: left;
}
.info-icon i{
	font-size: 25px;
}
.contact-info .info-box{
	margin-bottom: 20px;
}

.contact-info .info-box a, .info-text{
	color: #2f4f25;
}
.contact-info p{
	padding-bottom: 25px;
}

.contact-form-wrap input[type="button"]{
	 padding: 15px 36px;
    font-size: 16px;
    text-align: center;
    font-family: 'Roboto Slab', serif;
   
    display: inline-block;
    border: 1px solid transparent;
	background: #8ac564;
	color: #fff;
	cursor: pointer;
}

.cta-wrap{
	background: #8ac364;
	padding: 30px 0;
	text-align: center;
}
.cta-wrap h2{
	color: #fff !important;
}
.cta-wrap a{
	margin-top: 0 !important;
}

.cross{
	display: none;
}

.info-text{
	font-size: 15px
}


.search input:focus{
	background: #8ac564
}

#succ_msg{
	
   
    color: #8ac564;
    margin-bottom: 10px;
}
