.row {
    max-width: 70rem;
}
body{ font-family: 'humnst777_lt_btlight'; }

.slider{
    z-index: -2000;
    max-width: 3194px;
    background: rgb(211, 211, 211);
    background: #88af3a;
    position: relative;
}
.slide{ z-index:-5!important;}
.slicknav_menu {
    display:none;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
}

h1.slider-title{
    font-family: 'humnst777_btroman';
    font-size: 8em;
    text-align: left;
    color: #fff;
   /* font-weight: bold;*/
}
h1.slider-title span{
    color: #414042;
    font-weight: 100;
}
h2.slider-text{
    font-family: 'humnst777_lt_btlight';
    font-size: 3.4em;
    text-align: left;
    color: #fff;
    padding-top: 0.5em;
    border-top: 2px solid #fff;
    font-weight:100;
}


h1.title{ 
    font-family: 'humnst777_lt_btlight';
    font-size: 3.5em;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0em;
    font-weight: 100;
}

h1.headline{ 
    font-family: 'humnst777_blk_btblack';
    font-size: 3em;
    line-height:1em;
    text-align: left;
    color: #414042;
}
h1.headline-carpentry{ 
    font-family: 'humnst777_lt_btlight';
    font-size: 3.4em;
    line-height:0.9em;
    text-align: left;
    color: #fff;
    font-weight:100;
}
h1.headline-portfolio{
    font-family: 'humnst777_lt_btlight';
    font-size: 3.2em;
    line-height:1em;
    text-align: center;
    color: #88af3a;
    font-weight:bold;
}

p.text{
    font-family: 'humnst777_lt_btlight';
    font-size: 1.2em;
    margin: 0;
    text-align: justify;
    line-height: 1.9em;
    margin-bottom: 0.5em;
}
p.text-quotation{
    font-family: 'humnst777_lt_btlight';
    font-size: 1.25em;
    margin: 0;
    text-align: justify;
    line-height: 2.2em;
    margin-bottom: 0.5em;
}
p.text-small{
    font-family: 'humnst777_lt_btlight';
    font-size: 1em;
    margin: 0;
    text-align: justify;
    margin-bottom: 1.5em;
}
p.text-small-white{
    font-family: 'humnst777_lt_btlight';
    font-size: 1em;
    margin: 0;
    margin-top:-1em;
    text-align: justify;
    margin-bottom: 1.5em;
    color:#ccc;
}
p.text-dots{
    font-family: 'humnst777_lt_btlight';
    font-size: 1em;
    margin: 0;
    text-align: justify;
    color:#fff;
    font-weight:300;
    margin-bottom: 1em;
}
.text-dots img{ width:13px; height:13px; margin-left: 0.5em; margin-right:0.5em; margin-top:-2px; }

