/*Woodenfloors4You CSS by Clearspot Media UK*/
/***************RESETS AND BROWSER FIXES****************/


html {
	min-height: 100%;
	position: relative;
	font-size: 62.5%; /* Sets Standard For the PX and REM sizing below  */
}
body {
	width: 100%;
	overflow-x: hidden; /* Tablet fix  */
	-ms-interpolation-mode: bicubic; /* Image rendering Fix  */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust:none; /* Stop Mobile devices rezing text  */
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	font-size: 1.4rem;/* =14px */
	font-weight: normal;
	color: #000000;
	background: #f2f3ec url(../images/texture.gif) repeat;
}
/*RESET STYLES TO PREVENT UNWANTED PADDING & MARGINS ETC*/
* {
	margin: 0;
	padding: 0;
}
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
	font-style: normal;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}
div {
	display:block;
}


/* ROTATE IMAGES */
#cycler, #cycler-2, #cycler-3, #cycler-4, #cycler-5, #cycler-6, #cycler-7, #cycler-8, #cycler-9, #cycler-10{position:relative;}
#cycler img, #cycler-2 img, #cycler-3 img, #cycler-4 img, #cycler-5 img, #cycler-6 img, #cycler-7 img, #cycler-8 img, #cycler-9 img, #cycler-10 img  {position:absolute;z-index:1;background-color:white}
#cycler img.active, #cycler-2 img.active2, #cycler-3 img.active3, #cycler-4 img.active4, #cycler-5 img.active5, #cycler-6 img.active6, #cycler-7 img.active7, #cycler-8 img.active8, #cycler-9 img.active9, #cycler-10 img.active10{z-index:3}




/* ALL IMAGES SET TO FILL THEIR CONTAINER 100% WIDTH and (HEIGHT AUTO) */
img {
	width: 100%;
	height: auto;
	border: 0px none;
	display: block;
	margin: 0px;
	float: left;
}
/* CLEAR FLOAT FIX */
.clear {
	clear: both;
	line-height: 0;
	height:0;
	width: 100%;
}
/* TEXT MASTER STYLES */

a {
	color: #FFF;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/*Set some general rules for universal  h tags*/

h1, h2, h3, h4, h5 {
	float: left;
	display: block;
	width: 100%;
	font-weight: normal;
	line-height: normal;
	font-family: 'Vollkorn', serif;
}
/*Show on mobile , Hide on desktop*/
.wide-hide {
	display: none;
	visibility: hidden;
	line-height: 0px;
	height: 0px;
}
#menu li a, #logo-wide, .head-wrap, .three h1, #grid-holder {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	posi: all 0.2s ease-in-out;
}

.four-green, .four, .two img {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	posi: all 0.5s ease-in-out;
}



.tiny {
	margin-top: 0px !important;
}
/* MENU STYLE */


#menu {
	float: right;
	width: 76%;
	font-weight: 300;
	font-size: 16px;
	font-size: 1.6rem;
	list-style: none;
	overflow: auto;
}
#menu li {
	float: left;
	width: auto;
	text-align: center;
	padding: 0 2%;
	margin: 0;
	border-right: 1px solid #CCC;

	white-space: nowrap;
	font-family: 'Vollkorn', serif;
}
#menu li a {
	display: block;
	width: 100%;
	text-decoration: none;
	line-height: 70px;
	color: #65612c;
}
#menu li a:hover {
	text-decoration: none;
	color:#a9b400;
}
.nav-active, .nav-active a {
	background: url(../images/nav-bg.gif) bottom repeat-x !important;
	color: #a9b400 !important;
}
#menu li:hover {
	background:  url(../images/nav-bg.gif) bottom repeat-x;
}
#menu li:hover > a {
	color:#a9b400;
}
/* PAGE LAYOUT*/

