/*
Title:      	Deluxe Detailing stylesheet for screen media
Author:     	Karl Ridley, falling@happyleaves.com
Updated:    	7th October 2016
*/


/* WRAPPERS */

html {
  	font-size: 100%;
	}

body {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.0em;
	line-height: 1.6875;
	text-align: left;
	color: #222222;
	margin: 0;
	-webkit-font-smoothing: antialiased;	
	height: 100%; 
    min-height: 100%;
	background-color: #f0f0f0;
	}
	
::-moz-selection { 
	background: #828282; 
	color: #ffffff; 
	text-shadow: none; 
	}

::selection { 
	background: #828282; 
	color: #ffffff; 
	text-shadow: none; 
	}

img::-moz-selection	{ 
	background: transparent; 
	}
	
img::selection { 
	background: transparent; 
	}
	
a:active {
	outline: none;
	}

a:focus	{
	-moz-outline-style: none;
	}	
	
a {
	text-decoration: none;
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	}		

p {
	margin: 0 0 1.35em 0; 
	text-align: left;
	color: #222222;
	font-size: 1.0rem;
	line-height: 1.35rem;	
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-style: normal;
	}
	
em {
	font-family: 'Titillium Web', sans-serif;
	font-style: italic;
	font-weight: 400;
	}	
	
strong {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
	}		

h1 {
 	text-align: center;
	font-size: 2.5rem;
	line-height: 2.9rem;
	color: #222222;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
	margin: 0 0 2.2rem 0;
	padding: 0;
	text-transform: uppercase;
	}
h1 span {
 	text-align: center;
	font-size: 2.1rem;
	line-height: 2.5rem;
	color: #222222;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-style: normal;
	margin: 0 0 2.2rem 0;
	padding: 0;
	text-transform: none;
	}
@media (max-width: 768px) {
	h1 {	
	font-size: 2.0rem;
	line-height: 2.4rem;
	margin: 0 0 1.2rem 0;
	}
}


h2 {
 	text-align: left;
	font-size: 2.0rem;
	line-height: 2.4rem;
	color: #222222;
	font-family: 'Titillium Web', sans-serif;
	font-style: normal;
	font-weight: 600;
	margin: 0 0 1.0rem 0;
	padding: 0;
	text-transform: uppercase;	
	}

	
	
h3 {
 	text-align: left;
	font-size: 1.7rem;
	line-height: 2.1rem;
	color: #222222;
	font-family: 'Titillium Web', sans-serif;
	font-style: normal;
	font-weight: 600;
	margin: 0 0 0.7rem 0;
	padding: 0;
	text-transform: uppercase;
	}



.h3_homepromos {
 	text-align: center;
	font-size: 1.85rem;
	line-height: 2.3rem;
	color: #ffffff;
	font-family: 'Titillium Web', sans-serif;
	font-style: normal;
	font-weight: 600;
	margin: 0 0 0.7rem 0;
	padding: 0;
	text-transform: uppercase;
	text-shadow: 0 0 3px #222222;
	}
.h3_homepromos a:link, .h3_homepromos a:visited {
	color:#ffffff;
	text-decoration:none;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
	}	
.h3_homepromos a:active, .h3_homepromos a:hover {
	color:#ffffff;
	text-decoration:none;
	border-bottom: 1px solid #ffffff;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
	}	
@media (max-width: 768px) {
	.h3_homepromos {	
	font-size: 1.6rem;
	line-height: 1.9rem;
	margin: 0 0 0.7rem 0;
	}
}	


h4 {
 	text-align: left;
	font-size: 1.4rem;
	line-height: 1.7rem;
	color: #222222;
	font-family: 'Titillium Web', sans-serif;
	font-style: normal;
	font-weight: 600;
	margin: 0 0 0.7rem 0;
	padding: 0;
	text-transform: uppercase;
	}

h5 {
 	text-align: left;
	font-size: 1.1rem;
	line-height: 1.5rem;
	color: #ffffff;
	font-family: 'Titillium Web', sans-serif;
	font-style: normal;
	font-weight: 600;
	margin: 0 0 1.0rem 0;
	padding: 0;
	text-transform: uppercase;
	}
	
		

.divlinesolid {
	height: 1px;
	margin: 25px 0;
	width: 100%;
	border-bottom: solid 1px #d8d8d8;
	}	
	
.clear {
 	clear: both;
	height: 0;
 	}		


	
	
				
	

/* TEXT COMPONENTS */
	
.normaltxt {
	text-align: left;
	color: #222222;
	font-size: 1.0rem;
	line-height: 1.35rem;	
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-style: normal;
	}
.normaltxt a:link, .normaltxt a:visited {
	color:#828282;
	text-decoration:none;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
	}	
.normaltxt a:active, .normaltxt a:hover {
	color:#828282;
	text-decoration:none;
	border-bottom: 1px solid #828282;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
	}	
	
	
	
.servicestxtlinkstxt {
	text-align: left;
	color: #222222;
	font-size: 1.1rem;
	line-height: 1.45rem;	
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	}
.servicestxtlinkstxt a:link, .servicestxtlinkstxt a:visited {
	color:#828282;
	text-decoration:none;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
	}	
.servicestxtlinkstxt a:active, .servicestxtlinkstxt a:hover {
	color:#828282;
	text-decoration:none;
	border-bottom: 1px solid #828282;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
	}
	
	
.timetxt {
	text-align: left;
	color: #828282;
	font-size: 1.0rem;
	line-height: 1.6rem;	
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-style: normal;
	}	
.timetxt i {
	margin: 0 0.3rem 0 0;
	}		
	
	
.homepromotxt {
	text-align: center;
	color: #ffffff;
	font-size: 1.0rem;
	line-height: 1.35rem;	
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-style: normal;
	text-shadow: 0 0 3px #222222;
	}	
	
	
.legaltxt {
	text-align: left;
	color: #222222;
	font-size: 0.85rem;
	line-height: 1.2rem;	
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-style: normal;
	}
.legaltxt a:link, .legaltxt a:visited {
	color:#828282;
	text-decoration:none;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
	}	
.legaltxt a:active, .legaltxt a:hover {
	color:#828282;
	text-decoration:none;
	border-bottom: 1px solid #828282;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
	}	


