/*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;
    
}

a:active {
    outline: none;
    border: none;
}

a:focus {
    outline:0;
}

/* 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;
}*/


/*NEW STANDARD MENU CONTROLS*//*NEW STANDARD MENU CONTROLS*//*NEW STANDARD MENU CONTROLS*/
.desktopMenuWrap{
    position:relative;
    z-index:10000;
}
.dropdown.menu .submenu.first-sub {
    top: 19px;
    left:-20px;
}
.desktopMenuWrap ul.menu{
    margin:20px 0 0 0;
}
.dropdown.menu .submenu {
    display: none;
    position: absolute;
    top: 0px;
    left: 100%;
    min-width: 200px;
    z-index: 1;
    background: #44413e none repeat scroll 0% 0%;
    border: 1px solid #CACACA;
    border:none;
    
}
.dropdown.menu .has-submenu.is-down-arrow a {
    padding-right: 0px;
}
.desktopMenuWrap ul li{
    margin:0;
    padding: 0px 107px 0px 0px;
}
.desktopMenuWrap ul li:last-child{
    padding:0;
}
.menu > li > a {
    
    padding: 0px;
    
    margin:0;
    font-size:18px;
    line-height: 1;
    font-weight: normal;
    font-family: "RobotoCondensed-Regular",serif;
    letter-spacing:3px;
    text-transform:uppercase;
    color: #808285;
    color:#4d4d4d;
    outline:0;
}
.menu > li > a:hover{
    color:#44413e;
    color: #808285;
}


.submenu.menu.vertical li{
    width:auto;
    padding: 20px 0 0 20px;
}
.submenu.menu.vertical li:last-child{
    padding-bottom:20px;
}
/*.dropdown.menu .has-submenu.is-down-arrow a{
font-size:16px;
}*/
ul.dropdown.menu ul li a{
    font-size:16px;
}
.submenu.menu.vertical li a{
    color: #808285;
    color:#ffffff;
}
.submenu.menu.vertical li a:hover{
    color:#ffffff;
    text-decoration:underline;
}

.mobile-ofc .submenu.menu.vertical li a{
    color: #808285;
}
.mobile-ofc .submenu.menu.vertical li a:hover{
    color:#ffffff;
}

.menu > li > a:active {
    outline: none !important;
    border: none !important;
}
.menu > li > a:focus,
.menu > li > a:hover {
    outline:0 !important;
}



li.has-submenu{
}


.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;
    */}


.contactButton{
    float:right;
    width:auto;
    padding:0px 8px;
    display:block;
    position:absolute;
    top:-4px;
    right:20px;
    z-index: 20000;
    border:solid 1px #4d4d4d;
}
.contactButton:hover{
    border:solid 1px  #808285;
    cursor:pointer;
}
.contactButton a{
    font-size:18px;
    line-height: 1;
    font-weight: normal;
    font-family: "RobotoCondensed-Regular",serif;
    letter-spacing:3px;
    text-transform:uppercase;
    color: #808285;
    color:#4d4d4d;
}
.contactButton a:hover{
    color:#44413e;
    color: #808285;
    cursor:pointer;
}

.title-bar .menu-icon{
    background:transparent;
}
.close-button{
    background:transparent;
}

ul.mobile-ofc.vertical.menu {
    margin-top:23px;
    padding-bottom:23px;
}

.menu.vertical > li {
    padding: 5px 0px 0 20px;
}
.off-canvas-submenu li{
    padding-left: 20px;
}
.off-canvas-submenu li a{
    margin:0;
    padding:0 0 0 10px;
    font-size:12px;
}


/* 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:visible;
    /*box-sizing: border-box;
    */
    z-index:10000;
    
}
/*.videoWrap{
clear:both;
display:block;
width:100%;
height:auto;
}*/
.video-container{
    position:absolute;
    top:0%;
    top:58px;
    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;
}


.bannerTop-bg{
    display:block;
    width:100%;
    height:59px;
    background:#ffffff;
}


.noBannerTop {
    display:block;
    width:100%;
    max-height:400px;
    background:#ececec;
    
}
.bannerTop{
    width:100%;
    height:125px;
    height:59px;
    padding:0 15px;
    position:relative;
    z-index:1000;
    /*background:#ffffff;
    */
}

