div.container{

    padding-top: 0px!important;

}

div.entry-content{

    padding-top: 0px!important;

}

div.et_post_meta_wrapper, #sidebar, div.container:before{

    display: none;

}

header div.et_pb_row{
    max-width: 1250px;
}

#main-content > div.container{
    max-width: 1250px;
}

#left-area{
    width: 100%;
    padding-right: 13px!important;
}
div.imgContainer{
    width: 816px;

    height: 643px;

    overflow: hidden;

    float: left;
    max-height: 770px;
}

div.imgContainer div.bigImgContainer{

    position: relative;

    top: 12px;
    width: 100%;

    height: 543px;

    max-height: 682px;
    max-width: 1028px;
    overflow: hidden;
}

div.imgContainer div.btn{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    z-index: 1;
    top: calc(50% - 16px);
    transition: .3s all;
}

div.imgContainer div.btn:hover{

    background: rgba(255, 255, 255, 1);

    cursor: pointer;

}

div.imgContainer div.btnLeft{

    left: 10px;

}

div.imgContainer div.btnRight{

    right: 10px;

}

div.imgContainer div.btn span{

    line-height: 32px;

    text-align: center;

    font-size: 25px;

    width: 100%;

    color: rgba(0,0,0,0.3);

}

div.imgContainer div.bigImgBar img{

    float: left;

    max-width: 816px;

    margin-right: 5px;
    object-fit: cover;
}
div.imgContainer div.thumbBar img{

    float: left;

    max-width: 96px;

    margin-right: 5px;

    opacity: 0.8;

    transition: .3s all;

}

div.imgContainer div.thumbBar img:hover{

    opacity: 1;

    cursor: pointer;

}

div.imgContainer div.thumbBar div.thumbImgCounter{
    float: left;
    width: 96px;
    height: 63.42px;
}

div.imgContainer div.thumbBar div.thumbImgCounter div.thumbImgCounterBG{
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    text-align: center;
    color: white;
    pointer-events: none;
}

div.imgContainer div.thumbBar div.thumbImgCounter div.thumbImgCounterBG span.img{
    position: absolute;
    top: 10px;
    left: 0px;
    font-size: 20px;
    width: 100%;
    user-select: none;
}

div.imgContainer div.thumbBar div.thumbImgCounter div.thumbImgCounterBG span.counter{
    position: absolute;
    top: 30px;
    left: 0px;
    font-size: 20px;
    width: 100%;
    user-select: none;
}

div.text_container{
    float: right;

    padding: 10px;

    width: 30%;

}

div.text_container h3{
    white-space: nowrap;
}

div.btnBar{

    float: left;

    width: 100%;

    margin-top: 52px;

}

div.optionsContainer, div.videoContainer, div.wincar2Container, div.modelPaginaLink{

    float: left;

    width: 80%;
    margin-left: 10%;

    margin-top: 10px;

}

div.videoContainer{
    float: left;
    max-width: 816px;
    margin-top: 10px;
}

div.optionsContainer div.options{

    overflow: hidden;

    height: 120px;

}

div.optionsContainer div.options.open{

    height: 100%;

}

div.optionsContainer div.option{

    padding: 5px;

    line-height: 20px;

}

div.optionsContainer div.option:nth-child(odd){

    background: #f5f5f5;

}

div.optionsContainer a.single-btn{

    margin-top: 20px;

    /*padding: 0px;
*/
    width: 49.5%;

    float: left;

}

.gform_footer .gform_button{
	border-style: solid;
    height: 50px;
    color: #133474;
    background-color: #ffdd00;
    font-size: 24px;
    width: 300px;
    border-width: 0px;
}

#showMoreOptions{

    background-color: #d8e8f3!important;
    color: #133474!important;
    margin-right: 5px;

}

