
/*========== Contact Styles  ================================================*/

.contact-section4{font-family:'Poppins',sans-serif;background:#fff;padding:70px 0}
.contact-section4 .pre-heading{color:#a6ce39;text-transform:uppercase;font-weight:500;font-size:18px;line-height:1.3}
.contact-section4 .heading{font-size:32px;text-transform:uppercase;font-weight:600}
.contact-section4 .after-heading{display:block;border-top:solid 1px #000;width:50px;margin:0 0 15px 10px;position:relative;left:-10px}
.contact-section4 .after-heading::after{content:' ';border-top:solid 1px #a6ce39;height:5px;width:50px;padding-top:;display:block;margin:5px auto;position:relative;right:-20px}
.contact-section4 .contact-form form{width:100%}
.contact-section4 .contact-form ul,.contact-section4 .contact-form li{margin:0;padding:0;list-style:none}
/*.contact-section4 .contact-form .gfield_label{display:none}*/
.contact-section4 .contact-form .gfield_label span{display:none}
.contact-section4 .contact-form .gfield{width:50%;float:left}
.contact-section4 .contact-form .gfield:nth-child(2n-1){padding:0 15px 0 0}
.contact-section4 .contact-form .gfield:nth-child(2n){padding:0 0 0 15px}
.contact-section4 .contact-form  #field_4_5{width:100%;padding:0}
.contact-section4 .contact-form label{font-weight:normal;display:block;color:#818181}
.contact-section4 .contact-form input,.contact-form textarea,.contact-form select{width:100%;margin:0 0 15px;padding:5px 8px;background:#fff;border:solid 1px #dfdfdf;border-radius:3px:color:#666}
.contact-section4 .contact-form select{color:#888;font-family:'Poppins',sans-serif;font-size:16px}
.contact-section4 .contact-form textarea{height:110px;margin:0 0 20px}
.contact-section4 .contact-form .gform_footer{float:left;width:50%;text-align:right}
.contact-section4 .contact-form input[type="submit"]{display:inline-block;background:#a6ce39;color:#fff;text-transform:uppercase;text-decoration:none;font-family:'Oswald',sans-serif;font-size:22px;font-weight:bold;width:203px;text-align:center;padding:16px 0;line-height:1;border-radius:0;border:0;background-size:cover}
.contact-section4 .contact-form input[type="submit"]:hover{text-decoration:none}
.contact-section4 .contact-form #field_4_6 label{display:none}
.contact-section4 .contact-form .gfield_captcha_container{float:left;margin-top:6px}
.contact-section4 .contact-form .gfield_captcha_input_container{width:50%;float:left}
.contact-section4 .contact-form .gfield_captcha_container img{max-width:50%;float:left}
.contact-section4 .contact-form .gfield_description.validation_message{float:left;color:red;font-size:12px;width:100%;margin-top:-12px;line-height:12px;font-style:italic}
.contact-section4 .map{width:500px;max-width:100%;margin-top:10px;display:inline-block}
.contact-section4 .map iframe{width:100%;height:455px;-webkit-filter:grayscale(70%);filter:grayscale(70%)}

/*===========================================================================*/

.contact-section6{font-family:'Lato',sans-serif;background-size:cover;background-position-x:center;min-height:700px}
.contact-section6 .form-wrap{background:#ffffff88;padding:20px;margin:80px 0;float:right;width:500px;max-width:100%}
.contact-section6 .contact-form{background:#fff;padding:15px 50px}
.contact-section6 .form-heading{font-family:'Kaushan Script', cursive;font-size:44px;color:#000;text-align:center;margin-bottom:25px}
.contact-section6 .contact-form form{width:100%;padding:0 15px}
.contact-section6 .contact-form input,.contact-section6 .contact-form textarea,.contact-section6 .contact-form select{width:100%;margin:0 0 15px;padding:8px;background:#f9f9f9;border:solid 1px #dfdfdf;font-size:14px}
.contact-section6 .contact-form textarea{height:100px}
.contact-section6 .contact-form .gform_wrapper ul{padding:0;margin:0;list-style:none}
.contact-section6 .contact-form .gform_wrapper ul li{float:left;width:100%}
.contact-section6 .contact-form .gform_body .ginput_container{width:75%;float:left;padding:0 0 0 15px;margin:0}
.contact-section6 .contact-form  label{display:block;width:25%;float:left;padding:10px 15px 10px 0;line-height:1;text-align:left;font-weight:normal}
.contact-section6 .contact-form .gform_body .gfield_required{display:none}
.contact-section6 .contact-form #field_6_6 label{display:none}
.contact-section6 .contact-form .gform_body .gfield_captcha_input_container.simple_captcha_small{float:right}
.contact-section6 .contact-form .gform_body .gfield_captcha_container{float:right;width:75%}
.gfield_captcha_container img,.gfield_captcha_input_container{float:left;width:50%}
.contact-section6 .contact-form input[type="submit"]{background:#a7a7a7;border-radius:10px;border:solid 1px #a7a7a7;color:#fff;text-transform:uppercase;font-size:22px;font-weight:bold;width:85%;margin:10px auto 15px}
.contact-section6 .contact-form .gform_wrapper .validation_message, .contact-form .gform_wrapper .validation_error{color:red;font-size:12px;margin-top:-14px;margin-bottom:10px}
.contact-section6 .contact-form  .gform_footer{text-align:center}

/*===========================================================================*/

.contact-section7{font-family:'Lato',sans-serif;background:#f4f4f4}
.contact-section7 .contact-cont{background:url(images/contact-bg.jpg) no-repeat;background-size:cover;min-height:490px;text-align:right;}
.contact-section7 .heading{font-family:'Cinzel',sans-serif;font-size:46px;text-align:left;font-weight:bold;padding:10px 0 25px}
.contact-section7 .heading::before{content:' ';height:49px;width:47px;background:url(images/heading-icon.png) no-repeat;display:block;margin:0 0 -5px;background-size:cover}
.contact-section7 .contact-info{text-align:left;width:515px;padding-right:100px;float:right;margin-top:40px}
.contact-section7 .contact-info .address{line-height:1.1;font-size:20px;color:#515151;margin-bottom:20px;float:left;width:100%}
.contact-section7 .contact-info .address span{color:#3a3a3a;font-size:22px;font-weight:normal;margin-bottom:5px;display:inline-block;text-shadow:1px 0 #3a3a3a}
.contact-section7 .contact-info .address::before{content:'\f3c5 ';float:left;margin-right:20px;font-family:'Font Awesome 5 Free';font-weight:900;font-size:26px;color:#a6ce39;height:68px}
.contact-section7 .contact-info .phone{margin-bottom:15px;float:left;width:100%}
.contact-section7 .contact-info .phone::before{content:'\f098 ';float:left;margin-right:20px;font-family:'Font Awesome 5 Free';font-weight:900;font-size:24px;color:#a6ce39}
.contact-section7 .contact-info .fax{margin-bottom:20px;float:left;width:100%}
.contact-section7 .contact-info .fax::before{content:'\f1ac ';float:left;margin-right:20px;font-family:'Font Awesome 5 Free';font-weight:900;font-size:20px;color:#a6ce39}
.contact-section7 .contact-info .phone span,.contact-info .fax span,.contact-info .hours span{font-weight:normal;color:#000;font-size:22px}
.contact-section7 .contact-info .hours{font-size:19px;float:left;width:100%}
.contact-section7 .contact-info .hours::before{content:'\f017 ';float:left;margin-right:20px;font-family:'Font Awesome 5 Free';font-weight:900;font-size:22px;color:#a6ce39}
.contact-section7 .contact-info a{color:#515151;font-size:22px}
.contact-section7 .map{margin:0 -15px;height:490px}
.contact-section7 .map iframe{width:100%;height:490px;-webkit-filter:grayscale(90%);filter:grayscale(90%)}

/*===========================================================================*/


.contact-section8 .leftFormBtn { position: fixed; z-index: 9999; left: -131px; -webkit-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); -ms-transform: rotateZ(90deg); -o-transform: rotateZ(90deg); transform: rotateZ(-90deg); animation: rotate .3s linear; padding: 9px 19px 6px; top: 71%; color: #fff; background-color: #a6ce39; font-size: 23px!important; font-weight: 700!important; border-radius: 0!important; font-family: raleway,sans-serif; text-transform: uppercase;}
.contact-section8 .rightFormBtn {  position: fixed;  z-index: 9999;  right: -131px;  -webkit-transform: rotateZ(90deg);  -moz-transform: rotateZ(90deg);  -ms-transform: rotateZ(90deg);  -o-transform: rotateZ(90deg);  transform: rotateZ(90deg);  animation: rotate .3s linear;  padding: 6px 19px 9px;  top: 71%;  color: #fff;  background-color: #a6ce39;  font-size: 23px!important;  font-weight: 700!important;  border-radius: 0!important;  font-family: raleway,sans-serif;  text-transform: uppercase; }
.contact-section8 div#myModal1, div#myModal2 {z-index: 20000; }
.contact-section8 .modal.left .modal-dialog, .contact-section8 .modal.right .modal-dialog {position: fixed;margin: auto;width: 320px;height: max-content;-webkit-transform: translate3d(0%, 0, 0);-ms-transform: translate3d(0%, 0, 0);-o-transform: translate3d(0%, 0, 0);transform: translate3d(0%, 0, 0);top: 15%; }
.contact-section8 .modal.left .modal-content,
.contact-section8  .modal.right .modal-content {height: 100%;overflow-y: auto; }
.contact-section8  .modal.left .modal-body,
.contact-section8  .modal.right .modal-body {		padding: 15px 15px 80px;}
/*left*/
.contact-section8  .modal.left.fade .modal-dialog{left: -320px;-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;   -moz-transition: opacity 0.3s linear, left 0.3s ease-out;     -o-transition: opacity 0.3s linear, left 0.3s ease-out;        transition: opacity 0.3s linear, left 0.3s ease-out;}
.contact-section8  .modal.left.fade.in .modal-dialog{		left: 0;}
        
/*Right*/
.contact-section8  .modal.right.fade .modal-dialog {	right: -320px;	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;	   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;	     -o-transition: opacity 0.3s linear, right 0.3s ease-out;	        transition: opacity 0.3s linear, right 0.3s ease-out;}
.contact-section8  .modal.right.fade.in .modal-dialog {		right: 0;}
.contact-section8  .modal-content {border-radius: 0;border: none; }
.contact-section8  .modal-header {border-bottom-color: #EEEEEE;background-color: black;}


.contact-section8 .contactFormHeader {padding: 6px 50px;text-align: center;color: #fff;font-family: raleway,sans-serif;font-size: 24px;font-weight: 600;text-transform: uppercase;border-top-right-radius: 6px;border-top-left-radius: 6px; }
.contact-section8 .modal-header .close { opacity: 	1;  color: 	white;}
.contact-section8 .formWrap label {    display: none; }
.contact-section8  .formWrap ul {padding: 0px;list-style: none;}

.contact-section8 .formWrap input[type='text'],  .contact-section8 .formWrap textarea { width: 100%; margin: 3px 0; padding: 5px; border: 1px solid #aeaeae; background: #fff; border-radius: 8px; margin-bottom: 7px; font-family: raleway,sans-serif; color: #000; font-size: 18px; max-height: 	100px; }
.contact-section8 .formWrap input[type='submit'] { height: 50px; color: #fff; border: none!important; font-size: 25px; background-color: #a6ce39; font-family: raleway,sans-serif; text-transform: uppercase; display: block; width: 80%; margin: 70px auto 0px auto; }

.contact-section8 .modal-body { padding-bottom: 	30px!important; }




/*--------------- RESPONSIVE START ----------------*/


/* medium devices - 992px to 1199px */
@media only screen and (max-width :1199px) {
	
	.contact-section4 .contact-form form{width:92%}
	.contact-section4 .contact-form input,.contact-form textarea,.contact-form select{font-size:15px;padding:4px 7px}	
	.contact-section4  .map iframe{margin-top:65px}
	.contact-section4  .map iframe{height:380px}

	/*===========================================================================*/
	
	.contact-section6{min-height:500px}	
	.contact-section6 .form-wrap{padding:15px;margin:40px 0}
	.contact-section6 .contact-form{padding:10px 45px}
	.contact-section6 .contact-form .form-heading{font-size:40px;margin-bottom:5px}
	.contact-section6 .contact-form input,.contact-section6 .contact-form textarea,.contact-section6 .contact-form select{margin:0 0 8px}
	.contact-section6 .contact-form input[type="submit"]{font-size:20px}
	
	/*===========================================================================*/
	
	.contact-section7 .contact-info{width:440px;padding-right:50px}
	
	/*===========================================================================*/
	
}
/* end medium devices */


/* small devices - 768px to 991px */
@media only screen and (max-width :991px) {	
		
	.contact-section4 .form-wrap{width:550px;max-width:100%;margin-left:auto;margin-right:auto}
	.contact-section4 .contact-form form{width:100%}
	.contact-section4 .map{display:block;float:left;width:100%;margin-bottom:40px}
	.contact-section4 .map iframe{height:325px;width:500px;max-width:100%;margin:0 auto;display:block}
	
	/*===========================================================================*/
	
	.contact-section6 .form-wrap{margin:30px 0}
	.contact-section6 .contact-form{padding:10px 20px}
	.contact-section6 .contact-form .form-heading{font-size:36px}
	.contact-section6 .contact-form input,.contact-section6 .contact-form textarea,.contact-section6 .contact-form select{padding:5px}	
	.contact-section6 .contact-form textarea{height:74px}
	.contact-section6 .contact-form input[type="submit"]{font-size:19px}
	
	/*===========================================================================*/
		
	.contact-section7 .contact-info{margin-top:20px}
	.contact-section7 .heading{font-size:38px}
	.contact-section7 .heading::before{height:40px;width:39px}
	.contact-section7 .contact-info{margin-top:20px;padding-right:0;width:350px}
	.contact-section7 .contact-cont{min-height:360px}
	.contact-section7 .contact-info .address{font-size:17px;margin-bottom:15px}
	.contact-section7 .contact-info .address span{font-size:21px}	
	.contact-section7 .contact-info .address::before{margin-right:10px}
	.contact-section7 .contact-info .phone span,.contact-info .fax span,.contact-info .hours span{font-size:20px}
	.contact-section7 .contact-info .phone::before{margin-right:10px}
	.contact-section7 .contact-info a{font-size:20px}
	.contact-section7 .contact-info .fax::before{margin-right:10px}
	.contact-section7 .contact-info .hours{font-size:18px}
	.contact-section7 .contact-info .hours::before{margin-right:10px}
	.contact-section7 .contact-section .map{height:360px}
	.contact-section7 .contact-section .map iframe{height:360px}	
	
	/*===========================================================================*/
	
}
/* end small devices */


/* extra small devices - 480px to 767px */
@media only screen and (max-width :767px) {	
		
	.contact-section4 .contact-form #field_4_6{width:47%}
	.contact-section4 .contact-form .gform_footer{width:53%}
	
	/*===========================================================================*/
	
	.contact-section6 .contact-form{width:400px;max-width:100%;float:none;margin:30px auto}
	.contact-section6 .contact-form label{display:none}
	.contact-section6 .contact-form .gform_body .ginput_container{width:100%;padding:0}
	
	/*===========================================================================*/
	
	.contact-section7 .contact-info{float:none;margin:20px auto 0;max-width:100%}
	.contact-section7 .contact-cont{min-height:initial;padding-bottom:25px}
	.contact-section7 .heading{text-align:center}
	.contact-section7 .heading::before{margin:0 auto -5px}
	.contact-section7 .map{height:285px}
	.contact-section7 .map iframe{height:285px}
	
	/*===========================================================================*/
	

	.contact-section8 .leftFormBtn, .contact-section8 .rightFormBtn, .contact-section8 div#myModal1, div#myModal2 { display: none;	 }
	
}
/* end extra small devices */


/* extra-extra small devices - 0px to 479px */
@media only screen and (max-width :479px) {	  
		
	.contact-section4 .contact-form #field_4_6{width:100%;padding:0}
	.contact-section4 .contact-form .gform_footer{width:100%}
	
	/*===========================================================================*/
	
	
}
/* end extra-extra small devices */


