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


/* SERVICES WRAPPER --------------------*/


#services_wrapper
{
	position: relative;
	width: 100%;
	background: #F6F6F6;
	margin: 0 0 0 0;
}

#services_content
{
	position: relative;
	width: 90%;
	max-width: 1100px;
	padding: 20px 0;
	margin: 0 auto 0 auto;
}

#services_content_leftcol
{
	float: left;
	width: 49.09%;
	margin: 0 0 0 0;
}

#services_content_rightcol
{
	float: right;
	width: 49.09%;
	margin: 0 0 0 0;
}


/* SERVICES WRAPPER - STYLES ----------*/

.service
{
	position: relative;
	width: 100%;
	background: #fff;
	border: solid 1px #EDEDED;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border-bottom-left-radius: 8px; 
	-moz-border-bottom-left-radius: 8px; 
	-webkit-border-bottom-left-radius: 8px; 
	-khtml-border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px; 
	-moz-border-bottom-right-radius: 8px; 
	-webkit-border-bottom-right-radius: 8px; 
	-khtml-border-bottom-right-radius: 8px;
	margin: 0 0 20px 0;
}

.service_img
{
	float: left;
	width: 44.44%;
	margin: 0 0 0 0;
}

.service_img img
{
	border-bottom-left-radius: 8px; 
	-moz-border-bottom-left-radius: 8px; 
	-webkit-border-bottom-left-radius: 8px; 
	-khtml-border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px; 
	-moz-border-bottom-right-radius: 8px; 
	-webkit-border-bottom-right-radius: 8px; 
	-khtml-border-bottom-right-radius: 8px;
}

.service_mobile_img
{
	position: relative;
	width: 100%%;
	margin: 0 0 0 0;
}

.service_mobile_img img
{
	border-bottom-left-radius: 8px; 
	-moz-border-bottom-left-radius: 8px; 
	-webkit-border-bottom-left-radius: 8px; 
	-khtml-border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px; 
	-moz-border-bottom-right-radius: 8px; 
	-webkit-border-bottom-right-radius: 8px; 
	-khtml-border-bottom-right-radius: 8px;
}

.service_text
{
	float: right;
	width: 48.15%;
	padding: 3.7%;
	margin: 0 0 0 0;
}

.service_text h2
{
	position: relative;
	font-family: 'Muli', sans-serif;
	font-size: 1em;
	font-weight: 400;
	line-height: 100%;
	color: #3C3C3B;
	margin: 0 0 10px 0;
}

.service_text li
{
	list-style: disc;
	font-family: 'Muli', sans-serif;
	font-size: 0.8125em;
	font-weight: 400;
	line-height: 140%;
	color: #4C4D4F;
	margin: 0 0 0 13px;
}

.service_link
{
	position: relative;
	width: 100%;
	margin: 20px 0 0 0;
}

.service_link a
{
	display: block;
	background: url(../images/arrow.png) #4C4D4F;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	-khtml-border-radius: 8px;
	text-decoration: none;
	font-family: 'Muli', sans-serif;
	font-size: 0.8125em;
	font-weight: 400;
	line-height: 100%;
	color: #fff;
	padding: 10px 7.69%;
	margin: 0 0 0 0;
}

.service_link a:hover
{
	background: url(../images/arrow_hover.png) #5B5B5B;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	text-decoration: none;
	color: #fff;
}

/* SERVICES WRAPPER - POPUPS ----------*/

#air_con_popup, 
#wheel_refurb_popup, 
#windscreen_replacement_popup, 
#leather_refurb_popup, 
#dent_removal_popup, 
#superior_waxing_popup, 
#roof_refurb_popup, 
#valeting_popup,
#hunter_wheel_popup, 
#meguiar_popup
{
	position: relative;
	width: 90%;
	max-width: 1100px;
	background: #fff;
	border: solid 1px #EDEDED;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border-bottom-left-radius: 8px; 
	-moz-border-bottom-left-radius: 8px; 
	-webkit-border-bottom-left-radius: 8px; 
	-khtml-border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px; 
	-moz-border-bottom-right-radius: 8px; 
	-webkit-border-bottom-right-radius: 8px; 
	-khtml-border-bottom-right-radius: 8px;
	margin: 0 auto 0 auto;
}

.popup_img
{
	float: left;
	width: 44.44%;
	margin: 0 0 0 0;
}

.popup_img img
{
	border-bottom-left-radius: 8px; 
	-moz-border-bottom-left-radius: 8px; 
	-webkit-border-bottom-left-radius: 8px; 
	-khtml-border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px; 
	-moz-border-bottom-right-radius: 8px; 
	-webkit-border-bottom-right-radius: 8px; 
	-khtml-border-bottom-right-radius: 8px;
}

.popup_mobile_img
{
	position: relative;
	width: 100%%;
	margin: 0 0 0 0;
}

.popup_mobile_img img
{
	border-bottom-left-radius: 8px; 
	-moz-border-bottom-left-radius: 8px; 
	-webkit-border-bottom-left-radius: 8px; 
	-khtml-border-bottom-left-radius: 8px;
}

.popup_text
{
	float: right;
	width: 55.55%;
	margin: 0 0 0 0;
}