#wrapper {
	float: left;
	width: 100%;
	margin: 0;
	-webkit-box-shadow: 0px 0px 22px 0px rgba(77,92,18,0.37);
	-moz-box-shadow: 0px 0px 22px 0px rgba(77,92,18,0.37);
	box-shadow: 0px 0px 22px 0px rgba(77,92,18,0.37);
}
.head-wrap {
	float: left;
	width: 100%;
	margin:1% 0;
	background-color: #FFFFFF;
	height:70px;
	overflow: hidden;
	position: fixed;
	z-index: 2000;
	-webkit-box-shadow: 0px 0px 22px 0px rgba(77,92,18,0.37);
	-moz-box-shadow: 0px 0px 22px 0px rgba(77,92,18,0.37);
	box-shadow: 0px 0px 22px 0px rgba(77,92,18,0.37);
}
#head {
	position: relative;
	width: 90%;
	margin: 0 auto;
	max-width: 1200px;
}
#page {
	position: relative;
	width: 90%;
	margin: 110px auto 0 auto;
	max-width: 1200px;
}
#nav-wrap {
	float: right;
	width: 70%;
	margin-bottom: 2%;
}
/*Header*/
#logo-wide {
	float: left;
	width: 26%;
	padding: 5px 0;
}
.mod-btn {
	float: left;
	width: 100%;
	text-align: center;
	marker-offset: 0;
	background: #bbc43f;
	background-image: -webkit-linear-gradient(top, #bbc43f, #595e0f);
	background-image: -moz-linear-gradient(top, #bbc43f, #595e0f);
	background-image: -ms-linear-gradient(top, #bbc43f, #595e0f);
	background-image: -o-linear-gradient(top, #bbc43f, #595e0f);
	background-image: linear-gradient(to bottom, #bbc43f, #595e0f);
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
	font-weight: 600;
	color: #ffffff;
	font-size: 18px;
	padding: 12px 0 12px 0;
	text-decoration: none;
	margin: 2% 0 2% 0;
}
.mod-btn:hover {
	background: #b8bd2c;
	background-image: -webkit-linear-gradient(top, #b8bd2c, #838a1a);
	background-image: -moz-linear-gradient(top, #b8bd2c, #838a1a);
	background-image: -ms-linear-gradient(top, #b8bd2c, #838a1a);
	background-image: -o-linear-gradient(top, #b8bd2c, #838a1a);
	background-image: linear-gradient(to bottom, #b8bd2c, #838a1a);
	text-decoration: none;
}
/* HP Grid*/

#grid-holder {
	float: left;
	width: 100%;
	-webkit-box-shadow: 0px 0px 22px 0px rgba(77,92,18,0.37);
	-moz-box-shadow: 0px 0px 22px 0px rgba(77,92,18,0.37);
	box-shadow: 0px 0px 22px 0px rgba(77,92,18,0.37);
}
.two, .half {
	float: left;
	width: 50%;
	position: relative;
	overflow: hidden !important;
}
.four {
	position: absolute;
	top: 0;
	width: 50%;
	background: rgb(255, 255, 255); /* The Fallback */
	background: rgba(255, 255, 255, 0.9);
	height:100%;
}
.four-green {
	position: absolute;
	top: 0;
	width: 50%;
	background: rgb(154, 154, 117); /* The Fallback */
	background: rgba(154, 154, 117, 0.9);
	height:100%;
}
.two h2, .four h2 {
	font-size: 30px;
	font-size: 3.0rem;
	line-height:30px;
	width:70%;
	margin:10% 15% 4% 15%;
	text-align: center;
	text-transform: uppercase;
}
.two h3, .four h3 {
	font-size: 19px;
	font-size: 1.9rem;
	line-height:32px;
	width:80%;
	text-align: center;
	margin: 0% 10% 3% 10%;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
}
.four h3 a, .two h3 a {
	font-weight: 900 !important;
}
.white {
	color:#FFF;
}
.green {
	color:#65612c;
}
.black {
	color:#000000;
}
.cream {
	color:#f2e8c5;
}
.left {
	left: 0;
}
.right {
	right: 0;
}
/* Share icon*/
	
	#user-top {
	float: right;
	width: 10%;
	margin-top: 1%;
}
#share {
	float: left;
	width: 100%;
	height: 30px;
	white-space: nowrap;
	color: #999 !important;
	margin-top: 5px;
}
#mobilenav {
	display: none;
	visibility: hidden;
}
/* PAGE LAYOUT*/

.three {
	float: left;
	width: 32%;
	margin: 2% 2% 0 0;
	-webkit-box-shadow: 0px 0px 22px 0px rgba(77,92,18,0.37);
	-moz-box-shadow: 0px 0px 22px 0px rgba(77,92,18,0.37);
	box-shadow: 0px 0px 22px 0px rgba(77,92,18,0.37);
	background:url(../images/zag.jpg) repeat;
	background-color: #FFF;
}
#last {
	margin-right: 0 !important;
}


	
.three h1 {
	float: left;
	width: 100%;
	text-align: center;
	margin: 5% 0 3% 0;
	font-size: 28px;
	font-size: 2.8rem;
	color:#3b3811 !important;
	line-height:28px;
	font-weight: 300;
	color:#333;
}
.three h2 {
	float: left;
	text-align: center;
	margin: 0 0 10px 0;
	font-size: 16px;
	font-size: 1.6rem;
	color:#333;
}
.three a h2 {
	color: #666;
}
.three a:hover > h2 {
	color: #F60;
}
.three a:hover > h1 {
	font-size: 30px;
	font-size: 3.0rem;
}
a:hover > .imagewrapper .three-up-info h3 {
	text-decoration: underline !important;
}
#footer-wrap {
	float: left;
	width: 94%;
	padding: 1% 3%;
	background: url(../images/foot-bg.jpg);
	margin-top: 3%;
}
#foot-left {
	float: left;
	width: 60%;
	color: #FFF;
	line-height: 40px;
}
#foot-right {
	text-align: right;
	float: left;
	width: 40%;
	color: #FFF;
	line-height: 40px;
}
.orange {
	color: #F04401;
}
.chicklets, .sharethis {
	color:#FFF !important;
}
.slicknav_menu {
	display:none;
}
/* Template Page Layouts  */

#left-col-mods {
	position: relative;
	float: left;
	width: 25%;
	margin: 3% 3% 4% 0;
	padding: 0;
}
.mod-fix {
	margin: 3% 0 4% 3% !important;
}
#right-col-page {
	position: relative;
	float: left;
	width: 72%;
	margin: 3% 0 4% 0;
	padding: 0;
}

