@import url('https://fonts.googleapis.com/css?family=Quicksand:300');
    /*  font-family: 'Quicksand', sans-serif;   */
@import url('https://fonts.googleapis.com/css?family=Quicksand:500');
    /*  font-family: 'Quicksand', sans-serif;   */
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,500');


body{
    font-family: 'Quicksand' !important;
    font-size: 12px;
    line-height: 1.6;
    word-spacing: 2px;
    letter-spacing: 0.3px;
    font-weight: lighter;
    background-color: rgb(54, 54, 54);
    margin: 0px;
    padding: 0px;
    /*background-image: url("../img/background/image-5.jpg");
    background-position: center;
    background-repeat: vertical;
    background-size: cover;*/
    
}

.background{
    /*background-color:  rgba(49, 49, 49, 0.7);*/
    background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    height: 100vh;
}

section{
    width: 100vw;
    height: 100vh;
}
.header {
    background-image: url(../img/home/omslag.jpg);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    height: 100vh;
    margin-top: -138px;
    margin-bottom: -105px;

}
.homepagebegin {
    position: absolute;
    width: auto;
    top: 50%;
    bottom: 50%;
    margin-top: -150px; /* De helft van de hoogte van het blok */
    margin-bottom: -150px; /*de helft van de hoogte van het blok */
    height: 300px;; /*Deze aanpassen aan de hoogte van het blok na alle ccs toepassing */
    text-shadow: 2px 2px 4px #000000;
    
}
.colnopad {
    padding: 0px;
    margin: 0px;
}
.onder-vouw-home {
    position: absolute;
    top: 100%;
}
.howitworks-icon {
    height: 128px;
    width: 128px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -13px;
    margin-bottom: 70px;
    opacity: 0.50;
}
.txt-smaller {
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 30px;
}
.hout {
    background-image: url(../img/home/hout_1200.png);
    background-size: 1200px 418px;
    background-repeat: no-repeat;
    background-position: center 30px;
}
.shadow-txt {
    text-shadow: 2px 2px 4px #000000;
}
.intro-text {
    line-height: 30px;
    font-size: 20px
}
.howitworks {
    padding-bottom: 40px;
}
.icon-cor {
    margin-top: -2px;
    padding-bottom: 9px;
}



@media only screen and (max-width: 991px){
    .homepagebegin {
        height: 524px;
        margin-top: -262px;
        margin-bottom: -262px;
    }
}
@media only screen and (max-width: 767px){
    .shadow-txt {
        margin-left: -15px;
    }
}
@media only screen and (max-width: 1199px) and (min-width: 992px){
    .hout {
    background-image: url(../img/home/hout_1000.png);
    background-size: 1200px 430px;
    background-repeat: no-repeat;
    background-position: center 20px;    
}
    h3 {
        margin-top: -15px;
    }
}
@media screen and (max-width: 992px) and (min-width: 0px){
    .hout {
    background-image: url(../img/home/hout_750.png);
    background-size: 1200px 430px;
    background-repeat: no-repeat;
    background-position: center 20px;
}
    h3 {
        margin-top: -28px;
    }
    .txt-smaller {
    padding-left: 14%;
    padding-right: 14%;
}
}

.txt-naast-visual {
    padding-top: 90px;
}
.subhead-fix {
    margin-top: 20px;
}
.nieuwsbrief-scherm {
    height: 194px;
    background-color: #333333;
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.5);
    padding-top: 61px;
    padding-bottom: 61px;
    padding-left: 98px;
    padding-right: 98px;
    border-radius: 3px;
}
.fototonnen {
    height: 435px;
    background-image: url(../img/home/tonnen.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -149px;
}

.carousel-control.right {
     
}
.carousel-indicators {
    display: none;
}
.glyphicon {
    background-color: aqua;
    opacity: 1:
}
.glyphicon-chevron-right:before {
    
}
.button-slide {
    position: relative;
    top: 38%;
    z-index: 5;
    margin-top: -20px;
    margin-bottom: -20px;
}
.bg-slideshow {
    padding-left: 0px;
    padding-right: 0px;
    background-image: url(../img/home/hout_1200.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 30px;
}
.slide-posfix {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -350px;
    transform: translateY(-15px)
    
}
.carousel-control.right {
    background-image: none;
}
.carousel-control.left {
    background-image: none;
}
.container-slide {
    margin-top: 21px;
    padding-left: 0px;
    padding-right: 0px;
}

.howitworks-mob {
    display: none;
}
.btn-head-1 {
    margin-top: 0px !important;
}
@media only screen and (max-width: 775px){
.howitworks-desktop {
    display: none;
}
.howitworks-mob {
    display: block;
}
h1 {
    margin-bottom: 10px!important;
    font-size: 35px!important;
    line-height: 40px!important;
}
.btn-head {
    margin-top: 10px !important;
}
.intro-text {
    font-size: 15px;
    line-height: 20px;
}
.homepagebegin {
    height: 290px;
        margin-top: none;
        margin-bottom: none;;
        top: 340px;
        bottom: auto;
    }
}
.wijnbox-visual {
    background-image: url(../img/home/box.png);
    background-size: cover;
    background-position: center;
}
.heading-slide {
    margin-top: -38px;
    margin-left:15px;
}

.kalender-visual {
    background-image: url(../img/onze-boxen/kalender.gif);
    background-position: center -1px;
    background-repeat: no-repeat;
    background-size: cover;
}
.schuifje-visual {
    background-image: url(../img/onze-boxen/schuifje.gif);
    background-position: center -1px;
    background-repeat: no-repeat;
    background-size: cover;
}
.check-visual {
    background-image: url(../img/onze-boxen/checkboxes.gif);
    background-position: center -1px;
    background-repeat: no-repeat;
    background-size: cover;
}
.qutoe-visual {
    background-image: url(../img/onze-boxen/quote.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.visual-gif {
    height: 350px;
    border-radius: 2px;
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.8);
    background-repeat: no-repeat;
}
.btn-head-nieuws {
    margin-top: 0px !important;
}
.head-btn {
    margin-bottom: 10px;
}
.cta-ruimte {
    margin-top: 150px;
    margin-bottom: 150px;
}
input {
    height: 38px;
    width: 70%;
    border: none;
    padding: 0px;
}
.btn-nieuwsbrief {
    border-radius: 0px 3px 3px 0px!important;
    transform: translate(-7px, -2px);
}
@media only screen and (max-width: 545px){
.nieuwsbrief-scherm {
    padding-left: 40px;
    padding-right: 40px;
} 
    input {
        width: 100%;
    }
    .btn-nieuwsbrief {
    border-radius: 3px!important;
    transform: translate(0px, 10px);
    width: 100%!important;
}
    .nieuwsbrief-scherm {
        height: 250px;
    }
}