.smallertxt {
	text-align: left;
	color: #222222;
	font-size: 0.85rem;
	line-height: 1.2rem;	
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-style: normal;
	}
.smallertxt a:link, .smallertxt a:visited {
	color:#828282;
	text-decoration:none;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
	}	
.smallertxt a:active, .smallertxt a:hover {
	color:#828282;
	text-decoration:none;
	border-bottom: 1px solid #828282;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
	}


.bulletlistsmall {
	margin: 0 auto;
	padding: 0 0 0.75rem 0;
	list-style: none;
	color: #222222;
	}	
.bulletlistsmall ul {
	list-style: none;
	margin: 0 0 0.5rem 0;
	border: 0;
	padding: 0 0 0.5rem 0;
	}	
.bulletlistsmall li {
	text-align: left;
	color: #222222;
	font-size: 0.85rem;
	line-height: 1.2rem;	
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-style: normal;
	padding: 0 0 0.4rem 0;
	}	
.bulletlistsmall li i {
	text-align: left;
	color: #828282;
	font-size: 0.9rem;
	line-height: 1.2rem;	
	padding: 0 0.4rem 0 0;
	}
.bulletlistsmall li em {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-style: normal;
	}				
.bulletlistsmall a:link, .bulletlistsmall a:visited {
	color: #828282;
	text-decoration: none;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
	}
.bulletlistsmall a:active, .bulletlistsmall a:hover  {
	color: #828282;
	text-decoration:none;
	border-bottom: 1px solid #828282;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
	}
	
	
.largertxt {
	text-align: left;
	color: #222222;
	font-size: 1.3rem;
	line-height: 1.7rem;	
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-style: normal;
	}		
.largertxt a:link, .largertxt a:visited {
	color:#828282;
	text-decoration:none;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
	}	
.largertxt a:active, .largertxt a:hover {
	color:#828282;
	text-decoration:none;
	border-bottom: 1px solid #828282;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
	}
	
	
	
.bulletlist {
	margin: 0 auto;
	padding: 0 0 0.75rem 0;
	list-style: none;
	color: #222222;
	width: 100%;
	}	
.bulletlist ul {
	list-style: none;
	margin: 0 0 0.5rem 0;
	border: 0;
	padding:0 0 0.5rem 0;
	}	
.bulletlist li {
	text-align: left;
	color: #222222;
	font-size: 1.0rem;
	line-height: 1.35rem;	
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-style: normal;
	padding: 0 0 0.5rem 0;
	}	
.bulletlist li i {
	text-align: left;
	color: #828282;
	font-size: 1.0rem;
	line-height: 1.35rem;	
	padding: 0 0.2rem 0 0;
	}
.bulletlist li em {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-style: normal;
	}				
.bulletlist a:link, .bulletlist a:visited {
	color: #828282;
	text-decoration: none;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
	}
.bulletlist a:active, .bulletlist a:hover  {
	color: #828282;
	text-decoration:none;
	border-bottom: 1px solid #828282;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
	}	




.bulletlistrev {
	margin: 0 auto;
	padding: 0 0 0.75rem 0;
	list-style: none;
	color: #ffffff;
	width: 100%;
	}	
.bulletlistrev ul {
	list-style: none;
	margin: 0 0 0.5rem 0;
	border: 0;
	padding:0 0 0.5rem 0;
	}	
.bulletlistrev li {
	text-align: left;
	color: #ffffff;
	font-size: 1.0rem;
	line-height: 1.35rem;	
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-style: normal;
	padding: 0 0 0.5rem 0;
	}	
.bulletlistrev li i {
	text-align: left;
	color: #4cc888;
	font-size: 1.0rem;
	line-height: 1.35rem;	
	padding: 0 0.2rem 0 0;
	}
.bulletlistrev li em {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-style: normal;
	}				
.bulletlistrev a:link, .bulletlistrev a:visited {
	color: #ffffff;
	text-decoration: none;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
	}
.bulletlistrev a:active, .bulletlistrev a:hover  {
	color: #ffffff;
	text-decoration:none;
	border-bottom: 1px solid #ffffff;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
	}



	

.introhometxttop {
	text-align: center;
	color: #ffffff;
	font-size: 1.5rem;
	line-height: 1.9rem;	
	font-family: 'Titillium Web', sans-serif;
  	font-weight: 600;
	font-style: normal;
	text-transform: uppercase;
	text-shadow: 0 0 2px #222222;
	}
@media (max-width: 768px) {
	.introhometxttop {	
	font-size: 1.2rem;
	line-height: 1.5rem;	
	}
}

.introhometxtbot {
	text-align: center;
	color: #ffffff;
	font-size: 1.3rem;
	line-height: 1.7rem;	
	font-family: 'Titillium Web', sans-serif;
  	font-weight: 400;
	font-style: normal;
	}
@media (max-width: 768px) {
	.introhometxtbot {	
	font-size: 1.0rem;
	line-height: 1.3rem;	
	}
}


.quotetxt {
	text-align: center;
	color: #222222;
	font-size: 1.8rem;
	line-height: 2.2rem;	
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-style: italic;
	}
@media (max-width: 768px) {
	.quotetxt {	
	font-size: 1.5rem;
	line-height: 1.9rem;
	margin: 0 0 0.7rem 0;
	}
}	
	
.quotenametxt {
	text-align: center;
	color: #828282;
	font-size: 1.0rem;
	line-height: 1.3rem;	
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-style: normal;
	}	
	
	
.contacttxt {
	text-align: left;
	color: #ffffff;
	font-size: 1.55rem;
	line-height: 1.95rem;	
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-style: normal;
	}	
.contacttxt i {
	margin: 0 0.3rem 0 0;
	}	
.contacttxt span {
	width: 1px;
	padding: 0;
	margin: 0 1.0rem;
	height: 2.4rem;
	border-right: 1px solid #ffffff;
	}		
.contacttxt a:link, .contacttxt a:visited {
	color:#ffffff;
	text-decoration:none;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
	}	
.contacttxt a:active, .contacttxt a:hover {
	color:#222222;
	text-decoration: none;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
	}