#contactinfo h2{	float: left;
	width: 100%;
	text-transform: none;
	font-style: normal !important;
	text-align: left;
	margin: 5% 0 3% 0;
	font-size: 22px;
	font-size: 2.2rem;
	color:#3b3811 !important;
	line-height:28px;
	font-weight: 300;
	color:#65612c !important;}


/* Prod Page Modules  */
#product-finder {
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 5%;
}
#product-finder h1 {
	float: left;
	width: 88%;
  line-height: 26px;
	color: #FFF;
	background: #65612c;
	padding: 0 6%;
	font-size: 28px;
	font-size: 2.8rem;  padding: 6% 6% 4% 6%;
}
#product-finder ul {
	font-family: 'Vollkorn', serif !important;
	float: left;
	width: 88%;
	padding: 6%;
	height: auto;
	background: #FFFFFF;
	
}
#product-finder li {
	float: left;
	width: 100%;
	color: #65612c;
	font-size: 26px;
	font-size: 1.6rem;
	width: 90%;
	margin-left: 10%;
	line-height: 26px;
}
#product-finder li a {
	color: #65612c;
}
/* Work Mod */
#work-gallery {
	float: left;
	width: 100%;
	height: auto;
	padding: 0 0 4% 0;
	margin-bottom: 5%;
	background: #9d9a78;
}
#work-gallery h3 {
	font-family: 'Vollkorn', serif !important;
	float: left;
	width: 88%;
	margin: 6% 4% 1% 4%;
	color: #FFF;
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 26px;
}
#work-gallery p {
	float: left;
	width: 88%;
	color: #FFF;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 20px;
	margin: 0% 4% 1% 4%;
}
#work-gallery a {
	display: block;
	float: left;
	font-weight: 600 !important;
	font-size: 16px;
	font-size: 1.6rem;
	width: 88%;
	margin: 0 4% 4% 4%;
}
/* Product Page Details */


