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

.contactBanner {background:url("../images/contactBg.jpg") no-repeat;background-size:cover;background-position:center;}


/*--Contact Block--*/
#contactsBlock {padding:100px 0 0 0;}
#contactsBlock .contactHead h4 {font-size:20px;font-weight:500;color:#5375E2;margin:0 0 0 0;padding:0;}
#contactsBlock .contactHead h2 {font-size:35px;font-weight:700;color:#5375E2;margin:0 0 0 0;padding:0;}
#contactsBlock .contactHead p {font-size:15px;font-weight:400;color:#707070;margin:15px 0 0 0;padding:0;}

#contactsBlock .contactDetailsBlock {margin:50px 0;}
#contactsBlock .contactDetailsBlock .card {border-radius:15px;border:0px;padding:20px;box-shadow:0px 0px 9px 0px rgba(0,0,0,0.10);-webkit-box-shadow:0px 0px 9px 0px rgba(0,0,0,0.10);-moz-box-shadow:0px 0px 9px 0px rgba(0,0,0,0.10);width:100%;display:block;min-height:120px;transition:.5s;border:2px solid #fff;}
#contactsBlock .contactDetailsBlock .card:hover {background:#efefef;}
#contactsBlock .contactDetailsBlock .card img {width:15%;float:left;margin:0;padding:0;}
#contactsBlock .contactDetailsBlock .card h3 {width:80%;float:left;margin:0 0 0 5%;padding:0;}
#contactsBlock .contactDetailsBlock .card h3 strong {display:block;font-size:20px;font-weight:600;color:#23305E;margin:0 0 0 0;padding:0;}
#contactsBlock .contactDetailsBlock .card h3 span {display:block;font-size:15px;font-weight:400;color:#000000;margin:5px 0 0 0;padding:0;}
#contactsBlock .contactForm .card {border-radius:20px;border:0px;padding:30px 25px;box-shadow:0px 0px 9px 0px rgba(0,0,0,0.10);-webkit-box-shadow:0px 0px 9px 0px rgba(0,0,0,0.10);-moz-box-shadow:0px 0px 9px 0px rgba(0,0,0,0.10);width:90%;}
#contactsBlock .contactForm .card h2 {font-size:35px;font-weight:700;color:#000000;margin:0 0 20px 0;padding:0;}
#contactsBlock .contactForm .card ul li {display:block;margin-bottom:10px;}
#contactsBlock .contactForm .card ul li input {width:100%;border:1px solid #DADADA;border-radius:12px;padding:18px 12px;color:#707070;font-size:14px;}
#contactsBlock .contactForm .card ul li textarea {width:100%;border:1px solid #DADADA;border-radius:12px;padding:18px 12px;color:#707070;font-size:14px;resize:none;height:100px;}
#contactsBlock .contactForm .card ul li input[type=submit] {background:#5375E2;border:0px;padding:18px;color:#fff;font-size:14px;font-weight:500;text-transform:uppercase;width:100px;transition:.5s;}
#contactsBlock .contactForm .card ul li input[type=submit]:hover {background:#FFBA69;}

.contactImage {width:100%;}

@media screen and (max-width:812px)
{
	.contactDetailsBlock .col {width:100%;}
	#contactsBlock .contactDetailsBlock .card {display:inline-block;}
	.contactForm .formLeft, #contactsBlock .contactForm .card {width:100%;}
	.contactForm .formRight {width:100%;margin-top:40px;}
	
	.contactHead .contactHeadLeft {width:100%;}
	.contactHead .contactHeadRight {width:100%;}
	
	#contactsBlock {padding:50px 0 0 0;}
}