/** MAIN **/
.static-content					{ position:relative; }
.static-content .fw-padding		{ position:relative; z-index:2; }
.static-content .overlay		{ display:none; position:absolute; top:0; left:0; bottom:0; right:0; }
.static-content .general-form	{ max-width:350px; margin-left:auto; }

.static-content					{ background:transparent url(backgrounds/contactBg02.jpg) no-repeat 50% 50%; background-size:cover; }
.static-content .overlay		{ background:rgba(39,46,62,0.8); }



/** CONTACT BAR **/
.contact-bar						{ padding:10px 0px; text-align:center; }
.contact-bar .icon					{ display:inline-block; width:20px; margin:0px 10px 0px 0px; }
.contact-bar .icon img				{ width:100%; max-width:60px; max-height:60px; }
.contact-bar .pipe					{ display:inline-block; margin:0px 20px; }
.contact-bar address				{ display:inline; font-style:normal; }
.contact-bar .opening				{ clear:both; margin:10px 0px 0px 0px; }
.contact-bar .opening .icon			{ width:30px; }
.contact-bar .opening .day			{ font-weight:600; }

.contact-bar						{ background:#272E3E; color:#FFFFFF; }
.contact-bar .tel					{ color:#FFFFFF; }
.contact-bar .tel:hover				{ color:#CFDD2E; }
.contact-bar .email 				{ color:#FFFFFF; }
.contact-bar .email .email-after	{ color:#CFDD2E; }
.contact-bar .email:hover			{ color:#CFDD2E; }
.contact-bar .opening .day			{ color:#CFDD2E; }


/** MAP **/
.office-map			{ height:300px; }



/** RESPONSIVE **/
@media screen and (max-width:880px){

	.contact-bar .pipe	{ margin:0px 10px; }

}

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

	.contact-bar .vcard .pipe	{ display:none; }
	.contact-bar .email			{ margin:0px 0px 0px 10px; padding:0px 0px 0px 10px; border-left:2px solid #FFFFFF; }
	.contact-bar address		{ display:block; margin:10px 0px 0px 0px; }

}

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

	.contact-bar					{ padding:20px 0px; }
	.contact-bar .tel				{ display:block; }
	.contact-bar .email				{ margin:10px 0px; padding:0px; border:none; display:block; }
	.contact-bar .pipe				{ display:block; color:#272E3E; font-size:0px; height:0px; }
	.contact-bar .opening			{ max-width:230px; margin:10px auto; }
	.contact-bar .opening .icon		{ display:none; }
	.contact-bar .opening .day		{ display:inline-block; width:120px; text-align:left; }
	.contact-bar .opening .time		{ display:inline-block; width:100px; text-align:right; }

}

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

	.contact-page .form .form-half				{ width:100%; clear:both; }
	.contact-page .form .form-half-left			{ float:none; clear:left; }
	.contact-page .form .form-half-right		{ float:none; clear:right; }

}