/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
	font-family: 'Oswald', sans-serif;
    color: #000000;
    font-size: .9em;
    line-height: 1.4rem;
	background-color:  #ededed;

}
body {
    margin: 0;
}

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

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

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #f6f6f6  ; /*f6f6f6; */
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ffffff;
    color: #000;
    padding: 0.2em 0;
}
img {
    width: 100%;
    height: auto;
}

a {
	COLOR: #000000;	
	text-decoration: none;
}
a:hover {
	COLOR: #000000;	
	text-decoration: none;
}
p {
	font-family: 'Oswald', sans-serif;
    font-size: 1.1rem;
	line-height: 1.6rem;
	padding-left: 1.1rem;
	padding-right: 1.1rem;
		COLOR: #000000;	
}
footer p {
    font-size: 1.0rem;
	line-height: 1rem;
	padding-left: .5rem;
	padding-right: .5rem;
		COLOR: #000000;	
}


.menu a {
	font-family: 'Oswald', sans-serif;
}
ol {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}

/* ===== Initializr Styles ===================== */

body {
	font-family: 16px/20px 'Oswald', sans-serif;
}

.wrapper {
	margin: 0px auto 0px auto;
}

nav {
     display: block;
 margin: 0 auto;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  width: 99.0%;
}

#adviewu {
	display: none;
}
#mobilevu {
	display: block;
}

/* ===================
    ALL: COLOR Theme
   =================== */
	 .top {
        width: 99%;
		padding: 0;
    margin:0 auto;

    }   
	 .logo {
        float: none;
        width: 93%;
		padding: 3%;

    }
.header-container {
	padding-top: 0;
}

.home-container {
	BACKGROUND: transparent  url("../img/floor-s.jpg") no-repeat top center; 
}
.kitchen-container {
	BACKGROUND: transparent  url("../img/kitchen-s.jpg") no-repeat  top center; 
}
.support-container {
		/*  background: rgba(54, 23, 2, 0.25); */
		background-color: #ffffff;
}
.footer-container aside {
    border-top: 0 solid #000000;  /*   #CB6304;     */
}

.footer-container{
    /*background: #000000; */
}
.header-container{
    background: transparent; 
}
.main aside {
    background: #ffffff; /*#000000; */
}
.main aside.transp {
    background: transparent; 
}
.title {
    color: #ffffff;
}
.contact {

	  text-align: center;
    color: black;
    }
.partone {
	    background: transparent;
	    /* background: #000000;*/
}
.parteight{
	    background: #ffffff;
	    /* background: #000000;*/
}
.parttwo {
	background-color:  #ededed;
}
.partthree {
	    background: #ffffff;
}
.partsix {
	BACKGROUND: transparent  url("../img/kitchen-floor.jpg") no-repeat  top center; 
}
.partnine{
	BACKGROUND: #ffffff ; 
	background-size:cover;
}

.partfive {
			/* background-image: none; */
	BACKGROUND: #ededed; 
}

.parttwo a {
	    font-weight: bold;
    BORDER-BOTTOM: #000000 1px dotted; 
}
.parttwo a:hover {
	color: #000000;
	    font-weight: bold;
	    BORDER-BOTTOM: #000000 0 dotted; 
	
}
.partthree .highlight{
	    color: #000000;
}
.partthree a{
	    color: #000000;
}
.partthree a:hover{
	    color: #000000;
}

p  a {
    BORDER-BOTTOM: #000000 1px dotted; 
}

.contact a {
    margin:0;
    padding:  0;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
	color: #000000;
}

.contact  a:hover,
.contact  a:visited {
	color: #000000;
}