/*.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;
}

span.actionCall-left{
    margin-right:40px;
}
span.actionCall-right{
    margin-left:58px;
}
span.actionCall-left, span.actionCall-right{
    position: relative;
    bottom: 50px;
}


span.actionCall-left a, span.actionCall-right a{
    font-size:17px;
    color:#ffffff;
    font-family: 'RobotoCondensed-Regular';
    letter-spacing:6px;
    position:relative;
    z-index:5000;
}
span.actionCall-left a:hover, span.actionCall-right a:hover{
    cursor:pointer;
}

.callUs{
    width:auto;
    height:auto;
    margin:30px 0 0 35px;
    margin:30px 0 0 0px;
    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;
}

.scrollGap{
    display:block;
    width:100%;
    height:111px;
    padding-top:35px;
    text-align:center;
}
.scrollGap a{
    font-size:10px;
    font-family: 'RobotoCondensed-Regular';
}
.scrollGap img{
    position:relative;
    bottom:10px;
}

.main.h-crafted{
    margin-top:116px;
    margin-top:111px;
    margin-top:0px;
    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';
    position: relative;
    bottom:10px;
}

.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:86px;
    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:visited{
    color:#ffffff;
}
.GD-textWrap a:hover{
    color:#ffffff;
    color:#AEAEAE;
}


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:725px;
    height:750px;
    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:725px; height:750px;
    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:725px;
    min-height:750px;
    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;
}

.antiSpamWrap {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 20px 0 0 0;
    height: 100px;
}
.antiSpamWrap-inner-1 {
    float: left;
    width: auto;
    margin: 0;
    padding: 0;
    height: 80px;
}
.antiSpamWrap-inner-2 {
    float: left;
    width: auto;
    margin: 0 0 0 20px;
    padding: 30px 0 0 0;
    height: 80px;
    font-size: 16px;
}
@media screen and (max-width: 1440px) {
    .antiSpamWrap-inner-2 {
        display: none;
    }
}


/*  **********************************
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;
    */ }



/*  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;
    }
    .bannerTop-bg.notMobile.ipadYes{
        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) {
    .bannerTop-bg.notMobile.ipadYes{
        display:block !important;
    }
    .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) {
    .bannerTop-bg.notMobile.ipadYes{
        display:block !important;
    }
    .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) {
    .bannerTop-bg.notMobile.ipadYes{
        display:block !important;
    }
    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){
    .bannerTop-bg.notMobile.ipadYes{
        display:block !important;
    }
    .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*/    
}




/*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%;
    }
    .main.newsAndcontact,
    .featureNewsWrap,
    .contactFormWrap,
    .mapWrap{
        min-height:820px;
    }
    
}
/*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) {
    .desktopMenuWrap ul li {
        width:auto;
        padding: 0px 105px 0px 0px;
    }
    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;
    }
    span.actionCall-left{
        margin-right:20px;
    }
    span.actionCall-right{
        margin-left:20px;
    }
    span.actionCall-left a, span.actionCall-right a{
        font-size:14px;
        letter-spacing:3px;
    }
    
}
/*end*/

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

@media only screen and (min-width: 0) and (max-width: 900px) {
    .desktopMenuWrap ul li {
        padding: 0px 50px 0px 0px;
    }
    .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) {
    .desktopMenuWrap ul li {
        width:auto;
        padding: 0px 30px 0px 0px;
    }
    /*.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;
    }
    span.actionCall-left,span.actionCall-right{
        display:none !important;
    }   
    .title-bar {
        background: transparent;
    }
    .title-bar-left {
        float: right;
    }
    .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;
    }
    
    .main.faqGlossary h1,
    .main.theShop h1,
    .main.theNews h2,
    .main.contactUs h2,
    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;
    }
    .innerContactFormWrap {
        padding-left: 2%;
        padding-right: 2%;
    }
    .antiSpamWrap-inner-1,
    .g-recaptcha,
    .g-recaptcha iframe{width:100%;}
    
    /*.antiSpamWrap-inner-1{
    	position: relative;
        right: 15px;
    }*/
    
}
/*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*/


/*Here to make sure it is being called in all devices*/
/*a:focus,
a:hover,
.dropdown.menu .has-submenu,
.desktopMenuWrap ul li,
.dropdown.menu li:hover,
.dropdown.menu li:focus,
.dropdown.menu > li > a:hover,
.dropdown.menu > li > a:active,
.dropdown.menu li:hover a:focus{
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
text-shadow:none !important;
border:none !important;
outline:none !important;
}
*/

nav *:focus,
.marketing-topbar *:focus,
.dropdown.menu *:focus,
button.close-button{
    /*-webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow:none !important;
    border:none !important;
    outline:none !important;
    */
    outline:none;
}