@media (max-width: 768px) {
	.contacttxt {	
	font-size: 1.1rem;
	line-height: 1.3rem;	
	}
	.contacttxt i {
	margin: 0 0.2rem 0 0;
	}	
	.contacttxt span {
	margin: 0 0.6rem;
	}
}	
	
.contacttxtother {
	text-align: left;
	color: #222222;
	font-size: 1.55rem;
	line-height: 1.95rem;	
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-style: normal;
	}	
.contacttxtother i {
	margin: 0 0.3rem 0 0;
	}	
.contacttxtother span {
	width: 1px;
	padding: 0;
	margin: 0 1.0rem;
	height: 2.4rem;
	border-right: 1px solid #222222;
	}			
.contacttxtother a:link, .contacttxtother a:visited {
	color:#222222;
	text-decoration:none;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
	}	
.contacttxtother a:active, .contacttxtother a:hover {
	color:#828282;
	text-decoration: none;
	border-bottom: 1px solid #828282;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
	}	
@media (max-width: 768px) {
	.contacttxtother {	
	font-size: 1.1rem;
	line-height: 1.3rem;	
	}
	.contacttxtother i {
	margin: 0 0.2rem 0 0;
	}	
	.contacttxtother span {
	margin: 0 0.6rem;
	}
}		
		
		
		
		

/* SECTIONS COMPONENTS */

#top20 {
	margin: 0 auto;
	width: 100%;
	padding: 2% 0 0 0;
	background: #f0f0f0;
	position: fixed;
	z-index: 1000 !important;
	}
	
#bot20 {
	margin: 0 auto;
	width: 100%;
	padding: 2% 0 0 0;
	background: #f0f0f0;
	position: fixed;
	bottom: 0;
	z-index: 1000 !important;
	}	

#wrapper {
	margin: 0 auto;
	width: 100%;
	}	
	
#homeheadercontainer {
	margin: 0 auto;
	text-align: center;
	padding: 25vh 0 0 0;
	width: 96%;	
	z-index: 20;	
	height: 100vh;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'height: 100vh;'  'padding: 25vh 0 0 0;';
	}
@media screen and (max-width: 768px) {
  #homeheadercontainer {
	padding: 20vh 10% ;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'padding: 20vh 10%;';
  }
}	
@media screen and (max-width: 480px) {
  #homeheadercontainer {
	padding: 15vh 5% 20vh 5%;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'padding: 15vh 5% 20vh 5%';
  }
}	


#otherheadercontainer {
	margin: 0 auto;
	text-align: center;
	padding: 0 3%;
	width: 100%;	
	z-index: 20;	
	background: #f0f0f0;
	}



#logoholder {	
	margin: 0 auto;
	max-width: 620px;
	padding: 0 0 5.0rem 0;
	}	
@media screen and (max-width: 768px) {
  #logoholder {
	margin: 0 auto;  
	max-width: 85%;
	padding: 0 0 2.8rem 0;
  }
}


#logoholderother {	
	margin: 0 auto;
	max-width: 400px;
	padding: 3.6rem 0 2.6rem 0;
	}	
@media screen and (max-width: 960px) {
  #logoholderother {
	margin: 0 auto;  
	max-width: 65% !important;
	padding: 6.0rem 0 2.0rem 0;
  }
}
@media screen and (max-width: 480px) {
  #logoholderother {
	margin: 0 auto;  
	max-width: 80% !important;
	padding: 6.0rem 0 1.0rem 0;
  }
}


#igllogoholder {	
	margin: 0 auto;
	max-width: 340px;
	padding: 2.6rem 0;
	}	
@media screen and (max-width: 960px) {
  #igllogoholder {
	margin: 0 auto;  
	max-width: 50% !important;
	padding: 2.0rem 0;
  }
}
@media screen and (max-width: 480px) {
  #igllogoholder {
	margin: 0 auto;  
	max-width: 65% !important;
	padding: 1.4rem 0;
  }
}


#kenzologoholder {	
	margin: 0;
	max-width: 300px;
	padding: 0 0 3.0rem 0;
	}	
@media screen and (max-width: 960px) {
  #kenzologoholder {
	max-width: 50% !important;
	padding: 0 0 2.0rem 0;
  }
}
@media screen and (max-width: 480px) {
  #kenzologoholder {
	max-width: 65% !important;
	padding: 0 0 1.4rem 0;
  }
}


.kenzoleftpadding {
    padding: 0 2.0rem 0 0;	
	}		
.kenzorightpadding {
    padding: 0 0 0 2.0rem;	
	}	
@media screen and (max-width: 960px) {
  .kenzoleftpadding {
	padding: 0;
  }
.kenzorightpadding {
	padding: 0;
  }
}


#introtxtholder {	
	margin: 0 auto;
	max-width: 55%;
	padding: 0;
	}	
@media screen and (max-width: 768px) {
  #introtxtholder {
	margin: 0 auto;  
	max-width: 100%;
	padding: 0;
  }
}
@media screen and (max-width: 480px) {
  #introtxtholder {
	margin: 0 auto;  
	max-width: 100%;
	padding: 0;
  }
}

#toptelemailholder {	
	position: absolute;
  	top: 4.0rem;
  	left: 4%;
	}	
@media screen and (max-width: 768px) {
  #toptelemailholder {
	top: 2.0rem;
  	left: 4%;
  }
}


#legalpages {	
	padding: 0;
	margin: 0 auto;
	width: 96%;	
	}


#homethreeboxholder {	
	padding: 0;
	margin: 2% auto 5px auto;
	width: 96%;	
	}
	
#homestatictxttwitterholder {	
	padding: 0;
	margin: 0 auto;
	width: 96%;	
	}	
	
#faqscontentholder {	
	padding: 3.0rem 5%;
	margin: 0 auto;
	width: 96%;	
	background: #ffffff;
	}	

#iglheaderholder {	
	padding: 0 5%;
	margin: 0 auto;
	width: 96%;	
	background: #00b056;
	}
#igltitleholder {	
	padding: 4.0rem 5% 2.0rem 5%;
	margin: 0 auto 2% auto;
	width: 96%;	
	background: #ffffff;
	}