.title {
	  font-size: 110%;
      /* font-family: 'PT Sans', sans-serif; */
	  text-align: center;
	    margin: 0 7.5% 1% 7.5%;
	  font-weight: 100;
  text-shadow: 2px 2px #011f38;
 	    background: #000000; /*  72685E */
        -webkit-box-shadow: 0 2px 4px #011f38;
           -moz-box-shadow: 0 2px 4px #011f38;
                box-shadow: 0 2px 4px #011f38;		
		border-bottom-right-radius: .25em;
		border-bottom-left-radius: .25em;
				white-space: nowrap;
   }
.big {
		  font-size: 150%;

}
.seventy {
	 margin: 2% auto;
	  width: 40%;
	
}
	
	
 .organic {
	    margin: 2% auto;
	  width: 60%;
   } 

 .call {
	  font-size: 150%;
	    margin: 2% 5% 1% 5%;
	  font-weight: 100;
	white-space: nowrap;
	  letter-spacing: -1px;

   }  
  .num {
  font-size: 200%;
	    margin: 0 5% 1% 5%;
	white-space: nowrap;
	  font-weight: 100;
	  letter-spacing: -.5px;
	line-height: 103%;

	   
   }    
 
   .support {
	  font-size: 140%;
	    margin: 0 5% 1% 5%;
	  font-weight: 100;
	white-space: nowrap;
   }    
  .margint {
	    margin-top:  5%;	 
 }  

 .blackbox{
	 	    margin:  1% auto;	 
			 max-width: 65%;
 }

 .padtb {
	    padding:  1% 0;	 
 }
  .padtbmid {
	    padding:  0 ;	 
 }
 .bigtbpad {
	 	    padding:  0 0 2% 0;	 
 }
 

 
.mainmsg a {
	     border: 1px dotted #ededed;
		padding:  2% 2%;	 
		color:  #ededed;
}
 .mainmsg a:hover {
	BACKGROUND: #000000; /*#000000; */ 

}
 
  .padlr {
	    padding:  0 3%;	 
 }  
.topadj {
	margin:  0;	 
   }
 .saig{
	 width: 20%;
 }
 .call  a {
       border-bottom: 1px dotted #000000;

   	    text-decoration: none;
  }
   
   .lnk  a {
     border-bottom: 1px dotted #000000;
   }
    .lnk  a:hover {
 	  font-weight: bold;
	  font-size: 110%;
     border-bottom: 1px solid #000000;
   }


.newquote {
	    background: transparent;
	    margin: 3% 5%;
	    padding: 1%;
	    line-height: 1.3;
	font-family: 'Patua+One', arial, sans-serif;
	font-size:100%;
	  font-size: 1.1em;
	font-style: italic;
			COLOR: #000000;	

}

aside header {
	    padding: 3%;
}

footer article {
    padding: 1% 0 0 0;
	float: none;
        width: 99%;
	
    }

footer aside {
	float: none;
        width: 100%;
       margin: 0;
	     padding: 0;    
		 }


.main {
    padding: 1px 0;
}

.main article h1 {
    font-size: 1.75em;
}
.main article h2 {
    font-size: 1.4em;
}

.wide header h1 {
	font-family: 'Patua+One', arial, sans-serif;
    font-size: 1.5em;
	  letter-spacing: 4px;
}
.wide header h2 {
	font-family: 'Patua+One', arial, sans-serif;
    font-size: 1.2em;
	font-style: italic;
}
.wide3 header h2 {
	font-family: 'Patua+One', arial, sans-serif;
    font-size: 1.2em;
	  letter-spacing: 8px;
	  margin: 0% 11.5%;
	  padding: 1.5% 0;
	  background: rgba(54, 23, 2, 0.75);
	 color: #ededed;
}
.wide2 header h2 {
	font-family: 'Patua+One', arial, sans-serif;
    font-size: 1.2em;
	  letter-spacing: 8px;
	  margin: 0% 11.5%;
	  padding: 1.5% 0;
}
.wide2 header h3 {
	font-family: 'Patua+One', arial, sans-serif;
    font-size: 1.1em;
	  letter-spacing: 8px;
	  padding: 1% 0;
}
footer.wide2 h2 {
	font-family: 'Patua+One', arial, sans-serif;
    font-size: 1.5em;
	  letter-spacing: 8px;
	         margin: 2% auto;

}
  .wide article {
        float: none;
        width: 90%;
       margin: 2% auto;
		
    }
	
  .notwide article {
        float: none;
        width: 100%;		
    }	
  .notwide aside {
     padding: 2% 3%;
        float: none;
        width: 94%;	
		background-color: #000000;		
		  color:  #ededed;
  }
		  
 .notwide aside p{
	 		  color:  #ededed;

 }	
	
