@charset "utf-8";
/* CSS Document */

.pageHead{ text-align: center; background-color: #fcd603; text-transform: uppercase; padding: 20px 15px; font-size: 5vh; font-style: normal;  font-weight: 300;  line-height: 5vh;  color: #000000;}
.pageSubHed{ text-align: center; background-color: #22b24c; padding: 10px 15px; font-size: 3.5vh; font-style: normal;  font-weight: 300;  line-height: 3.5vh;  color: #FFF;}
.catchline{ text-align: center; font-style: italic; font-size:4vh; line-height: 3.5vh; font-weight: 300; color: #898989; margin-top: 5vh;}
.catchline:before{content:'"'; display: block; text-align: center; font-size: 35vh; font-weight: 300; height: 10vh;  line-height:25vh; color: #fcd603; }
.catchline:after{content:'"'; display: block; text-align: center; font-size: 35vh; font-weight: 300; height: 10vh;  line-height:25vh; color: #fcd603; }


.aboutSec3{ width: 100%; height: auto; float: left; display: block; margin: 0; padding: 50px 0 50px 0; background: #fcd603;   }
.aboutSec3:after{ content: ''; width: 100%; display: block; height: 0; font-size: 0px; line-height: 0; clear: both;}
.aboutSec3a{width: 100%;  height: auto; display: block;}
.aboutSec3a figure{width: 100%; max-width: 150px; margin: 0 auto; text-align: center; height: auto; display: table; }
.aboutSec3a figure img{ width: 100%;}
.aboutSec3a h2{width: 100%; height: auto; display: block;  font-size: 40px; font-weight: 400; color:#000000; line-height: 44px; letter-spacing: 1px;  text-align: center; padding-bottom: 30px; padding-top: 30px; text-decoration: none; text-transform: uppercase;}
.aboutSec3a p{width: 100%; height: auto; display: block;  font-size:clamp(17px, 1.2vw, 28px); line-height:clamp(22px, 1.4vw, 36px);  font-weight: 300; color:#000000;  padding-bottom: 20px; text-decoration: none; text-align: center;}
.aboutSec3b{width: 100%;  height: auto; display: block;}
.aboutSec3b figure{width: 100%; max-width: 150px; margin: 0 auto; text-align: center; height: auto; display: table; }
.aboutSec3b figure img{ width: 100%;}
.aboutSec3b h2{width: 100%; height: auto; display: block;  font-size: 40px; font-weight: 400; color:#000000; line-height: 44px; letter-spacing: 1px; text-align: center; padding-bottom: 30px; padding-top: 30px; text-decoration: none; text-transform: uppercase;}
.aboutSec3b p{width: 100%; height: auto; display: block;   font-size:clamp(17px, 1.2vw, 28px); line-height:clamp(22px, 1.4vw, 36px);  font-weight: 300; color:#000000; padding-bottom: 20px; text-decoration: none; text-align: center;}
.webSec1{ width: 100%; height: auto;  display: block; margin: 0; padding:45px 0 0px 0; background: #efefef;   }
.webSec1:after{ content: ''; width: 100%; display: block; height: 0; font-size: 0px; line-height: 0; clear: both;}
.webSec1a{width: 100%;  margin: 0 auto; height: auto; display: block;  text-align: center; padding-top: 50px;}
.max-width660{max-width: 660px;}
.max-width489{max-width: 489px;}
.max-width572{max-width: 548px;}
.max-width347{max-width: 347px;}
.max-width268{max-width: 268px;}
.max-width398{max-width: 398px;}
.max-width564{max-width: 564px;}
.max-width776{max-width: 776px;}
.webSec1a img{ width: 100%; display: block;}


.webSec2{ width: 100%; height: auto; float: left; display: block; margin: 0; padding:0px 0 50px 0; background: #fff;   }
.webSec2:after{ content: ''; width: 100%; display: block; height: 0; font-size: 0px; line-height: 0; clear: both;}
.webSec2a{width: 100%;  height: auto; display: block;}
.webSec2a h2{width: 100%; height: auto; display: block; font-size:5.5vh; line-height: 6.5vh;  font-weight:300; letter-spacing: 2px; color:#0d6936;  text-align: center; padding-bottom: 20px; text-decoration: none; text-transform: uppercase;}

.webSec2a{ display: flex; justify-content: space-between;   font-size:clamp(17px, 1.6vw, 28px); line-height:clamp(22px, 1.7vw, 36px); font-weight: 300; color:#000000;  padding-bottom: 20px; border-top:1px solid #000; border-bottom:1px solid #000; margin: 5vh 0; padding:25px 0;}
.webSec2a aside{ width: 48%;}
.webSec2a aside:first-of-type{ text-align: right; color: #22b24c;padding-bottom: 4vh;}
.webSec2a aside:last-of-type{ align-self: end; font-weight:300; }
.webSec2a strong{ display: block !important; font-size:clamp(23px, 2vw, 40px); line-height:clamp(25px, 2.2vw, 45px); font-weight: 300; color:#000000;}
.webSec2a span{ display: block !important;}

.webSec2b p{width: 100%; height: auto; display: block; text-align: justify;   font-size:clamp(17px, 1.2vw, 28px); line-height:clamp(22px, 1.4vw, 36px); font-weight: 300; color:#000000;  padding-bottom: 20px; text-decoration: none;}
.webSec2b p.grayText{font-style: italic; color: #898989; font-size:clamp(20px, 1.4vw, 30px); line-height:clamp(24px, 1.5vw, 36px);}

.webSec2a .phone{width: 100%; height: auto; display: block;  padding-bottom: 30px; }
.webSec2a .phone a{width: 100%; height: auto; display: block; font-size: 24px; font-weight: 400; color:#000000; line-height: 40px; padding-left: 50px; position: relative; }
.webSec2a .phone a:after{ content: ''; position: absolute; left: 0; top: 0; width: 40px; height: 40px; background: url("../images/phone-icon.jpg") no-repeat left top; background-size: cover;}
.webSec2a .mail{width: 100%; height: auto; display: block;  padding-bottom: 30px; }
.webSec2a .mail a{width: 100%; height: auto; display: block; font-size: 24px; font-weight: 400; color:#000000; line-height: 36px; padding-left: 50px; position: relative; }
.webSec2a .mail a:after{ content: ''; position: absolute; left: 0; top: 8px; width: 38px; height: 26px; background: url("../images/mailicon.jpg") no-repeat left top; background-size: cover;}
.webSec2a .mail a:hover{ color: #43ae15;}


@media all and (max-width:800px){
	.webSec2a{ display: block;}
.webSec2a aside{ width:100%;}
.webSec2a aside:first-of-type{ text-align: center; color: #22b24c;padding-bottom:0; margin-bottom: 25px;}
.webSec2a aside:last-of-type{ align-self: end;text-align: center; font-weight:400; }
.catchline:before, .catchline:after { font-size: 25vh; font-weight: 300; height: 7vh; line-height: 18vh;}
.webSec2a {margin: 3vh 0;}
	}

	@media all and (max-width:1000px){
		.webSec2a .phone {width: auto;display: table;margin: 0 auto; text-align: left;}
		.webSec2a .mail {width: auto;display: table;margin: 0 auto; text-align: left;}
	}


.more-buttn{ margin: 50px auto 0; text-align: center; display: table;  }
.more-buttn small {width: auto;height: 46px;display: table; margin: 0 auto;}

.contactSec2{ width: 100%; height: auto; float: left; display: block; margin: 0; padding:0px 0 50px 0; background: #fff;   }

.submit-box {width:160px;height: auto;  display: block; padding-left: 20px; margin-bottom: 20px; margin: 30px auto 0;}
.submit-box input[type='submit'] {width: 140px;height: 44px;background: #fcd603;border: 0px solid #c2c2c2;border-radius: 23px;color: #000; font-family: 'Barlow Condensed', sans-serif;font-size: 18px;font-weight: 500;cursor: pointer;background-image: linear-gradient(0, #22b24c, #22b24c);background-size: 0;transition: .5s;
    background-repeat: no-repeat;-webkit-box-shadow: 0px 10px 9px -3px rgba(0,0,0,0.14); text-transform: uppercase;
-moz-box-shadow: 0px 10px 9px -3px rgba(0,0,0,0.14);box-shadow: 0px 10px 9px -3px rgba(0,0,0,0.14); }
.submit-box input[type='submit']:hover { background-size: 100%; color: #fff;}

.contactPrivacy{ text-align:center; font-size:15px; line-height: 18px; color:#555; padding: 0 15px;}



.webSec2 small a { width: auto; height:5vh; display: block; background: #fcd603;padding: 0 40px; font-size: 2.0vh;font-weight: 400; color: #000;line-height:5vh; text-transform: uppercase; background-image: linear-gradient(0, #22b24c, #22b24c); background-size: 0;transition: .8s; position: relative; background-repeat: no-repeat;}
.webSec2 small a:hover {background-size: 100%;color: #fff;}
.contactSec2{ width: 100%; height: auto; float: left; display: block; margin: 0; padding:0px 0 50px 0; background: #fff;   }
.contactSec2:after{ content: ''; width: 100%; display: block; height: 0; font-size: 0px; line-height: 0; clear: both;}

.contactSec2a{width: 100%; max-width: 800px;  margin: 0 auto; height: auto; display: block;  }
.contactSec2a h2{width: 100%; height: auto; display: block; font-size: 5.5vh; line-height: 6.5vh;  font-weight:300; letter-spacing: 2px; color:#0d6936;   text-align: center; padding-bottom: 50px; text-decoration: none; text-transform: uppercase;}
.contactSec2a aside{width: 50%; height: auto; float: left; display: block; padding-right: 3%;}
.contactSec2a aside h3{width: 100%; height: auto; display: block;  font-size: 2.6vh;line-height: 3.4vh; font-weight: 300; color:#000000;   padding-bottom: 30px;}

.contactSec2a article{width: 50%; height: auto; float: left; display: block; padding-left: 3%;}
.contact-query2 { width: 100%; height: auto; float: left;  display: block; overflow: hidden; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); padding: 20px 0;}
.contact-query2 h4{width: 100%; height: auto; display: block; font-size: 2.6vh;line-height: 3.4vh; font-weight: 300;   color:#000000;   padding-bottom: 30px; padding-left: 20px;}
.contact-query2 ul { margin: 0px 0px;display: -webkit-box; display: -moz-box; display: -ms-flexbox;  display: -webkit-flex;  display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.contact-query2 ul li { float: left; width: 50%; padding: 0 20px; margin: 0px 0 25px;}
.contact-query2 ul li.box100per{width: 100%;}
.contact-query2 ul li article {width: 100%;height: auto;float: left;display: block; padding-left: 0%;}
.contact-query2 ul li article input[type='text'] {width: 100%;height: 40px;padding: 10px;box-sizing: border-box;border: 1px solid #dedede;border-radius: 3px;font-family: 'Barlow Condensed', sans-serif; font-size: 18px;color: #a2a7ac;font-weight: 400; }
.contact-query2 ul li article input[type='email'] {width: 100%;height: 40px;padding: 10px;box-sizing: border-box;border: 1px solid #dedede;border-radius: 3px;font-family: 'Barlow Condensed', sans-serif; font-size: 18px;color: #a2a7ac;font-weight: 400;}
.contact-query2 ul li article textarea {width: 100%;height: 150px;padding: 10px;box-sizing: border-box;border: 1px solid #dedede;border-radius: 3px; font-family: 'Barlow Condensed', sans-serif;font-size: 18px;color: #a2a7ac;font-weight: 500;resize: vertical; resize: none;}
.contact-query2 ul li article input[type='text']:focus, .contact-query2 ul li article input[type='email']:focus, .contact-query2 ul li article input[type='tel']:focus {border: 1px solid #1baa98;}
.contact-query2 ul li article textarea:focus { border: 1px solid #1baa98;}
::-webkit-input-placeholder { /* Edge */ color: #a2a7ac;}
:-ms-input-placeholder {/* Internet Explorer 10-11 */color: #a2a7ac;}
::placeholder { color: #a2a7ac;}

.contact-query2 ul li:after { content: '';display: block; clear: both;}
.contact-query2 ul li article input[type='text']:focus, .contact-query2 ul li article input[type='email']:focus, .contact-query2 ul li article input[type='tel']:focus { border: 1px solid #1baa98;}
.contact-query2 ul li article textarea { width: 100%; height: 80px; padding: 10px; box-sizing: border-box; border: 1px solid #dedede; border-radius: 3px; font-family: 'Barlow Condensed', sans-serif; font-size: 18px; color: #292929;font-weight: 400; resize: vertical; resize: none;}
.contact-query2 ul li small input[type='text']:focus{ border: 1px solid #1baa98;}


@media all and (max-width:1000px){
	.webSec1a {padding-top: 0;}
	.contactSec2a aside { width: 100%; padding-right: 0%;}
	.contactSec2a article {width: 100%; padding-left: 0%;}
	.contactSec2a aside h3 { max-width: 750px; text-align: center; margin: 0 auto; display: table;}
}

@media all and (max-width:800px){
.webSec2b{-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;  -moz-column-gap: 0px; -webkit-column-gap: 0px; column-gap: 0px; text-align: center;}
}

@media all and (max-width:600px){
	.contact-query2 ul li { width: 100%;padding: 0 10px;margin: 0px 0 10px;}
	.aboutSec3a figure {max-width: 100px;}
	.aboutSec3a h2 {font-size: 30px;line-height: 36px; padding-bottom: 20px;padding-top: 20px;}
	.aboutSec3b figure {max-width: 100px;}
	.aboutSec3b h2 {font-size: 30px;line-height: 36px; padding-bottom: 20px;padding-top: 20px;}
	.more-buttn {margin: 20px auto 0;}
}


@media all and (min-width:2000px){
	main { padding-top: 15vh;}
}

.successMessage{ text-align: center;}
.successMessage:before{content:url(../images/agree.png); display: inline-block; margin-bottom:0px;}
.successMessage strong{ display: block; font-size:40px;  line-height:45px;  font-weight: 300;}