#iglintroholder {	
	padding: 6.0rem 5%;
	margin: 0 auto 2% auto;
	width: 96%;	
	background: #ffffff;
	}
#iglproductholder {	
	padding: 0;
	margin: 0 auto;
	width: 96%;	
	}
#iglbottles {	
	padding: 0;
	margin: 0 auto;
	width: 96%;	
	background: #00b056;
	}
#iglcomparisonchart {	
	padding: 4.0rem 5%;
	margin: 0 auto 2% auto;
	width: 96%;	
	background: #ffffff;
	}
#iglproductgraphics {	
	padding: 0;
	margin: 0 auto 2% auto;
	width: 96%;	
	}
.iglproductgraphicsimages01 {	
	padding: 0;
	margin: 0;
	border-right: 10px solid #f0f0f0;
	border-bottom: 10px solid #f0f0f0;
	}
.iglproductgraphicsimages02 {	
	padding: 0;
	margin: 0;
	border-left: 10px solid #f0f0f0;
	border-bottom: 10px solid #f0f0f0;
	}
.iglproductgraphicsimages03 {	
	padding: 0;
	margin: 0;
	border-right: 10px solid #f0f0f0;
	border-top: 10px solid #f0f0f0;
	}
.iglproductgraphicsimages04 {	
	padding: 0;
	margin: 0;
	border-left: 10px solid #f0f0f0;
	border-top: 10px solid #f0f0f0;
	}
@media screen and (max-width: 768px) {
  .iglproductgraphicsimages01 {	
		padding: 0;
		margin: 0;
		border-right: none;
		border-bottom: 10px solid #f0f0f0;
		}
	.iglproductgraphicsimages02 {	
		padding: 0;
		margin: 0;
		border-left: none;
		border-bottom: 10px solid #f0f0f0;
		}
	.iglproductgraphicsimages03 {	
		padding: 0;
		margin: 0;
		border-right: none;
		border-top: none;
		border-bottom: 10px solid #f0f0f0;
		}
	.iglproductgraphicsimages04 {	
		padding: 0;
		margin: 0;
		border-left: none;
		border-top: none;
	}
}





	
#map { 
	width: 100%; 
	height: 100%;
	min-height: 100%;
	z-index: -1;	
	position: fixed !important;
	}



#homepagelogosholder {	
	margin: 2.0rem auto 0 auto;
	max-width: 50%;
	padding: 0;
	}
@media screen and (max-width: 768px) {
  #homepagelogosholder {
	margin: 0 auto;  
	max-width: 65%;
	padding: 0;
  }
}
@media screen and (max-width: 480px) {
  #homepagelogosholder {
	margin: 0 auto;  
	max-width: 100%;
	padding: 0;
  }
}

.c4_left, .c4_mid, .c4_right { 
	width: 33.33333%;
	padding: 0;
	margin: 0;
	float: left;
	text-align: center;
	}

.c6_left, .c6_right { 
	width: 50%;
	padding: 0;
	margin: 0;
	float: left;
	text-align: center;
	}
	
	
	
	
	
	
/* ACCORDION FAQS COMPONENTS */

.accordion dl, .accordion-list {
  	border: none;
	}
	
.accordion dl:after, .accordion-list:after {
  	content: "";
  	display: block;
  	width: 100%;
  	}

.accordion dd, .accordion__panel {
  	background-color: #f0f0f0;
	}

.accordion {
  	position: relative;
  	background-color: #f0f0f0;	
	}

.container {
  	max-width: 100%;
  	margin: 0 auto;
  	padding: 0;
	}
	
.accordionTitle, .accordion__Heading {
  	background-color: #ffffff;
  	text-align: left;
  	padding: 0.8rem;
  	display: block;
	font-size: 1.15rem;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
  	text-decoration: none;
	text-transform: uppercase;
  	color: #222222;
  	-webkit-transition: background-color 0.5s ease-in-out;
  	transition: background-color 0.5s ease-in-out;
  	border-bottom: 1px dashed #d7dee3;
	}
	
.accordionTitle:before,.accordion__Heading:before {
  	content: "+";
  	font-size: 1.6rem;
  	line-height: 1.6rem;
	margin: 0 1.0rem 0 0;
  	float: left;
	color: #828282;
  	-webkit-transition: -webkit-transform 0.3s ease-in-out;
  	transition: -webkit-transform 0.3s ease-in-out;
  	transition: transform 0.3s ease-in-out;
  	transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
	}
	
.accordionTitle:hover, .accordion__Heading:hover {
  	background-color: #dadada;
	}

.accordionTitleActive, .accordionTitle.is-expanded {
  	background-color: #dadada;
  	font-size: 1.5rem;
  	padding: 1.0rem;	
	}
	

	
.accordionTitleActive:before,.accordionTitle.is-expanded:before {
  -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg);
		  color: #828282;
		  font-size: 2.0rem;
  		  line-height: 2.0rem;
	}
	
	
	
.accordionItemInner {
  	padding: 1.5em 1.5em 0.5em 1.5em;
	}	

.accordionItem {
  	height: auto;
  	overflow: hidden;
  	
  	-webkit-transition: max-height 1s;
  	transition: max-height 1s;
	}
	
@media screen and (min-width: 48em) {
  .accordionItem {
    
    -webkit-transition: max-height 0.5s;
    transition: max-height 0.5s;
  }
}

.accordionItem.is-collapsed {
  max-height: 0;
}

.no-js .accordionItem.is-collapsed {
  max-height: auto;
}

.animateIn {
  -webkit-animation: accordionIn 0.45s normal ease-in-out both 1;
          animation: accordionIn 0.45s normal ease-in-out both 1;
}

.animateOut {
  -webkit-animation: accordionOut 0.45s alternate ease-in-out both 1;
          animation: accordionOut 0.45s alternate ease-in-out both 1;
}