.notwide header h1 {
	font-family: 'Patua+One', arial, sans-serif;
    font-size: 1.2em;
	  letter-spacing: 5px;
}
.notwide header h2 {
	font-family: 'Patua+One', arial, sans-serif;
    font-size: 1.0em;
	font-style: italic;
}	
	
  .evensplit article {
        float: none;
        width: 100%;		
    }	
  .evensplit article p{
	 		  color:  #5D5850;

 }	
  .evensplit aside {
     padding: 2% 3%;
        float: none;
        width: 94%;	
		background-color: transparent;		
		  color:  #000000;
  }
		  
 .evensplit aside p{
	 		  color:  #5D5850;

 }	
	
.evensplit header h1 {
	font-family: 'Patua+One', arial, sans-serif;
    font-size: 1.2em;
	  letter-spacing: 5px;
}
.evensplit header h2 {
	font-family: 'Patua+One', arial, sans-serif;
    font-size: 1.0em;
}	
	
	
	
.main aside {
    color: black;
   /* padding: 1% 3%; */
}

.footer-container footer {
    color: #000000;
    padding: 8px 0 0 0;
	/* display:none;  */
}
footer a{
    BORDER-BOTTOM: #000000 1px dotted; 
}
	#splist li
{
list-style-type: none;
margin:  0 1.5% 1% 0;
	BACKGROUND: #ededed; /*#000000;  59788c;*/
	
	 padding:  0;	 
	width: 98.25%;
}	
#servicelist li
{
list-style-type: none;
margin:  0 1.5% 1% 0;
	BACKGROUND: #ededed; 	
	 padding:  0;	 
	width: 100%;

}

ul#servicelist 
{
padding: 0;
margin: 0;
width: 100%;
}
#kitchenlist li
{
list-style-type: none;
margin:  0 1.5% 1% 0;
	 padding:  0;	 
	width: 100%;

}

ul#kitchenlist 
{
padding: 0;
margin: 0;
width: 100%;
}

#faqs li
{
list-style-type: none;
margin:  0 1.5% 1% 0;
	 padding:  0;	 
	width: 95%;
	text-align: left;
}

ul#faqs 
{
padding: 0;
margin: 0;
width: 100%;
}
#faqs h3 {
	font-family: 'Patua+One', arial, sans-serif;
    font-size: 1.1em;
	  letter-spacing: 2px;

}
#faqs p {
 	  margin-top:  0;
   font-size: 1.0em;
}



/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    /* padding-top: 20px; */
}

 IE10 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {}
 IE8 @media \0screen {}
 IE7 @media screen\9 {}



/* ==========================================================================
   Author's custom styles
   ========================================================================== */


   
.both {
	clear: both;
}
 .tiny {
	  font-size: 70%;
    padding: 0;
	    margin: 0 ;
 }
 .min {
height: 1px;
	  font-size: .1em;
    padding: 0;
	    margin: 0 ;
 }
 

	 .lineleft  {
	 display: none;
	}  
.boldw {
    font-weight: bold;
	font-size: 110%;
    color: white;
	
}
.mwrap {
    padding: 1% 1%;
	margin: 0% 5%;
}
.hwrap {
    padding: 1% 1%;
	margin: 0% ;
}
.swrap {
    padding: 1% 5%;
	text-align: center;
}
    h1{ 
	font-size: 150%;
	margin-bottom: 1%;
	line-height: 1.1;
	}
   h2 { 
	font-size: 125%;

   margin-top: .3%;
	margin-bottom: .4%;
	}	
	h3 {
	font-size: 110%;
	margin-top: .3%;
	margin-bottom: .5%;
    }	
    footer a {
    margin: 0 .05%;
	  font-weight: 100;	
     color: inherit;
   }
 article{
    padding: .5% 4%;
}   

.olnum {
	font-size: 120%;
} 
.nobul {
	font-size: 120%;
     padding: 0; 
   margin: 2% 0 0 0; 
    list-style-type: none; 
}

.circbul {
    padding: 0; 
    margin: 0 0 0 15px; 
    list-style-image: url("../img/dot-circle.png"); 
	FONT-SIZE: 1.1em;	
	
}
.padbs {
    border-top: 1px solid #000000;
	padding-top: .3em; 
	padding-bottom: .5em; 
}
.black {
 	LINE-HEIGHT: 130%;
	COLOR: #000000;	
}
.italic {
	FONT-style: italic;
}
.bold {
	FONT-WEIGHT: bold;
}
.bbold {
	font-size: 140%;
	FONT-WEIGHT: bold;
}
.floatl {
	display: inline;
	float: left;
}
.floatr{
	display: inline;
	float: right;
}
.acenter{
	margin: 0 auto;
	width: 80%;
}

.message {
		font-size: 95em;
	COLOR: #ff0000;	
 	HEIGHT: .8em;
}
.compact {
	COLOR: #000000;	
		font-size: .95em;
		margin: 0;
		padding: 0;
}
.tight {
 	LINE-HEIGHT: 120%;
		margin: 1% 15% 0 15%;
		padding: 0;
}

.fit_image {
    width:inherit;
	height:inherit;
}

.ani{
    /* align-items:stretch ; */
     border-radius: 0;
	overflow: hidden;
 width: 100%;
}
.ani img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}

.ani:hover img {
    -webkit-transform:scale(1.20); /* Safari and Chrome */
    -moz-transform:scale(1.20); /* Firefox */
    -ms-transform:scale(1.20); /* IE 9 */
    -o-transform:scale(1.20); /* Opera */
     transform:scale(1.20);
	 
}

.mainmsg  p{
  color: #ededed;
		text-align: center;
	font-weight: normal;
margin:  6% 0 0 0 ;
		padding: 0 4% 2% 4%;
		line-height: 120%;
	  font-size: 155%;
}


.service{
 	overflow: hidden;
 width: 100%;
			padding: 3% 0 1% 0;

}
.service p{
margin:  0 0 2% 0 ;
  color: #ededed;
	text-align: center;
	font-weight: normal;
margin:  0 ;
		padding: 0 4% 2% 4%;
		line-height: 115%;
	  font-size: 105%;
	font-family: 'Open Sans Condensed', arial, sans-serif;
}
#kitchenlist li {
			position: relative;
display: block; 
float: none;
list-style-type: none;
margin:  0 0 1% 0;
	 padding:  0;	 
	width: 100%;
 	height: auto;		
	
}
#servicelist li {
			position: relative;
		BACKGROUND: #000000; 
display: block; 
float: none;
list-style-type: none;
margin:  0 0 1% 0;
	 padding:  0;	 
	width: 100%;
 	height: 26em;		
	
}

#servicelist a {
  color: #000000;
}
#servicelist a:hover {
  color: #ededed;
}
#servicelist.readmore a:hover {
  color: #ededed;
}
#servicelist.readmore a {
  color: #AAAAAA;
}
#servicelist H3 {
  color: #ededed;
	text-align: center;
font-weight: normal;
	  font-size: 160%;
		padding: 3.5% 2% 1% 2%;
		line-height: 98%;
	font-family: 'Open Sans Condensed', arial, sans-serif;
}

