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


/* CONTACT WRAPPER --------------------*/


#contact_wrapper
{
	position: relative;
	width: 90%;
	max-width: 1100px;
	border-top: solid 1px #E6E7E8;
	border-bottom: solid 1px #E6E7E8;
	margin: 30px auto;
}

#contact_wrapper h2
{
	position: relative;
	font-family: 'Raleway', sans-serif;
	font-size: 0.9375em;
	font-weight: 500;
	line-height: 100%;
	color: #4B5C66;
	margin: 0 0 10px 0;
}

#contact_details
{
	float: left;
	width: 19.45%;
	padding: 15px 1.36% 15px 0;
	margin: 0 0 0 0;
}

#contact_details p.mb
{
	margin-bottom: 10px;
}

#contact_details a
{
	text-decoration: none;
	color: #58585B;
}

#contact_details a:hover
{
	text-decoration: none;
	color: #CAD400;
}

#contact_details span
{
	color: #CAD400;
}

#feedback
{
	position: relative;
	display: block;
	margin-top: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 15px;
	background: #4B5C66;
	border-radius: 5px;
}

#feedback h4
{
	color: #CAD400;
	font-family: 'Raleway', sans-serif;
	font-size: 0.9375em;
	margin-bottom: 10px;
}

#feedback p
{
	color: #fff;
	margin-bottom: 10px;
}

#feedback span
{
	display: block;
	width: 100%;
	height: 28px;
	background: url(../images/arrows/light_arrow.png) no-repeat 100% 50%;
}

#feedback:hover span
{
	background-image: url(../images/arrows/grey_arrow.png);
}

#contact_map_wrapper
{
	/*float: left;*/
	width: 38.54%;
	border-left: solid 1px #E6E7E8;
	border-right: solid 1px #E6E7E8;
	margin: 0 0 0 0;
	position: absolute;
	left: 20.81%;
	height: 100%;
	background-image: url(../images/contact/map.jpg);
	background-size: 100% 100%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	ms-behavior: url(/js/backgroundsize.min.htc);

}

#contact_map
{
	position: relative;
	width: 100%;
	margin: 0 0 0 0;
	line-height: 0;
}

#contact_map_btn
{
	position: absolute;
	top: 3.54%;
	right: 3.54%;
}

#contact_map_btn a
{
	display: block;
	background: #4B5C66;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-khtml-border-radius: 4px;
	text-decoration: none;
	font-family: 'Raleway', sans-serif;
	font-size: 0.9375em;
	font-weight: 500;
	line-height: 100%;
	text-align: left;
	color: #fff;
	padding: 10px 15px;
	margin: 15px 0 0 0;
}

#contact_map_btn a:hover
{
	background: #CAD400;
}

/* FORM -----*/

#contact_form
{
	float: right;
	width: 38.9%;
	padding: 15px 0 15px 1.36%;
	margin: 0 0 0 0;
}

.form_input
{
	position: relative;
	width: 93%;
	height: 16px;
	background: #E6E7E8;
	border: none;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-khtml-border-radius: 4px;
	font-family: 'Raleway', sans-serif;
	font-size: 0.75em;
	font-weight: 400;
	line-height: 100%;
	color: #58585B;
	padding: 10px 3.5%;
	margin: 15px 0 0 0;
	
}

.form_textarea
{
	position: relative;
	width: 93%;
	height: 176px;
	resize: vertical;
	background: #E6E7E8;
	border: none;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-khtml-border-radius: 4px;
	font-family: 'Raleway', sans-serif;
	font-size: 0.75em;
	font-weight: 400;
	line-height: 100%;
	color: #58585B;
	padding: 10px 3.5%;
	margin: 15px 0 0 0;
}

.form_submit_wrapper
{
	position: relative;
	width: 100%;
	margin: 15px 0 0 0;
}

.form_submit
{
	float: right;
	width: 48.13%;
	display: block;
	background: url(../images/arrows/dark_arrow.png) #CAD400;
	background-repeat: no-repeat;
	background-position: 93% 50%;
	border: none;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-khtml-border-radius: 4px;
	text-decoration: none;
	font-family: 'Raleway', sans-serif;
	font-size: 0.9375em;
	font-weight: 500;
	line-height: 100%;
	text-align: left;
	color: #fff;
	padding: 10px 0 10px 3.5%;
	margin: 0 0 0 0;
	cursor: pointer;
}

