/** HEADER **/
.header-wrapper	.contact-page-form			{ position:relative; z-index:2; }

.search-banner								{ display:none; }

.static-form-wrapper						{ color:#FFFFFF; background:#FFFFFF url(static/static-titles.jpg) no-repeat 50% 50%; background-size:cover; }
.contact-h2									{ color:#FFFFFF !important; }



/** CONTACT DETAILS **/
.contact-details							{ padding:40px 0px; text-align:center; }
.contact-details .icon						{ font-size:3em; }
.contact-details h2							{ font-family:'Roboto Slab', sans-serif; font-weight:600; text-transform:uppercase; }
.contact-details .contact-tel,
.contact-details .contact-email,
.contact-details .contact-social			{ display:inline-block; width:33%; vertical-align:top; }
.contact-details .contact-tel a,				
.contact-details .contact-email a			{ font-size:1.3em; color:#1ca87b; }
.contact-details .contact-tel a:hover,				
.contact-details .contact-email a:hover		{ font-size:1.3em; color:#11684c; }
.contact-details .contact-social a			{ font-size:2.5em; }
.contact-details .address-wrapper			{ margin:0px 0px 20px 0px; display:block; clear:both; font-weight:300; color:#333333; }
.contact-details .address-wrapper span		{ font-size:1.4em; }

.contact-details							{ background:#F4F4F4; }

.contact-thirds 							{ display:inline-block; vertical-align:top; width:32%; color:#11684c; }
.contact-thirds .contact-spacing 			{ padding: 20px 0px 20px 0px; margin:10px; background:#FFFFFF; }

.contact-thirds a							{ font-size:1.3em; color:#1ca87b; font-weight:300; }
.contact-thirds .number-wrapper				{ margin-bottom:20px; }

.contact-thirds .number-wrapper	.tel:hover,
.contact-thirds .email-wrapper	.email:hover{ color:#11684c; }

.contact-thirds .contact-login,
.contact-thirds .nav-login					{ font-family:'Roboto Slab', sans-serif; background:#1ca87b; color:#FFFFFF; padding:10px; }
.contact-thirds .contact-login:hover,
.contact-thirds .nav-login:hover			{ background:#11684c; color:#FFFFFF; }

@media screen and (max-width:900px){
	.contact-thirds			{ display:block; width:100%; }
	.contact-box1			{ height:130px !important; }
	.contact-box2			{ height:260px !important; }
	.contact-box3			{ height:210px !important; }
	.opening				{ width:30%; margin-left:35%; }
}

@media screen and (max-width:875px){
	.opening				{ width:40%; margin-left:32%; }
}

@media screen and (max-width:670px){
	.opening				{ width:55%; margin-left:25%; }
}

@media screen and (max-width:500px){
	
	.contact-thirds			{ display:block; width:100%; }
	.opening				{ width:80%; margin-left:10%; }
}

@media screen and (max-width:330px){
	.opening				{ width:90%; margin-left:5%; }
}


.opening ul					{ list-style:none; margin:20px 0px; padding:0px; color:#6f6b6a; }
.opening ul span			{ width:48%; }
.opening ul .day			{ float:left; text-align:left; margin-left:10px; }
.opening ul .time			{ float:right; }
.opening .text				{ color:#6f6b6a; }
.contact-login				{ display:inline-block; vertical-align:middle; text-align:center; width:140px; }
.email-alert-text			{ color:#6f6b6a; }

.vcard .vcard-details .vcard-title 			{ font-style:normal; }

.social.social-facebook.fa.fa-facebook-square,
.social.social-twitter.fa.fa-twitter-square,
.social.social-instagram.fa.fa-instagram,
.social.social-pinterest.fa.fa-pinterest-square		{ color:#1ca87b; font-size:3em;  margin:0px 10px; margin-top:20px; }

.social.social-facebook.fa.fa-facebook-square:hover,
.social.social-twitter.fa.fa-twitter-square:hover,
.social.social-instagram.fa.fa-instagram:hover,
.social.social-pinterest.fa.fa-pinterest-square:hover		{ color:#11684c; }


/** MAP **/
.contact-map								{ width:100%; height:400px; }


/** RESPONSIVE **/
@media screen and (max-width:840px){
	
.contact-details .contact-tel,
.contact-details .contact-email,
.contact-details .contact-social			{ width:48%; margin:0; }
.contact-details .address-wrapper			{ display:inline-block; width:48%; clear:none; vertical-align:top; margin:0; padding:0px; border-bottom:none; }
	
}

@media screen and (max-width:570px){
	
	.contact-details							{ padding:20px 0px; }
	.contact-details .contact-tel,
	.contact-details .contact-email,
	.contact-details .contact-social,
	.contact-details .address-wrapper			{ display:block; width:100%; clear:both; } 
	
}