div.service:hover{
   color: #ffffff;
 	 border-bottom-right-radius: 0;
	 border-bottom-left-radius: 0;
border-top-right-radius:0;
border-top-left-radius: 0;	   
   
}
div.service:hover H3{
   color: #ffffff;
}
div.service:hover p{
   color: #ffffff;
}
 
.readmore{
			font-family: 'Oswald', sans-serif;
margin: 0 ;
			width: 100%;
	text-align: center;
font-weight: normal;
	  font-size: 90%;
	  		padding: 2.5% 0;
   background-color: #ededed;
       position: absolute;
    bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
div.readmore:hover{
      color: #ededed;
   background-color: #ffffff;
}
.socialicons {
	       width: 96%;
		   margin: 0 auto;
}
.sfont {
		  font-size: 80%;
 	  font-weight: normal;

}
.likeso {
	display: inline;
		    padding:  1% 1%;	 

}
.likeso img{
	  width: 12%;
	  height: auto;
	    text-shadow: 2px 2px #011f38;
        -webkit-box-shadow: 0 2px 4px #011f38;
           -moz-box-shadow: 0 2px 4px #011f38;
                box-shadow: 0 2px 4px #011f38;	
	  
}
.wrapper .likeso img {
	  width: 12%;
	  height: auto;
}


.yelpso {
	display: inline;
		    padding:  1% 1%;	 

}
.yelpso img{
	  width: 35%;
	  height: auto;
	    text-shadow: 2px 2px #011f38;
        -webkit-box-shadow: 0 2px 4px #011f38;
           -moz-box-shadow: 0 2px 4px #011f38;
                box-shadow: 0 2px 4px #011f38;	
margin: 1%;	  
}
.wrapper .yelpso img {
	  width: 35%;
	  height: auto;
}


.footer-container {
   background-color: #ffffff;
	 padding:  0;	 
	  font-family: 'Open Sans Condensed',"Helvetica Neue", Helvetica, Arial, sans-serif;
		line-height: 110%;
	font-weight: normal;
	  font-size: 95%;
}

.footer-container a {
  color: #000000;
}
.footer-container a:hover {
  color: #000000;
}


footer {
	    background: url("../img/stripe.png") no-repeat bottom left;
		background-size: contain;
}


#secondvu {
	display: none;
}
#secondvutitle{
	padding-top: 3.5em;
	float: right;
	text-align: right;
    color: #ffffff;
	padding-right: 5%;
	font-size:  1.5em;
	width: 70%;
}

.tbullet {
		line-height: 125%;
	font-size:  1.35em;
		  font-family: 'Open Sans Condensed',"Helvetica Neue", Helvetica, Arial, sans-serif;
}

    .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

/*////////////////////////////////////////////*/



/* multi level nav */


#menu ul {
  margin: 0;
  padding: 0;
}

#menu .main-menu {
  display: none;
}

#tm:checked + .main-menu {
  display: block;
}

#menu input[type="checkbox"], 
#menu ul span.drop-icon {
  display: none;
}

#menu li, 
#toggle-menu, 
#menu .sub-menu {
  border-style: solid;
  border-color: rgba(160, 160, 160, .50);
}

#menu li, 
#toggle-menu {
  border-width: 0 0 1px;
}

#menu .sub-menu {
  background-color: #000000;
  border-width: 1px 1px 0;
  margin: 0 1em;
}

#menu .sub-menu li:last-child {
  border-width: 0;
}

#menu li, 
#toggle-menu, 
#menu a {
  font-size: 100%;
  background-color: rgba(237, 237, 237, .75); /*ededed */
  position: relative;
  display: block;
  color: #000000;
}

#menu .sub-menu li a {
  font-size: 90%;
}



#menu a {
  padding:  .5em; 
  transition: all .125s ease-in-out;
  -webkit-transition: all .125s ease-in-out;
}