#right-col-page h1 {
	font-family: 'Vollkorn', serif !important;
	float: left;
	width: 100%;
	margin: 0 0 2% 0;
	color:  #65612c;
	font-size: 48px;
	font-size: 4.8rem;
	line-height: 40px;
}
#right-col-page h2 {
	float: left;
	margin: 2% 0 2% 0;
	width: 100%;
	font-style: italic;
	font-family: 'Vollkorn', serif;
	color:#3b3811;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 26px;
}

#intro-para {
	float: left;
	margin: 2% 0 4% 0;
	width: 100%;
	font-family: 'Vollkorn', serif;
	color: #333;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 26px;
}
#product-finder li a { cursor: pointer;}



 .prod-holder{
	 float: left;
	 width: 100%;
	 overflow: hidden;}


.product-page {

	position: relative;
	float: left;
	width: 88%;
	background: #FFFFFF;
	padding: 4% 6%;

	
	

}
#option1{ z-index: 10;}
#option2{ z-index: 20;} 
#option3{ z-index: 30; } 
#option4{ z-index: 40;} 
#option5{ z-index: 50;} 
#option6{ z-index: 60;} 
#option7{ z-index: 70;} 
#option8{ z-index: 80;} 
#option9{ z-index: 90;} 
#option10{ z-index: 100;} 


.product-page h1 {
	float: left;
	width: 100%;
	font-size: 38px !important;
	font-size: 3.8rem !important;
	margin-bottom: 2%;
}
#text-wrapper {
	float: left;
	width: 60%;
	margin: 0 0 2% 0;
}

#text-wrapper-services {
	float: left;
	width: 100%;
	margin: 0 0 2% 0;
}


.product-page p, .product-page li {
	float: left;
	width: 100%;
	font-size: 17px;
	font-size: 1.7rem;
	line-height: 26px;
	margin-bottom: 3%;
}
.product-page p a {
	color:#a9b400;
}

.product-page ul {
	float: left;
	width: 100%;
}

.product-page li {
	float: left;
	width: 90%;
	margin-left: 10%;
	line-height: 22px;  margin-bottom: 2%;
}
.product-page img {
	width: 100%;
	float: right;
	position: relative;
}
/* Captioning for insert images*/

#insert-image {
	float: right;
	width: 40%;
	margin-left: 4%;
}
#insert-image-left {
	float: left;
	width: 36%;
	margin: 0 3% 2% 0;
}

#insert-image-services {
	float: left;
	width: 100%;
	min-height: 500px;
	margin: 0 0 2% 0;
}


#insert-image span, #insert-image-left span, #insert-image-services span {
	clear: both;
	float: left;
	width: 90%;
	font-family: "Source Sans Pro", sans-serif !important;
	font-size: 13px !important;
	font-size: 1.3rem !important;
	line-height: 22px;
	color: #212121;
}
#finder-form {
	float: left;
	width: 100%;
	margin-bottom: 4%;
}
#finder-form label {
	float: left;
	width: auto;
	margin-right: 20px;
	font-style: italic;
	font-family: 'Vollkorn', serif !important;
	color:#3b3811;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 46px;
}
#finder-form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	float: left;
	width: 45%;
	line-height: 40px !important;
	height: 40px !important;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 28px;
	padding: 0 2% 0 8%;
	background: #FFF url(../images/drop.jpg) left no-repeat;
}
.left {
	float: left !important;
}
.divider-full {
	float: left;
	display: block;
	width: 100%;
	height: 20px;
	margin: 3% 0 3% 0;
	padding: 0;
	background: url(../images/divider-full.gif) top left repeat-x;
	background-position: top center;
}
/*My Slider Homepage*/
#slider-holder {
	float: left;
	width: 100%;
	overflow: hidden;
	background: #FFF;
	position: relative;
	-webkit-box-shadow: 0px 0px 22px 0px rgba(77,92,18,0.37);
	-moz-box-shadow: 0px 0px 22px 0px rgba(77,92,18,0.37);
	box-shadow: 0px 0px 22px 0px rgba(77,92,18,0.37);
	margin-bottom: 2%;
}
#slider-overlay {
	position: absolute;
	bottom: 0px;
	width: 100%;
	  height: auto;
	background: rgb(255, 255, 255); /* The Fallback */
	background: rgba(255, 255, 255, 0.8);
}
#slider-overlay-thin {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 50px;
	background: rgb(255, 255, 255); /* The Fallback */
	background: rgba(255, 255, 255, 0.8);
}
.banner {
	float: left;
	width: 100%;
!important;
	position: relative;
	overflow: auto;
}
.banner img {
	width: 100%;
	max-width: none;
}
.banner ul {
	list-style: none;
	width: 100%;
}
.banner ul li {
	display: block;
	float: left;
	width: 100%;
	padding: 0;
	position: relative;
}