.form_submit:hover
{
	background: url(../images/arrows/light_arrow.png) #4B5C66;
	background-repeat: no-repeat;
	background-position: 93% 50%;
}

.error 
{
	font-family: 'Raleway', sans-serif;
	font-size: 0.9375em;
	font-weight: 400;
	font-style: italic;
	line-height: 200%;
	color: #DD0000;
}

.detect
{
	display: none;
}


/* COOKIE POLICY ----------*/


#cookies_wrapper
{
	position: relative;
	width: 90%;
	max-width: 1100px;
	border-top: solid 1px #E6E7E8;
	border-bottom: solid 1px #E6E7E8;
	margin: 30px auto;
}

#cookies_wrapper h2
{
	position: relative;
	font-family: 'Raleway', sans-serif;
	font-size: 0.9375em;
	font-weight: 500;
	line-height: 100%;
	color: #4B5C66;
	margin: 0 0 10px 0;
}

#cookies_wrapper a
{
	text-decoration: none;
	color: #CAD400;
}

#cookies_wrapper a:hover
{
	text-decoration: underline;
	color: #CAD400;
}

#cookies_leftcol
{
	float: left;
	width: 48.54%;
	padding: 15px 1.36% 15px 0;
	margin: 0 0 0 0;
}

#cookies_rightcol
{
	float: right;
	width: 48.54%;
	border-left: solid 1px #E6E7E8;
	padding: 15px 0 15px 1.36%;
	margin: 0 0 0 0;
}

/* iPad Landscape ––––––––––––––– */
@media screen and (max-width: 1024px) {	
.form_textarea{height: 218px;}
}

/* iPad Landscape -1px ----------- */
@media screen and (max-width : 1023px) {
	
	
#contact_details
{
	width: 48.45%;
}
	
	
#contact_map_wrapper
{
	display: none;
}


/* FORM -----*/

#contact_form
{
	width: 48.45%;
	border-left: solid 1px #E6E7E8;
	padding: 15px 0 15px 1.36%;
}

.form_input, .form_textarea
{
	width: 94.54%;
	padding: 10px 2.73%;
}

.form_textarea{height: 154px;}

.form_submit
{
	width: 40.15%;
	background-position: 94.54% 50%;
	padding: 10px 0 10px 2.73%;
}

.form_submit:hover
{
	background-position: 94.54% 50%;
}

}

	

/* iPad Portriat ––––––––––––––– */
@media screen and (max-width: 768px) {	
.form_textarea{height: 170px;}
}

/* iPad Portrait -1px ----------- */
@media screen and (max-width : 767px) {
	
	
/* CONTACT WRAPPER --------------------*/


#contact_wrapper
{
	border: none;
}
	
#contact_details
{
	float: none;
	position: relative;
	width: 100%;
	padding: 0;
}

/* FORM -----*/

#contact_form
{
	float: none;
	position: relative;
	width: 100%;
	border: none;
	padding: 0;
	margin: 30px 0 0 0;
}


#feedback,
#contact_form
{
	margin-top:15px;
}

#feedback span
{
	position: absolute;
	top: 9px;
	left: 130px;
	width: 28px;
}

#feedback p
{
	margin-bottom: 0;
}
/* COOKIE POLICY --------------------*/


#cookies_wrapper
{
	border: none;
}

#cookies_leftcol
{
	float: none;
	position: relative;
	width: 100%;
	padding: 0;
}

#cookies_rightcol
{
	float: none;
	position: relative;
	width: 100%;
	border: none;
	padding: 0;
	margin: 17px 0 0 0;
}

	
}


/* iPhone Landscape -1px ----------- */
@media screen and (max-width : 567px) {
	
	
.form_input, .form_textarea
{
	width: 89.6%;
	padding: 10px 5.2%;
}

.form_submit
{
	float: none;
	position: relative;
	width: 100%;
	background-position: 94.8% 50%;
	padding: 10px 5.2%;
}

.form_submit:hover
{
	background-position: 94.8% 50%;
}


#cookies_wrapper h2
{
	line-height: 140%;
}

#feedback a{
	max-width:100%;	
}
	
}