.header-mobile{ box-shadow: 0px 3px 5px rgba(0,0,0,0.4); background:#5F5D61; }

.top-bar{
    height: 5em;
    box-shadow: 0px 3px 5px rgba(0,0,0,0.4);
}

.top-bar, .top-bar ul{
    background-color: #E0E0E0;
    color: #fff;
}

.top-bar ul{ margin-top:.8em; }
.top-bar ul li{ padding:0.7em; }

.top-bar ul li a{
    color: #685F68; 
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'humnst777_lt_btlight';
    padding:0.1em;
    padding-bottom:0.5em;
    border-bottom: 2px solid #414042;
}
.top-bar ul li a.active{ border-bottom: 2px solid #C51B1B;; }

.logo{
    margin-top: .5em;
    position: absolute;
    background-color: #E0E0E0;
    padding-left:1em; padding-right:1em;
    left: 13.1%;
    box-shadow: 0px 2px 0px rgba(0,0,0,0.3);
}
.logo img{ width: 254px; }

.social{ position: absolute; top: 25%; left: 1em; }
.social li{ list-style: none; margin-bottom:0.5em;}
.social img{ height:25px; opacity:0.85; }
.social img:hover{ opacity:1; }
.question{ margin-right:2em; }
.tools{ margin-right:10em; }

.social-mobile{ float: right; }
.social-mobile li{ float:left; padding:0.5em; list-style:none;}
.social-mobile img{ height:20px; opacity:1; }

.greenbtn{ 
    background: #88af3a;
    border-radius: 8px;
    padding: 0.3em 1em 0.2em 1em;
    text-decoration: none;
    font-size: 1.2em;
}

.greybg{
    background: #6d6e71;
}
.greenbg{ background: #88af3a; }


.highlights{ 
    font-family: 'humnst777_lt_btlight'; 
    font-size: 1.5em;
    text-transform: uppercase;
    border-radius: 8px;
    color: #fff;
    margin-bottom: 0.5em;
    padding: 0.2em 1em 0.1em 1em;
    text-shadow: 1px 1px #414042;
    width: 85%;
}

img.aboutimg{ 
    width:100%; 
    margin:2em;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}

img.portfolioimg{ 
    /*height:340px;*/
    height:auto;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}

.other-services img{
    box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}

.other-services .text-dots img{
    box-shadow: none;
}

.quotation{
    background: -moz-radial-gradient(center, ellipse cover, rgba(201,201,201,0) 0%, rgba(201,201,201,0.65) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(201,201,201,0) 0%,rgba(201,201,201,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(201,201,201,0) 0%,rgba(201,201,201,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c9c9c9', endColorstr='#a6c9c9c9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/*.question{
    background: url('../img/question.png') no-repeat right;
}*/
.about, .carpentry-services, .other-services, .why-choose, .portfolio, .quotation{ padding-top: 4em; padding-bottom:4em; }
.carpentry-services{ 
    background: #414042;
    padding-top: 5em;
    padding-bottom: 5em;
}
.other-services{ background: #88af3a; }

.footer{ 
    color:#fff;
    font-size: 0.8em;
    font-family: 'humnst777_cn_btregular';
    background-color: #414042;
    padding-top:5em;
    padding-bottom: 1.5em;
}
.footer a{ color:#fff; text-decoration:none; } 

p.address{
    font-family: 'humnst777_lt_btlight';
    font-size: 1.3em;
    margin: 0;
    text-align: justify;
    line-height: 1.8em;
    margin-bottom: 0em;
}
p.address img{ height: 23px; }

hr.footer-line{
    border: 0;
    height: 2px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(188, 190, 192, 0.5), rgba(0, 0, 0, 0));
    margin-top:2.5em;
    margin-bottom:1em;
    }
.porfolio-slides{ margin-top: -2em; margin-bottom:2em;}

/* FORMS */
form#quotation-form{ max-width: 60%;}
form#quotation-form input.input{
    background: #ebeced;
    color: #414042;
    font-family: 'humnst777_lt_btlight';
    border:none;
    border-radius: 8px;
    font-weight: 700;
    padding-left: 1em;
    padding-right: 1em;
}
form#quotation-form textarea{
    margin-top:1.5em;
    background: #ebeced;
    color: #414042;
    font-family: 'humnst777_lt_btlight';
    border:none;
    border-radius: 8px;
    height: 150px;
    font-weight: 700;
    padding-left: 1em;
    padding-right: 1em;
}

form#contact-form input.input{
    background: #5b5b5c;
    color: #adadae;
    font-family: 'humnst777_lt_btlight';
    border:none;
    border-radius: 8px;
    padding-left: 1em;
    padding-right: 1em;
}
form#contact-form textarea{
    margin-top:1.5em;
    background: #5b5b5c;
    color: #adadae;
    font-family: 'humnst777_lt_btlight';
    border:none;
    border-radius: 8px;
    height:100px;
    padding-left: 1em;
    padding-right: 1em;
}
    .slick-list, .dragable{ padding: 0!important; }

.line-after-title{
    border-bottom: 2px solid #C51B1B;
    width: 150px;
    display: block;
    margin: auto;
    margin-top: 1rem;
    margin-bottom: 3rem;
}

#full-video{
    padding: 2%;
}

#warning-popup > div {

    overflow: hidden;
}

#warning-popup > div {

    background-color: #d86565;

    position: fixed;
    right: 0;
    bottom: 8rem;

    padding: 0.5rem;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    color: white;

}

#warning-popup a {

    text-decoration: none;
    color: white;
}

/* MEDIA QUERIES */
@media only screen and (max-width: 40.063em) {
    .slicknav_menu {
    display:block;
    }
    h1.slider-title{ font-size:1.7em; margin:0; text-align: center; padding: 1.5em 0em;}
    h2.slider-text{ font-size:1.3em; margin:0; text-align: center; padding: 1.2em 0em; color: #414042; }
    h3.slider-text{ font-size:1.1em; margin:0; text-align: center; padding: 1.2em 0em; color: #fff; }
    
}
@media only screen and (max-width: 64em) {
    .row{ padding-left: 1em; padding-right: 1em; }
    form#quotation-form{ max-width: 90%; margin-top: 4em;}
    .top-bar { padding: 0rem; }
    .top-bar ul li a {
        padding: 0em;
        font-size: 0.9em;
    }
    .top-bar, .sticky-container{ height: 4em; }
    .highlights{ 
        width: 100%;
    }    
    .tools{ margin-right:0em; display:none; }
    img.portfolioimg { width:100%; height:auto;}
    
    img.aboutimg{ margin:0 auto; margin-bottom: 1.5em; max-width:70%;}    
    .slick-prev{ left: -20px; }
    .slick-next{ right: -20px; }
    h1.title, h1.headline, h1.headline-carpentry, h1.headline-portfolio { font-size: 2.2em; }


    .logo { left: 3%; }
    .porfolio-slides{ padding:2em; }
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

// Medium screens
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 

    h1.slider-title{ font-size:9.5em; margin:0; text-align: center; padding: 0.5em 0em;}
    h2.slider-text{ font-size:4em; margin:0; text-align: center; padding: 1em 0em; color: #fff; margin-top: 2em;}
    h3.slider-text{ font-size:3em; margin:0; text-align: center; padding: 1em 0em; color: #fff; }   
    
img.aboutimg{ 
    width:100%; 
    margin:0;
    max-width: 100%;}

} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

// Large screens
@media only screen and (min-width: 64.063em) {  } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
    .logo { left: 3%; } 
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

// XLarge screens
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { }