body{ background:#fff;  font:400 15px/24px 'Montserrat', sans-serif; color:#2c2828; overflow-x:hidden;}
*{ padding:0; margin:0;}
#navigation button, .mobile-parent-nav-menu-item, .main-menu-more{ display:none;}
a{ color:#00a1e4; display:inline-block; text-decoration:none;}
ul{ list-style-type:none;}
.flex-s{ display:flex; flex-wrap:wrap;align-items: center;justify-content: center;}
.flex-m{ display:flex; flex-wrap:wrap;align-items: center;justify-content: center;}
.flex-l{ display:flex; flex-wrap:wrap;align-items: center;justify-content: center;}
.equal-height{align-items: initial!important;}
.white-text{ color:#fff;}
.black-text{ color:#1c5b5c!important;}
.red-text{ color:#fa0300 !important;}
.light-text{ font-weight:300 !important;}
.hidden{	opacity: 0;}
.visible{	opacity: 1;}
.full-height{ height:100%}
.flex-re{ flex-direction:row-reverse}
.row.flex-re [class*="col-"]{ margin-right:2.5641%; margin-left:0;}
.row.flex-re [class*="col-"]:first-child{ margin-right:0;}
.small-icon{ font-size:50%;}
.td-n{ text-decoration:none;}
.ta-j{text-align:justify;}
.dis-ib{ display:inline-block;}
.color-green{ color:#044c34;}
.color-white{ color:#fff;}




header{ position: absolute; left:0; right:0; top:0; border-top:5px solid #00402b; z-index: 9}
header .wrapper{ position: relative;}
#logo{  position: absolute; left:50%; top:0; transform: translate(-50%, 0);}

#navigation .menuholder:after{ display:none;}
#navbtn{ display:none;}
#navigation .menuholder{ display:flex; flex-wrap: wrap; justify-content: space-between; padding:46px 0 0}
#navigation ul:nth-child(1){ border-radius:30px 30px 0 30px;}
#navigation ul:nth-child(2){ border-radius:30px 30px 30px 0;}
#navigation ul{ background:#6eac09; width:43%; display:flex; justify-content:space-between; padding:0 20px;}
#navigation ul li{ float:left;}
#navigation ul li a{ display:block; font:600 18px/62px "Josefin Slab", serif; color:#fff; padding:0}
#navigation ul li a:hover{ color:#00402b;}


#banner{ position:relative; height:864px; background: url(../images/banner.jpg) no-repeat 50% 100%; background-size: cover;}
#banner > img{ width:100%; opacity: 0}
#banner .wrapper{ position:absolute; left:50%; top:50%;  transform: translate(-50%, -50%); padding-top:165px; height: 100%}
#banner .wrapper .textbox{ width:36%;  position:absolute; left:17%; bottom:30%; text-align: center;}
#banner.allpages .wrapper .textbox{ bottom:40%;}
#banner .wrapper .textbox div{ display:flex; flex-wrap: wrap; justify-content: center; column-gap: 10px}
#banner .wrapper .textbox a{ color:#fff; display: inline-block; background: #00402b; border-radius:60px;  font:600 18px/48px "Josefin Slab", serif; width: 180px; margin-top:10px; padding:2px 0 0;}
#banner .wrapper .textbox a:hover{ background:#6ea925;}
#banner .wrapper .textbox a:last-child{ background: #6ea925;}
#banner .wrapper .textbox a:last-child:hover{ background: #00402b;}
#banner .wrapper .textbox p{ font:600 22px/26px "Josefin Slab", serif; color:#000; padding: 10px 0 0;}
#banner .wrapper .imgbox{ position: absolute; right: -5%; bottom:2%;  width: 50%}
#banner h1{ font:700 70px/72px "Instrument Serif", serif;}
#banner .flexslider ul li+li{ display:none;}

#content h1{ font:400 50px/52px "Instrument Serif", serif; padding:15px 0 0; text-transform: uppercase; color: #00402b; text-align: center}
#content h2{ font:400 40px/42px "Instrument Serif", serif; padding:15px 0 0}
#content h5{ font:400 30px/37px "Instrument Serif", serif; padding:15px 0 0}
#content p{ font:600 21px/25px "Josefin Slab", serif; padding:10px 0 5px;}
#content p a{ color:#6ca915;}
#content ul.listing{ list-style-type:none;}
#content ul.listing li{ position:relative; font: 600 21px/25px "Josefin Slab", serif; padding:9px 0 0 20px; }
#content ul.listing li:before{ content:""; border-left:8px solid #01402b;  border-top:6px solid transparent;  border-bottom:6px solid transparent; position: absolute; left:5px; top:15px;}

.after-banner{ background:url("../images/after-banner.jpg") no-repeat 50% 100% #00402b; color:#fff; padding: 60px 0 0; background-size: contain; min-height: 450px;}
.after-banner img{ border-radius:300px 300px 0 0; margin: 0 auto;  display: block;}
.after-banner a.btn{ color:#fff; display: inline-block; background:#6ea925; border-radius:60px;  font:600 18px/48px "Josefin Slab", serif; margin-top:10px; padding:2px 35px 0; border: 1px solid #00402b}
.after-banner a.btn:hover{ background:#fff; color:#00402b;}
.roundedimg{ border-radius:30px}

.fifty-section{ background:#6CA915; background:linear-gradient(0deg, rgba(108, 169, 21, 1) 35%, rgba(255, 255, 255, 1) 35%);  }
.fifty-section > div{ display:flex; flex-wrap:wrap;}
.fifty-section > div > div{ width:50%; background:#044c34; border-radius:70px 0 70px 0; overflow: hidden;}
.fifty-section > div > div:nth-child(2){ border-radius:0 70px 0 70px; padding: 70px; color:#fff;}

.contact-sec{ background:#6ca915; text-align: center;}
.contact-sec > div{ width:767px; max-width:100%; margin:0 auto; padding: 0 10px;} 
.twobox{ display:flex; flex-wrap: wrap; justify-content: space-between; padding-top:15px;}
.twobox > div{ width:49%;}
.twobox:after{ display:none;}
.contact-sec input[type="text"], .contact-sec input[type="email"], .contact-sec input[type="tel"]{ background:#507e0f; color:#fff; height:60px; padding:5px 10px; border:0; font:600 18px/40px "Josefin Slab", serif; }
.contact-sec textarea{ background:#507e0f; color:#fff; height:100px; padding:10px; border:0; font:600 19px/40px "Josefin Slab", serif;}
.contact-sec button[type="submit"]{ background:#044c34; color:#fff; font:600 18px/60px "Josefin Slab", serif; width:180px; text-align: center; border:0; padding: 3px 0 0;}

.button-sec .wrapper{display: flex; justify-content: space-between; flex-wrap: wrap; }
.button-sec .wrapper:after{ display: none;}
.button-sec .wrapper a{ width:32%; color:#fff; font:600 20px/22px "Josefin Slab", serif; background: url("../images/button-icon.png") no-repeat 20px 50% #00402b; padding:19px 10px 19px 90px; border-radius:60px; display: flex; align-items: center;}
.button-sec .wrapper a:hover{ background: url("../images/button-icon.png") no-repeat 20px 50% #6ca915;}

footer{ background:#00402b; color:#fff; text-align: center; padding:0 0 50px;}
footer ul{ display:flex; flex-wrap: wrap; justify-content: center;  font:600 18px/20px "Josefin Slab", serif; }
footer ul li a{ padding:0 10px; color:#fff; white-space: nowrap;}
footer ul li a:hover{ color:#6ca915;}
footer ul li{ border-right:1px solid #fff; margin-bottom:9px;}
footer ul li:last-child{ border-right:0;}
footer p{ color:#888888;}



@media only screen and (max-width: 1390px) {





}





@media only screen and (max-width: 1198px) {
.flex-xl{ display:block;}
	
#banner {  padding:100px 0 0; background:#fff; background:none; height: auto;}
	#banner img{ opacity: 1;}
	#navigation{ float: right; position: relative;}
#navigation .menuholder{ display:none; background:#6eac09; position: absolute; right: 0; top: 100%; flex-flow: column; width: 300px;
    padding: 10px; border-radius: 5px; }	
	#navigation ul{ display: block; width:100%; padding: 0}
	#navigation ul li{ float: none; border-top:1px solid #4a7f09}
	#navigation ul li a{ font: 600 18px/30px "Josefin Slab", serif;  padding: 8px 10px 4px;}
	#navigation ul:nth-child(1) li:first-child{ border-top:0;}
#navbtn{ display:block; width: 50px; height: 34px;  border-radius: 5px;    background:url("../images/navigation.png") no-repeat 50% 50% #00402b;    margin: 40px 0 0; cursor: pointer;}
	#logo{ left:0; transform: translate(0, 0);}
	#banner .wrapper .textbox a{ width:160px;}
	.fifty-section > div > div:nth-child(2){ padding:40px;}

}

@media only screen and (max-width: 990px) {
.flex-l{ display:block;}
	
.after-banner{padding: 50px 0 70px;}
#banner h1{ font:700 50px/52px "Instrument Serif", serif;}
#banner .wrapper .textbox {  width: 45%;  left: 9%;  bottom: 24%;}
#banner .wrapper .textbox img{ display:none;}
.fifty-section > div > div:nth-child(2){ padding: 30px;}
#content h5 { font: 400 22px/28px "Instrument Serif", serif;}	
	.button-sec .wrapper a{ padding: 10px 10px 10px 90px;}

	#content h1{ font:400 40px/42px "Instrument Serif", serif;}
}

@media only screen and (max-width: 740px) {
.flex-m{ display:block;}
#content h2 {	font: 400 30px/32px "Instrument Serif", serif;}
#banner{ padding:126px 0 0;}
#banner .wrapper .textbox a { width: 120px; font: 600 18px/38px "Josefin Slab", serif; }
	 #banner .wrapper .textbox {		 left: 14%;}
	.button-sec .wrapper{ justify-content: center; gap:10px;}
	.button-sec .wrapper a{ width: 49%; min-height: 60px;}
	#content h5 {    font: 400 20px/26px "Instrument Serif", serif;  }
	.fifty-section > div > div:nth-child(2) {    padding: 10px 20px 20px;  }
	#content h1{ font:400 35px/37px "Instrument Serif", serif;}
}

@media only screen and (min-width: 740px) {
/*.nav-menu{ display:block !important;}*/

}

@media only screen and (max-width: 450px) {
.flex-s{ display:block;}
	.fifty-section > div{ flex-flow: column;}
	.fifty-section > div > div{ width:100%;}
	#logo{ width:100px;}
	  #banner {    padding: 240px 0 0;  }
	#banner.allpages .wrapper .textbox {  bottom: 48%;}
	#banner .wrapper .textbox p { font: 600 18px/24px "Josefin Slab", serif;}
	#banner .wrapper .textbox {    bottom: 46%; width: 80%;    left: 9%;  }
	#banner .wrapper .imgbox {  position: absolute;  right: 20%;  bottom: 2%;  width: 50%;}
	.button-sec .wrapper{ width:300px;}
	.button-sec .wrapper a {width: 100%;}
	.fifty-section > div > div{ border-radius:40px 40px 0 0;}
	 .fifty-section > div > div:nth-child(2) { border-radius:0 0 40px 40px;}
	
}