div.usps{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

div.usps div.spanContainer{
    float: left;
    color: #133474;
}

div.vraagContainer{

    float: left;

    width: 80%;
    margin-left: 10%;

    margin-top: 20px;

}


div.gerelateerdeCampers{
    width: 80%;
    margin-left: 10%;
    height: 330px;
    margin-bottom: 30px;
    float: left;
}
div.gerelateerdeCampers div.gerelateerdeCamperContainer{

    float: left;

    width: 31%;

    height: 90%;

    margin: 0px 10px 10px 10px;

    padding: 10px;

}

div.gerelateerdeCampers div.camperName{
    margin-top: 10px;
}
div.gerelateerdeCampers div.camperPrijs{
    color: black;
}
div.gerelateerdeCampers img{

    width: 100%;

    height: 200px;
    object-fit: cover;
}
div.shareButtonsContainer{
    position: absolute;

    right: 20px;

    top: 108px;

}

div.shareButtonsContainer span.shareBtn{

    float: left;

    margin-right: 10px;

    margin-left: 2px;

    margin-bottom: 5px;

    background: #133474;

    color: white;

    line-height: 24px;

    width: 24px;

    text-align: center;

    border-radius: 50%;

    cursor: pointer;

}

#sharePageDiv{

    position: fixed;

    height: 59px;

    width: 300px;

    background: white;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

}



#sharePageDiv div.fieldset{

    height: calc(100% - 25px);

}



#sharePageDiv div.legend{

    padding: 0px;

    position: relative;

    color: white;

    height: 25px;

    text-align: left;

    padding-left: 10px;

    padding-right: 10px;

    line-height: 25px;

    -webkit-user-select: none;

    background: rgba(0,0,0,0.7);

    z-index: 1;

}



#sharePageDiv div.legend span{

    float: right;

    line-height: 25px;

}



#sharePageDiv div.fieldset

{

    background: white;

    padding: 10px;

    padding-top: 15px;

    overflow: auto;

}


#afspraakmaken{
    width: calc(50% - 5px);
    font-size: 15px;
    height: 40px;
    line-height: 1.9em;
}

#modelLink{
	max-width: 200px;
	height: 40px;
    line-height: 1.9em;
	font-size: 16px;
	background-color: #ffdd00 !important;
	color: #133474!important;
}

#afspraakmaken2{

    width: 100%;

    float: left;

    background-color: #ffdd00 !important;

    margin-bottom: 30px;

}

#terugknop{
    width: calc(50% - 5px);
    background-color: #133474!important;
    margin-left: 10px;
    float: left;
    font-size: 16px;
    height: 40px;
    line-height: 1.9em;
}

#aanbod{
    height: 40px;
    background-color: #133474!important;
    float: left;
    margin-top: 15px;
    line-height: 27px;
    white-space: nowrap;
}

div.vraagContainer{
    background: #f5f5f5;
    padding: 10px 10px 0px 10px;
    margin-bottom: 10px;
}

div.text_top div.value{

    float: left;

    margin-right: 10px;

}


div.vraagContainer form input[type='submit']{
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

#imgViewer{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 10012;
}

#imgViewer div.imagesContainer{
	position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 80%;
    height: 90%;
    overflow-y: auto;
}

#imgViewer div.closeBtn{
	position: fixed;
    top: calc(5% + 20px);
    right: calc(10% + 25px);
    color: white;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    border: 2px solid white;
    text-align: center;
    line-height: 27px;
    font-size: 20px;
    cursor: pointer;
}

#imgViewer div.singleImgContainer{
	width: 100%;
    background: white;
    text-align: center;
    background: rgba(0,0,0,0.7);
    padding-bottom: 10px;
}

#imgViewer div.singleImgContainer img:not(.scroll){
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#imgViewer div.btnLeft{
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: white;
    color: black;
    left: 5%;
    top: calc(50% - 25px);
    font-size: 50px;
    line-height: 50px;
    text-align: center;
}

#imgViewer div.btnRight{
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: white;
    color: black;
    right: 5%;
    top: calc(50% - 25px);
    font-size: 50px;
    line-height: 50px;
    text-align: center;
}

#imgViewer span.fa-spinner{
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100px;
    height: 100px;
    font-size: 100px;
    z-index: -1;
}

#imgViewer img.scroll{
	position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 10px;
    height: 100px;
    margin: auto auto 0px auto;
}