@-webkit-keyframes accordionIn {
  0% {
	opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  100% {
	opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes accordionIn {
  0% {
	opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  100% {
	opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
  }
}
@keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
  }
}
	
	





/* TABLE COMPARISON */	

.cmslistrow { 
	border-top: 1px solid #1d1d1d !important;
	padding: 1.0rem 0;
	margin: 0;
	width: 100%;
	}	

.cmslist00title { 
	width: 20%; 
	margin: 0; 
	padding: 1.2rem 0;
	text-align: center;
	color: #53ac60;
	font-size: 1.4rem;
	line-height: 1.5rem;	
	font-family: 'Titillium Web', sans-serif;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	border-bottom: 4px solid #f0f0f0 !important;
	}	
@media screen and (max-width: 768px) {
  .cmslist00title {
	width: 20%;
	  text-align: left !important;
  }
}
.cmslist010203title { 
	width: 20%; 
	margin: 0; 
	padding: 1.2rem 0;
	text-align: center;
	color: #53ac60;
	font-size: 1.4rem;
	line-height: 1.5rem;	
	font-family: 'Titillium Web', sans-serif;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	border-bottom: 4px solid #f0f0f0 !important;
	}	
@media screen and (max-width: 768px) {
  .cmslist010203title {
	width: 20%;
	text-align: left !important;
  }
}

.cmslist00 { 
	width: 20%; 
	margin: 0; 
	padding: 0.6rem 0;
	text-align: center;
	color: #000000;
	font-size: 0.95rem;
	line-height: 1.3rem;	
	font-family: 'Titillium Web', sans-serif;
	font-weight: 700;
	font-style: normal;
	border-bottom: 1px solid #f0f0f0 !important;
	}	
@media screen and (max-width: 768px) {
  .cmslist00 {
	width: 20%;
	  text-align: left !important;
  }
}	
.cmslist010203 { 
	width: 20%; 
	margin: 0; 
	padding: 0.6rem 0;
	text-align: center;
	color: #000000;
	font-size: 0.95rem;
	line-height: 1.3rem;	
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-style: normal;
	border-bottom: 1px solid #f0f0f0 !important;
	}
.cmslist010203 i { 
	font-size: 0.8rem;
	}
@media screen and (max-width: 768px) {
  .cmslist010203 {
	width: 20%;
	  text-align: left !important;
  }
}	







/* BUTTONS COMPONENTS */

.buttonholder {
	padding: 0;
	margin: 0 auto;
	text-align: center;
	}	

.buttonholder2 {
	padding: 0;
	margin: 3.0rem auto;
	text-align: center;
	}	

.buttonholderleft {
	padding: 0;
	margin: 0 0 2.0rem 0;
	text-align: left;
	}	
.buttonholderright {
	padding: 0;
	margin: 0 0 2.0rem 0;
	text-align: right;
	}	
					
.buttonsheader {
	font-size: 1.35rem;
	line-height: 1.35rem;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-style: normal;
	background-color: rgba(34, 34, 34, .4);
	padding: 0.85rem 0.55em 0.85rem 0.3rem;
	text-decoration:none;
	color: #ffffff;
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	}
.buttonsheader i {
	margin: 0 0 0 0.5rem;
	}	
.buttonsheader:hover {
	background-color: rgba(34, 34, 34, .8);
	}		
@media (max-width: 768px) {
	.buttonsheader {	
	margin:10px auto;
	}	
}

.buttonsheaderwide {
	font-size: 1.35rem;
	line-height: 1.35rem;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-style: normal;
	background-color: rgba(34, 34, 34, .9);
	padding: 0.85rem 1.0rem ;
	text-decoration:none;
	color: #ffffff;
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	}
.buttonsheaderwide i {
	margin: 0 0 0 0.5rem;
	}	
.buttonsheaderwide:hover {
	background-color: rgba(34, 34, 34, .6);
	}		
@media (max-width: 768px) {
	.buttonsheaderwide {	
	margin:10px auto;
	}	
}




.buttonsgreen {
	font-size: 1.35rem;
	line-height: 1.35rem;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-style: normal;
	background-color: rgba(34, 34, 34, 1.0);
	padding: 0.85rem 1.0rem ;
	text-decoration:none;
	color: #ffffff;
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	}
.buttonsgreen i {
	margin: 0 0 0 0.5rem;
	}	
.buttonsgreen:hover {
	background-color: rgba(34, 34, 34, .6);
	}		
@media (max-width: 768px) {
	.buttonsgreen {	
	margin:10px auto;
	}	
}


.buttonssmall {
	font-size: 1.0rem;
	line-height: 1.0rem;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-style: normal;
	background: #ffffff;
	padding: 0.85em 3.0rem;
	text-decoration:none;
	color: #474f44;
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	letter-spacing: 0.2rem;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	}
.buttonssmall i {
	margin: 0 0 0 0.5rem;
	}	
.buttonssmall:hover {
	color: #ffffff;
	background: #757b4e;
	}		
@media (max-width: 768px) {
	.buttonssmall {	
	margin:10px auto;
	}	
}
	
.buttonsgrey {
	font-size: 1.15rem;
	line-height: 1.15rem;
	font-family:"Bauer Bodoni Pro_1 W01 Roman";
	font-weight: normal;
	font-style: normal;
	background: #b2b7bb;
	padding: 0.85em 3.0rem;
	text-decoration:none;
	color: #ffffff;
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	letter-spacing: 0.2rem;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	}
.buttonsgrey i {
	margin: 0 0 0 0.5rem;
	}	
.buttonsgrey:hover {
	color: #ffffff;
	background: #464e43;
	}		
@media (max-width: 768px) {
	.buttonsgrey {	
	margin:10px auto;
	}	
}






/* HOME THREE BLOCKS EQUAL HEIGHTS */

.container {
    width: 100%;
    margin: 0 auto;
    padding: 0;
	}
	
.items-container,.data-test-items {
    overflow: hidden;
    margin: 0 0;
	}


.itemleft {
    display: block;
    float: left;
    width: 25%;
	background: #ffffff;	
	}
.itemmid1 {
    display: block;
    float: left;
    width: 25%;
    background: #ffffff;
	}
.itemmid2 {
    display: block;
    float: left;
    width: 25%;
    background: #ffffff;
	}	
.itemright {
    display: block;
    float: left;
    width: 25%;
    background: #ffffff;
	}	
	
.iteminnerleft {
    padding: 12% 8%;	
	}
.iteminnermid1 {
    padding: 12% 8%;
	}	
.iteminnermid2 {
    padding: 12% 8%;
	}		
.iteminnerright {
    padding: 12% 8%;
	}	
	
	
	
.itemleftdet {
    display: block;
    float: left;
    width: 33.33333%;
	background: #ffffff;	
	}
.itemmiddet {
    display: block;
    float: left;
    width: 33.33333%;
    background: #ffffff;
	}
.itemrightdet {
    display: block;
    float: left;
    width: 33.33333%;
    background: #ffffff;
	}	
	
.iteminnerleftdet {
    padding: 12% 8%;	
	}
.iteminnermiddet {
    padding: 12% 8%;
	}			
.iteminnerrightdet {
    padding: 12% 8%;
	}	





.item01, .item02, .item03, .item04 {
    display: block;
    float: left;
    width: 25%;
	}


.iteminnerigl {
    padding: 12% 8%;
	}	
	
	

.item6633left {
    display: block;
    float: left;
    width: 66.6666%;
	}
.item6633right {
    display: block;
    float: left;
    width: 33.3333%;
	}	
.item6633inner {
    margin: 0;
	min-height: 45vh;
	padding: 0;	
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'min-height: 45vh;';
	}	
	
.itemtxttwitterleft {
    padding: 6% 8%;	
	}	
.itemtxttwitterright {
    padding: 6% 8%;
	}	
	
	
	
.item20_1 {
    display: block;
    float: left;
    width: 20%;
	}	
.item20_2 {
    display: block;
    float: left;
    width: 20%;
	}	
.item20_3 {
    display: block;
    float: left;
    width: 20%;
	}	
.item20_4 {
    display: block;
    float: left;
    width: 20%;
	}	
.item20_5 {
    display: block;
    float: left;
    width: 20%;
	}	
.item20inner {
    margin: 20vh 0 0 0;
	min-height: 25vh;
	padding: 6% 4%;	
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'min-height: 25vh;'  'margin: 20vh 0 0 0;';
	background-color: rgba(34, 34, 34, .4);
	}
	
	
	
.item5050left {
    display: block;
    float: left;
    width: 50%;
	}	
.item5050right {
    display: block;
    float: left;
    width: 50%;
	}	
.item5050inner {
    margin: 0;
	padding: 6% 8%;	
	}		
.item5050inner2 {
    margin: 0;
	padding: 12% 8%;	
	}								
		
						

.item-1 { 
	border-right: 1px solid #f0f0f0; 
	background: #ffffff;	
	}
.item-2a { 
	border-right: 1px solid #f0f0f0; 
	background: #ffffff;	
	}
.item-2b { 
	border-right: 1px solid #f0f0f0; 
	background: #ffffff;	
	}	
.item-3 { 
	background: #ffffff;	
	}
	
	
.item-4 { 
	border-right: 1px solid #f0f0f0; 
	background: #ffffff;	
	}
.item-5 { 
	background: #ffffff;	
	}	
	
	
.item-6 { 
	background: #ffffff;	
	}
.item-7 { 
	border-left: 1px solid #f0f0f0; 
	background: #ffffff;	
	}
.item-8 { 
	border-left: 1px solid #f0f0f0; 
	border-right: 1px solid #f0f0f0; 
	background: #ffffff;	
	}	
.item-9 { 
	background: #ffffff;	
	border-right: 1px solid #f0f0f0; 
	}
.item-10 { 
	background: #ffffff;	
	}	
	
	
.item-11 { 
	border-right: 1px solid #f0f0f0; 
	background: #dbdbdb;	
	}
.item-12 { 
	background: #ffffff;	
	}	
	
	
.item-13 { 
	border-right: 1px solid #f0f0f0; 
	background: #ffffff;	
	}
.item-14 { 
	background: #dbdbdb;	
	}		
	
	
.item-15 { 
	border-right: 1px solid #f0f0f0; 
	background: #ffffff;	
	}
.item-16 { 
	background: #ffffff;	
	}
	
	
	
.item-17 { 
	border-right: 1px solid #f0f0f0; 
	background: #ffffff;	
	}
.item-18 { 
	border-right: 1px solid #f0f0f0; 
	background: #ffffff;	
	}
.item-19 { 
	background: #ffffff;	
	}	


.item-20 { 
	border-right: 1px solid #00592b; 
	background: none;
	}
.item-21 { 
	border-right: 1px solid #00592b; 
	background: none;
	}
.item-22 { 
	border-right: 1px solid #00592b; 
	background: none;
	}
.item-23 { 
	background: none;
	}	
						
			

.item img {
    display: block;
    max-width: 100%;
	}

.item p:last-child {
    margin-bottom: 0;
	}

@media only screen and (max-width: 768px) {
    .test-margin .itemleft, .test-margin .items-container.big-items .itemleft {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	.test-margin .itemmid1, .test-margin .items-container.big-items .itemmid1 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	.test-margin .itemmid2, .test-margin .items-container.big-items .itemmid2 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}	
	.test-margin .itemright, .test-margin .items-container.big-items .itemright {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
		
		
	.test-margin .itemleftdet, .test-margin .items-container.big-items .itemleftdet {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}	
	.test-margin .itemmiddet, .test-margin .items-container.big-items .itemmiddet {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}	
	.test-margin .itemrightdet, .test-margin .items-container.big-items .itemrightdet {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}		
	
	
	.test-margin .item6633left, .test-margin .items-container.big-items .item6633left {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	.test-margin .item6633right, .test-margin .items-container.big-items .item6633right {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	
	
	.test-margin .item20_1, .test-margin .items-container.big-items .item20_1 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	.test-margin .item20_2, .test-margin .items-container.big-items .item20_2 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	.test-margin .item20_3, .test-margin .items-container.big-items .item20_3 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	.test-margin .item20_4, .test-margin .items-container.big-items .item20_4 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	.test-margin .item20_5, .test-margin .items-container.big-items .item20_5 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}		
		
		
	.test-margin .item5050left, .test-margin .items-container.big-items .item5050left {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	.test-margin .item5050right, .test-margin .items-container.big-items .item5050right {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}	
	
	
	
	
	.test-margin .item01, .test-margin .items-container.big-items .item01 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	.test-margin .item02, .test-margin .items-container.big-items .item02 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	.test-margin .item03, .test-margin .items-container.big-items .item03 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}	
	.test-margin .item04, .test-margin .items-container.big-items .item04 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	

	
	.item-1 { 
		border-right: none;
		}
	.item-2a { 
		border-right: none;
		border-top: 1px solid #f0f0f0;
		}
	.item-2b { 
		border-right: none;
		border-top: 1px solid #f0f0f0;
		}	
	.item-4 { 
		border-right: none;
		border-top: 1px solid #f0f0f0; 
		}
	
	
	.item-6 { 
		border-bottom: 1px solid #f0f0f0; 
		}
	.item-7 { 
		border-left: none; 
		border-bottom: 1px solid #f0f0f0; 
		}
	.item-8 { 
		border-left: none; 
		border-right: none; 
		border-bottom: 1px solid #f0f0f0; 
		}	
	.item-9 { 
		border-right: none; 
		border-bottom: 1px solid #f0f0f0; 
		}
	.item-10 { 
		}	
		
		
	.item-11 { 
		border-right: none; 
		border-bottom: 1px solid #f0f0f0;
		}	
		
	.item-15 { 
		border-right: none; 
		border-bottom: 1px solid #f0f0f0; 
		}
		
		
	.item-17 { 
		border-right: none;
		}
	.item-18 { 
		border-right: none;
		border-top: 1px solid #f0f0f0;
		}
	.item-19 { 
		border-right: none;
		border-top: 1px solid #f0f0f0;
		}	
	
	
	.item-20 { 
		border-right: none;
		}
	.item-21 { 
		border-right: none;
		border-top: 1px solid #00592b;
		}
	.item-22 { 
		border-right: none;
		border-top: 1px solid #00592b;
		}
	.item-23 { 
		border-right: none;
		border-top: 1px solid #00592b;
		}	
		
		
		.item20inner {
		margin: 15vh 0 0 0;
		min-height: auto;
		padding: 6% 4%;	
		/* IE9 and 10  */
		content: 'viewport-units-buggyfill;'  'min-height: auto;'  'margin: 15vh 0 0 0;';
		background-color: rgba(34, 34, 34, .4);
		}
		
		
		.item6633inner {
		min-height: 30vh;
		/* IE9 and 10  */
		content: 'viewport-units-buggyfill;'  'min-height: 30vh;';
		}
	
}






/* SERVICES PAGES COMPONENTS */

#detailingservicesholder {	
	padding: 0;
	margin: 2% auto 5px auto;
	width: 96%;	
	}
	
#servicesquoteholder {	
	padding: 2.4rem 5% 2.0rem 5%;
	margin: 0 auto;
	width: 96%;	
	background: #dbdbdb;
	text-align: center;
	}	
	
#servicesthreecolsplit {	
	padding: 0;
	margin: 2% auto 5px auto;
	width: 96%;	
	}	
	
.servicesimagesmall {	
	padding: 0;
	margin: 0 0 2.0rem 0;
	}		





/* GALLERY COMPONENTS */

#galleryholder {	
	padding: 0;
	margin: 2% auto 5px auto;
	width: 96%;	
	}
	
