/*
Theme Name: Autoonderhandelaar
Theme URI: https://brandeniers.nl
Template: Divi
Author: Brandeniers
Author URI: http://www.elegantthemes.com
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 3.1.102.184518772582
Updated: 2018-03-01 16:16:22

*/

/* font styling */

h1,
h2 {
    font-size: 38px;
    padding-bottom: 27px;
}

h3 {
    font-size: 27px;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
.et_pb_text_inner{
   word-wrap: normal !important;
	-webkit-hyphens: none !important;
	-moz-hyphens: none !important;
	hyphens: none !important;
}

.et_pb_module.et_pb_video {
    height: 100%;
}
/* styling top menus */

#top-menu li {
    padding-right: 27px;
}

#top-header #et-info {
    float: right;
}

.logo_container img {
    margin-top: 27px;
}

.et-fixed-header .logo_container img {
    margin-top: 13px;
}


@media (min-width: 981px) {
    .et_fullwidth_nav #main-header .container {
        padding-right: 54px;
        padding-left: 54px;
    }
}


/* styling header */

.titel-ond {
    float: left;
    max-width: 50%;
    margin-top: -7%;
}

.et_pb_slider .et_pb_container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    height: 100%;
}

.et_pb_slide {
    padding: 4% 4%;
}

.titel-header-1 {
background: #4b3377;
padding: 27px 27px;
margin-right: 140px;
    margin-bottom: 20px;
}

.titel-header-2 {
background: #8cc63e;
padding: 27px 27px;
    margin-left: 100px;
}

/* blok bewezen */

.bewezen {
    padding-top: 4%;
    font-size: 54px !important;
    font-weight: 400;
}

.bewezen-span {
    font-weight: 700;
}

/* blok ei van columbus */

#uitleg {
    margin-top: 54px;
}

#uitleg-2 {
    height: 0px;
    padding: 0px;
}

ol.punten {
    background: #8cc63e;
    padding: 54px;
    margin-top: -450px;
    font-size: 16px;
    /* max-width: 80%; */
    line-height: 2;
    margin-bottom: 54px;
}

/* traject onderhandelaar */

#blurb-tabs img {
    width: 50px;
}

#blurb-tabs a {
    font-size: 14px;
}

#blurb-tabs .et_pb_column {
	display:flex !important;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
}
#blurb-tabs .tab-title {
	width:12.5%;
    height: 100%;
}

#blurb-tabs .tab-title:hover {
	background-color: #291b4c;
    transform: all 0.3s ease-in-out;
}



.arrow-down {
    position: relative;
    top: 25px;
    z-index: -1;
    display: none;
}

.active-tab .arrow-down {
    display: block;
}

.tab-content {
	display:none;
    color: #4b3377;
    text-align: center;
    font-size: 18px;
}

.tab-content p {
    text-align: center;
}


.tab-open {
	display:block;
}

.active-tab .et_pb_blurb_description {
    height: 0px;
}

#double-box-2 {
    padding: 108px;
}

#double-box h3 {
    padding-bottom: 27px;
}

#prijs-1 {
    margin-right: 85%;
    padding: 27px;
    text-align: center;
    z-index: 999;
    margin-top: -78px;
    position: relative;
    font-size: 27px;
}

#prijs-2 {
padding: 54px;
    text-align: center;
    font-size: 18px;
    position: relative;
}

#prijs-3 {
    text-align: center;
    font-size: 27px;
    padding: 27px;
}

#titel-prijs {
    padding-top: 54px;
}

#titel-prijs h2 {
    font-size: 40px;
}

.prijs {
    padding: 54px 108px;
}

@media screen and (max-width: 1440px) {
    .prijs {
        padding: 54px 54px;
    }
}

@media screen and (max-width: 1200px) {
    #prijs-1 {
    margin-right: 75%;
    }
    #prijs-2 {
        font-size: 14px;
    }
}

.aanschaf {
    font-size: 27px;
    color: #4b3377;
    line-height: 1.4;
}

.ervaring-tekst {
    padding: 108px;
}

.ervaring-tekst h3 {
    padding-bottom: 27px;
    font-size: 27px;
}

.ervaring-tekst-2 {
    padding: 15%;
}

.ervaring-tekst-2 h3 {
    font-size: 27px;
}

#contact {
    padding: 108px;
}

#contact-2 {
    padding-right: 2%;
    padding-left: 2%;
}

#contact-3 {
    padding-left: 2%;
    padding-right: 2%;
}

