html, body { background-color:#ebebde;  }
body { padding:20px 0; }

.landing_page-template-template-biocarpeting .layer.bg-white,
.landing_page-template-template-biocarpeting .bg-white {background-color:#ebebde; }

.landing_page-template-template-biocarpeting .bg-white+.bg-white { border-top:1px solid #d8d8c1; }

.biocarpeting-header { display:flex; align-items:flex-end; width:100%; justify-content:center;}

.biocarpeting-header > div { flex:1;}

.biocarpeting-header img { display:block; width:100%; }
.biocarpeting-header .logo-col { display:flex; justify-content:flex-end; padding:10px 0;}
.biocarpeting-header .logo-col img { width:30vw; max-width: 430px; margin-right:50px; }

.biocarpeting-header .hustler-tag { display:flex; justify-content:flex-start;}
.biocarpeting-header .hustler-tag img { max-width:615px;}
.biocarpeting-header .hustler-tag img.mobile { display:none;}




.slider-biocarpeting {
    display: block;
    overflow: hidden;
    /*background:#009b3a; min-height:700px;*/
}

.slider-biocarpeting .slick-track { padding-left:100px; }

.slider-biocarpeting .slide {
    display: block;
}

.slider-biocarpeting .slide-content {
    display: flex;
    position: relative;
    flex-direction: row-reverse;
    margin: auto;
}

.slider-biocarpeting .slide .media {
    height: 100%;
    width:50%;
    position: relative;
    min-height: 700px;
    flex-grow: 1;
    margin-right: -1px;
}

.slider-biocarpeting .slide .media::before {
    display: none;
}

.slider-biocarpeting .slide .inner {

    width: calc(50% - 100px);
    margin: 0;
    padding: 0px 49px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.slider-biocarpeting .slide .intro-copy {
    padding: 40px 0px;
    width: 100%;
    max-width:570px;
    min-width:470px;

    min-height:500px;

    margin-left: auto;
    position:relative;
    margin-right:-140px;
    z-index:100;
    color:#fff;
    background: url(/wp-content/themes/hustlernz/img/wavy2.svg) top center no-repeat;
    background-size:contain;
}

.slider-biocarpeting .slide .intro-copy > img { width:100%;}
.slider-biocarpeting .slide .intro-copy .content-wrap { position:absolute; width:100%;    top: 0; height: 100%; padding: 150px 5vw 5vw 5vw;background:linear-gradient(0deg, #008b32 50%, rgba(255,255,255,0) 50%)}

.slider-biocarpeting .slick-dots button {
    background: #C7C7C4;
}

.slider-biocarpeting .slick-dots li.slick-active button {
    background: #009b3a
}

.slider-biocarpeting .slick-prev, .slider-biocarpeting .slick-next {
    background: #009b3a;
    width: 60px;
    height: 60px;
    font-size: 20px;
    text-align: center;
}

.slider-biocarpeting .slick-prev:hover, .slider-biocarpeting .slick-next:hover {
    opacity: 0.7;
}

.slider-biocarpeting .slick-prev {
    bottom: 0;
    top: initial;
    right: 60px;
    left: initial;
    /* opacity:0.76; */
}

.slider-biocarpeting .slick-next {
    bottom: 0;
    right: 0;
    top: initial;
}

.slider-biocarpeting .slick-prev:before, .slider-biocarpeting .slick-next:before {
    font-size: 29px;
    opacity: 1;
    line-height: 60px;
    width: 60px;
    text-align: center;
    display: block;
}

.slider-biocarpeting .slick-dots {
    text-align: left;
    margin: 0 auto;
    left: 5%;
    right: 0;
    position:absolute;
    padding: 0 20px;
}

.slider-biocarpeting .slide .intro-copy h3 {
    font-size: 14px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 1.4em;
}

.slider-biocarpeting .slide .intro-copy h2 {
    margin-bottom: 0.5em;
    text-transform: inherit;
}

.slider-biocarpeting .slide .intro-copy h2::before {
    display: none;
}

.slider-biocarpeting .slide .intro-copy p {
    font-size: 18px;
    color: #fff;
}
.slider-biocarpeting .slide .intro-copy .content-wrap  * { color:#fff; }
.slider-biocarpeting .slide .intro-copy .content-wrap ul, .slider-biocarpeting .slide .intro-copy .content-wrap ol { padding-left:11px; }
.slider-biocarpeting .slide .intro-copy .content-wrap p, .slider-biocarpeting .slide .intro-copy .content-wrap li { font-size:24px;}
.slider-biocarpeting .slide .intro-copy .content-wrap  li { padding-left:5px;}
.slider-biocarpeting .slide .intro-copy .content-wrap  li::marker { content:'+';}

@media screen and (max-width:1200px) {
    .slider-biocarpeting .slide {}
}

@media screen and (max-width:1100px) {

    .biocarpeting-header { flex-direction:column; justify-content:center;align-items:center;}
    .biocarpeting-header > div { width:80vw; max-width:600px;}
    .biocarpeting-header .logo-col img { width:100%; max-width:100%; margin-right:0; }
    .biocarpeting-header .logo-col { padding:10px;}
    .biocarpeting-header .hustler-tag { padding:0 10px;}
    .biocarpeting-header .hustler-tag img.mobile { display:block; width:62%; min-width:280px;}
    .biocarpeting-header .hustler-tag img.desktop { display:none;}

    .slider-biocarpeting .slide {
        display: block;
    }

    .slider-biocarpeting .slide-content {
        flex-direction: column;
    }

    .slider-biocarpeting .slide .media {
        width: 100%;
        min-height: 460px;
    }


    .slider-biocarpeting .slide .intro-copy {
        min-height: 0;
        margin-left: 0;
        text-align: left;
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin-top:-15vw;

    }
    .slider-biocarpeting .slide .intro-copy .content-wrap { position:relative; padding:150px 50px 50px 50px; max-width:560px; margin:0 auto;}
    .slider-biocarpeting .slide .intro-copy > img { display:none;}

    .slider-biocarpeting .slide .inner { width:100%;max-width:100%;padding:0;}
    .slider-biocarpeting .slick-track { padding-left:0;}

}

@media screen and (max-width:1024px) {
    .slider-biocarpeting .slick-dots {
        position: relative;
        bottom: 0;
        margin: 0 0 0 0;
        text-align: center;
        padding:20px;
        left:0;
    }
}

@media screen and (max-width:800px) {
    .intro-home .inner {
        padding: 0 7%;
    }

    .intro-default .inner {
        padding: 40px 0 40px;
    }

    .intro-default .inner .intro-copy {
        max-width: 100%;
    }

    .biocarpeting-header > div { width:90vw;}

    .slider-biocarpeting .slide .media {
        min-height: 400px;
    }
}

@media (max-width:550px){

    .slider-biocarpeting .slide .intro-copy { margin-top:-18vw;min-width:inherit; padding: 50px 0px 30px 0px;background-size:contain; }
    .slider-biocarpeting .slide .intro-copy .content-wrap { padding-top:50px;}
}