#galleryfooter {	
	padding: 0;
	margin: 5px auto;
	width: 96%;	
	background: #ffffff;
	}	
	
	
	
	
	





/* LEGAL PAGES COMPONENTS */

@media all and (min-width: 768px) {
   #colstwo  {
  -webkit-column-count: 2;
  -webkit-column-gap: 45px; /* Saf3, Chrome*/
  -moz-column-count: 2;   
  -moz-column-gap: 45px; /* FF3.5+ */
  column-count: 2;        
  column-gap: 45px; /* Opera 11+*/
  padding: 0 5%;
  }
}
@media all and (max-width: 768px) {
   #colstwo  {
  padding: 0 5%;
  }
}

#legalpagesholder {
  	padding: 3.0rem 5% 0 5%;
  	margin: 0 0 5.0rem 0!important;
  	text-align: left !important;
	color: #ffffff;
	}
@media (max-width: 768px) {	
	#legalpagesholder {	
	padding: 0 5%;
	}	
}		











/* CONTACT COMPONENTS */

#formgreybgholder {
	margin: 0 0 60px 0;
	padding: 4%;
	background: #f0f0f0;	
	}	
@media (max-width: 768px) {
	#formgreybgholder {
	margin: 0 0 30px 0;
	padding: 6% 8%;
	}	
}	
	

	
#locationmap {
  	padding: 6em 0 26em 0;
	margin: 0 2%;
	background-color: #97a4af;
	z-index: 10;
	}	
	
	