#menu a:hover {
  padding:  .5em; 
  background-color:  #000000; /*  #feba79; */
  color: #ededed;
}

#menu .sub-menu {
  display: none;
}

#menu input[type="checkbox"]:checked + .sub-menu {
  background-color:    #000000;
 display: block;
}

#menu .sub-menu a:hover {
/*	padding: .5em; */ 
  color: #ffffff;
}
#menu .sub-menu a {
	padding: .5em; 
}

#toggle-menu .drop-icon, 
#menu li label.drop-icon {
  position: absolute;
  right: 0;
  top: 0;
}

#menu label.drop-icon, #toggle-menu span.drop-icon {
  padding: 0 3%;
  font-size: 90%;
  text-align: center;
  background-color: rgba(128, 128, 128, .95);
  text-shadow: 0 0 0 transparent;
  color: rgba(0, 0, 0, .99);
}

.jslide1 {
position:relative;
margin:0 auto;
top:0px;
left:0px;
width:1200px;
height:556px;
overflow:hidden;
visibility:hidden;
background-color:#000000;
}	
	
.jslide2 {
position:absolute;
top:0px;
left:0px;
background-color:rgba(255,255,255,0.7);

}		
	
.jslide3 {
filter: alpha(opacity=70); 
opacity: 0.7; 
position: absolute; 
display: block; 
top: 0px; 
left: 0px; 
width: 100%; 
height: 100%;
}	
.jslide4 {
position:absolute;
display:block;
background:url('img/loading.gif') no-repeat center center;
top:0px;
left:0px;
width:100%;
height:100%;
}	
.jslide5 {
cursor:default;
position:relative;
top:0px;
left:0px;
width:1200px;
height:456px;
overflow:hidden;
}		
.jslide6 {
position:absolute;
left:0px;
bottom:0px;
width:1200px;
height:100px;
}		
.jslide7 {
top:158px;
left:8px;
width:40px;
height:40px;
}	
.jslide8 {
top:158px;
right:8px;
width:40px;
height:40px;
}	
	

/* ==========================================================================
   Media Queries
   ========================================================================== */
   
 @media only screen and (min-width: 400px) {
	#servicelist li
{ 	height: 30em;
}

 } 
   
   