#contact-3 img {
    padding-top: 27px;
}

.link-footer-contact {
	padding-left: 2%!important;

}

#et_pb_contact_email_1,
#et_pb_contact_naam_1 {
        background: transparent;
    border: 2px solid #fff;
}

#et_pb_contact_message_1 {
    border: 2px solid #fff;
     background: transparent;
}

input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: fff;
}

input::-ms-input-placeholder { /* Microsoft Edge */
    color: fff;
}

textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}

textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: fff;
}

textarea::-ms-input-placeholder { /* Microsoft Edge */
    color: fff;
}

.et_pb_contact_submit.et_pb_button {
    border-radius: 0px;
    color: #fff;
    border-color: #fff;
}

.et_pb_contact_submit.et_pb_button:hover {
    border-radius: 0px;
    color: #fff;
    border-color: #fff;
}

.et_mobile_menu {
    border-top: 3px solid #9a016d;
}

@media screen and (max-width: 1440px) {
    #top-menu li {
        padding-right: 14px; 
    }
    h1,
    h2 {
        font-size: 24px;
        padding-bottom: 27px;
    }
    .bewezen {
        font-size: 38px !important;
    }
    ol.punten {
    margin-top: -500px;
        font-size: 14px;
}
    .et_pb_svg_logo #logo {
        height: auto;
        max-width: 25%;
    }
    #blurb-tabs .tab-title {
        width: 25%;
        height: auto;
    }
    .ervaring-tekst-2 h3 {
    font-size: 16px;
}
    #contact-2 {
    padding: 0px;
    }
    
    #contact-3 img {
        display: none;
    }
}
@media screen and (max-width: 981px) {
    .titel-header-1 {
        margin-right: 0px;
    font-size: 27px;    
    }
    .titel-header-2 {
        margin-left: 0px;
        font-size: 27px;
    }
    .bewezen {
        font-size: 54px !important;
    }
    #uitleg {
        max-height: none;
    }
    .et_pb_section_3 {
        padding-top: 54px !important;
    }
    .arrow-down {
        display: none !important;
    }
    #blurb-tabs {
        padding-bottom: 54px;
    }
    .et_pb_text_14 {
        max-width: 100% !important;
    }
    .et_pb_text_15 {
        max-width: 100% !important;
    }
    .et_pb_row_17 {
        width: 80% !important;
    }
    #contact,
    .ervaring-tekst,
    #double-box-2 {
        padding: 10%;
    }
    #contact-3 {
        padding-right: 0px;
        padding-left: 0px;
    }
}

@media screen and (max-width: 980px) {
    #blurb-tabs .tab-title {
        width: 50%;
    }
}

@media screen and (max-width: 479px ) {
	#blurb-tabs .tab-title {
		width:100%;
        height: 100%;
        margin-bottom: 27px;
	}
	#blurb-tabs .tab-title .et_pb_blurb_content { /* This moves icon to the right */
		display:flex;
		align-items:center;
		justify-content:flex-start;
        float: left;
	}
	#blurb-tabs .tab-title .et_pb_main_blurb_image { /* Fix icon margins on mobile */
		margin-bottom:0;
		margin-right:30px;
        float: left;
	}
    
    #blurb-tabs img {
        margin-right: 27px;
    }
    .titel-header-1 {
        font-size: 16px;
    }
    .titel-header-2 {
        font-size: 12px;
    }
    .bewezen {
        font-size: 36px !important;
    }
    #titel-prijs h2 {
        font-size: 27px;
    }
    .logo_container img {
        margin-top: 10px;
    }
    .et_pb_svg_logo #logo {
        max-width: none;
    }
}

.et-pb-active-slide .et_pb_slide_description {
    -webkit-animation-name: fadeBottom;
    -moz-animation-name: fadeBottom;
    -ms-animation-name: fadeBottom;
    -o-animation-name: fadeBottom;
    animation-name: fadeBottom;
    -webkit-animation-duration: 0s;
    -moz-animation-duration: 0s;
    -ms-animation-duration: 0s;
    -o-animation-duration: 0s;
    animation-duration: 0s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

.sub-menu {
    left: -27px;
}

.arrow-down svg {
    fill: #4b3377;
}

.tel a {
    color: #fff;
    margin-bottom: 18px;
}

.et_pb_blurb.et_pb_module.et_pb_bg_layout_light.et_pb_text_align_left.et_pb_blurb_8.et_pb_blurb_position_left {
    margin-top: 27px;
}