#map { 
	width: 75%; 
	height: 85%;
	min-height: 85%;
	z-index: -100;	
	margin: 14% 2% 0 23%;
	position: fixed !important;
	}
@media (max-width: 768px) {
	#map {	
	width: 96%; 
	height: 80%;
	min-height: 80%;
	z-index: -100;	
	margin: 35% 2% 10% 2%;
	}
}				


.formtitlesleft {
	padding: 0;
	margin: 0 30px 10px 0;
	text-align: left;
	color: #222222;
	font-size: 1.0rem;
	line-height: 1.4rem;	
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
	}
.formtitlesright {
	padding: 0;
	margin: 0 0 10px 30px;
	text-align: left;
	color: #222222;
	font-size: 1.0rem;
	line-height: 1.4rem;	
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
	}	
@media screen and (max-width: 768px) {
	.formtitlesleft {
	padding: 0;
	margin: 0 0 10px 0;
	}		
	.formtitlesright {
	padding: 0;
	margin: 0 0 10px 0;
	}	
}	

.formtitlesfullwidth {
	padding: 0;
	margin: 0 0 10px 0;
	text-align: left;
	color: #222222;
	font-size: 1.0rem;
	line-height: 1.4rem;	
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
	}	

.formfieldsleft {
	padding: 0;
	margin: 0 30px 15px 0;
	}		
.formfieldsright {
	padding: 0;
	margin: 0 0 15px 30px;
	}	
	
