/* Contact 1 */
.contact-1 {background: #000; padding: 60px 0; position: relative;}
.contact-1 .container {position: relative; z-index: 3;}
.contact-1 h2, .contact-1 p {color: #fff;}
/* .img-overlay opacity was changed from 0.75 to 0.7 because when you save the block, opacity became 0, all this because 0.15 is not a value on sitebuilder the dropdow menu  */
.contact-1 .img-overlay {opacity: 0.7;}

	@media (max-width: 768px) {
		.contact-1 {padding: 60px 20px;}
		}


/* Contact 2 */
.contact-2n {background-color: #ffffff; padding: 60px 0; position: relative;}
.contact-2n ul li i {margin-right: 8px; color: #999;}
.contact-2n ul li {font-weight: 700; margin: 0 10px;}
.contact-2n #message {margin-bottom: 20px; padding: 0;}
.contact-2n .error_message {display: block; background: #FBE3E4; padding: 10px 0; color: #8a1f11; border: 2px solid #FBC2C4; border-radius: 6px;}
.contact-2n .form-control {background-color: transparent; border-width: 0 0 1px 0; border-style: solid; border-color: #eee; border-radius: 0; font-size: 16px; padding: 12px 0; height: auto;}
.contact-2n ul li span {margin-right: 6px;}
.contact-2n ul li span:after {content: ",";}
.contact-2n ul li span:last-child {margin-right: 0;}
.contact-2n ul li span:nth-child(4):after, .contact-2n ul li span:last-child:after {content: none;}

	@media (max-width: 768px) {
		.contact-2n {padding: 60px 20px;}
		}

/* Contact 3 */
.contact-3 {background: #fff; padding: 60px 0; position: relative;}
.contact-3 .container {position: relative; z-index: 3;}
.contact-3 .form-control {background-color: transparent; border-width: 0 0 1px 0; border-style: solid; border-color: #eee; border-radius: 0; font-size: 16px; padding: 12px 0; height: auto;}

	@media (max-width: 992px) {
		.contact-3 p:last-child {margin-bottom: 60px;}
		}
	@media (max-width: 768px) {
		.contact-3 {padding: 60px 20px;}
		}

/* Contact 4 */
.contact-4 {background: #fff; padding: 60px 0; position: relative;}
.contact-4 .container {position: relative; z-index: 3;}
.contact-4 .form-control {background-color: transparent; border-width: 0 0 1px 0; border-style: solid; border-color: #eee; border-radius: 0; font-size: 16px; padding: 12px 0; height: auto;}

	@media (max-width: 768px) {
		.contact-4 {padding: 60px 20px;}
		}