@media only screen and (max-width: 1400px) {
    div.imgContainer, div.text_container{

        width: 80%;
        margin-left: 10%;
        margin-right: 10%;

    }

    div.text_container, div.optionsContainer, div.gerelateerdeCampers{
        padding: 0px;
    }
    
    

    div.btnBar{
        margin-top: 15px;
        margin-bottom: 15px;
    }

    #afspraakmaken{
        width: 100%;
        margin-bottom: 5px;
    }

    #terugknop{
        width: 100%;
        margin-left: 0px;
    }

    #showMoreOptions{

        margin-top: 25px;

        width: 100%;

        margin-left: 0px;

    }

    #camperaccessoires{
        width: 100%;
    }



    div.gerelateerdeCampers{

        height: auto;

    }
    div.gerelateerdeCamperContainer{
        width: calc(100% - 10px)!important;

        max-height: 300px;
        margin: 0px 0px 10px 0px!important;
    }


    div.shareButtonsContainer{

        position: relative;

        top: 5px;

        right: 10%;

    }



    div.shareButtonsContainer span.shareBtn{

        margin-right: 2px;

        float: right;



    }



    div.shareButtonsContainer span.shareBtn, div.shareButtonsContainer div div{

        width: 37px;

        height: 37px;

        line-height: 37px;

        font-size: 24px;

    }



    div.shareLinksContainer{

        width: 42px;

        max-height: 37px;

    }



    div.shareLinksContainer.open{

        margin-bottom: -165px;

        max-height: 206px;

    }

    div.imgContainer{
        height: 60vw;
    }

    div.imgContainer div.bigImgContainer{
        height: 52vw;
    }

    div.imgContainer div.bigImgBar{
        height: 29vh;
    }

    div.bigImgBar img{
        max-width: 79vw!important;
    }
    
    #aanbod{
    	margin-left: 10%;
    }
}

@media only screen and (max-width: 980px){
	#left-area{
		float: left!important;
		padding-bottom: 23px;
	}
}

@media only screen and (max-width: 1100px){
    div.usps{
        display: block;
    }

    div.usps div.spanContainer{
        width: 100%;
    }
    
    div.imgContainer{
    	height: 64vw;
    }
}

@media only screen and (max-width: 767px){
	
	/*Nieuw grote foto's deel*/
	body, #page-container{
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
	}
	
	#left-area{
		padding-right: 0px!important;
	}
	
	div.container{
		width: 100%;
	}
	
	div.imgContainer{
		height: 77vw;
	}
	
	div.imgContainer div.bigImgContainer{
		height: 56vw;
	}
	
	div.bigImgBar img{
		max-width: 100vw!important;
	}
	/*Eind*/
	
    div.optionPriceContainer{
        width: calc(100% + 10px);
        float: none!important;
        background: #365470;
        color: white;
        margin-left: -5px;
        margin-bottom: -5px;
        margin-top: 5px;
        line-height: 20px;
        padding: 5px;
    }

    div.optionPriceContainer span{
        text-align: left!important;
    }

    div.optionPriceContainer span:nth-child(1){
        margin-right: calc(100% - 150px);
    }

    div.optionPriceContainer span:nth-child(2){
        margin-right: 10px;
    }

    div.optionPriceContainer::before{
        content: "-";
    }
    
    div.imgContainer div.btn{
	    width: 32px!important;
	    height: 32px!important;
    }
    
    div.imgContainer div.btn span{
    	line-height: 32px!important;
    	font-size: 23px!important;
    }
    
    #imgViewer div.imagesContainer{
		width: 100%;
		height: 100%;
	}
    
    #imgViewer div.closeBtn{
		top: 20px;
		right: 20px;
	}
    
}

@media only screen and (min-width: 600px) and (max-width: 767px){
    div.imgContainer{
        /*height: 130vh;*/
        width: 100vw;
    }

    div.imgContainer div.btn{
        /*top: 55vh;*/
    }

    div.imgContainer div.bigImgContainer{
        /*height: 107vh;*/
    }

    div.imgContainer div.bigImgBar{
        /*height: 107vh;*/
    }

    div.bigImgBar img{
        max-width: 100vw!important;
    }

    div.gerelateerdeCamperContainer{
        width: 55%!important;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1400px){
    div.gerelateerdeCamperContainer{
        width: 30%!important;
    }
}

@media only screen and (min-width: 1401px) and (max-width: 1480px){
    div.text_container{
        width: 25%;
    }

    #afspraakmaken{
        width: 100%;
        margin-bottom: 5px;
    }

    #terugknop{
        width: 100%;
        margin-left: 0px;
    }
}

@media print{

    div.et_builder_inner_content, a.single-btn, div.vraagContainer, div.gerelateerdeCampers, footer, div.grecaptcha-badge, div.shareButtonsContainer{

        display: none!important;

    }

    div.optionsContainer div.options{

        height: 100%;

    }

}