@media screen and (max-width: 768px) {
	.formfieldsleft {
	padding: 0;
	margin: 0 0 10px 0;
	}		
.formfieldsright {
	padding: 0;
	margin: 0 0 10px 0;
	}	
}		
			
	
.formfieldsfullwidth {
    width: 100%;
	padding: 0;
	margin: 0 0 10px 0;
	}		
	
.formfieldsleft input[type="text"], .formfieldsleft input[type="email"], .formfieldsright input[type="text"], .formfieldsright input[type="email"] {
  	color: #222222;
	width: 100%;
	height: 40px;
	padding: 0 15px 0 15px;
	margin: 0;
	font-size: 1.0rem;
	line-height: 30px;
	vertical-align: middle;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-style: normal;
	background-color: #dadada;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	border-bottom: 1px solid #e0dcdc;
	border-left: none;
	border-right: none;
	border-top: none;
	}	
.formfieldsleft input[type="text"]:hover, .formfieldsleft input[type="email"]:hover, .formfieldsright input[type="text"]:hover, .formfieldsright input[type="email"]:hover {
	border-bottom: 1px solid #828282;
	}	
					
	
.formfieldsright textarea {
  	color: #222222;
	width: 100%;
	padding: 6px 15px;
	margin: 0;
	height: 215px;
	font-size: 1.0rem;
	line-height: 1.3rem;
	vertical-align: middle;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-style: normal;
	background-color: #dadada;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	border-bottom: 1px solid #e0dcdc;
	border-left: none;
	border-right: none;
	border-top: none;
	}	
.formfieldsright textarea:hover {
	border-bottom: 1px solid #828282;
	}	
		
	
.formnotice {
	margin: 10px auto 30px auto;
	width: 100%;
	padding: 8px 0;
	text-align: center;
	color: #797676;
	font-size: 0.85rem;
	line-height: 1.1rem;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	}	

.formbutton {
	margin: 0 auto;
	width: 100%;
	padding: 0;
	}
	
.g-recaptcha {
	margin: 2% auto 2% auto;
	padding: 1% 0;
	width: 304px;
	text-align: center;
	border-bottom: 1px solid #d8d8d8;
	}		
	
button[type="submit"].form_button {
	border: none;
	padding:15px 40px 15px 40px;
	display:block;
	color: #ffffff;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 1.15rem;
	line-height: 1.15rem;
	cursor: pointer;
	margin: 0 auto;
	text-align: center !important;
	background: #222222;
	text-transform: uppercase;	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	}
button[type="submit"].form_button:hover, button[type="submit"].form_button:focus {
	background-color:#828282;
	color:#ffffff;
	}		



#instagrampanel {
	margin: 0 ;
	padding: 4.0rem 5%;
	background: #1d1d1d;
	}	
@media (max-width: 768px) {
	#instagrampanel {
	padding: 3.0rem 5%;
	}	
}

	
	
	
	
/* FOOTER COMPONENTS */	

#copyrightholderbar {	
	padding: 1.3rem 2.5%;
	margin: 0 auto;
	width: 96%;	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,e5e5e5+25&1+0,0+25 */
	background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(229,229,229,0) 25%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(229,229,229,0) 25%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(229,229,229,0) 25%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#00e5e5e5',GradientType=0 ); /* IE6-9 */
	}
	
	
#footerlogoholder {	
	margin: 2.2rem auto 1.4rem auto;
	max-width: 280px;
	padding: 0;
	}	
@media screen and (max-width: 768px) {
  #footerlogoholder {
	max-width: 50%;
  }
}	

.footerblackline {
	width: 25%;
	margin: 1.2rem auto;
	padding: 0 0 1.0rem 0;
	border-top: 1px solid #ffffff;
	}

.footertxt {
	text-align: center;
	color: #222222;
	font-size: 1.0rem;
	line-height: 1.3rem;	
	font-family: 'Titillium Web', sans-serif;
	font-weight: normal;
	font-style: normal;
	padding: 0;
	margin: 0 0 0.4rem 0;
	}
.footertxt a:link, .footertxt a:visited {
	color:#828282;
	text-decoration:none;
	font-family: 'Titillium Web', sans-serif;
	font-weight: normal;
	font-style: normal;
	}	
.footertxt a:active, .footertxt a:hover {
	color:#828282;
	text-decoration:none;
	border-bottom: 1px solid #828282;
	font-family: 'Titillium Web', sans-serif;
	font-weight: normal;
	font-style: normal;
	}	
@media (max-width: 768px) {
	.copyrighttxt {	
	text-align: center;
	font-size: 0.8rem;
	line-height: 1.1rem;	
	}
}

.copyrighttxt {
	text-align: center;
	color: #828282;
	font-size: 0.9rem;
	line-height: 1.4rem;	
	font-family: 'Titillium Web', sans-serif;
	font-weight: normal;
	font-style: normal;
	}
.copyrighttxt a:link, .copyrighttxt a:visited {
	color:#828282;
	text-decoration:none;
	font-family: 'Titillium Web', sans-serif;
	font-weight: normal;
	font-style: normal;
	}	
.copyrighttxt a:active, .copyrighttxt a:hover {
	color:#222222;
	text-decoration:none;
	border-bottom: 1px solid #222222;
	font-family: 'Titillium Web', sans-serif;
	font-weight: normal;
	font-style: normal;
	}	
@media (max-width: 768px) {
	.copyrighttxt {	
	text-align: center;
	font-size: 0.8rem;
	line-height: 1.1rem;	
	}
}


.center {
	text-align: center !important;
	}	
	
.white {
	color:#ffffff;
	}	
	
.happyleaves {	
	max-width: 178px;
	margin: 0 auto 3.0rem auto;
	padding: 0;
	text-align: center !important;
	}	

.happyleavesnav {	
	max-width: 178px;
	margin: 20px auto 0 auto;
	padding: 0;
	text-align: center !important;
	}
	
	
	
.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
	} 

.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
	}



input {
    border: none;
    box-shadow:none;
	}

input:-moz-placeholder {
    box-shadow:none !important;
	}

input:invalid {
    box-shadow:none !important;
	}	


a[href^="http://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}

.gmnoprint a, .gmnoprint span, .gm-style-cc {
    display:none;
	}
.gmnoprint div {
    background:none !important;
	}