.banner .dots {
	position: absolute;
	right: 15px;
	bottom: 15px;
	z-index: 1999;
}
.banner .dots li {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 4px;
	text-indent: -999em;
	background-color: #595959;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor: pointer;
	opacity: .4;
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
}
.banner .dots li.active {
	background: #a9b400;
	opacity: 1;
}
#slider-overlay h1 {
	float: left;
	width: 55%;
	margin: 2% 0 1% 5%;
	font-size: 42px;
	font-size: 4.2rem;
	color:#3b3811;
	line-height: 48px;
	padding: 0;
}
#slider-overlay h2 {
	float: left;
	width: 55%;
	margin: 0% 0 2% 5%;
	font-size: 20px;
	font-size: 2.0rem;
	color:#3b3811;
	font-style: italic;
	line-height: 28px;
}
#slider-overlay-thin h2 {
	float: left;
	width: 97%;
	margin: 0 0 0 3% !important;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px;
	font-size: 1.5rem;
	color:#000;
	line-height: 50px !important;
	font-style: normal;
}
.slide-btn {
	margin-top: 3%;
	float: right;
	width: 12%;
	text-align: center;
	margin-right: 5%;
	marker-offset: 0;
	background: #bbc43f;
	background-image: -webkit-linear-gradient(top, #bbc43f, #595e0f);
	background-image: -moz-linear-gradient(top, #bbc43f, #595e0f);
	background-image: -ms-linear-gradient(top, #bbc43f, #595e0f);
	background-image: -o-linear-gradient(top, #bbc43f, #595e0f);
	background-image: linear-gradient(to bottom, #bbc43f, #595e0f);
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
	font-weight: 600;
	color: #ffffff;
	font-size: 16px;
	padding: 12px 30px 12px 30px;
	text-decoration: none;
}
.slide-btn:hover {
	background: #b8bd2c;
	background-image: -webkit-linear-gradient(top, #b8bd2c, #838a1a);
	background-image: -moz-linear-gradient(top, #b8bd2c, #838a1a);
	background-image: -ms-linear-gradient(top, #b8bd2c, #838a1a);
	background-image: -o-linear-gradient(top, #b8bd2c, #838a1a);
	background-image: linear-gradient(to bottom, #b8bd2c, #838a1a);
	text-decoration: none;
}
#galleria-holder {
	height: auto;
	float: left;
	width: 100%;
	background: #000;
}
.galleria {
	height: 500px;
}





.hoover{
	position: relative;
	display: block;
height: auto;}


.hoover:hover > .two .four-green, .hoover:active > .two .four-green{
	background: #660;
	  background: rgb(88, 88, 53);
  background: rgba(88, 88, 53, 0.9);}
  
  .hoover:hover > .two .four, .hoover:active > .two .four{
	background: #660;
	  background: rgb(238, 238, 225);
  background: rgba(238, 238, 225, 0.9);}
  
  .hoover:hover > .two img, .hoover:active > .two img{
	   opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */}



.hp-intro {float: left; background: #FFF; padding: 3% 3% 3% 3%; width: 94%; margin-bottom: 3%; -webkit-box-shadow: 0px 0px 22px 0px rgba(77,92,18,0.37);
	-moz-box-shadow: 0px 0px 22px 0px rgba(77,92,18,0.37);
	box-shadow: 0px 0px 22px 0px rgba(77,92,18,0.37);}

.hp-intro img{ float: left; max-width: 360px; margin: 0 3% 1% 0;}

.hp-intro h2 { font-size: 18px; font-size:1.8rem; color: #333;}

 @media screen and (max-width: 1200px) {
.two h2, .four h2 {
	margin-top: 8%;
	font-size: 28px;
	font-size: 2.8rem;
	line-height:26px;
}
.two h3, .four h3 {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 24px;
}
#menu {
	font-size: 15px;
	font-size: 1.5rem;
}
#menu li {
	width: auto;
	text-align: center;
	padding: 0 1.5%;
}
#logo-wide {
	float: left;
	width: 30%;
	padding: 5px 0;
}
#slider-overlay h2 {
	width: 67%;
	font-size: 22px;
	font-size: 2.0rem;
	line-height: 22px;
}

#insert-image-services {
	
	min-height: 440px;
	
	
}
 @media screen and (max-width: 980px) {
.two h2, .four h2 {
	margin-top: 8%;
	font-size: 20px;
	font-size: 2.0rem;
	line-height:20px;
}
.two h3, .four h3 {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 19px;
}
.head-wrap {
	height: auto;
	overflow: visible;
}
#mobilenav {
	display: block;
	visibility: visible;
	float: left;
	width: 100%;
	overflow: visible;
}
#logo-wide {
	position: absolute;
	width: 38%;
	padding: 0;
	top: 5px;
}
#slider-overlay h1 {
	width: 60%;
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 36px;
}
#slider-overlay h2 {
	width: 67%;
	line-height: 22px;
}
#banner-holder-gallery {
	margin-top: 2%;
}
.wide-hide {
	display: block;
	line-height: normal;
	visibility: visible;
	height: auto;
	padding: 5px 10px;
}
.device-hide {
	display: none;
	height: 0;
}
.js #menu {
	display:none;
}
.js .slicknav_menu {
	display:block;
}
.nav-active {
	background: #E5E4D7;
!important;
	color:#000 !important;
}
.cta h2, .logos h2 {
	font-size: 22px;
	font-size: 2.2rem;
	white-space: normal !important;
	line-height: 20px;
	margin-bottom: 2%;
}
.banner {
	width: 100% !important;
}
#sell {
	width: 100%;
	min-height:150px;
	padding-bottom: 20px;
}
#sell h1 {
	margin-top: 4%;
}
#sell h2 {
	margin-top: 2%;
	font-size: 20px;
	font-size:2.0rem;
}
.three h1 {
	font-size: 26px;
	font-size: 2.6rem;
	line-height:26px;
}
.three h2 {
	margin: 0 0 10px 0;
	font-size: 15px;
	font-size: 1.5rem;
}
#foot-right {
	text-align: left;
	float: left;
	width: 100%;