.popup_text h2
{
	position: relative;
	width: 93.46%;
	border-bottom: solid 1px #EDEDED;
	font-family: 'Muli', sans-serif;
	font-size: 1.25em;
	font-weight: 400;
	line-height: 100%;
	color: #3C3C3B;
	padding: 20px 3.27%;
	margin: 0 0 0 0;
}

.popup_text h3
{
	position: relative;
	width: 100;
	font-family: 'Muli', sans-serif;
	font-size: 1em;
	font-weight: 400;
	line-height: 100%;
	color: #3C3C3B;
	margin: 0 0 20px 0;
}

a.popup-modal-dismiss
{
	position: absolute;
	top: 0;
	right: 0;
    display: block;
    width: 30px;
    height: 33px;
    text-decoration: none;
    outline: none;
    background: url(../images/services/additional/close_btn.png);
    margin: 0 0 0 0;
}

a.popup-modal-dismiss:hover
{
    background-position: -30px 0;	
}

.popup_text_content
{
	position: relative;
	width: 93.46%;
	border-bottom: solid 1px #EDEDED;
	padding: 20px 3.27%;
	margin: 0 0 0 0;
}

.popup_text_content.scroll
{
	position: relative;
	width: 93.46%;
	height: 160px;
	overflow: scroll;
	overflow-x: hidden;
	border-bottom: solid 1px #EDEDED;
	padding: 20px 3.27%;
	margin: 0 0 0 0;
}

.popup_text_content .intro_text
{
	position: relative;
	font-family: 'Muli', sans-serif;
	font-size: 1em;
	font-weight: 400;
	line-height: 140%;
	color: #3C3C3B;
}

.popup_link_wrapper, .popup_link_wrapper.scroll
{
	position: relative;
	width: 93.46%;
	padding: 20px 3.27%;
	margin: 0 0 0 0;
}

.popup_link
{
	float: left;
	width: 45.53%;
	margin: 0 0 0 0;
}

.popup_link a
{
	display: block;
	background: url(../images/arrow.png) #4C4D4F;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	-khtml-border-radius: 8px;
	text-decoration: none;
	font-family: 'Muli', sans-serif;
	font-size: 0.8125em;
	font-weight: 400;
	line-height: 100%;
	color: #fff;
	padding: 10px 7.69%;
	margin: 0 0 0 0;
}

.popup_link a:hover
{
	background: url(../images/arrow_hover.png) #5B5B5B;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	text-decoration: none;
	color: #fff;
}


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


.popup_text_content
{
	border-bottom: 0;
	
}
	
.popup_link_wrapper
{
	position: relative;
	width: 93.46%;
	padding: 0 3.27% 20px 3.27%;
}
	
	
}


/*  ----------- */
@media screen and (min-width : 1024px) {
	

.popup_mobile_img
{
	display: none;
}


}


/* iPad Landscape -1px ----------- */
@media screen and (max-width : 1023px) {
	
	
/* SERVICES WRAPPER --------------------*/

#services_content_leftcol
{
	width: 100%;
}

#services_content_rightcol
{
	width: 100%;
	margin: 0 0 0 0;
}


/* SERVICES WRAPPER - STYLES ----------*/

.service_img
{
	width: 26.06%;
}

.service_text
{
	width: 69.6%;
	padding: 2.17%;
}

.service_link
{
	width: 40.625%;
}

/* SERVICES WRAPPER - POPUPS ----------*/

.popup_img
{
	display: none;
}

.popup_text
{
	float: none;
	position: relative;
	width: 100%;
}

.popup_text h2
{
	width: 95.66%;
	padding: 20px 2.17%;
}

.popup_text_content
{
	width: 95.66%;
	padding: 20px 2.17%;
}

.popup_text_content.scroll
{
	width: 95.66%;
	height: 260px;
	padding: 20px 2.17%;
}

.popup_link_wrapper
{
	width: 95.66%;
	padding: 0 2.17% 20px 2.17%;
}

.popup_link
{
	width: 28.23%;
}
	
	
}


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


/* SERVICES WRAPPER - STYLES ----------*/

.service_img
{
	width: 34.78%;
}

.service_text
{
	width: 59.42%;
	padding: 2.9%;
}

.service_link
{
	width: 63.41%;
}


/* SERVICES WRAPPER - POPUPS ----------*/

.popup_link
{
	width: 37.68%;
}
	
	
}


/*  ----------- */
@media screen and (min-width : 568px) {
	

.service_mobile_img
{
	display: none;
}
	
	
}


/* iPhone Landscape -1px ----------- */
@media screen and (max-width : 567px) {


/* SERVICES WRAPPER - STYLES ----------*/

.service_img
{
	display: none;
}

.service_text
{
	float: none;
	position: relative;
	width: 92.16%;
	padding: 3.92%;
}

.service_link
{
	width: 100%;
}

.service_link a
{
	padding: 10px 4.25%;
}


/* SERVICES WRAPPER - POPUPS ----------*/

.popup_text h2
{
	width: 92.16%;
	padding: 20px 3.92%;
}

.popup_text_content, .popup_text_content.scroll
{
	width: 92.16%;
	padding: 20px 3.92%;
}

.popup_link_wrapper
{
	width: 92.16%;
	padding: 0 3.92% 20px 3.92%;
}

.popup_link
{
	width: 100%;
}

.popup_link a
{
	padding: 10px 3.92%;
}
	
	
}