@media only screen and (min-width: 480px) {
	
	
	
	
	
.jslide1 {

width:1200px;
height:556px;

}	

	
	
	
	
	
section.notwide {
	margin: 0% 3%;
}	
	
section.evensplit {
	background: rgba(255, 255, 255, 0.35); 
	margin: 0% 6%;
}		
	
 .bigtbpad {
	 	    padding:  0 0 7% 0;	 
 }
	
	 .blackbox{
	 	    margin:  1% auto;	 
			 max-width: 45%;
 }
div.service:hover{
    border-radius: 0;
   
   
}	
.readmore{
    border-radius: 0;

}

.newquote {
	  font-size: 140%;
    font-size: 1.4em;
	    margin: 3% 15%;

}	
	

p {
    font-size: 1.1em;
}
	
.swrap {
    padding: 1% 10%;
}	
	 .logo {
        float: left;
        width: 30%;
		padding: 0%;		
		display: inline;
    }
    .contact {
 float: right;
        width: 68%;
        margin: 1% 0 0 0;		
		display: inline;
    }
		
  .main article.right{
     padding: 0 3%;
       width: 40%;
	float: right;
} 

	    .wide article {
        float: none;
        width: 50%;
    }
  .notwide article {
        float: left;
        width: 50%;		
    }	
  .notwide aside {
     padding: 2% 3%;
        float: right;
        width: 33%;
		  -webkit-box-shadow: 0 8px 6px -6px black;
     -moz-box-shadow: 0 8px 6px -6px black;
          box-shadow: 0 8px 6px -6px black;		
		  }

 
.notwide header h1 {
	font-family: 'Patua+One', arial, sans-serif;
    font-size: 1.5em;
	  letter-spacing: 8px;
}
.notwide header h2 {
	font-family: 'Patua+One', arial, sans-serif;
    font-size: 1.2em;
	font-style: italic;
}		


  .evensplit article {
        float: left;
        width: 46%;		
    }	
  .evensplit aside {
     padding: 2% 2%;
        float: right;
        width: 46%;
		  }

 
.evensplit header h1 {
	font-family: 'Patua+One', arial, sans-serif;
    font-size: 1.5em;
	  letter-spacing: 8px;
}
.evensplit header h2 {
	font-family: 'Patua+One', arial, sans-serif;
    font-size: 1.2em;
	font-style: italic;
}	


	    .main article {
        float: left;
        width: 50%;
    }
    .main aside {
        float: right;
        width: 44%;
    border-radius: .5em;
		
    }	
.ani{
  /*   border-radius: .5em; */
}		
	#servicelist li
{
    border-radius: 0;
		  -webkit-box-shadow: 0 8px 6px -6px black;
     -moz-box-shadow: 0 8px 6px -6px black;
          box-shadow: 0 8px 6px -6px black;			
		  display: block; 
		  float: left;
list-style-type: none;
margin:  0 1.5% 1% 0;
	 padding:  0;	 
	width: 45%;
 	height: 26em;
}	
	#kitchenlist li
{
    border-radius: 0;
		  -webkit-box-shadow: 0 8px 6px -6px black;
     -moz-box-shadow: 0 8px 6px -6px black;
          box-shadow: 0 8px 6px -6px black;			
		  display: block; 
		  float: left;
list-style-type: none;
margin:  0 1.5% 1% 0;
	 padding:  0;	 
	width: 45%;
 	height: auto;
}	
#secondvu {
	display: block;
	width: 100%;
	    margin: 0;
}
#adviewu {
	display: block;
}
#mobilevu {
	display: none;
}
.wrapper {
   max-width: 1140px;
    width: 88%; 
	margin: 0px auto 0px auto;
}
.howrapper {
/*    max-width: 1140px;
    width: 88%; */
	margin: 0px auto 0px auto;
}
.headwrapper {
   max-width: 1140px;
    width: 96%; 
	margin: 0px auto 0px auto;
}


 article{
    padding: .5% 0;
}   
	
    h1{ 
	font-size: 210%;
	margin-bottom: .5%;
	}
   h2 { 
	font-size: 170%;

   margin-top: .1%;
	margin-bottom: .2%;
	}	
	h3 {
	font-size: 150%;
	margin-top: .1%;
	margin-bottom: .5%;
    }
	
  .num {
  font-size: 190%;
	   
   } 	

 .call {
	  font-size: 120%;
	    margin: 0 5% 1% 5%;
   }  

ul#servicelist 
{
padding: 0 0 0 4.5%;

}
footer article {
    padding: 1% 0 0 0;
	float: left;
        width: 55%;
	
    }

footer aside {
	float: right;
        width: 45%;
       margin: 0;
	     padding: 0;    
		 }

.home-container {
	BACKGROUND: transparent  url("../img/floor.jpg") no-repeat  top center; 
}
.kitchen-container {
	BACKGROUND: transparent  url("../img/kitchen.jpg") no-repeat  top center; 
}



  .wide3 header h2 {
    font-size: 2.2em;
	} 



.mainmsg  p{

		line-height: 135%;
	  font-size: 225%;
}	
	
	
}	/*  min-width: 480px   */


/* ========================
    INTERMEDIATE: 
   ======================== */

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


.mainmsg  p{

		line-height: 155%;
	  font-size: 255%;
}	
  .wide3 header h2 {
    font-size: 3.2em;
	} 	
	
 .blackbox{
	 	    margin:  1% auto;	 
    padding-left: 10%;
    max-width: 50%;
	}
 
   .blackbox img{
		 max-width:40%; 
 }
 
  .num {
  font-size: 250%;
	   
   } 	

 .call {
	  font-size: 140%;
	  margin-top: 3%;
   } 	
	
	
	
	