10px 0px 10px 0px !important  line-height: 20px;
}
#checka-top {
	width: 20%;
}
#cta-top {
	float: left;
	width: 28%;
}
.cta img, .cta #share {
	margin-top: 2%;
	margin-right: 0;
}
.logos img {
	float: left;
	height: auto;
	max-width: 100%;
}
.checka, .logos, .cta {
	min-height: 150px;
}
.checka img {
	float: left;
	height: auto;
	width: 100% !important;
}
.reviews-holder {
	float: left;
	height: auto;
	width: 100% !important;
}
#hide-mobile {
	display: none;
	visibility: hidden;
}
.galleria {
	height: 400px;
}
#right-col-page, #left-col-mods {
	width: 100%;
	margin: 4% 0 0 0 !important;
}
#product-finder {
	width: 32%;
	margin-right: 2%;
	overflow: hidden;
	min-height: 300px;
	background-color:#FFF;

}
#work-gallery {
	width: 32%;
	margin-right: 2%;
		overflow: hidden;
	min-height: 300px;
	padding: 0;
}
.last {
	margin-right: 0 !important;
}

.hp-intro { padding: 5% 8% 5% 5%; width: 87%; }

#insert-image-services {

	min-height: 480px;



}

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

.two, .half{
	float: left;
	width: 100%;
}
.two h2, .four h2 {
	margin-top: 8%;
	font-size: 32px;
	font-size: 3.2rem;
	line-height:32px;
	width: 80%;
	margin: 10% 10% 3% 10%;
}
.two h3, .four h3 {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 28px;
	width: 80%;
	margin: 0 10% 3% 10%;
}

