/* contact page css */

.contact-page .mid { max-width: 1620px; }
.contact-page {  float: left; width: 100%; position: relative; background: #f6f6f6; }
.contact-page .banner { background: #0c4680; float: left; width: 100%; }
.contact-page .banner .bannerimage { float: left; width: 50%; }
.contact-page .banner .bannerimage img { width: 100%; height: auto; }
.contact-page .banner .bannertext { padding: 180px 200px; float: left; width: 100%; text-align:center;}
.contact-page .banner .bannertext h2 { color: #fff; font-size: 70px; line-height: 80px; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 700; margin-bottom: 10px; }
.contact-page .banner .bannertext p, .contact-page .banner .bannertext p  a { color: #fffffe; font-size: 32px; line-height: 40px; font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal; text-decoration: none; }
.contact-page .banner .bannertext address, .contact-page .banner .bannertext address a { text-decoration: none; margin: 30px 0; color: #fffffe; font-size: 28px; line-height: 40px; font-family: 'Roboto', sans-serif; font-weight: 700; font-style: normal; }

.contact-page .contactform { padding: 147px 0; float: left; width: 100%; }
.contact-page .contactform h2 { font-size: 90px; line-height: 90px; text-transform: uppercase; text-align: center; margin-bottom: 100px; color: #282828; font-family: 'Roboto', sans-serif; font-weight: 300;   }
.contact-page .contactform h3 { color: #454545; font-size: 40px; font-family: 'Roboto', sans-serif; font-weight: 400; line-height: 50px; text-align: center; }
.contact-page .contactform .full { margin-bottom: 30px; width: 100%; float: left;  }
.contact-page .contactform .full.text { padding-top: 30px; }
.contact-page .contactform .full.submit { text-align: center; position: relative; }
.contact-page .contactform  .half { width: 48%; float: left; overflow:hidden; }
.contact-page .contactform  .half.last { float: right; }
.contact-page .contactform input { background: #fff; border: 2px solid #d4d4d4; color: #787878; font-size: 30px!important; padding: 10px 50px!important; height: 100px!important; width: 100%!important; font-family: 'Roboto', sans-serif!important; font-weight: 400; max-width: 100%; font-style: normal; text-align: left;  }
.contact-page .contactform .select, .contact-page .contactform select.gfield_select { width: 100%; background: url(../images/select-contact.png) right center no-repeat #fff!important; overflow: hidden; }
.contact-page .contactform select {  border: 2px solid #d4d4d4; color: #787878; font-size: 30px!important; padding: 10px 50px!important; height: 100px!important; width: 100%!important; background: none; font-family: 'Roboto', sans-serif; font-weight: 400; -moz-appearance: none; -webkit-appearance: none; }
.contact-page .contactform textarea { background: #fff;  border: 2px solid #d4d4d4; color: #787878; font-size: 30px!important; padding: 40px 50px!important; height: 400px!important; width: 100%!important; font-family: 'Roboto', sans-serif!important; font-weight: 400;   }
.contact-page .contactform input[type="submit"] { border: 4px solid #0c4680; color: #0c4680; font-size: 28px!important; width: auto!important; height:auto!important; cursor: pointer; margin: 0 auto!important; font-family: 'Roboto', sans-serif!important; font-weight: 400; text-transform: uppercase; }
.contact-page .contactform input[type="submit"]:hover { color: #787878; border-color: #d4d4d4; }
.contact-page span.wpcf7-not-valid-tip { display: none !important; font-size: 22px;  font-family: 'Roboto', sans-serif; font-weight: 300;  }
.contact-page  div.wpcf7-response-output { clear: both; padding: 30px; margin: 20px 0; color: #454545; font-size: 26px; font-family: 'Roboto', sans-serif; font-weight: 400; text-align: center;  }
.contact-page div.wpcf7 img.ajax-loader { position: absolute; left: 50%; top: 23px; margin-left: -90px; }
.contact-page .contactform input.error, .contact-page .contactform textarea.error, .contact-page .contactform select.error { border-color: #C00; }
.contact-page .contactform label.error { display: none !important; }
.contact-page .contactform .full.text.cloud { padding-top: 0; }
.contact-page.cloud .allpage .banner { margin-bottom: 100px; background-color: #0c4680 !important; }
 .contact-page.cloud .allpage .banner img { max-width: 100%; display: block; margin: 0 auto; }
.contact-page.cloud .allpage .allData { margin-bottom: 80px; }
.contact-page.cloud .contactform { padding: 0 0 50px 0; }
.allpage  .heading-cloud { font-size: 50px; }
.allpage article p.heading { font-size: 33px; line-height: 43px; }

.contact-page .contactform .gform_wrapper ul.gform_fields li.gfield{
       padding-right: 0;
       margin-top: 0;
       margin-bottom: 15px;
}
.contact-page .contactform .gform_wrapper ul.gform_fields li#field_6_4 {
    width: 48%;
    float: left;
    clear: unset;
}
.contact-page .contactform .gform_wrapper ul.gform_fields li#field_6_5 {
    float: right;
    width: 48%;
    clear: unset;
    margin-top: 13px;
}
.contact-page .contactform .gform_wrapper ul.gform_fields li#field_6_7 {
    margin: 25px 0 15px;
    display: inline-block;
    text-align: center;
    width: 100%;
}
.gform_wrapper .gform_footer{
    text-align: center;
}

/* contact Page responsive */
@media only screen and (max-width: 2000px) {
.contact-page .banner .bannertext { padding: 120px; }
.contact-page .banner .bannertext h2 { font-size: 48px; line-height: 48px; }
.contact-page .banner .bannertext p { font-size: 22px; line-height: 28px; }
.contact-page .banner .bannertext address, .contact-page .banner .bannertext address a { font-size: 20px; line-height: 28px; }
.contact-page .banner .bannertext p, .contact-page .banner .bannertext p a { font-size: 22px; line-height: 28px; }
.contact-page .mid { max-width: 1150px; }
.contact-page .contactform { padding: 90px 0; }
.contact-page .contactform h2 { font-size: 62px; line-height: 62px; margin-bottom: 50px; }
.contact-page .contactform input, .contact-page .contactform select { font-size: 20px!important; height: 78px!important; }
.contact-page .contactform textarea { font-size: 20px!important; height: 300px!important; }
.contact-page .contactform h3 { font-size: 28px; }
.contact-page .contactform .full { margin-bottom: 20px; }
.contact-page .contactform input[type="submit"] { font-size: 20px!important; border-width: 3px; }
.contact-page div.wpcf7 img.ajax-loader {  margin-left: -57px; top: 18px; }
.contact-page div.wpcf7-response-output { font-size: 20px; }
.allpage  .heading-cloud { font-size: 40px; }

}

@media only screen and (max-width: 1600px) {
	.contact-page .mid { max-width: 900px; }
.contact-page .banner .bannertext { padding: 47px; }
.contact-page .banner .bannertext h2 { font-size: 35px; line-height: 40px; margin-bottom: 20px; }
.contact-page .banner .bannertext p , .contact-page .banner .bannertext address, .contact-page .banner .bannertext p a, .contact-page .banner .bannertext address a { font-size: 20px; line-height: 26px; }
.contact-page .contactform { padding: 70px 0; } 
.contact-page .contactform h2 { font-size: 49px; line-height: 50px; margin-bottom: 40px; }
.contact-page .contactform h3 { font-size: 20px; line-height: 25px; }
.contact-page .contactform input { height: 70px!important; font-size: 19px!important; padding: 10px 25px!important; }
.contact-page .contactform select { height: 70px!important; font-size: 19px!important; padding: 10px 64px 10px 25px!important; }
.contact-page .contactform textarea {  font-size: 20px!important; padding: 20px 25px!important; }
.contact-page .contactform input[type="submit"] { border-width: 2px; }
.contact-page .contactform .select, .contact-page .contactform select.gfield_select { background-size: 48px!important; }
.contact-page span.wpcf7-not-valid-tip { font-size: 15px;   }
.contact-page  div.wpcf7-response-output { padding: 15px 0; font-size: 20px; }
.contact-page div.wpcf7 img.ajax-loader { margin-left: -71px; }
.contact-page div.wpcf7 img.ajax-loader {  margin-left: -56px; top: 18px; }
.contact-page.cloud .allpage .banner h1 { font-size: 90px; }
.contact-page.cloud .allpage .banner { margin-bottom: 70px; }
.allpage article p.heading { font-size: 28px; line-height: 38px; }

}

@media only screen and (max-width: 1280px) {
.contact-page { overflow: hidden; }
.contact-page .banner .bannertext { padding: 38px; }
.contact-page .banner .bannertext address { margin: 20px 0; }
.contact-page .banner .bannertext h2 { margin-bottom: 0; }

}
@media only screen and (max-width: 1100px) {
.contact-page .banner .bannertext { padding: 23px 50px; }	
.contact-page.cloud .allpage .banner { margin-bottom: 50px; }
.allpage article p.heading { font-size: 24px; line-height: 34px; }
}

@media only screen and (max-width: 1023px) {
.contact-page .banner .bannerimage { display: none; }
.contact-page .banner .bannertext { padding: 100px; width: 100%; }
.allpage  .heading-cloud { font-size: 35px; }
.contact-page.cloud .allpage .allData { margin-bottom: 50px; }

}

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

	.contact-page .contactform textarea { height: 300px; }
	.contact-page.cloud .allpage .banner h1 { font-size: 55px; }
	.contact-page.cloud .allpage .banner { margin-bottom: 35px; }
	.allpage  .heading-cloud { font-size: 25px; margin-bottom: 0; }
	.contact-page.cloud .allpage .allData { margin-bottom: 25px; }
	

}

@media only screen and (max-width: 639px) {
	
.contact-page .banner .bannertext { padding: 70px; }
.contact-page .contactform textarea { height: 200px; }
.contact-page .contactform .half { width: 100%; margin-bottom: 30px; }
.contact-page .banner .bannertext h2 { font-size: 28px; }
.contact-page .contactform h2 { font-size: 35px; }
.contact-page .contactform { padding: 40px 0; }
.contact-page .contactform h2 { margin-bottom: 28px; }
.contact-page .contactform .full.text { padding-top: 0; }
.contact-page .banner .bannertext p, .contact-page .banner .bannertext address, .contact-page .banner .bannertext p a, .contact-page .banner .bannertext address a { font-size: 16px; line-height: 26px; }
.contact-page .contactform .full.text.cloud { margin-bottom: 0; } 
    
.contact-page .contactform .gform_wrapper ul.gform_fields li#field_6_4 {
    width: 100%;
    float: left;
    clear: both;
}
.contact-page .contactform .gform_wrapper ul.gform_fields li#field_6_5 {
    float: left;
    width: 100%;
    clear: both;
    margin-top: 0;
}
	
}

@media only screen and (max-width: 479px) {
.contact-page .banner .bannertext { padding: 25px; }
}