/*import*/
@import url("font-awesome.min.css");
/*defaults*/
.bgc{background:orange;}
.bgc1{background:#F2F2F2;}
.bgc2{background:red;}
.bgc3{background:green;}
.bgc4{display:block; width:100%; height:200px; background:orange;}

@font-face {
    font-family: 'RobotoCondensed-Bold';
    src: url('../fonts/RobotoCondensed-Bold.eot');
    src: url('../fonts/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-Bold.woff') format('woff'),
         url('../fonts/RobotoCondensed-Bold.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-Bold.svg#antoniolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoCondensed-Regular';
    src: url('../fonts/RobotoCondensed-Regular.eot');
    src: url('../fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-Regular.woff') format('woff'),
         url('../fonts/RobotoCondensed-Regular.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-Regular.svg#antoniolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotocondensed';
    src: url('../fonts/roboto-condensed-webfont.eot');
    src: url('../fonts/roboto-condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-condensed-webfont.woff2') format('woff2'),
         url('../fonts/roboto-condensed-webfont.woff') format('woff'),
         url('../fonts/roboto-condensed-webfont.ttf') format('truetype'),
         url('../fonts/roboto-condensed-webfont.svg#robotocondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.eot');
    src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto-light-webfont.ttf') format('truetype'),
         url('../fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'libre_baskervilleregular';
    src: url('../fonts/librebaskerville-regular-webfont.eot');
    src: url('../fonts/librebaskerville-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/librebaskerville-regular-webfont.woff2') format('woff2'),
         url('../fonts/librebaskerville-regular-webfont.woff') format('woff'),
         url('../fonts/librebaskerville-regular-webfont.ttf') format('truetype'),
         url('../fonts/librebaskerville-regular-webfont.svg#libre_baskervilleregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'libre_baskervilleitalic';
    src: url('../fonts/librebaskerville-italic-webfont.eot');
    src: url('../fonts/librebaskerville-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/librebaskerville-italic-webfont.woff2') format('woff2'),
         url('../fonts/librebaskerville-italic-webfont.woff') format('woff'),
         url('../fonts/librebaskerville-italic-webfont.ttf') format('truetype'),
         url('../fonts/librebaskerville-italic-webfont.svg#libre_baskervilleitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'libre_baskervillebold';
    src: url('../fonts/librebaskerville-bold-webfont.eot');
    src: url('../fonts/librebaskerville-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/librebaskerville-bold-webfont.woff2') format('woff2'),
         url('../fonts/librebaskerville-bold-webfont.woff') format('woff'),
         url('../fonts/librebaskerville-bold-webfont.ttf') format('truetype'),
         url('../fonts/librebaskerville-bold-webfont.svg#libre_baskervillebold') format('svg');
    font-weight: normal;
    font-style: normal;

}
a:active, a:visited{color: #3C3C3C;}

.mobileOnly,
.mobileOnly-Home,
.phonesOnly,
.phonesOnly-inner{ display:none !important;}
.onAt800{display:none !important;}
.onAt360{display:none !important;}
.offAt360{display:block !important;}


h1, h2 {
	font-family: 'RobotoCondensed-Regular', serif;
	font-weight: normal;
	
}

/* specific  generic site changes to Foundation-min.css*/
section.main{ margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px;}
.row {
    width: 100%;
    margin: 0px auto;
    max-width: 62.5rem; /*max-width: 1607px;*/ max-width: 1024px; /*KEEP AN EYE ON THIS!! */
}

.f-left{float:left;}
.f-right{float:right;}
.text-r{text-align:right;}
.text-l{text-align:left;}
.centerThis{text-align:center;}




button.ff-navButton{ 
    border: none;
    background:transparent; /*background: #47a3da;*/
    color: #fff;
    padding: 1.5em;
    display: block;
    width: 100%;
    cursor: pointer;
    margin: 10px 0;
    font-size: 0.8em;
}
button.ff-navButton:hover {
	background: #258ecd;
}

button.ff-navButton.active {
	background: #0d77b6;
}
.navBars{width:100px; width: 140px; height:20px; margin:26px 34px 0 0; margin:32px 34px 0 0; }
.navBarsButton{float:right; display:block; width:32px; height:19px; height:20px; background: url("../../_assets/img/header/navBars.png") no-repeat; position:relative; z-index:100;}
.navBarsButton:hover{cursor:pointer; background: url("../../_assets/img/header/navBars-hover.png") no-repeat;}

.navBarsButton.darkBut{background: url("../../_assets/img/header/navBarsDark.png") no-repeat;}
.navBarsButton.darkBut:hover{background: url("../../_assets/img/header/navBars.png") no-repeat;}

.idiotsBox, .idiotsBox-dark{
    width:auto;
    float:left;
    padding:8px 10px 0 0; padding:0;
    color:#ffffff;
    font-size:12px; font-size:24px;
    line-height: 12px; line-height: 24px;
    letter-spacing: 6px;
    font-family: "RobotoCondensed-Regular",serif;
    font-weight: normal;
    position:relative; bottom:2px;
}
.idiotsBox-dark{color: #4D4D4D;}

.closeButton{position:absolute;top:38px; right:23px;display:block; width:25px; height:26px; background: url("../../_assets/img/header/close-button.png") no-repeat;}
.closeButton:hover{cursor:pointer; background: url("../../_assets/img/header/close-buttonHover.png") no-repeat;}
/* specific  generic site changes to Foundation-min.css*/

/*.menuControlWrap{position:absolute; top:0px;}*/
.menuControlOuter {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.menuControlMiddle {
    display: table-cell;
    vertical-align: middle;
}

.menuControlInner {
    margin-left: auto;
    margin-right: auto; 
    width: auto;  width:100%;
    /*max-width:220px;*/
   
}

/*.menuLogo{display:block; width:100%; height:86px; text-align:center;}
.menuLogo img{width:101px; height:86px; margin-top:100px;}*/

.menuLogo{clear:both; display:block; width:100%; height:86px; height:94px; text-align:center; position:absolute; bottom:60px;}
.menuLogo img{width:101px; height:86px; height:94px; /*margin-top:100px;*/}


/* Home page */
section.main.homeMain, section.innerMain{padding-top:0;}

.header-container{
    width:100%;    
    height:569px; height:auto;  /*defined height here upsets content positioning below*/
    /*border-left:none;
    border-right:none;*/
    position:relative;
    /*padding:20px;*/
    overflow:hidden;
    /*box-sizing: border-box;*/
    z-index:100;
    
}

.video-container{
    position:absolute;
    top:0%;
    left:0%;    
    height:100%; 
    width:100%;
    overflow:hidden;
   display:block;
   /*z-index:1;*/
    
}
video{
    position:absolute;
    /*top:0;*/
    z-index:-1;
    /*opacity:0.78;*/ /*possibly remove this*/
    width:100%;
    /*min-height:360px;*/     
}
/*.homeBannerImg{
    display:block;
    width:100%; 
    height:auto; max-height:567px;   
}
.homeBannerImg img{
    width: 100%; max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    height: auto;  
}*/

.bannerImage-bg, .bannerImageInner-bg{
    display:block;
    width:100%;
    height:auto;
}
.bannerImage-bg{background: url("../../_assets/img/header/main-pic.jpg") no-repeat center center;   background-size: cover;}
/*.bannerImage-bgMobile{background: url("../../_assets/img/header/main-picMobile.jpg") no-repeat center center;   background-size: cover;}*/


.bannerImageInner-bg{    
    background: url("../../_assets/img/header/bannerInner.jpg") no-repeat center center;   background-size: cover;
}

.bannerImageInner-bg.bgAbout{background: url("../../_assets/img/header/bannerInner-about.jpg") no-repeat center center;   background-size: cover; }
.bannerImageInner-bg.bgBlog{background: url("../../_assets/img/header/bannerInner-blog.jpg") no-repeat center center;   background-size: cover; }
.bannerImageInner-bg.bgWhyWood{background: url("../../_assets/img/header/bannerInner-whyWood.jpg") no-repeat center center;   background-size: cover; }
.bannerImageInner-bg.bgContact{background: url("../../_assets/img/header/bannerInner-contact.jpg") no-repeat center center;   background-size: cover; }
.bannerImageInner-bg.bgNews{background: url("../../_assets/img/header/bannerInner-news.jpg") no-repeat center center;   background-size: cover; }
.bannerImageInner-bg.bgShop{background: url("../../_assets/img/header/bannerInner-shop.jpg") no-repeat center center;   background-size: cover; }
.bannerImageInner-bg.bgApproach{background: url("../../_assets/img/header/bannerInner-approach.jpg") no-repeat center center;   background-size: cover; }
.bannerImageInner-bg.bgFaq{background: url("../../_assets/img/header/bannerInner-faq.jpg") no-repeat center center;   background-size: cover; }





.noBannerTop {
    display:block;
    width:100%;
    max-height:400px;
    background:#ececec;    
    }
.bannerTop{width:100%; height:125px; position:relative; z-index:1000;}

/*.logoSpot{width:392px; height:400px; margin:0px auto;}*/
/*.logoSpot img{  width:auto; max-width:392px; height:auto;}*/
.logoSpot{
    width: 100%;
    margin: 0px auto;
    max-width: 62.5rem; /*max-width:1000px;*/
    text-align:center;
}

.logoSpot img{  width:auto; width:40%; max-width:392px; height:auto; margin:0 auto; padding-bottom:81px;}
.logoSpot.innerLogo img{  width:auto; width:40%; max-width:247px; height:auto; margin:0 auto; padding-bottom:88px;}


.callUs{width:auto; height:auto; margin:30px 0 0 35px; padding:0; position:relative;z-index:100;}
.callUs a{margin:0; padding:0; font-size:24px; color:#ffffff; font-family: 'RobotoCondensed-Regular'; letter-spacing:6px;}
.callUs a.darkPhone{color:#4d4d4d;}
.main.h-crafted{
    margin-top:116px; margin-top:111px;
    min-height:410px;
    height:auto !important; 
    height: 410px;
}

h2.handCrafted, h2.handCrafted-low  {
    margin: 0px 0px 42px; margin: 0px;   
    padding: 0px;
    font-size: 47px;
    line-height: 1;
    letter-spacing: 6px;
}
/*h2.handCrafted-low {
    margin: 0px;    
}
*/
.main.h-crafted.adjustGalleryMargin{
    margin-top:0px;
    margin-bottom:120px;
    padding-top:0;
    min-height:410px; min-height:212px;
    height:auto !important; 
    height: 410px;
    
}

.main.h-crafted.adjustGalleryMargin h2 {
    padding: 0px;
    font-size: 47px;
    line-height: 1;
    letter-spacing: 6px;
    margin: 23px 0px 42px 0;
}

.main.h-crafted .galleryWords p.lead{margin-bottom: 20px;}
.main.h-crafted .galleryWords p{margin-bottom: 0px; text-align: center;font-size: 16px;line-height:1.6;}



.toWrap{display:block; width:100%; height:32px; margin:15px 0 12px 0; padding:0; }
.toWrap{background-image: url("../../_assets/img/home/greyLine.jpg"); background-repeat: repeat-x;}
    
span.to{display:block; width:78px; height:32px; margin:0 auto; padding:0; text-align:center; background-color:#ececec;  font-size:32px; font-family: 'libre_baskervilleitalic';}

.lead.handCraftMessage{padding:52px 75px 0 75px; padding:48px 75px 0 75px; padding:48px 50px 0 50px; font-size:16px; font-family: 'libre_baskervilleregular';}

.main.greyDiamondWrap{clear:both; width:100%; height:1px; margin:0; padding:0; }
.main.greyDiamondWrap .row{width:100%; height:1px; margin:0 auto; padding:0; text-align:center; }
/*.greyDiamond{display:block; width:172px; height:174px; margin:0 auto; padding:0; background-image: url("../../_assets/img/home/greyDiamond.png"); position:relative; bottom:87px; z-index:500;}*/
.greyDiamond{display:block; width:172px; height:174px; margin:0 auto; padding:0; background-image: url("../../_assets/img/home/blackDiamond.png"); position:relative; bottom:87px; bottom:85px; z-index:500;}

.greyDiamond{font-size:16px; line-height:20px; font-family: 'RobotoCondensed-Regular'; letter-spacing: 2.5px;}
.GD-textWrap{position:relative; top:44px; top:39px; margin:0; padding:0;}
.diamondTen{margin:0; padding:0; font-size:45px; font-family: 'libre_baskervilleitalic';}
.diamondDownload{font-size:10px; font-family: 'RobotoCondensed-Bold'; color:#ffffff;}
.diamondDownload a{ color:#ffffff;}
.diamondDownload a:hover{ color:#585858;}
.GD-textWrap a{color:#ffffff;}
.GD-textWrap a:hover{color:#ffffff; color:#AEAEAE;}
.GD-textWrap a:visited{color: #4D4D4D;}

img.downArrow{clear:both; display:block; width:17px; height:12px; margin:12px auto 0 auto; padding:0;}


/* HOME PAGE INFO ROLLOVERS */
.main.installations{clear:both; height:auto; }
.craftLinks{position: relative; width: 33.3333%;  height: auto; height:625px;  text-align:center;  padding:0; margin:0;}
.craftLinks img {width: 100%; height:auto;padding:0; margin:0;/* position: absolute;top: 0px;left: 0px;*/} 

.main.installations p{
    /*padding-top:50%;*/
    width:100%;
    text-align:center;
    color:#ffffff;
    font-size:31px;
    font-family: 'RobotoCondensed-Regular';
    letter-spacing:6px;
    text-transform:uppercase;
    position:absolute; top:45%;
}

.main.installations p a{color:#ffffff;}
.main.installations p a:hover{color:#AEAEAE;}

.main.installations .craftContentWrap.craftMobile-mid p a,
.main.installations .craftContentWrap.craftMobile-last p a{color: #5F6060; text-decoration:underline;}
.main.installations .craftContentWrap.craftMobile-mid p a:hover,
.main.installations .craftContentWrap.craftMobile-last p a:hover{text-decoration:none;}


.boxOff-craft-left{
    display:block;
    float:left;
    width: 100%;
    height:625px;
    background: url("../../_assets/img/home/whyWood.jpg") no-repeat center center;
    background-size: cover;
    position:relative;
    z-index:50;
}

.boxOff-craft-mid{
    display:block;
    float:left;
    width: 100%;
    height:625px;
    background: url("../../_assets/img/home/howWeHelp.jpg") no-repeat center center;
    background-size: cover;
    position:relative;
    z-index:50;
}

.boxOff-craft-right{
    display:block;
    float:left;
    width: 100%;
    height:625px;
    background: url("../../_assets/img/home/typesOfWood.jpg") no-repeat center center;
    background-size: cover;
    position:relative;
    z-index:50;
}


.craftTitle{
    margin:0;
    padding:0;
    font-size: 31px;
    font-family: "RobotoCondensed-Regular";
    letter-spacing: 6px;
    text-transform: uppercase;
    color:#ffffff;
    position:relative; top:45%;
}
.craftTitle a{color:#ffffff;}
.craftTitle a:hover{color:#ffffff; text-decoration:underline;}



/*.directorTitleInner {
    margin-left: auto;
    margin-right: auto; 
    width: auto;  width:100%;   
   
}
.directorTitle h4{margin:0; padding:0;font-size:23px; font-weight:normal; letter-spacing:6px;font-family: 'RobotoCondensed-Regular';}
.directorTitle h5{margin:0; padding:0 10%;font-size:19px; font-family: 'libre_baskervilleitalic';}
.directorTitle p{margin:0; padding:0 10%;font-size:19px; font-family: 'libre_baskervilleregular';}

*/


.boxOff-craft-left .craftContent,
.boxOff-craft-mid .craftContent,
.boxOff-craft-right .craftContent { 
    width: 100%;
    height:100%;
    background-color: #e3e3e3;   
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;    
    z-index:40;
    
}
.boxOff:hover {cursor:pointer;}


.craftContentOuter {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.craftContentMiddle {
    display: table-cell;
    /*vertical-align: middle;*/
}

.craftContentInner {
    margin-left: auto;
    margin-right: auto; 
    width: auto;  width:100%;   
   
}

.craftContentWrap{max-width:425px; max-width:433px; margin:0 auto;  height:auto; padding-top:130px; text-align:center;}
span.greyDivide-top{display:block; width:58px; height:2px; margin:0 auto 20px auto; padding:0; background:#cacaca;}
span.greyDivide-bottom{display:block; width:58px; height:2px; margin:18px auto 16px auto; padding:0; background:#cacaca;;}
.main.installations .craftContentWrap h4{
    margin:0;
    padding:0;
    font-size:13px; /*font-size:14px;*/
    font-weight:normal;
    font-family: 'libre_baskervilleitalic';
    color:#5f6060;
    text-transform:none;
    }
.main.installations .craftContentWrap p{
    clear:both;
    margin:0;
    padding:0 0 18px 0;
    font-size:11px; font-size:12px;
    line-height:16px;
    font-family: 'libre_baskervilleregular';
    color:#5f6060;
    text-transform:none;
    position:relative; top:0px;
    letter-spacing:0;
}

.main.installations .craftContentWrap h4 a{text-decoration:underline;}
.main.installations .craftContentWrap h4 a:hover{color: #5F6060; text-decoration:none;}

/* HOME PAGE GALLERY LINKS */

.main.galleryHead{clear:both; margin-top:100px; height:130px;}
h2.galleryTitle{margin:100px 0 94px 0; padding:0; font-size:43px; line-height:43px; letter-spacing:6px;}

/*.main.galleryLinks{height:832px; height:auto;}*/
.main.galleryLinks{clear:both; height:auto; }
.main.galleryPadFoot{clear:both;width:100%; display:block; height:150px;}


.row.galleryWrap{width:auto; max-width:1607px;}
/*.galleryLinkWrap{max-width:535px; height:416px; background:#00ccfa;}*/
/*.galleryLinkWrap{float:left; max-width:535px; width:33.33%; max-height:416px;}*/
.galleryLinkWrap{position: relative; width: 33.3333%; height: auto;  text-align:center;  padding:0; margin:0;}

.galleryLinkWrap:hover{opacity: .8;  filter: alpha(opacity=100); /* For IE8 and earlier */}

.galleryLinkWrap img{width: 100%; height:auto; padding:0; margin:0;}
.main.galleryLinks p{padding-top:50%; color:#ffffff; font-size:31px; font-family: 'RobotoCondensed-Regular'; letter-spacing:6px; text-transform:uppercase; /*position:absolute; bottom:50%;*/ }

a.resGalleryLink{
    width:100%;
    /*text-align: center;*/
    font-family: "RobotoCondensed-Regular";
    letter-spacing: 6px;
    font-size: 27px;
    color: #FFF; /*color:red;*/
    font-weight: 600;
    position:absolute;    
    bottom:50%; bottom:45%;
    left:0;
    z-index:100;
    /*background:orange;*/
    display:none;
}


.main.testimonial-bg{clear:both; height:390px; min-height:390px; /*height:auto;*/ background: url("../../_assets/img/home/testimonial-bg.jpg") no-repeat center center;   background-size: cover;}

.testimonialWrap{max-width:800px; max-width:1200px; margin:120px auto 0 auto; margin:118px auto 0 auto;}
h3.testimonial-title{width:auto; max-width:800px; margin:0 auto; padding:0; text-align:center; font-family: 'RobotoCondensed-Regular'; letter-spacing:6px; font-size:27px;  color:#ffffff;}
.main.testimonial-bg p {width:auto; margin:0 auto; padding:20px 0 0 0; font-size:13px; line-height:16px; color:#ffffff; font-family: 'libre_baskervilleregular';}
.sliderArrow-L, .sliderArrow-R{display:block; width:17px; height:34px;}

/*.slide .testimonialWrap {
    width: 100%;
    padding: 0px 10%;    
}*/

.main.newsAndcontact{display:block; height:707px; /*min-height:707px; height:auto;*/ background:#2a2a2a;}
.featureNewsWrap{float:left; display:block;  width:50%; /*height:707px;*/ height:725px;  background: url("../../_assets/img/home/newsFeature-bg.jpg") no-repeat center center;   background-size: cover; }
.innerFeatureNewsWrap{float:left; width:100%; height:auto; margin:0; padding:125px 20px 0 128px; }
.featureNewsWrap h2{ margin:0; margin-bottom:42px; padding:0; text-align:left; color:#8f8f8f; font-family: 'RobotoCondensed-Regular'; letter-spacing:6px; font-size:33px; }
.newsItem-wrap{float:left; width:100%; height:auto; margin:0; margin-bottom:23px; padding:0;}
p.newsItem-date{margin:0; padding:0; font-size:14px;  color:#808285; font-family: 'libre_baskervilleregular'; }
h3.newsItem-title{margin:0; padding:0; font-size:22px; font-weight:400; color:#8f8f8f; font-family: 'libre_baskervilleregular'; text-transform:none;}
h3.newsItem-title a{margin:0; padding:0; font-size:22px; font-weight:400; color:#8f8f8f; font-family: 'libre_baskervilleregular'; text-transform:none;}
h3.newsItem-title a:hover{color:#ffffff;}
.separator{clear:both; float:left; display:block; width:83px; height:2px; margin-top:22px; background:#817f7e; }


.mapWrap{float:left; float:right; display:block;  width:50%; height:707px; height:725px; /*min-height:707px; height:auto;*/ background: url("../../_assets/img/secondary/map.jpg") no-repeat center center;   background-size: cover; }
.innerMapWrap{float:left; width:100%; height:auto; margin:0; padding:125px 20px 0 128px; }

.google-maps{display:block;  width:100%; height:100%;}

.contactFormWrap{float:right; float:left; display:block;  width:50%; min-height:707px; min-height:725px; background:#2a2a2a; background:#E9E5DC; }
.innerContactFormWrap{float:left;  width:100%; height:auto; margin:0; padding:125px 114px 0 116px; }
.contactFormWrap h2{ margin:0; margin-bottom:42px; padding:0; text-align:left; color:#8f8f8f; font-family: 'RobotoCondensed-Regular'; letter-spacing:6px; font-size:33px; }



label.percent-25{float:left; width:25%; color:#d6d6d6; font-size:22px; font-family: 'libre_baskervilleitalic';}
input.percent-75, textarea.percent-75{
    float:left;
    width:100%;
    height:51px; height:auto;
    margin:0;
    padding:0;
    background:#2a2a2a; background:#F7F5F0;
    border:none;
    box-shadow: none;
    color:#d6d6d5;
    font-size:22px;
    font-family: 'libre_baskervilleitalic';
    font-style: normal;
}
.textAreaWrap{
    float:left;
    width:100%;
    /* height:104px; */ min-height:84px;
    margin:0;
    padding:0; 
}
textarea.percent-75{height:104px; min-height:80px;}

input[type="text"]:focus{color:#000000;} /*overwrites styles in foundation.min.css*/
/*textarea.percent-75[type="text"]:focus{background: #FAFAFA none repeat scroll 0% 0%; color: #000;}*/
textarea.percent-75:focus{background: #FAFAFA none repeat scroll 0% 0%; color: #000;}

/*input[type="text"]:focus {color: #000;}*/

.separator-form{clear:both; float:left; display:block; width:100%; height:2px; margin:29px 0 22px 0; background:#3c3c3c; background:#E9E5DC;}
.separator-form.lastOne{margin:64px 0 27px 0;}
.borderSeparator{float:left;display:block; width:100%; height:2px;  background:#3c3c3c;}
.financeOptionWrap{
    float:left;
    width:100%; max-width:390px;
    height:51px; height:auto;
    margin:0;
    padding:8px 0 0 0; padding:0;
    background:#2a2a2a; background:#E9E5DC;
    border:none;
    box-shadow: none;    
    /*border-top:2px solid #3c3c3c;*/
}

.financeOptionWrap label{
    /*color:#d6d6d5;*/
    font-size:14px;
    line-height: 18px;
    font-family: 'libre_baskervilleitalic';
    font-style: normal;
}

.financeOptionWrap input[type="checkbox"]{ margin: 0px 0px 0px 0px;}
.innerPositioning{position:relative; left:32px;}


/*  **********************************
Custsomise the checkbox on Contact Form
************************************ */
.financeOptionWrap input[type=checkbox]:not(old),
.financeOptionWrap input[type=radio   ]:not(old){
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

.financeOptionWrap input[type=checkbox]:not(old) + label,
.financeOptionWrap input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -32px;
  padding-left : 32px;
  background   : url('checks.png') no-repeat 0 0;
  line-height  : 28px;
}

.financeOptionWrap input[type=checkbox]:not(old):checked + label{
  background-position : 0 -28px;
}

.financeOptionWrap input[type=radio]:not(old):checked + label{
  background-position : 0 -56px;
}
.buttonController{width:auto;float:right;}

.financeCheck-box{display:block; position:relative; top:28px; right:30px; width:28px; height:28px;}

/*  ***************************************
END Custsomise the checkbox on Contact Form
***************************************** */

.submitButtonWrap{float:left;width:100%; margin: 17px 0px 0px 0px; height:auto}
input.customButton{font-size:23px; color:#4d4d4d; background: none repeat scroll 0% 0% #ffffff; font-family: 'RobotoCondensed-Regular';  }
.button.small {
    padding: 26px 60px 13px 27px; padding: 13px 32px 13px 32px;
    font-size: 23px;
}
.button.round {
    border-radius: 25px;
}

/* About Us */

.main.about-us{
    margin-top:0px;
    min-height:410px;
    height:auto !important; 
    height: 410px;
    margin-bottom:25px;
}
.main.ourCommitment{
    margin-top:0px;
    min-height:365px;
    height:auto !important; 
    height: 365px;
    margin-bottom:50px;
}

.main.about-us h2.aboutUsMessage{margin:100px 0 0 0; padding:0; font-size:57px; line-height:1; letter-spacing:6px;}

.main.ourCommitment h2.aboutUsMessage{margin:110px 0 0 0; padding:0; font-size:47px; line-height:47px; letter-spacing:6px;}


.lead.aboutUsMessage{padding:52px 65px 0 65px; font-size:16px; font-family: 'libre_baskervilleregular';}
.lead.aboutUsMessage.nextPara{padding:0px 75px 0 75px; margin-top:0; margin-bottom:0; }


.main.ourCommitment .lead.aboutUsMessage{padding:32px 65px 0 65px; font-size:16px; font-family: 'libre_baskervilleregular';}

.main.twoBlock{display:block; height:625px; /*min-height:707px; height:auto;*/ background:#2a2a2a; background:#EAEAEA;}
.aboutFeature-left{float:left; display:block;  width:50%; height:625px; background: url("../../_assets/img/about/aboutUs-1.jpg") no-repeat center center;   background-size: cover; }
.aboutFeature-left img{display:block; width: 100%; height:100%; padding:0; margin:0; position:relative; z-index:50;}

.aboutFeature-right{float:right; display:block;  width:50%; height:625px; background: url("../../_assets/img/about/aboutUs-2.jpg") no-repeat center center;   background-size: cover; }




.aboutFeature-leftWrap{float:left; display:block;  width:50%; height:625px;  }
.aboutFeature-left-bg{float:left; display:block;  width:100%; height:625px; background: url("../../_assets/img/about/aboutUs-1.jpg") no-repeat center center;   background-size: cover; }

/*.medium-3.directorBox{width:100%; cursor:pointer; height:625px;}*/
.directorBox img{display:block; width: 100%; /*height:100%;*/ padding:0; margin:0; position:relative; z-index:50;}


.medium-3.directorWrapLeft, .medium-3.directorWrapRight{
    float:left;
    width:50%; 
    height: auto; height:625px;
    cursor:pointer;
    position: relative;
    text-align:center;
    padding:0;
    margin:0;
}
.medium-3.directorWrapRight{float:right;}

.boxOff-director-left{
    display:block;
    float:left;
    width: 100%;
    height:625px;
    background: url("../../_assets/img/about/team/phil-rowe.jpg") no-repeat center center;
    background-size: cover;
    position:relative;
    z-index:50;
}

.boxOff-director-right{
    display:block;
    float:left;
    width: 100%;
    height:625px;
    background: url("../../_assets/img/about/team/brenda-boyer.jpg") no-repeat center center;
    background-size: cover;
    position:relative;
    z-index:50;
}

.directorWrapLeft .directorTitle, .directorWrapRight .directorTitle {
    width: 100%;
    height:100%;
    background-color: #e3e3e3;   
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;    
    z-index:40;   
}

.directorTitleOuter {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.directorTitleMiddle {
    display: table-cell;
    vertical-align: middle;
}

.directorTitleInner {
    margin-left: auto;
    margin-right: auto; 
    width: auto;  width:100%;   
   
}
.directorTitle h4{margin:0; padding:0;font-size:23px; font-weight:normal; letter-spacing:6px;font-family: 'RobotoCondensed-Regular';}
.directorTitle h5{margin:0; padding:0 10%;font-size:19px; font-family: 'libre_baskervilleitalic';}
.directorTitle p{margin:0; padding:0 10%;font-size:19px; font-family: 'libre_baskervilleregular';}



.main.theTeamHead{clear:both; margin:0; height:130px;}
h2.theTeamTitle{margin:105px 0 110px 0; padding:0; font-size:47px; line-height:47px; letter-spacing:6px;}

.main.teamWrap{clear:both; height:auto; }



.main.expAssBel{
    clear:both;
    height:auto;
    min-height:433px;
    height:auto !important; 
    height: 433px;
    background:#505050; /*needed to fill gaps on ipads*/
    }
.expAssBel-wrap-1, .expAssBel-wrap-2{
    position: relative;
    width: 33.3333%;
    min-height:433px;
    height:auto !important; 
    height: 433px;
    text-align:center; text-align:left;
    padding:0; 
    margin:0;
    }
.expAssBel-wrap-1{background:#424242;}
.expAssBel-wrap-2{background:#505050;}

.main.expAssBel h3{    
    max-width:330px;
    margin:94px 0 28px 0; margin:88px auto 16px auto;
    padding:0;
    text-align:center; text-align:left;
    color:#aaaaaa;
    font-size:24px;
    font-family: 'RobotoCondensed-Regular';
    /*letter-spacing:6px;*/
    text-transform:uppercase;
    /*position:absolute; top:45%;*/
}

.main.expAssBel p{    
    width:100%; max-width: 330px;
    margin:0 0 0 0; margin: 0px auto;
    padding:0 23%; padding: 0px 0px 12px 0px;
    text-align:center; text-align:left;
    color:#8f8f8f;
    font-size:15px;
    line-height:20px;
    font-family: 'libre_baskervilleregular';
    /*letter-spacing:6px;
    text-transform:uppercase;*/
    /*position:absolute; top:45%;*/
}

.main.teamGalleryWrap{clear:both; height:auto; }
.personWrap{ float:left; position: relative; /*width: 25%;*/ height: auto;  text-align:center;  padding:0; margin:0;}
.personWrap:hover{opacity: .8;  filter: alpha(opacity=100); /* For IE8 and earlier */}
.personWrap img{width: 100%; height:auto; padding:0; margin:0;}




/* *************** start new person styling ********************************* */


.medium-3.personWrapWidth{width:25%; cursor:pointer;}

.medium-3.columns.personWrapWidth:last-child{float:left;}
.personWrapWidth{ float:left; position: relative; height: auto;  text-align:center;  padding:0; margin:0;}

.boxOff, .boxOn{width: 100%; height:auto; }
.personWrapWidth img{display:block; width: 100%; height:auto; padding:0; margin:0; position:relative; z-index:50;}


img.rollOver{display:block; width: 15%; height:auto; position:absolute; bottom:40%; left:40%; z-index:100;}

/*.personWrapWidth .hoverTitle {
    width: 100%;
    height:100%;
    background-color: #e3e3e3;   
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 0px 15px;
    text-align: center;
    display:block;
    z-index:40;   
}*/
.personWrapWidth .hoverTitle {
    width: 100%;
    height:100%;
    background-color: #e3e3e3;   
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    /*padding: 0px 15px;
    text-align: center;
    display:block;*/
    z-index:40;   
}
.hoverTitle h4{margin:0; padding:0;/*padding-top:18%;*/ font-size:23px; font-weight:normal; letter-spacing:6px;font-family: 'RobotoCondensed-Regular';}
.hoverTitle h5{margin:0; padding:0 10%;font-size:19px; font-family: 'libre_baskervilleitalic';}


.hoverTitleOuter {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.hoverTitleMiddle {
    display: table-cell;
    vertical-align: middle;
}

.hoverTitleInner {
    margin-left: auto;
    margin-right: auto; 
    width: auto;  width:100%;
    /*max-width:220px;*/
   
}
/* *************** end new person styling *********************************** */











/* WHY WOOD */
.main.whyWood{
    margin-top:0px;
    min-height:410px;
    height:auto !important; 
    height: 410px;
    margin-bottom:120px;
}
.main.whyWood h2.whyWood{margin:100px 0 42px 0; padding:0; font-size:57px; line-height:1; letter-spacing:6px;}

p.lead.whyWood{margin:0; padding:0px 75px 34px 75px; font-size:16px; font-family: 'libre_baskervilleregular';}
p.lead.whyWood:last-child{padding:0px 75px 0 75px; ; }

.main.theBenefits{background:#5e5e5e;}
.benefitsTop{display:block; width:100%; height:110px; margin:0; padding:0; background:#5e5e5e;}
.benefitsTitleWrap{display:block; width:100%; height:39px; margin:0px 0 12px 0; padding:0; }
.benefitsTitleWrap{background-image: url("../../_assets/img/secondary/whiteLineGreybg.jpg"); background-repeat: repeat-x;}
.theBenefitsTitle{display:block; width:180px; height:39px;  margin:0 auto; background:#5e5e5e; text-align:center; vertical-align:0px;  font-size:39px; color:#ffffff;font-family: 'libre_baskervilleitalic';}
.benefitsBot{display:block; width:100%; height:33px; margin:0; padding:0; background:#5e5e5e;}

.row.benefits{width: 100%;margin: 0px auto;max-width: 1400px; }
.benefitsPadding{padding-bottom:90px;}
.row.benefits ul{font-size:14px; line-height:1em; color:#ffffff; font-family: 'libre_baskervilleitalic';}
.row.benefits ul li{font-size:14px; line-height:20px; color:#ffffff; font-family: 'libre_baskervilleitalic';}


/* WOOD TYPES */

.main.woodTypeWrap{clear:both; height:auto; background:#ECECEC; }
.medium-3.aWoodType{width:16.6666%; cursor:pointer;}

.medium-3.aWoodType a{width:100%; height:100%; margin:0; padding:0;}


.medium-3.columns.aWoodType:last-child{float:left;}
.aWoodType{ float:left; position: relative; /*width: 25%;*/ height: auto;  text-align:center;  padding:0; margin:0;}
/*.aWoodType:hover{opacity: .8;  filter: alpha(opacity=100);}*/
/*.boxOff, .boxOn{width: 100%; height:auto; }*/
.aWoodType img{display:block; width: 100%; height:auto; padding:0; margin:0; position:relative; z-index:50;}
/*.aWoodType a img:hover{z-index:10;}*/


img.rollOver{display:block; width: 15%; height:auto; position:absolute; bottom:40%; left:40%; z-index:100;}

.aWoodType .boxOff{z-index:50;}

.aWoodType .hover {
    width: 100%; height:100%;
    background-color: #e3e3e3;
    /*color: #FFF;*/
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 0px 15px;
    text-align: center;
    display:block;
    z-index:40; 
    /*display: none;*/
    overflow:hidden;
    /*overflow-y:scroll;*/
}
.hover h4{margin:0; padding:0;padding-top:18%; font-size:23px; font-weight:normal; letter-spacing:6px;font-family: 'RobotoCondensed-Regular';}
.hover h5{margin:0; padding:0 10%;font-size:19px; font-family: 'libre_baskervilleitalic';}
.hover p{margin:0; padding:0 10%;padding-top:8px;  font-size:13px; font-family: 'libre_baskervilleitalic';}
.hover p{max-height:130px; overflow:hidden;}



/*.zIndexControl-1{
    width: 100%; height:100%;
     position:relative; 
    z-index:50;
    display:block;   
}
.zIndexControl-2{
    width: 100%; height:100%;
    display:none;
}*/

/* Residential & cCommercail Galleries*/

.main.resComGalleryWrap{clear:both; height:auto; background:#ECECEC; }
.medium-3.aResComType{width:16.6666%; cursor:pointer;}
.medium-3.columns.aResComType:last-child{float:left;}
.aResComType{ float:left; position: relative; /*width: 25%;*/ height: auto;  text-align:center;  padding:0; margin:0;}
/*.aWoodType:hover{opacity: .8;  filter: alpha(opacity=100);}*/
.boxOff, .boxOn{width: 100%; height:auto; }
.aResComType img{display:block; width: 100%; height:auto; padding:0; margin:0; position:relative; z-index:50;}
/*.aWoodType a img:hover{z-index:10;}*/


img.rollOver{display:block; width: 15%; height:auto; position:absolute; bottom:40%; left:40%; z-index:100;}

.aResComType .hover {
    width: 100%; height:100%;
    background-color: #e3e3e3;
    /*color: #FFF;*/
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 0px 15px;
    text-align: center;
    display:block;
    z-index:40;
    /*display: none;*/
}
.main.resComGalleryWrap .hover h4{margin:0; padding:0;padding-top:45%; padding-top:50%; font-size:23px; font-weight:normal; letter-spacing:6px;font-family: 'RobotoCondensed-Regular';}


.cboth { clear: both; } /* not really sure what this does, but don't get rid of it - part of prettyphoto html styling set*/

.aResComType .boxOff ul.gallery{margin:0;padding:0; list-style:none; }
.aResComType .boxOff ul.gallery li{margin:0;padding:0; list-style:none; }
.aResComType .boxOff ul.gallery li a{margin:0;padding:0;}
.aResComType .boxOff ul.gallery li a img{margin:0;padding:0;}

.aResComType .boxOff ul.gallery li.no{width:1px; height:1px; display:none !important;}
/*section.main.resComGalleryWrap .aResComType .boxOff ul.gallery li a.no{width:1px; height:1px; display:none !important;}
section.main.resComGalleryWrap .aResComType .boxOff ul.gallery li.no{width:1px; height:1px; display:none !important;}*/

.pp_description{font-family: 'RobotoCondensed-Regular';}

.pp_gallery li.default{display:none !important;} /* class='default' is the default load if no image exists, so this is preventing a black place-holder thumbnail image when there is no image from a possible 8 */

/*.main.resComGalleryWrap .hover h5{margin:0; padding:0 10%;font-size:19px; font-family: 'libre_baskervilleitalic';}
.main.resComGalleryWrap .hover p{margin:0; padding:0 10%;padding-top:8px; font-size:13px; font-family: 'libre_baskervilleitalic';}
*/




/* Our Approach */
.main.ourApproach{
    margin-top:0px;
    min-height:410px;
    height:auto !important; 
    height: 410px;
    margin-bottom:28px;
}
.main.ourApproach h2.ourApproach{margin:100px 0 42px 0; padding:0; font-size:57px; line-height:1; letter-spacing:6px;}
p.lead.ourApproach{margin:0; padding:0px 75px 34px 75px; font-size:16px; font-family: 'libre_baskervilleregular';}
p.lead.ourApproach:last-child{padding:0px 75px 0 75px; ; }

p.lead.approach{margin:0; padding:0px 30px 34px 30px; font-size:16px; font-family: 'libre_baskervilleregular';}
p.lead.approach a{color: #4D4D4D; text-decoration:underline;}
p.lead.approach a:hover{color: #4D4D4D; text-decoration:none;}

.main.theinstall{background:#5e5e5e;}
.installTop{display:block; width:100%; height:110px; margin:0; padding:0; background:#5e5e5e;}
.installTitleWrap{display:block; width:100%; height:39px; margin:0px 0 12px 0; padding:0; }
.installTitleWrap{background-image: url("../../_assets/img/secondary/whiteLineGreybg.jpg"); background-repeat: repeat-x;}
.installTitle{display:block; width:267px; height:39px;  margin:0 auto; background:#5e5e5e; text-align:center; vertical-align:0px;  font-size:39px; color:#ffffff;font-family: 'libre_baskervilleitalic';}
.installBot{display:block; width:100%; height:33px; margin:0; padding:0; background:#5e5e5e;}

.row.install{width: 100%;margin: 0px auto;max-width: 1400px; }
.installPadding{padding-bottom:90px;}
.row.install h3{margin:0; padding:0 0 5px 0;font-size:21px; line-height:1em; color:#ffffff; font-family: 'libre_baskervilleitalic'; font-weight:normal; text-transform:none;}
.row.install p{margin:0; padding:0; font-size:14px; line-height:20px; color:#ffffff; font-family: 'libre_baskervilleitalic';}


.main.showCase{clear:both; height:auto; }
.showcaseWood{position: relative; width: 50%;  height: auto;   text-align:center;  padding:0; margin:0;}
.showcaseWood img {width: 100%; height:auto;padding:0; margin:0;/* position: absolute;top: 0px;left: 0px;*/} 

.main.showCase p{
    /*padding-top:50%;*/
    width:100%;
    text-align:center;
    color:#ffffff;
    font-size:31px;
    font-family: 'RobotoCondensed-Regular';
    letter-spacing:6px;
    text-transform:uppercase;
    position:absolute; top:45%;
}
.main.showCase p:hover{color: #8F8F8F; cursor:pointer;}

.main.showCase a.showcaseLink{
    /*padding-top:50%;*/
    width:100%;
    text-align:center;
    color:#ffffff;
    font-size:31px;
    font-family: 'RobotoCondensed-Regular';
    letter-spacing:6px;
    text-transform:uppercase;
    position:absolute; top:45%; top:46%;
}
.main.showCase a.showcaseLink:hover{color: #8F8F8F; /*cursor:pointer;*/}

/*APPROACH ROLLOVERS*/
.main.threeBlock.approachCheck .threeBlock-1,
.main.threeBlock.approachCheck .threeBlock-2,
.main.threeBlock.approachCheck .threeBlock-3{
    position: relative;
    width: 33.3333%;
    height:535px; 
    text-align:center;
    margin:0;
    padding:0;   
    padding-left:0px;
    padding-right:0px;
    background:#ececec;
}
.boxOff-approach-Left{
    display:block;
    float:left;
    width: 100%;
    height:535px; 
    background: url("../../_assets/img/about/approach-installations.jpg") no-repeat center center;
    background-size: cover;
    position:relative;
    z-index:50;
}
.boxOff-approach-Mid{
    display:block;
    float:left;
    width: 100%;
    height:535px; 
    background: url("../../_assets/img/about/approach-sanding.jpg") no-repeat center center;
    background-size: cover;
    position:relative;
    z-index:50;
}

.boxOff-approach-Right{
    display:block;
    float:left;
    width: 100%;
    height:535px; 
    background: url("../../_assets/img/about/approach-colourfinish.jpg") no-repeat center center;
    background-size: cover;
    position:relative;
    z-index:50;
}

.boxOff-approach-Left .approachContent,
.boxOff-approach-mid .approachContent,
.boxOff-approach-right .approachContent { 
    width: 100%;
    height:100%;
    background-color: #e3e3e3;   
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;    
    z-index:40;  
}
.approachTitle{
    margin:0;
    padding:0;
    font-size: 31px;
    font-family: "RobotoCondensed-Regular";
    letter-spacing: 6px;
    text-transform: uppercase;
    color:#ffffff;
    position:relative; top:45%;
}

.approachContentOuter {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.approachContentMiddle {
    display: table-cell;
    vertical-align: middle;
}

.approachContentInner {
    margin-left: auto;
    margin-right: auto; 
    width: auto;  width:100%;   
   
}

.approachContentWrap{
    max-width:425px; max-width:433px;
    margin:0 auto;
    height:auto; 
    /*padding-top:53px;*/ 
    text-align:center;  
}
.approachContentWrap.colFin-2{height: 535px; padding-top:53px; padding-bottom:53px; overflow:hidden; }
.approachContentWrap.colFin-2.makeWork{ overflow:auto; position:relative; z-index: 100;}

.approachContentWrap h4{
    /*width:100%;*/  max-width:327px;
    margin:0 auto;
    padding:0 ;
    font-size:14px;
    line-height:18px;
    font-weight:normal;
    font-family: 'libre_baskervilleitalic';
    text-transform:none;
    text-align:center;
    color:#5F6060;
}
.main.threeBlock.approachCheck .approachContentWrap p{
    width:100%;
    margin:0;
    padding:9px 60px;
    font-size:12px;
    line-height:16px;
    font-weight:normal;
    font-family: 'libre_baskervilleitalic';
    text-align:center;
    color:#5F6060;
}
/*APPROACH ROLLOVERS END*/


/* MAINTENANCE */
.main.maintenance{
    margin-top:0px;
    margin-bottom:120px;
    padding-top:0;
    min-height:410px; min-height:212px;
    height:auto !important; 
    height: 410px;
    
}

.main.maintenance a{text-decoration:underline;}
.main.maintenance a:hover{color: #8b8b8b; text-decoration:none;}

h2.m-title{margin:23px 0 42px 0; padding:0; font-size:47px; line-height:1; letter-spacing:6px;}
p.m-intro{margin:0; padding:0px 75px 34px 75px; font-size:16px; font-family: 'libre_baskervilleregular';}
p.m-intro.financePad{padding:0px 60px 34px 60px;}

p.m-intro.theWoodTypes{padding:0px 60px 34px 60px;}

.main.threeBlock{display:block; height:535px; /*min-height:707px; height:auto;*/ background:#2a2a2a;}
.threeBlock-1, .threeBlock-2, .threeBlock-3{float:left; display:block;  width: 33.3333%; height:535px; /*padding-left:0px; padding-right:0px; */}
/*.threeBlock-1{background: url("../../_assets/img/about/maintenance-clean.jpg") no-repeat center center;   background-size: cover; }
.threeBlock-2{background: url("../../_assets/img/about/maintenance-protect.jpg") no-repeat center center;   background-size: cover; }
.threeBlock-3{background: url("../../_assets/img/about/maintenance-disc-recoat.jpg") no-repeat center center;   background-size: cover; }*/


.main.threeBlock.sandFinish .threeBlock-1{background: url("../../_assets/img/about/coating.jpg") no-repeat center center;   background-size: cover; }
.main.threeBlock.sandFinish .threeBlock-2{background: url("../../_assets/img/about/staining.jpg") no-repeat center center;   background-size: cover; }
.main.threeBlock.sandFinish .threeBlock-3{background: url("../../_assets/img/about/bleaching.jpg") no-repeat center center;   background-size: cover; }


.main.threeBlock.maintenanceCheck .threeBlock-1,
.main.threeBlock.maintenanceCheck .threeBlock-2,
.main.threeBlock.maintenanceCheck .threeBlock-3{
    position: relative;
    width: 33.3333%;
    height:535px; 
    text-align:center;
    margin:0;
    padding:0;   
    padding-left:0px;
    padding-right:0px;
    background:#ececec;
}


.maintenanceCheck .threeBlock-1 img,
.maintenanceCheck .threeBlock-2 img,
.maintenanceCheck .threeBlock-3 img {width: 100%; height:auto;padding:0; margin:0;} 


/*Maintenance rollovers*/
.boxOff-maintenance-Left{
    display:block;
    float:left;
    width: 100%;
    height:535px; 
    background: url("../../_assets/img/about/maintenance-clean.jpg") no-repeat center center;
    background-size: cover;
    position:relative;
    z-index:50;
}
.boxOff-maintenance-Mid{
    display:block;
    float:left;
    width: 100%;
    height:535px; 
    background: url("../../_assets/img/about/maintenance-protect.jpg") no-repeat center center;
    background-size: cover;
    position:relative;
    z-index:50;
}
.boxOff-maintenance-Right{
    display:block;
    float:left;
    width: 100%;
    height:535px; 
    background: url("../../_assets/img/about/maintenance-disc-recoat.jpg") no-repeat center center;
    background-size: cover;
    position:relative;
    z-index:50;
}

.boxOff-maintenance-Left .maintenanceContent,
.boxOff-maintenance-mid .maintenanceContent,
.boxOff-maintenance-right .maintenanceContent { 
    width: 100%;
    height:100%;
    background-color: #e3e3e3;   
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;    
    z-index:40;  
}

.maintenanceContentOuter {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.maintenanceContentMiddle {
    display: table-cell;
    /*vertical-align: middle;*/
}

.maintenanceContentInner {
    margin-left: auto;
    margin-right: auto; 
    width: auto;  width:100%;   
   
}

.maintenanceContentWrap{max-width:425px; max-width:433px; margin:0 auto;  height:auto; padding-top:90px; text-align:center;}
.maintenanceContentWrap h4{
    max-width:395px;
    margin:0 0 15px 0;
    padding:0 ;
    font-size:18px;
    line-height:18px;
    font-weight:normal;
    font-family: 'RobotoCondensed-Regular';
    letter-spacing:6px;
    text-transform:uppercase;
    text-align:left;
    color:#5F6060;
}
.maintenanceContentWrap  a{color:#5F6060;text-decoration:underline;}
.maintenanceContentWrap  a:hover{text-decoration:none;}

.main.threeBlock.maintenanceCheck .maintenanceContentWrap p{
    max-width:395px;
    margin:0;
    padding:3px 0 3px 0; padding:0;
    font-size:12px;
    line-height:18px;
    font-weight:normal;
    font-family: 'libre_baskervilleitalic';
    text-align:left;
    color:#5F6060;
}
p.threeDashes{margin:0; padding:0;}





.main.threeBlock h3{
    /*padding-top:50%;*/
    width:100%;
    margin:205px 0 0 0;
    padding:0;
    text-align:center;
    color:#ffffff;
    font-size:31px;
    line-height:31px;
    font-weight:normal;
    font-family: 'RobotoCondensed-Regular';
    letter-spacing:6px;
    text-transform:uppercase;
    /*position:absolute; top:40%;;*/
}
.main.threeBlock.sandFinish h3{margin:155px 0 0 0;}
.main.threeBlock p{
    /*padding-top:50%;*/
    /*clear:both;*/
    width:100%;
    padding:0;    
    padding-top:35px;
    padding-left:10%;
    padding-right:10%;
    text-align:center;
    color:#8f8f8f;
    font-size:15px;
    line-height:20px;
    font-family: 'libre_baskervilleregular';  
    position:relative; /*top:45%;*/
}

/* NEWS */
.main.theNews{
    margin-top:0px;
    min-height:158px; 
    height:auto !important; 
    height: 158px; 
    margin-bottom:0px;
}
.main.theNews h1{margin:100px 0 0 0; padding:0; font-size:57px; line-height:57px; letter-spacing:6px;}
.main.theNews h2{margin:100px 0 0 0; padding:0; font-size:57px; line-height:57px; letter-spacing:6px;}

.main.newsArticles{display:block; width:100%; height:auto; margin-bottom:130px;}
.articleWrap{display:block; width:100%; height:auto;}

h3.newsDate{ width:100%; margin:68px 0 0 0; padding:0; text-align:center; font-size:20px;font-family: 'libre_baskervilleitalic'; color:#808285; font-weight:100; text-transform:none;}
h2.newsArtTitle{max-width:550px; margin:7px auto 0 auto; padding:0;  font-size:43px; line-height:54px; font-family: 'RobotoCondensed-Regular'; color:#585858; letter-spacing:6px; text-transform:uppercase;}
.articleLine{clear:both; display:block; margin:30px auto 42px auto; padding:0; width:145px; height:3px; background:#a9a9a9; }
.newsContentWrap{max-width:875px; height:auto; margin:0 auto; /*border-bottom:2px solid #a9a9a9;*/}


.main.newsArticles p{max-width:875px; height:auto; margin:0 auto; padding:0 0 28px 0;  text-align:center; font-size:14px; color:#4d4d4d; font-family: 'libre_baskervilleregular';}
.newsContentWrap p:first-child{font-size:16px;}
.newsContentWrap p:last-child{padding-bottom:66px;}


.greyDivider{clear:both; display:block; margin:0 auto; padding:0; max-width:875px; height:2px; background:#a9a9a9; }
.articleWrap:last-child .greyDivider:last-child {display:block; width:117px; height:5px; margin:0 auto; padding:0; background:#ececec; background-image: url("../../_assets/img/secondary/close-bullets.png");  }

.goBack{max-width: 875px;height: auto; margin: 0px auto; text-align:center; padding-bottom:60px; color:#808285; }

.goBack a{font-size:16px;font-family: 'libre_baskervilleitalic'; color:#808285; font-weight:100;}
.goBack a:hover{color:#585858;}




/* FAQ */
.main.faqGlossary{
    margin-top:0px;
    min-height:158px; 
    height:auto !important; 
    height: 158px; 
    margin-bottom:0px;
}
.main.faqGlossary h1{width:auto; margin:100px auto 0 auto; padding:0; text-align:center; font-size:57px; line-height:57px; letter-spacing:6px;}
.main.faqGlossary h2.statement{ width:100%; margin:27px 0 0 0; padding:0; text-align:center; font-size:20px; font-family: 'libre_baskervilleitalic'; font-weight:100; color:#808285; text-transform:none;}
.main.faqGlossary h2.statement.glossary{ max-width:588px; margin:19px auto 0; padding:0; text-align:center; font-size:20px; font-family: 'libre_baskervilleitalic'; font-weight:100; color:#808285; text-transform:none;}


.main.faqGlossary .articleLine {margin: 40px auto 42px;}

.faqWrapper{clear:both; max-width:750px; height:auto; margin:44px auto 75px auto; padding:0;}

.faqGlossary .greyDivider{clear:both; display:block; margin:3px auto 0 auto; padding:0; max-width:899px; height:2px; background:#a9a9a9; }

.main.faqGlossary h1.glossary{width:auto; margin:65px auto 0 auto; padding:0; text-align:center; font-size:57px; line-height:57px; letter-spacing:6px;}


h2.glossaryTitle, h2.glossaryTitle-2{
    font-size: 20px;
    line-height: 26px;
    font-family: 'libre_baskervilleitalic';	
    margin: 0;
    padding: 0px 20px;
    color: #808285;
}
h2.glossaryTitle-2{	
    margin-top: 30px;
    padding: 0px 20px;    
}


.main.faqDots{display:block; width:100%; height:auto; margin-top:46px;margin-bottom:130px;}
.faqDotsWrap:last-child .greyDivider:last-child {display:block; width:117px; height:5px; margin:0 auto; padding:0; background:#ececec; background-image: url("../../_assets/img/secondary/close-bullets.png");  }


/* ONLINE SHOP */
.main.theShop{
    margin-top:0px;
    min-height:158px; 
    height:auto !important; 
    height: 158px; 
    margin-bottom:0px;
}



.main.theShop h1, .main.floorCalc h1{margin:100px 0 22px 0; padding:0; font-size:57px; line-height:57px; text-align:center; letter-spacing:6px; }
.main.floorCalc h2{max-width:680px; margin:40px auto 80px auto; padding:0; font-size:16px; line-height:20px; text-align:center; font-family: 'libre_baskervilleregular'; }

.main.floorCalc-2 h3{max-width:750px; margin:15px auto 0px auto; padding:0; font-size:14px; line-height:20px; text-align:center; color:#3c3c3c; font-weight:400; text-transform:none; font-family: 'libre_baskervilleitalic'; }
.main.floorCalc-2 h3.call4Quote{max-width:600px; margin:63px auto 0px auto; padding:0; font-size:18px; line-height:20px; letter-spacing:4px; text-align:center; color:#3c3c3c; font-weight:400; font-family: 'RobotoCondensed-Regular';}

.main.floorCalc-2 h4{max-width:680px; margin:40px auto 25px auto; padding:0; font-size:13px; line-height:20px; text-align:center; color:#3c3c3c; font-weight:400; text-transform:none; font-family: 'libre_baskervilleitalic'; }
.main.floorCalc-2 h4.prices-1{margin-top:34px;}
.main.floorCalc-2 h4.prices-2{margin-top:0px;}

.main.floorCalc-2 a{text-decoration:underline;}
.main.floorCalc-2 a:hover{color: #3C3C3C; text-decoration:none;}

.main.prodsWrap{display:block; width:100%; height:auto; margin-bottom:240px;}


.productsWrap{display:block; width:100%; height:auto;}
.aProduct{clear:both; display:block; width:100%; height:auto; margin:66px 0 0 0; padding:0;  text-align:center;}
.aProduct img{}
h2.productTitle{max-width:590px; margin:43px auto 18px auto; padding:0;  font-size:43px; line-height:52px; font-family: 'RobotoCondensed-Regular'; color:#585858; letter-spacing:6px; text-transform:uppercase;}
h3.productPrice, a.productGuide{ clear:both; width:100%; margin:0px 0 0 0; padding:0; text-align:center; font-size:20px; font-family: 'libre_baskervilleitalic'; font-weight:100; color:#808285; text-transform:none;}
a.productGuide:hover{text-decoration:underline;}
.productsWrap .articleLine {margin: 28px auto 64px;}
.productDescription{max-width:875px; height:auto; margin:0 auto; padding-bottom:45px; }
.productDescription p{max-width:875px; height:auto; margin:0 auto; padding:0 0 28px 0;  text-align:center; font-size:14px; color:#4d4d4d; font-family: 'libre_baskervilleregular';}
.productDescription p{font-size:16px;}


.productBuyButton{display:block; width:207px; height:46px; margin:0 auto; background-image: url("images/btn_addToCart.png");}
.productBuyButton:hover{background-image: url("images/btn_addToCart-hover.png");}

.payPaylButtonWrap{clear:both; width:100%; height:auto; margin:30px 0 0 0; padding:0;}
.payPaylButtonWrap form{margin:0; padding:0;}
.aProduct .greyDivider{clear:both; display:block; margin:3px auto 0 auto; padding:0; max-width:875px; height:2px; background:#a9a9a9; }

.aProduct:last-child .greyDivider:last-child {display:block; width:117px; height:5px; margin:98px auto 0px auto; padding:0; background:#ececec; background-image: url("../../_assets/img/secondary/close-bullets.png");  }

.calculatorGreyDots{clear:both; width:100%; height:auto; padding:95px 0 190px 0; position:relative;}
.calculatorEnd{    
    display: block;
    width: 117px;
    height: 5px;
    margin:0 auto ;
    padding: 0;
    background: #ECECEC url("../../_assets/img/secondary/close-bullets.png") no-repeat;
    
}

/* OUR CUSTOMERS */
.main.customers{
    margin-top:0px;
    min-height:158px; 
    height:auto !important; 
    height: 158px; 
    margin-bottom:0px;
}
.main.customers h2{margin:100px 0 0 0; padding:0; font-size:57px; line-height:57px; letter-spacing:6px;}
.lead.customersMessage{padding:52px 75px 0 75px; font-size:16px; font-family: 'libre_baskervilleregular';}

.main.ourCustomers{display:block; width:100%; height:auto; margin-bottom:130px;}


/* BLOG */
.main.blogArticles{display:block; width:100%; height:auto; margin-bottom:130px;}
.blogWrap{display:block; width:100%; height:auto;}

h3.blogDate{ width:100%; margin:68px 0 0 0; padding:0; text-align:center; font-size:20px; font-family: 'libre_baskervilleitalic'; font-weight:100; color:#808285; text-transform:none;}
h2.blogTitle{max-width:550px; margin:7px auto 0 auto; padding:0;  font-size:43px; line-height:54px; font-family: 'RobotoCondensed-Regular'; color:#585858; letter-spacing:6px; text-transform:uppercase;}
.articleLine{clear:both; display:block; margin:30px auto 42px auto; padding:0; width:145px; height:3px; background:#a9a9a9; }
.blogContentWrap{max-width:875px; height:auto; margin:0 auto; padding-bottom:82px; }
.main.blogArticles p{max-width:875px; height:auto; margin:0 auto; padding:0 0 28px 0;  text-align:center; font-size:14px; color:#4d4d4d; font-family: 'libre_baskervilleregular';}
.blogContentWrap p{font-size:16px;}
/*.blogContentWrap p:last-child{padding-bottom:66px;}*/

.blogArticleEndDots {display:block; width:117px; height:5px; margin:0 auto; margin-bottom:110px; padding:0; background:#ececec; background-image: url("../../../_assets/img/secondary/close-bullets.png");  }

.blogSocialWrap{max-width:875px; height:200px; margin:0 auto; padding:0; text-align:center; font-family: 'RobotoCondensed-Regular';}
.shareThis{width:auto; height:auto; margin:0; padding:0; font-size:31px; letter-spacing:6px;}
.shareLinks{clear:both; width:80px; height:auto; margin:22px auto 0 auto; padding:0;}
.shunt3PixRight{position:relative; left:3px;}
.fb-icon{position:relative; top:4px;}

a.backToBlog{clear:both; float:left; padding-top:50px; color:#808285;}
a.backToBlog:hover{color:#5f6060;}

a.readButton{display:block;width:207px; height:auto; margin:10px auto 0 auto; padding:11px 0; background:#4c4c4c; text-align:center; border-radius: 25px;}
a.readButton{color:#ffffff; font-size:20px; line-height:20px; font-family: 'RobotoCondensed-Regular'; font-weight:100;}

a.readButton:hover{color:#5f6060; background:#ffffff;}

.blogWrap:last-child .greyDivider:last-child {display:block; width:117px; height:5px; margin:0 auto; padding:0; background:#ececec; background-image: url("../../_assets/img/secondary/close-bullets.png");  }

.side-panel.sidePushDown{margin-top: 130px;}
.side-panel h4{font-family: 'RobotoCondensed-Regular'; font-weight:100;}

.blog-container .side-panel {float: right;width: 22%;}


/* CONTACT PAGE */
.main.contactUs{
    margin-top:0px;
    min-height:559px;
    height:auto !important; 
    height:559px;
    margin-bottom:86px;
}
.main.contactUs h2{margin:100px 0 49px 0; padding:0; font-size:57px; line-height:57px; letter-spacing:6px;}

.main.contactUs p.lead{margin:0; padding:0px 75px 40px 75px; font-size:16px; font-family: 'libre_baskervilleregular';}
.main.contactUs p.lead:last-child{padding:0px 75px 47px 75px; ; }

.main.contactUs a{color: #4D4D4D;}
.main.contactUs a:hover{text-decoration:underline;}

.contactDivider{clear:both; display:block; margin:0 auto; padding:0; max-width:155px; height:3px; background:#a9a9a9; }

.showRoom{font-family: 'libre_baskervillebold';}



.main.systemPageMessagesWrap{
    margin-top:0px;
    min-height:410px;
    height:auto !important; 
    height: 410px;
    margin-bottom:25px;
}



/* Footer */
footer.footer{clear:both; display:block; width:100%; height:104px; margin:0; padding:0; border-top: 1px solid #a9a9a9;}
.logoFootWrap{float:left; width:auto; height:auto; margin:0; padding:35px 0 0 37px;}
img.footerLogo{margin:0;padding:0; margin-left:37px; display:block; width:88px; height:76px; /*position:relative; top:16px;*/}

img.otherLogos{float:left; margin:0;padding:0; margin-right:19px; display:block; width:80px; height:35px;}

.socialMedia{float:right; width:auto; height:auto; margin:30px 40px 0 0; margin:36px 40px 0 0; }
.socialMedia ul.inline-list.right{ position:relative; /*bottom:39px;*/ margin:0; padding:0;}
.socialMedia ul.inline-list li, .socialMedia ul.inline-list li a{font-family: 'RobotoCondensed-Regular'; font-size:22px; color:#4d4d4d;}
.socialMedia a{color:#4d4d4d;}



/* FINANCE */
.main.finance{
    margin-top:0px;
    margin-bottom:120px;
    padding-top:0;
    min-height:410px; min-height:212px;
    height:auto !important; 
    height: 410px;  
}

.main.finance a{text-decoration:underline;}
.main.finance a:hover{color: #8b8b8b; text-decoration:none;}


.main.financeGroups{clear:both; display:block; width:100%; height:433px;}


.medium-3.farmers-bg, .medium-3.qCard-bg{
    float:left;
    display:block;
    width:50%; 
    height:433px;    
    padding:0;
    margin:0;
}
.medium-3.farmers-bg{background:#424242; padding-right:210px;}
.medium-3.qCard-bg{float:right; background:#505050; padding-left:173px; }


.farmers-bg .farmersInner {
    float:right;
    width: 639px; width: 429px;
    height:100%;
    padding:89px 0 0 0;     
}
.financeLogo{float:left; width:100%; height:103px; text-align:left;}
.farmersInner h3{float:left; width:429px; margin:0; padding:45px 0 0 0;color:#8f8f8f; font-size:15px; font-family: 'libre_baskervilleregular'; line-height:18px; text-transform:none; font-weight:normal;}

.qCard-bg .qCardInner {
    float:left;
    width: auto;
    height:100%;
    padding:89px 0 0 0;    
       
}
.qCardInner h3{float:left; width:429px; margin:0; padding:45px 0 0 0;color:#8f8f8f; font-size:15px; font-family: 'libre_baskervilleregular'; line-height:18px; text-transform:none; font-weight:normal;}
.qCardInner h3 a{color:#f7f8f8; text-decoration:underline;}
.qCardInner h3 a:hover{text-decoration:none;}
.qCardInner h4{clear: both;float:left; width:429px; margin:0; padding:15px 0 0 0;color:#8f8f8f; font-size:13px; font-family: 'libre_baskervilleregular'; line-height:18px; text-transform:none; font-weight:normal;}
.qCardInner h4 a, .qCardInner h4 span{color:#f2f2f3;}
.qCardInner h4 a:hover{text-decoration:underline;}


/* TEMPORARY - turns off the PrettyPhoto Previous/Next action so as not to find non-existent images */
.pp_nav,
.pp_arrow_previous,
.pp_arrow_next,
.pp_previous,
.pp_next{ /*display: none !important;*/ }

/* TEMPORARY - turns off the PrettyPhoto Previous/Next action so as not to find non-existent images */




/*  RESPONSIVE STYLES BELOW  */









/* iPad 1 & 2 */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
    /*h2.handCrafted{color:red;}*/
    .notMobile{display:none !important;}
    .mobileOnly{display:block !important;}
    .video-container{display:none !important;}
    .bannerImage-bgMobile{background: url("../../_assets/img/header/main-picMobile.jpg") no-repeat center center;   background-size: cover;}
    .main.installations .craftContentWrap h4{padding-left:20px; padding-right:20px;}
    .main.installations .craftContentWrap p {padding: 0px 20px 18px;}    
    .main.newsAndcontact,
    .featureNewsWrap,
    .contactFormWrap{min-height:780px;}    
    .mapWrap{height:780px;}
    .featureNewsWrap{float:left; display:block;  width:50%; background: url("../../_assets/img/home/newsFeature-bg-ipad.jpg") no-repeat center center;   background-size: cover; }
    .innerFeatureNewsWrap,.innerContactFormWrap {padding: 125px 30px 0px 30px;}    
    .main.expAssBel,.main.expAssBel, .expAssBel-wrap-1, .expAssBel-wrap-2{height:600px !important;}    
    .main.testimonial-bg{display:none;}
    p.lead{ padding: 0 50px;}
    p.lead span.notMobile{display:none;}  
}


/* iPad 1 & 2 portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {       
    .craftLinks{/*width:100% !important;*/ width:1024px;}
    .craftLinks, .boxOff-craft-left, .boxOff-craft-mid, .boxOff-craft-right {max-width:768px; width:768px; height: 625px;}
    .boxOff-craft-left { height: 625px; background: transparent url("../../_assets/img/home/whyWood-ipad.jpg") no-repeat;}
    .boxOff-craft-mid{height:625px; background: url("../../_assets/img/home/howWeHelp-ipad.jpg") no-repeat;}    
    .boxOff-craft-right{height:625px; background: url("../../_assets/img/home/typesOfWood-ipad.jpg") no-repeat;}
    
    .craftContentWrap { max-width: 600px;}
    .main.installations .craftContentWrap h4 {font-size: 16px;}
    
    .main.threeBlock.maintenanceCheck .threeBlock-1.ipad-1,
    .main.threeBlock.maintenanceCheck .threeBlock-2.ipad-2,   
    .main.threeBlock.maintenanceCheck .threeBlock-3.ipad-3{clear:both; max-width:768px; width:768px; height: 572px;}
    .maintenanceCheck .boxOff-maintenance-Left,
    .maintenanceCheck .boxOff-maintenance-Mid,
    .maintenanceCheck .boxOff-maintenance-Right{height: 572px;}
    
    .maintenanceContentWrap {max-width: 600px; padding-top: 100px;  }
    .main.threeBlock.maintenanceCheck .maintenanceContentWrap p {font-size: 14px;  line-height: 18px;}
    .featureNewsWrap h2, .contactFormWrap h2 {font-size: 22px;}
    .craftContentWrap.craftMobile-mid {padding-top: 20px;}
    .main.installations .craftContentWrap h4{font-size: 16px;}
    .main.installations .craftContentWrap p {font-size: 14px;  line-height: 18px;}
    .main.threeBlock.maintenanceCheck .maintenanceContentWrap p { max-width: 600px;}
    .galleryLinkWrap.ipad-G-1,
    .galleryLinkWrap.ipad-G-2,
    .galleryLinkWrap.ipad-G-3,
    .galleryLinkWrap.ipad-G-4,
    .galleryLinkWrap.ipad-G-5,
    .galleryLinkWrap.ipad-G-6{width:256px; width:384px; width:50%; /*height:200px; height:300px;*/ height:auto;}
    
}

/* iPad 1 & 2 in landscape----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
   
    .craftLinks.ipad-1,
    .craftLinks.ipad-3{width:341px; height: 635px; height: 730px;}
    .craftLinks.ipad-2{width:342px; height: 635px;height: 730px;}
    .boxOff-craft-left,
    .boxOff-craft-mid,  
    .boxOff-craft-right{height: 730px;}
    
    .main.threeBlock.maintenanceCheck .threeBlock-1.ipad-1,
    .main.threeBlock.maintenanceCheck .threeBlock-3.ipad-3{width:341px;}    
    .main.threeBlock.maintenanceCheck .threeBlock-2.ipad-2{width:342px;}
    
    .galleryLinkWrap.ipad-G-1{width:341px; height:266px;}
    .galleryLinkWrap.ipad-G-2{width:341px; height:266px;}
    .galleryLinkWrap.ipad-G-3{width:342px; height:266px;}
    .galleryLinkWrap.ipad-G-4{width:341px; height:266px;}
    .galleryLinkWrap.ipad-G-5{width:341px; height:266px;}
    .galleryLinkWrap.ipad-G-6{width:342px; height:266px;}
    
}


/*iPad 3 and above*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
    p.lead span.notMobile{display:none;}  
    /*.featureNewsWrap h2{color:yellow;}*/
    .craftLinks, .boxOff-craft-left, .boxOff-craft-mid, .boxOff-craft-right {height: 625px; height: 710px; }
    
    
}

/* Retina iPad 3 & 4 in portrait ----------- */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2){
    .craftLinks, .boxOff-craft-left, .boxOff-craft-mid, .boxOff-craft-right {max-width:100%; width:100%; height: 625px; }
    /*.boxOff-craft-left{background: url("../../_assets/img/home/whyWood.jpg") no-repeat center center;}*/
}

@media screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1) {
    .main.testimonial-bg{display:none !important;} /*iPhone 3 and below*/    
}











/*REMOVE THESE BELOW AFTER TESTING*//*REMOVE THESE BELOW AFTER TESTING*//*REMOVE THESE BELOW AFTER TESTING*//*REMOVE THESE BELOW AFTER TESTING*/





/*media queries*/
/*************media queries**************/




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

}
/*end*/

@media only screen and (min-width: 1024px) and (max-width: 1399px) {
}
/*end*/

@media only screen and (min-width: 1025px) and (max-width: 1600px) {
    .medium-3.aWoodType{width:20%;}
    
}
/*end*/


@media only screen and (min-width: 801px) and (max-width: 1440px) {
    .aWoodType .hover.zIndexTo100{overflow-y:scroll; z-index:100; }
    .hover p {max-height: 500px; padding: 8px 3% 12px 3%; overflow:visible;}
    .boxOff.zIndexToZero{z-index:0 !important;}
}
/*end*/


@media only screen and (min-width: 800px) and (max-width: 1366px) {
    .main.installations .craftContentWrap h4{padding:0 20px;}
    .main.installations .craftContentWrap p{padding:0 20px 18px 20px;}
    .main.threeBlock.approachCheck .threeBlock-1,
    .main.threeBlock.approachCheck .threeBlock-2,
    .main.threeBlock.approachCheck .threeBlock-3{
	height:720px;
    }
    .boxOff-approach-Left,
    .boxOff-approach-Mid,    
    .boxOff-approach-Right{
	height:720px;
    }
    .approachContentWrap.colFin-2 { height:720px; padding-top:120px;}
    .main.threeBlock.approachCheck .approachContentWrap p {padding: 9px 20px;}
}
/*end*/


@media only screen and (min-width: 1025px) and (max-width: 1300px) {
    .medium-3.farmers-bg{background:#424242; padding-right:5%;}
    .medium-3.qCard-bg{float:right; background:#505050; padding-left:5%;}
}
/*end*/



@media only screen and (min-width: 0) and (max-width: 1152px) {
    .main.newsAndcontact,.featureNewsWrap,.contactFormWrap, .mapWrap{min-height:750px;}
    
    
}
/*end*/


@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .hover h4 {font-size: 18px;}
    .hover h5 {font-size: 15px;}
    .hover p {font-size: 12px;}
    .innerContactFormWrap {padding-left: 100px;}
}
/*end*/

@media only screen and (max-width: 1279px) {
    .craftLinks, .boxOff-craft-left, .boxOff-craft-mid, .boxOff-craft-right{height:710px;  }
    .craftLinks.ph-1,.craftLinks.ph-2,.craftLinks.ph-3{overflow:hidden;}
    .craftContentWrap.craftMobile-mid {padding-top: 90px;}
    .main.threeBlock.maintenanceCheck,
    .main.threeBlock.maintenanceCheck .threeBlock-1,
    .main.threeBlock.maintenanceCheck .threeBlock-2,
    .main.threeBlock.maintenanceCheck .threeBlock-3,
    .boxOff-maintenance-Left,
    .boxOff-maintenance-Mid,
    .boxOff-maintenance-Right{height:780px;}
    .maintenanceContentWrap {padding: 90px 15px 0px 15px; padding: 90px 40px 0px 40px;}
    .main.resComGalleryWrap .hover h4{ font-size:16px; }
}
/*end*/

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    
     p.lead span.notMobile{display:none;} 
    .main.newsAndcontact, .featureNewsWrap, .mapWrap{height:900px;}
    .contactFormWrap{min-height:900px;}
    .expAssBel-wrap-1, .expAssBel-wrap-2{
	min-height:550px; min-height:600px;
	height:auto !important; 
	height: 550px; height: 600px;
	padding-bottom:50px;
    }
    .main.expAssBel h3,.main.expAssBel p{padding:0 12%;}
    .main.expAssBel h3{  margin:88px 0 16px 0;}
    .slick-list {max-width: 80%;}
    .medium-3.aWoodType, .medium-3.personWrapWidth{width:33.3333%;}
    
    .medium-3.aResComType{float:left; width:33.3333%; cursor:pointer;}
    
    .medium-3.farmers-bg{background:#424242; padding-right:5%;}
    .medium-3.qCard-bg{float:right; background:#505050; padding-left:5%;}
    
    .farmers-bg .farmersInner, .qCard-bg .qCardInner { width: 90%; padding:50px 0 0 0;   }       
    .farmersInner h3, .qCardInner h3, .qCardInner h4{ width: 90%;}
    .breakOff{display:none;}
    .maintenanceContentWrap {padding: 90px 15px 0px 15px; }
    .main.resComGalleryWrap .hover h4{ font-size:23px; }
    .innerFeatureNewsWrap{padding-left:35px; }
    .innerContactFormWrap {padding-left:50px;}
}
/*end*/

@media only screen and (min-width: 0) and (max-width: 1024px) {
   
}
/*end*/

@media only screen and (min-width: 0) and (max-width: 900px) {
    
    
    .onAt800, .mobileOnly-Home{display:block !important;}
    
    .craftLinks,
    .boxOff-craft-left,
    .boxOff-craft-mid,
    .boxOff-craft-right{height: 780px;}
    
    .main.installations .craftContentWrap p{padding:0 5px 18px 5px;}
    
    .approachTitle{font-size: 24px; line-height: 0.4;}
    .main.threeBlock.approachCheck .approachContentWrap h4,
    .main.threeBlock.approachCheck .approachContentWrap p{padding-left:30px; padding-right:30px;}
    .approachContentWrap h4{padding-left:10px; padding-right:10px;}
    .approachContentWrap.colFin-2 { padding-top:120px; padding-top:60px;}
    .innerContactFormWrap {padding-left: 50px; padding-right:50px;}
}
/*end*/

/* To control testimonials slider arrows */
@media only screen and (min-width: 0) and (max-width: 800px) {
    /*.slick-list { max-width: 80%;}*/
    .craftLinks, .showcaseWood{float:left; width:100%;}
    .threeBlock-1, .threeBlock-2, .threeBlock-3{float:left; display:block;  width: 100%; height:535px;  }
    .row.install .medium-3.columns{margin-bottom:20px;}
    .medium-3.aWoodType{width:50%;}
    .main.threeBlock.maintenanceCheck,
    .main.threeBlock.maintenanceCheck .threeBlock-1,
    .main.threeBlock.maintenanceCheck .threeBlock-2,
    .main.threeBlock.maintenanceCheck .threeBlock-3,
    .boxOff-maintenance-Left,
    .boxOff-maintenance-Mid,
    .boxOff-maintenance-Right{height:820px;}
    .main.threeBlock.approachCheck .threeBlock-1,
    .main.threeBlock.approachCheck .threeBlock-2,
    .main.threeBlock.approachCheck .threeBlock-3{width:100%;}
    .approachTitle{font-size: 31px; line-height: 1;}
    .onAt800{display:none !important;}   
}
/*end*/

@media screen and ( max-height: 768px ){
    .heightAdjustControl{position:relative; bottom:20px; z-index:100;}
    .menuLogo{ position:absolute; bottom:20px; z-index:50;} 
}
/*end*/
@media only screen and (min-width: 0) and (max-width: 700px) {
    .main.resComGalleryWrap .hover h4{ font-size:16px; }    
}
/*end*/

@media only screen and (min-width: 480px) and (max-width: 640px) {
    .main.testimonial-bg{display:block;} 
}
/*end*/

@media only screen and (min-width: 0) and (max-width: 640px) { 
    .notMobile{display:none !important;}
    .mobileOnly{display:block !important;}
    .video-container{display:none !important;}
    .bannerTop{height:85px; }

    .phonesOnly{
	display:block !important;
	position:absolute;
	bottom:15px;
    }
    
    .callUs.f-left.phonesOnly {
    width: 100%;    
    margin: 30px 0px 0px;    
    text-align: center;
    }
    .callUs.f-left.phonesOnly-inner{	
    display:block !important;
    clear:both;
    width: 100%;    
    margin: 30px 0px;    
    text-align: center;
    }
    .navBars {width: 100px;}
    .idiotsBox, .idiotsBox-dark{font-size:12px;}
    
    
    
    .logoSpot.innerLogo img {padding-bottom: 50px;}
    
    .menuLogo{display:none;}
    
    .bannerImage-bgMobile{background: url("../../_assets/img/header/main-picMobile.jpg") no-repeat center center;   background-size: cover;}
    .bannerImageInner-bg.bgAbout{background: url("../../_assets/img/header/bannerInner-about-640.jpg") no-repeat center center;   background-size: cover; }
    .bannerImageInner-bg.bgBlog{background: url("../../_assets/img/header/bannerInner-blog-640.jpg") no-repeat center center;   background-size: cover; }
    .bannerImageInner-bg.bgWhyWood{background: url("../../_assets/img/header/bannerInner-whyWood-640.jpg") no-repeat center center;   background-size: cover; }
    .bannerImageInner-bg.bgContact{background: url("../../_assets/img/header/bannerInner-contact-640.jpg") no-repeat center center;   background-size: cover; }
    .bannerImageInner-bg.bgNews{background: url("../../_assets/img/header/bannerInner-news-640.jpg") no-repeat center center;   background-size: cover; }
    .bannerImageInner-bg.bgShop{background: url("../../_assets/img/header/bannerInner-shop-640.jpg") no-repeat center center;   background-size: cover; }
    .bannerImageInner-bg.bgApproach{background: url("../../_assets/img/header/bannerInner-approach-640.jpg") no-repeat center center;   background-size: cover; }
    .bannerImageInner-bg.bgFaq{background: url("../../_assets/img/header/bannerInner-faq-640.jpg") no-repeat center center;   background-size: cover; }

    .main.newsAndcontact {height: auto;}
    .main.testimonial-bg{height:500px; min-height:550px;}
    .innerFeatureNewsWrap, .innerContactFormWrap {padding-left:15%; padding-right:15%;}
    .lead.handCraftMessage {padding: 52px 15px 50px 15px;}
    /*.craftLinks, .showcaseWood{float:left; width:100%;}*/
    .galleryLinkWrap{float:left; width:50%; height:auto; background:#00ccfa;}
    /*.main.testimonial-bg{height:200px; background: url("../../_assets/img/home/testimonial-bg-small.jpg") no-repeat center center;}*/
    .featureNewsWrap{float:left; display:block;  width:100%; min-height:700px; }
    .contactFormWrap{float:left; display:block;  width:100%; min-height:700px; padding-bottom: 50px;}    
    .mapWrap{float:left; display:block;  width:100%; min-height:700px;}
    .featureNewsWrap h2, .contactFormWrap h2{font-size:24px;}
    h3.newsItem-title{ font-size:16px;}
    .aboutFeature-left, .aboutFeature-right{float:left; display:block;  width:100%; height:312px; }
    .medium-3.directorWrapLeft, .medium-3.directorWrapRight{float:left;width:100%;}
    .expAssBel-wrap-1, .expAssBel-wrap-2{clear:both;width: 100%;min-height:433px;height:auto !important; height: 433px; padding-bottom:0px;}
    .main.showCase a.showcaseLink{font-size:24px;}
    .medium-3.aWoodType, .medium-3.personWrapWidth{width:100%;}
    footer.footer{margin:30px 0 0 0; margin:0;}
    .logoFootWrap{float:none; width:100%; height:auto; margin:0; padding:0 10%; text-align:center;}
    img.otherLogos{/*float:left;*/ margin:15px 0; margin-left:5%; margin-right:5%; padding:0;  display:block; width:80px; height:35px;}

    img.footerLogo{height:76px; position:relative; top:20px; margin: 0px auto 20px auto;}
    
    .socialMedia{clear:both; margin-right:0; width:100%;  }
    .socialMedia ul.inline-list.right{float:none !important; width:280px; margin:20px auto 0 auto; position:relative; bottom:0px;}
    .socialMedia ul.inline-list li, .socialMedia ul.inline-list li a{font-size:12px;}
    
    .medium-3.farmers-bg, .medium-3.qCard-bg{
    clear:both;
    float:left;
    display:block;
    width:100%; 
    height:433px;    
    padding:0 5%;
    margin:0;
    }        
    .farmers-bg .farmersInner, .qCard-bg .qCardInner { width: 100%; padding:50px 0 0 0;   }       
    .farmersInner h3, .qCardInner h3, .qCardInner h4{ width: 100%;}
    .main.threeBlock.maintenanceCheck .threeBlock-1,
    .main.threeBlock.maintenanceCheck .threeBlock-2,
    .main.threeBlock.maintenanceCheck .threeBlock-3{
	width: 100%;
	height:535px;
    }
    .main.threeBlock.maintenanceCheck .threeBlock-1,
    .main.threeBlock.maintenanceCheck .threeBlock-2,
    .main.threeBlock.maintenanceCheck .threeBlock-3,
    .boxOff-maintenance-Left,
    .boxOff-maintenance-Mid,
    .boxOff-maintenance-Right{height:535px;}
    .maintenanceContentWrap {padding: 90px 20px 0 20px;}
    .onAt800{display:none !important;}
    .expAssBel-wrap-1, .expAssBel-wrap-2 {    
    width: 100%;
    min-height: 250px;
    height: auto !important;
    padding-bottom: 80px;
    }
    .main.expAssBel p{max-width:100%;}
    .main.expAssBel h3,.main.expAssBel p{padding:0 6%;}
    
    .main.twoBlock.mobileTarget,
    .medium-3.directorWrapLeft,
    .medium-3.directorWrapRight,
    .boxOff-director-left,
    .boxOff-director-right{height: 450px;}
    .main.h-crafted .galleryWords p{text-align:center;}
}
/*end*/



@media only screen and (min-width: 0) and (max-width: 480px) {
    
    .medium-3.aResComType{float:left; width:100.00%;}
    
    a.resGalleryLink{font-size: 18px;}
    h2.productTitle{font-size:34px; line-height:38px;}
    
    h2.handCrafted,
    h2.m-title,
    .main.ourApproach h2.ourApproach,
    .main.about-us h2.aboutUsMessage,
    .main.whyWood h2.whyWood    {margin-top:20px;}
    
    .main.threeBlock.maintenanceCheck .threeBlock-1,
    .main.threeBlock.maintenanceCheck .threeBlock-2,
    .main.threeBlock.maintenanceCheck .threeBlock-3{
	height:680px;
    }
    .main.threeBlock.maintenanceCheck .threeBlock-1,
    .main.threeBlock.maintenanceCheck .threeBlock-2,
    .main.threeBlock.maintenanceCheck .threeBlock-3,
    .boxOff-maintenance-Left,
    .boxOff-maintenance-Mid,
    .boxOff-maintenance-Right{height:680px;}
    .maintenanceContentWrap {padding: 30px 20px 0 20px;}
    .buttonController{clear:both;width:100%;float:none; text-align:center;}
    .onAt800{display:none !important;}
    .approachTitle{font-size: 24px; line-height: 0.4;}
    p.lead.aboutUsMessage,
    p.lead.approach,
    p.m-intro,
    p.m-intro.financePad,
    p.lead.whyWood,
    p.lead.whyWood:last-child,
    p.lead,
    .main.contactUs p.lead,
    .main.newsArticles p,
    .blogContentWrap p,
    .lead.handCraftMessage{padding: 0px 10px 34px;font-size: 12px;}
    .medium-4.columns.craftLinks.extend-480, .boxOff-craft-mid{height:770px;}
    .craftContentWrap.craftMobile-mid {padding-top: 30px;}    
    .main.installations span.greyDivide-top {display: none;}
    .main.installations .craftContentWrap h4{ padding:0 30px;font-size:16px; font-weight:normal;}
    .main.installations .craftContentWrap p{padding:0 20px 18px 20px; padding:0 10px 18px 10px;}
    .main.testimonial-bg {height: 650px;}
    .main.testimonial-bg p{padding-left:10px; padding-left: 25px; padding-right:10px;padding-right: 30px;}
    h3.testimonial-title{font-size:18px;}
     .main.resComGalleryWrap .hover h4{ font-size:23px; }
     p.m-intro.theWoodTypes {padding: 0px 0px 34px;}
     .hover p {overflow: visible;}
     
    .main.ourApproach h2.ourApproach,
    .main.whyWood h2.whyWood,
    .main.faqGlossary h1,
    .main.faqGlossary h1.glossary {  font-size: 34px;line-height: 34px;}
    .mapWrap{min-height:300px; max-height:300px; height:300px !important;}
    .farmersInner h3, .qCardInner h3, .qCardInner h4{ width: 100%;}
    
    .approachContentWrap.colFin-2 { padding-top: 20px;}
}
/*end*/

@media only screen and (min-width: 0) and (max-width: 360px) {
     h2.newsArtTitle, h2.blogTitle{ font-size:36px; line-height:47px;}
    .galleryLinkWrap{clear:both; width:100%;}
    h2.handCrafted,
    h2.m-title,
    .main.ourApproach h2.ourApproach,
    .main.about-us h2.aboutUsMessage,
    .main.whyWood h2.whyWood    {margin-bottom:42px;  font-size: 34px;}
    h2.m-title,
    .main.h-crafted.adjustGalleryMargin h2,
    .main.floorCalc h1,
    .main.contactUs h2,
    .main.theNews h2{font-size: 34px;}
    h2.newsArtTitle, h2.blogTitle{font-size: 28px;line-height: 37px;}
    .onAt360{display:block !important;}
    .offAt360{display:none !important;}
    h2.handCrafted-low {font-size: 34px;}
    .lead.handCraftMessage{padding: 52px 10px 50px;}
    .main.ourCommitment h2.aboutUsMessage {font-size: 32px;  line-height: 32px;}
    .main.h-crafted {height: 500px; min-height: 500px;}
    .craftLinks.ph-1,.craftLinks.ph-2,.craftLinks.ph-3{height:750px;}
    .boxOff-craft-left {height: 750px; background: transparent url("../../_assets/img/home/whyWood-360.jpg") no-repeat center center;}
    .boxOff-craft-mid{height: 750px; background: url("../../_assets/img/home/howWeHelp-360.jpg") no-repeat center center;}
    .boxOff-craft-right{height: 750px; background: url("../../_assets/img/home/typesOfWood-360.jpg") no-repeat center center;}   
    .medium-4.columns.craftLinks.extend-480{height:750px;}
    h3.newsItem-title a {font-size: 18px;}
    .callUs a {font-size: 16px;}
    .mapWrap{min-height:300px; max-height:300px; height:300px !important;} 
}
/*end*/