#insert-image-services {

	min-height: 400px;



}
}
 @media screen and (max-width: 650px) {
	 
	 
	 #slider-overlay-thin {
  position: relative;
  float: left;   height: auto;}
  #slider-overlay-thin h2 {
	  width: 70%;
	  line-height: 16px !important;
	  padding: 3% 0 !important;}
  
  
	#ordering-form .textfield {
  width: 96% !important;
	}
  
   #finder-form select {
  width: 100%;
	 }
  
  #text-wrapper{ width: 100%; margin-top: 2%;}
  
	 #insert-image-left, #insert-image, #insert-image-services  {
		 float: left;
	width: 100% !important;
	margin: 2% 0 2% 0 !important;
}


.galleria {
	height: 320px !important;
}
#grid-holder {
	-webkit-box-shadow:none !important;
	-moz-box-shadow: none!important;
	box-shadow: none!important;
}
.hide-head {
	display: none;
	visibility: hidden;
}
.two {
	margin-bottom: 5%;
	-webkit-box-shadow: 0px 0px 22px 0px rgba(77,92,18,0.37);
	-moz-box-shadow: 0px 0px 22px 0px rgba(77,92,18,0.37);
	box-shadow: 0px 0px 22px 0px rgba(77,92,18,0.37);
}
.two h2, .four h2 {
	font-size: 26px;
	font-size: 2.6rem;
	line-height:32px;
}
.two h3, .four h3 {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 22px;
}
#slider-holder {
	margin-bottom: 5%;
}
#slider-overlay {
	position: relative;
	float: left !important;
}
#slider-overlay h1 {
	width: 60%;
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 28px;
	margin-bottom:2%;
}
#slider-overlay h2 {
	width: 50%;
	line-height: 26px;
	margin-bottom: 3%;
}
.slide-btn {
	font-size: 14px;
	line-height: 16px;
	width: 12%;
}
#logo-wide {
	width: 54%;
}
#left-col {
	width: 100%;
	margin: 2% 0 3% 0;
}
#right-col {
	width: 100%;
	margin: 2% 0 3% 0;
}
#user-top {
	float: right;
	width: 14%;
}
#marquee-label {
	line-height: 18px;
}
.three {
	width: 100%;
}
.three {
	margin: 0 0 4% 0;
}
.galleria {
	height:450px;
}


#insert-image-services {

	min-height: 340px;



}

}
 @media screen and (max-width: 480px) {
	 
	 #insert-image-services {
	
	min-height: 260px;
	
}

	 
.hp-intro { width: 90% !important; padding: 5% !important;} 

.hp-intro img, .hp-intro h2{ width: 100% !important; max-width: 100% !important; margin: 0 0 5% 0 !important;} 



	 #work-gallery, #product-finder {
	width: 100%;
	margin-right: 0%;
}



.slide-btn {
	font-size: 14px;
	text-align: center;
	overflow: visible;
	background: none repeat scroll 0% 0% transparent;
	color: rgb(153, 153, 153);
	margin: 0px;
	padding: 0px 2%;
	float: right;
	width: 100px;
	line-height: 50px;
	position: absolute;
	z-index: 1000;
	right: 0;
}
.slide-btn:hover {
	background: none;
	color: #A9B400;
}
.hide-head {
	display: none;
	visibility: hidden;
}
.two {
	width: 100%;
	-webkit-box-shadow: 0px 0px 22px 0px rgba(77,92,18,0.37);
	-moz-box-shadow: 0px 0px 22px 0px rgba(77,92,18,0.37);
	box-shadow: 0px 0px 22px 0px rgba(77,92,18,0.37);
}
.two img {
	width: 200%;
}

.image-pull{
	margin-left:-100% !important;}
	
.four-green, .four {
  float: left;
  position: relative;
  min-height: 1px;
  width: 100% !important;
}


.two h2, .four h2 {
	font-size: 26px;
	font-size: 2.6rem;
	line-height:32px;
	width: 90% !important;
	margin: 5% 5% 2% 5% !important;
}
.two h3, .four h3 {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 22px;
	width: 90%;
	margin: 0 5% 4% 5%;
}
#logo-wide {
	width: 68%;
}
#slider-overlay h2 {
	width: 50%;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 20px;
}
}