p {
    font-size: 1.2em;
}	
	
.swrap {
    padding: 1% 20%;
}	
#menu ul {
  margin: 0 auto;
  padding: 0;
  width: 99%;
  text-align: center;
}
#menu li, 
#menu a {
		border-top-right-radius: 0em;
		border-top-left-radius: 0em;
}

  #menu .main-menu {
    display: block;
  }

  #toggle-menu, 
  #menu label.drop-icon {
    display: none;
  }

  #menu ul span.drop-icon {
    display: inline-block;
  }

  #menu li {
		float: right;
    border-width: 0 1px 0 0;
	margin-right: 5px;
	/* width: 19.25%;     //////////////////////////////////////////////////////////////////////////// */
  }

  #menu .sub-menu li {
    float: none;
	 width: initial;  /*   //////////////////////////////////////////////////////////////////////////// */
		border-top-right-radius: 0;
		border-top-left-radius: 0;
  }
  #menu .sub-menu li a{

		border-top-right-radius: 0;
		border-top-left-radius: 0;
  }
  #menu .sub-menu {

   border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 11em;
    z-index: 3000;
  }

  #menu .sub-menu, 
  #menu input[type="checkbox"]:checked + .sub-menu {
    display: none;
  }

  #menu .sub-menu li {
    border-width: 0 0 1px;
  }

  #menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
  }

 #menu .sub-menu .drop-icon {
    position: absolute;
    top: 0;
    right: 0;
   padding: .5em; 
  
  }

  #menu li:hover > input[type="checkbox"] + .sub-menu {
    display: block;
  }

	#menu a {
  font-size: 75%;
	  padding:  .2em 0 .3em .3em; 
	}

	#menu a:hover {
		font-size: 56%;
	  padding:  .2em 0 .3em .3em; 
	}	
 .main aside.mention {
	  font-size: 130%;		
 } 
	#servicelist li
{
 	height: 29em;
}	 
   .padtbmid {
	    padding:  1% 0 1% 0 ;	 
 }
.padtbmid .wide header h1 {
    font-size: 1.75em;
}
.padtbmid .wide header h2 {
    font-size: 1.25em;
} 



}/* == */

/* ============
    MODERATE: MENU
   ============ */

@media only screen and (min-width: 924px)  {
	#servicelist li
{
 	height: 31em;
}

	 	#menu a {
  font-size: 80%;
	  padding:  .3em; 
	}

	#menu a:hover {
		font-size: 66%;
	  padding: .3em; 
	}	
	

.padtbmid .wide header h1 {
    font-size: 2.0em;
}
.padtbmid .wide header h2 {
    font-size: 1.5em;
} 
	
}


/* ============
    WIDE: Main
   ============ */

@media only screen and (min-width: 1024px)  {
		
	#servicelist li
{
 	height: 31em;
}
		
	
	 	#menu a {
  font-size: 72%;
	  padding:  .3em; 
	}

	#menu a:hover {
		font-size: 72%;
	  padding: .3em; 
	}	
		

.padtbmid .wide header h1 {
    font-size: 2.5em;
}
.padtbmid .wide header h2 {
    font-size: 1.75em;
} 
	
}


/* ===============
    Maximal Width
   =============== */

@media only screen and (min-width: 1140px) {

	#menu a {
  font-size: 79%;    /*   //////////////////////////////////////////////////////////////////////////// */
	  padding:  .4em; 
	}

	#menu a:hover {
		font-size: 79%;
	  padding: .4em; 
	}	
	#servicelist li
{
 	height: 35em;
}
}

/* ===============
    Extreme Width
   =============== */

@media only screen and (min-width: 1400px) {

#secondvu {
	width: 90%;
	    margin: 0 auto;

}
/*  #secondvu img {max-width:100%; height:auto}   */

}



/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}