/*
 Theme Name:     Brandeniers
 Theme URI:      Brandeniers.nl
 Description:    Brandeniers Child Theme
 Author:         Brandeniers
 Author URI:     Brandeniers.nl
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */

@media only screen and (max-width: 768px) {
	#page-container,
	html,
	body {
		width: 100%;
		overflow-x: hidden;
	}
}


/*font en headings*/

#et-boc h1 {
	font-size: 34px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 1.2px;
	line-height: 1.3em;
	text-transform: uppercase;
}

#et-boc h2 {
	font-weight: 700;
	font-size: 32px;
	font-style: normal;
	letter-spacing: 0.9px;
	line-height: 1.2em;
	text-transform: uppercase;
}

#et-boc h3 {
	font-size: 23px;
	font-weight: 700;
	letter-spacing: 0.6px;
	line-height: 1.4em;
	text-transform: uppercase;
}

#et-boc h4 {
	font-size: 19px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.44px;
	text-transform: uppercase;
}

#et-boc h5 {
	font-size: 16px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.44px;
	text-transform: uppercase;
}

#et-boc p,
#et-boc li {
	line-height: 1.8em;
	font-weight: 400;
}

@media only screen and (min-width: 981px) and (max-width: 1600px) {
	#et-boc h1 {
		font-size: 26px;
	}
	#et-boc h2 {
		font-size: 26px;
	}
	#et-boc h3 {
		font-size: 16px;
	}
	#et-boc h4 {
		font-size: 16px;
	}
	#et-boc h5,
	#et-boc li,
	#et-boc p {
		font-size: 13px;
	}
}

@media only screen and (max-width: 980px) {
	#et-boc h1 {
		font-size: 28px;
		line-height: 1.6em;
	}
	#et-boc h2 {
		font-size: 26px;
	}
	#et-boc h3 {
		font-size: 16px;
		line-height: 1.6em;
	}
	#et-boc h4 {
		font-size: 18px;
	}
	#et-boc h5 {
		font-size: 12px;
	}
}

@media only screen and (max-width: 479px) {
	#et-boc h1 {
		font-size: 22px;
		line-height: 1.6em;
	}
	#et-boc h2 {
		font-size: 20px;
	}
	#et-boc h3 {
		font-size: 15px;
		line-height: 1.6em;
	}
	#et-boc h4 {
		font-size: 16px;
	}
	#et-boc li,
	#et-boc p {
		font-size: 14px;
	}
}

.lees-verder>div>p>a,
.lees-verder>div>p {
	color: #909090;
	font-family: Play;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.36px;
	text-decoration: underline;
}

.rood {
	color: #e5001a;
}

#et-boc .play-bold p {
    font-weight: bold;
   font-family: Play;
}


/*knoppen*/

#et-boc .gravity_button {
    transition: all 1s ease 0s!important;
}

/*rode knoppen + hover effect*/

.gform_button .button,
#et-boc .menu-cta > a,
#gform_submit_button_3,
#gform_submit_button_6,
#et-boc .gravity_button,
#knop-rood {
      background: linear-gradient(to right, #fff, #fff);
      background-repeat: no-repeat;
      background-size: 0 100%;
      transition: background-size 1s 0s; 
       transition: all 1s ease 0s!important;
}


.gform_button .button:hover,
#et-boc .menu-cta > a:hover,
#gform_submit_button_3:hover,
#gform_submit_button_6:hover,
#et-boc .gravity_button:hover,
#knop-rood:hover {
     background-size: 100% 100%;
     color: black!important;
   
      opacity: 1!important;
}

.gform_button .button,
#et-boc .menu-cta > a,
#gform_submit_button_3,
#gform_submit_button_6,
#et-boc .gravity_button,
#knop-rood  {
    background-color: #e5001a;
    border: 1px solid #e5001a;
  
}

/*doorzichtige knop + hover */

#knop-doorz {
      background: linear-gradient(to right, #e5001a, #e5001a);
      background-repeat: no-repeat;
      background-size: 0 100%;
      transition: background-size 1s 0s; 
        color: #1e1e1e;
    border-color: #1e1e1e;
}

#knop-doorz:hover {
     background-size: 100% 100%;
     color: #fff!important;
    border: 1px solid #e5001a;
}


#knop-doorz  {
    background-color: transparent;
  
}

/*doorzichtige knop rode rand + hover vacature */
#knop-trans-rood > a{
      background: linear-gradient(to right, #e5001a, #e5001a);
      background-repeat: no-repeat;
      background-size: 0 100%;
      transition: background-size 1s 0s; 
        color: #1e1e1e;
    border-color: #e5001a;
}

#knop-trans-rood > a:hover {
     background-size: 100% 100%;
     color: #fff!important;
    border: 1px solid #e5001a;
}


#knop-trans-rood > a {
    background-color: transparent;
  
}
/*witte knop + hover */

#knop-wit {
      background: linear-gradient(to right, #1e1e1e, #1e1e1e);
      background-repeat: no-repeat;
      background-size: 0 100%;
      transition: background-size 1s 0s; 
        color: #1e1e1e;
    border-color: #fff;
}

#knop-wit:hover {
     background-size: 100% 100%;
     color: #fff!important;
    border: 1px solid #1e1e1e;
}

#knop-wit  {
    background-color: white;
  
}




#et-boc .et_pb_button {
	padding-left: 30px!important;
	padding-right: 30px!important;
	padding-top: 7px!important;
	padding-bottom: 7px!important;
	font-weight: 700!important;
    min-width: 180px;
    text-align: center;
        transition: all 1000ms ease 0ms!important;
}

/*
.et_pb_button:hover {
	opacity: 0.8!important;
	transform: scale(1.1)
}
*/

/* Buttons side by side onder home header */

.btn-inline .et_pb_button_module_wrapper {
	display: inline-block;
	padding-bottom: 27px;
	margin: 0 10px;
}

@media all and (max-width: 500px) {
    #we-make-it-work-sectie .et_pb_button_module_wrapper {
        float: none!important;
    }  
    .btn-inline .et_pb_button_module_wrapper
    {    
    display: flex; 
    justify-content: center }
}


.producten-twee-knoppen-rij {
    display: block!important;
}

/*----------------------------Home-----------------------*/


/*header*/

#selo-home-header {
	    min-height: 65vh;
    display: flex;
flex-direction: column;
justify-content: center;
}

#selo-home-header>div.et_pb_fullwidth_header_container.left>div>div {
	background-color: rgba(30, 30, 30, 0.74);
	float: right;
    width: 100%;
	max-width: 457px;
	padding: 50px;
  
      

}

#selo-home-header>div.et_pb_fullwidth_header_container.left>div {
      -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 5s; /* Firefox < 16 */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera < 12.1 */
            animation: fadein 5s;

}



#et-boc p.ondertiteltje-header {
	font-size: 15px;
	margin-left: 50px;
         font-family: Play;
    font-weight: 700;
       
}



.ondertiteltje-header:before {
	height: 5px;
	width: 47px;
	background-color: #e3061d;
	position: relative;
	content: "";
	display: block;
	top: 15px;
	left: -54px;
}


/*we make it work*/

#we-make-it-work-sectie .et_pb_button_module_wrapper {
	float: right;
}


/*iconen*/

.seven-columns {
      padding-top: 27px;
    padding-bottom: 27px;
}

.seven-columns .et_pb_module {
	width: 14.28%;
	float: left;
  
}

.nine-columns {
      padding-top: 27px;
    padding-bottom: 27px;
}

.nine-columns .et_pb_module {
	width: 33.33%;
	float: left;
  
}


#producten-sectie>div>div>div>div>div.et_pb_main_blurb_image {
	max-width: 250px;
}

#et-boc .seven-columns .et_pb_module > div > div.et_pb_blurb_container > h4{
    font-size: 12px;
}


@media all and (max-width: 980px) {
    
    .seven-columns .et_pb_module {
	    width: 32%;
    display: -webkit-inline-box;
        float:none;
}
              
    }


@media all and (max-width: 600px) {
    
    .seven-columns .et_pb_module {
	    width: 49%;
    display: -webkit-inline-box;
        float:none;
}
              
    }

@media all and (max-width: 350px) {
    
    .seven-columns .et_pb_module {
	    width: 100%;
    display: -webkit-inline-box;
        float:none;
}
              
    }


/*text afb sectie*/

#home-tekst-afb-sectie>div>.text-rij {
	z-index: 10;
}

#home-tekst-afb-sectie>div>.afb-rij {
	z-index: 9;
}
@media all and (min-width: 981px) {
#home-tekst-afb-sectie > div > div.text-rij {
    width: 44.5%;
}
#home-tekst-afb-sectie > div > div.afb-rij {
    width: 55.5%;
}
}
#home-tekst-afb-sectie>div>div>.et_pb_text {
	max-width: 800px;
    width: 100%;
	padding-left: 10%;
    padding-right: 10%;
	float: right;
	position: relative;
	left: 30%;
	z-index: 10;
     padding-top: 10%;
    padding-bottom: 10%;
}
@media all and (min-width: 981px) {
   #home-tekst-afb-sectie > div > div.text-rij {
    width: 44.5%;
}
#home-tekst-afb-sectie > div > div.afb-rij {
    width: 55.5%;
} 
}
@media all and (min-width: 2200px) {
#home-tekst-afb-sectie>div>div>.et_pb_text {
    left: 40%;
    }
}

@media all and (max-width: 980px) {

  #home-tekst-afb-sectie>div>div>.et_pb_text {
      left: inherit;
      max-width: inherit;
       padding-top: 10%;
    padding-bottom: 10%;
    }
    
    
}
@media all and (max-width: 479px) {

    #home-tekst-afb-sectie {
     padding-top: 0;   
    padding-bottom: 54px;
    }
    #home-tekst-afb-sectie > div {
        padding-top: 0;
    }
    }

.streepje-voor {
	text-transform: uppercase;
	margin-left: 70px;
	font-weight: 700!important;
    font-family: 'Play';
}

.streepje-voor:before {
	height: 5px;
	width: 50px;
	background-color: #e3061d;
	position: relative;
	content: "";
	display: block;
	top: 16px;
	margin-left: -70px;
}


/*selo facts*/

#et-boc .selo-facts-rij>div {
	margin-top: -120px;
    padding: 1%;
}

#et-boc .selo-facts-rij-text {
	padding-top: 32px!important;
}


.selo-facts-rij-text>div.et_pb_module.et_pb_text {
	margin-bottom: 0px!important;
}
#et-boc h2.selo-facts-text {
	font-size: 64px!important;
}

@media all and (max-width: 1919px) {
#selo-facts-sectie h4 {
    font-size: 16px
}
    #selo-facts-sectie p {
    font-size: 14px;
    }     
}

@media all and (max-width: 1650px) {
    #et-boc h2.selo-facts-text {
	font-size: 55px!important;
}
    
    #et-boc .selo-facts-rij>div {
        margin-top: -110px;
    }
    
    #selo-facts-sectie h4 {
    font-size: 14px
}
      #selo-facts-sectie p {
    font-size: 13px;
    }    
}

@media all and (max-width: 1400px) {
     #et-boc h2.selo-facts-text {
	font-size: 38px!important;
}
    #et-boc .selo-facts-rij>div {
    margin-top: -90px;
}
}

@media all and (max-width: 980px) {
    #selo-facts-sectie > div > div.selo-facts-rij-text {
        margin-top: -81px!important;
        width: 100%;
    }
    
    #et-boc .selo-facts-rij>div {
        margin-top: 12px!important;
         padding-right: 2%;
        padding-left: 2%;
    }
    
}

/*quote sectie*/

.quote-persoon-naam {
	padding-top: 20px;
}

#et-boc .quote-persoon-naam > div > p,
.quote-persoon-naam {
    font-family: Play;
    font-weight: 700;
}

#selo-home-quote-slider h3 {
    color: white!important;
}


/*onze partners*/

#klantcases-carousel > div > div > div > div > div > div > div > div.dica-item-content > div {
        font-family: 'Play';
        font-size: 16px;
}


/*cta sectie*/




.vragen-verzoeken {
	width: 48%;
	float: right;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
    margin-right: 2%;
    z-index: 10;
}

.mr-selo {
	width: 50%;
	float: left;
	margin-top: -115px;
}


.mr-selo:before {
    content: "";
    background: url(/wp-content/uploads/2021/03/shaduw_bol.png);
     height: 110%;
    width: 50%;
    left: 0px;
    bottom: 0px;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
    padding-left: 5%;
    padding-right: 5%;
    
}

.op-de-hoogte {
	width: 60%;
	float: left;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 20%;
}

.brochure-afb {
    width: 37%;
    float: right;
    margin-top: -20px;
    margin-right: 3%;
}

@media all and (max-width: 1800px) {
 .mr-selo {
		margin-top: -54px;
    }
    
     .brochure-afb {
        margin-top: 54px;
        padding-right: 2%;
    }
}


@media all and (max-width: 1500px) {
 .mr-selo {
		margin-top: 0px;
         }
   
    }
@media all and (max-width: 980px) {
    .vragen-verzoeken,
    .op-de-hoogte
    {
     padding-top:54px;  
        padding-bottom: 54px;
    }
    .vragen-verzoeken {
        padding-right: 27px;
    }
    .mr-selo {
		margin-top: -27px;
}
    }

@media all and (max-width: 600px) {
    .mr-selo,
    .brochure-afb
    {
     display: none;   
      
    }
    .op-de-hoogte,
    .vragen-verzoeken{
        width: 100%;
        padding-left: 10%;
        padding-right: 10%;
          left: inherit;
        margin-right: inherit;
    }
    }
/*-----------------Achterliggende pagina's----------------*/

#selo-header-achterliggend {
	min-height: 30vh;
}



.tekst-sectie.et_pb_section,
.tekst-afb-sectie.et_pb_section
 {
    padding: 27px 0!important;
}

.tekst-sectie {
      padding: 27px 0!important;
}

@media (max-width: 980px) {
    .et_pb_column.et_pb_column_empty.afb-rij {
        display: block;
        height: 35vh;
}
}

/*-----------------------Segmenten------------------------*/

@media (min-width: 1300px) {
    .tekst-afb-sectie .tekst-rij {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

.tekst-afb-sectie .afb-rij {
    min-height: 400px;
}
}

@media (min-width: 1921px) {
    .tekst-afb-sectie .afb-rij {
    min-height: 500px;
}
}


.tekst-afb-sectie>div>div.tekst-rij.links {
	padding-left: 10%;
	padding-right: 5%;
   
}

.tekst-afb-sectie>div>div.tekst-rij.rechts {
	padding-left: 5%;
	padding-right: 10%;
}

@media all and (max-width: 980px) {
	.tekst-afb-sectie>div>div.tekst-rij.links,
	.tekst-afb-sectie>div>div.tekst-rij.rechts {
		padding-left: 10%;
		padding-right: 10%;
	}
}

.segment-blurb {
	transition: all 300ms ease 0ms;
}

.segment-blurb:hover {
	background-color: #F5F5F5!important;
	transform: scale(1.05);
}

@media all and (max-width: 980px) {
.segment-iframe-rij {
    padding-left: 10%;
    padding-right: 10%
    
}
}


/*-----------------------Onze aanpak ----------------------*/

p.lees-verder {
	color: #656565;
}

.aanpak-rij-zeskolommen>div {
	padding-top: 4%;
	padding-bottom: 3%;
	padding-left: 1%;
	padding-right: 1%;
	border-bottom: 3px solid #e5001a;
	z-index: 1;
    background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 100%)!important;
      -webkit-transition: 300ms linear;
    -ms-transition: 300ms linear;
    transition: 300ms linear;
}


.aanpak-rij-zeskolommen>div:after {
	background: url(/wp-content/uploads/2021/02/Driehoek-vorm.svg);
	content: "";
	width: 40px;
	height: 100%;
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	right: -32px;
	top: 1px;
	background-position: center;
	z-index: 2;
}

.page-id-4100 #kolom-support:after,
.page-id-4099 #kolom-installation:after,
.page-id-4098 #kolom-assemblage:after,
.page-id-4097 #kolom-engineering:after,
.page-id-3028 #kolom-projectmanagement:after,
.page-id-4096 #kolom-pre-engineering:after, 
.aanpak-rij-zeskolommen>div:hover:after {
	background: url(/wp-content/uploads/2021/03/Driehoek-vorm-donker-rood-2.svg);
	content: "";
	width: 40px;
	height: 100%;
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	right: -32px;
	top: 1px;
	background-position: center;
	z-index: 2;
    
    
}

@media all and (max-width: 479px) {
    .aanpak-rij-zeskolommen>div:after {
        transform: rotate(90deg);
    width: 100%;
    height: 90px;
    right: inherit; 
    bottom: -57px;
            top: inherit;
    
        
    }
.page-id-4100 #kolom-support:after,
.page-id-4099 #kolom-installation:after,
.page-id-4098 #kolom-assemblage:after,
.page-id-4097 #kolom-engineering:after,
.page-id-3028 #kolom-projectmanagement:after,
.page-id-4096 #kolom-pre-engineering:after, 
.aanpak-rij-zeskolommen>div:hover:after {
     transform: rotate(90deg);
    width: 100%;
    height: 90px;
    right: inherit; 
    bottom: -57px;
            top: inherit;
}    
    
    }

#et-boc h2.aanpak-quote {
    font-size: 60px;
}

@media all and (min-width: 1200px) and (max-width: 1500px){
 #et-boc h2.aanpak-quote
    {
       font-size: 50px; 
    }
}
@media all and (min-width: 981px) and (max-width: 1199px){
 #et-boc h2.aanpak-quote
    {
       font-size: 40px; 
    }
}

@media all and (max-width: 980px){
 #et-boc h2.aanpak-quote
    {
       font-size: 30px;
    }
}




/*6x aanpak kolom*/

.aanpak-rij-zeskolommen>div:last-child:after {
	background: none;
}



.page-id-4100 #kolom-support,
.page-id-4099 #kolom-installation,
.page-id-4098 #kolom-assemblage,
.page-id-4097 #kolom-engineering,
.page-id-3028 #kolom-projectmanagement,
.page-id-4096 #kolom-pre-engineering,
.aanpak-rij-zeskolommen>div:hover {
	background-image: url(/wp-content/uploads/2021/02/achtergrondpatroon-aanpak.svg), linear-gradient(180deg, #e5001a 0%, #73000d 100%)!important;
	/* W3C */
}

.page-id-4100 #kolom-support,
.page-id-4099 #kolom-installation,
.page-id-4098 #kolom-assemblage,
.page-id-4097 #kolom-engineering,
.page-id-3028 #kolom-projectmanagement,
.page-id-4096 #kolom-pre-engineering {
    cursor: inherit;
}

.page-id-4100 #kolom-support h5,
.page-id-4100 #kolom-support p,
.page-id-4099 #kolom-installation h5,
.page-id-4099 #kolom-installation p,
.page-id-4098 #kolom-assemblage p,
.page-id-4098 #kolom-assemblage h5,
.page-id-4097 #kolom-engineering p,
.page-id-4097 #kolom-engineering h5,
.page-id-3028 #kolom-projectmanagement p,
.page-id-3028 #kolom-projectmanagement h5,
.page-id-4096 #kolom-pre-engineering p,
.page-id-4096 #kolom-pre-engineering h5, 
.aanpak-rij-zeskolommen>div:hover>.et_pb_text>.et_pb_text_inner p,
.aanpak-rij-zeskolommen>div:hover>.et_pb_text>.et_pb_text_inner h5 {
	color: white;
}


.page-id-4096 .aanpak-rij-zeskolommen>#kolom-pre-engineering>div>span>img,
.aanpak-rij-zeskolommen>#kolom-pre-engineering:hover>div>span>img {
	content: url(/wp-content/uploads/2021/02/Selo-Aanpak-icon-Pre-engineering-Hover.svg);
	width: 126px;
	height: 126px;
}
.page-id-3028 .aanpak-rij-zeskolommen>#kolom-projectmanagement>div>span>img,
.aanpak-rij-zeskolommen>#kolom-projectmanagement:hover>div>span>img {
	content: url(/wp-content/uploads/2021/02/Selo-Aanpak-icon-Projectmanagement-Hover.svg);
	width: 126px;
	height: 126px;
}


.page-id-4097 .aanpak-rij-zeskolommen>#kolom-engineering>div>span>img, 
.aanpak-rij-zeskolommen>#kolom-engineering:hover>div>span>img {
	content: url(/wp-content/uploads/2021/02/Selo-Aanpak-icon-Engineering-Hover.svg);
	width: 126px;
	height: 126px;
}

.page-id-4098 .aanpak-rij-zeskolommen>#kolom-assemblage>div>span>img ,
.aanpak-rij-zeskolommen>#kolom-assemblage:hover>div>span>img {
	content: url(/wp-content/uploads/2021/02/Selo-Aanpak-icon-Assemblage-Hover.svg);
	width: 126px;
	height: 126px;
}

.page-id-4099 .aanpak-rij-zeskolommen>#kolom-installation>div>span>img,
.aanpak-rij-zeskolommen>#kolom-installation:hover>div>span>img {
	content: url(/wp-content/uploads/2021/02/Selo-Aanpak-icon-Installation-commisioning-Hover.svg);
	width: 126px;
	height: 126px;
}

.page-id-4100 .aanpak-rij-zeskolommen>#kolom-support>div>span>img 
.aanpak-rij-zeskolommen>#kolom-support:hover>div>span>img {
	content: url(/wp-content/uploads/2021/02/Selo-Aanpak-icon-Support-Hover.svg);
	width: 126px;
	height: 126px;
}

.page-id-4100 #kolom-support .aanpak-lees-meer,
.page-id-4099 #kolom-installation .aanpak-lees-meer,
.page-id-4098 #kolom-assemblage .aanpak-lees-meer,
.page-id-4097 #kolom-engineering .aanpak-lees-meer,
.page-id-3028 #kolom-projectmanagement .aanpak-lees-meer,
.page-id-4096 #kolom-pre-engineering .aanpak-lees-meer {
    display: none;
}

@media all and (min-width: 981px) and (max-width: 1366px){
    #et-boc .aanpak-rij-zeskolommen {
        display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
    
    
    #et-boc .aanpak-rij-zeskolommen>div {
    width: 29.666%;
    margin-right: 5.5%;
}
    
    #et-boc .aanpak-rij-zeskolommen>div:nth-child(3n) {
        margin-right: 0px!important;
    }
    
 #et-boc .aanpak-rij-zeskolommen>div {
        margin-bottom: 30px
    }
}



/*----------------*segmenten --> vleesverwerking*/

#et-boc h3.grote-quote {
	font-size: 75px;
}

@media all and (max-width: 1600px) {
#et-boc h3.grote-quote {
	font-size: 55px;
}
}


@media all and (max-width: 980px) {
#et-boc h3.grote-quote {
	font-size: 35px;
}
}



.machine-carousel>div>div>div>div>div.dica_divi_carouselitem>div>div>div.dica-image-container {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
	background: white;
}

.machine-carousel>div>div>div>div>div.dica_divi_carouselitem>div>div>div.dica-item-content {
	text-align: center;
}

.machine-carousel>div>div>div>div>div.dica_divi_carouselitem>div>div>div.dica-item-content:before {
	height: 5px;
	width: 50px;
	background-color: #e3061d;
	position: relative;
	content: "";
	display: block;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
	margin-bottom: 16px;
}

#eindproduct-sectie {
    border-bottom: 5px solid #f5f5f5;
}

/*--------tabs*/

.et_pb_tabs.machine-tabs {
	border: none!important;
}

.et_pb_tab {
	padding: 24px 0px!important;
}

.tab-links {
	width: 48.5%;
	float: left;
	display: inline-grid;
	margin-right: 3%;
}

.tab-rechts {
	width: 48.5%;
	float: right;
	display: inline-grid;
}

.machine-tabs>ul.et_pb_tabs_controls {
	float: right;
}

.machine-tabs ul.et_pb_tabs_controls li a {
	color: #1e1e1e;
	font-size: 18px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.36px;
	text-transform: uppercase;
	font-family: play;
}

.machine-tabs>ul>li.et_pb_tab_active>a {
	color: #e5001a!important;
}

.machine-tabs>ul.et_pb_tabs_controls {
	background-color: transparent!important;
	position: relative;
	margin-top: -57px;
}

.machine-tabs>ul.et_pb_tabs_controls:after {
	border-top: none!important;
}

.et_pb_tabs_controls li:last-child {
    border-right: none!important;
}

@media all and (max-width: 1200px) {
	.machine-tabs>ul.et_pb_tabs_controls {
		position: inherit;
		margin-top: inherit;
	}
	.machine-tabs>ul.et_pb_tabs_controls {
		float: left;
		margin-bottom: 27px;
	}
}

@media all and (max-width: 980px) {
	.tab-links,
	.tab-rechts {
		width: 100%;
	}
}

#cta-segmenten>div>div.cta-segmenten-kolom-rechts>div>.et_pb_text_inner {
	padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 10%;
    padding-right: 10%;
}

#cta-segmenten>div>div.cta-segmenten-kolom-rechts.et_pb_css_mix_blend_mode_passthrough.et-last-child>div.et_pb_image {
	bottom: -54px;
	position: absolute;
	right: -20%;
}

@media all and (max-width: 1600px) {
	#cta-segmenten>div>div.cta-segmenten-kolom-rechts.et_pb_css_mix_blend_mode_passthrough.et-last-child>div.et_pb_image {
		width: 70%;
	}
}

@media all and (max-width: 600px) {
	#cta-segmenten>div>div.cta-segmenten-kolom-rechts.et_pb_css_mix_blend_mode_passthrough.et-last-child>div.et_pb_image {
		display: none;
	}
}


/*--------Producten landingspagina's---------------*/




@media all and (min-width: 767px) and (max-width: 980px) {
  #producten-slider   .et_pb_slide_description {
        display: block;
    }
    
#producten-slider .et_pb_media_alignment_center .et_pb_slide_image {
    bottom: auto;
    top: auto;
     width: 100%;
    margin-top: 0px!important;
}
    #producten-slider  .et_pb_button_wrapper {
        display: none;
    }

    }

.custom-post-videoachtergrond > .et_pb_text {
    height: 100%;
}

/*-------------SERVICE-------------*/

.map-pin-icoon,
.mail-icoon,
.telefoon-icoon,
.mobiel-icoon {
	position: relative;
	left: 50px;
	line-height: 2.5em;
}

.mail-icoon:before {
	content: url(/wp-content/uploads/2021/02/mail-3.svg);
	display: block;
	position: absolute;
	left: -50px;
	top: -6px;
}

.telefoon-icoon:before {
	content: url(/wp-content/uploads/2021/02/phone-4.svg);
	display: block;
	position: absolute;
	left: -50px;
	top: -6px;
}

.map-pin-icoon:before {
	content: url(/wp-content/uploads/2021/02/map-pin.svg);
	display: block;
	position: absolute;
	left: -50px;
	top: -6px;
}

.mobiel-icoon:before {
	content: url(/wp-content/uploads/2021/02/gsm.svg);
	display: block;
	position: absolute;
	left: -45px;
	top: -6px;
}

.service-contactpers-rij>div {
	padding-top: 0%;
	padding-bottom: 0%;
	padding-left: max(27px, 3%);
	padding-right: max(27px, 3%);
}

.contact-tekst {
	width: 60%;
	display: inline-grid;
	float: left;
	padding-top: 27px;
	padding-bottom: 27px;
}

.contact-tekst>div>h3 {
	padding-bottom: 0px;
}

.contact-persoon {
	width: 40%;
	display: inline-grid;
	float: right;
	margin-top: -15%;
	padding-bottom: 0;
	position: absolute;
	bottom: 0;
}

@media all and (max-width: 980px) {
	.contact-persoon {
		position: relative;
		margin-top: inherit;
	}
}

@media all and (max-width: 600px) {
	.contact-persoon {
        display: none;
    }
    .contact-tekst {
	width: 100%;
}
}

.afdeling-mailen {
	width: 50%;
	float: right;
}

.afdeling-bellen {
	width: 50%;
	float: left;
}

.afdeling-mailen>div {
	text-align: left;
}

@media all and (max-width: 600px) {
.service-contact-opnemen-rij > div > div.et_pb_text_align_center,
   .afdeling-mailen,
    .afdeling-bellen 
    {
        width: 100%;
        text-align: left;
    }
    }


/*maps svg*/
div.mapsvg-controller-view-wrap.nano > div.nano-content > div > div.mapsvg-controller-view-content > .kaart-label > hr {
  border-top: 5px solid #e5001a;
    max-width: 70px;
}
div.mapsvg-controller-view-wrap.nano > div.nano-content > div > div.mapsvg-controller-view-content
{
     text-align: center;
}
.kaart-label .mail-icoon,
.kaart-label .telefoon-icoon {
    left: inherit
}
.kaart-label p{
color: #505050;
font-family: Ubuntu;
font-size: 18px;
font-weight: 400;
font-style: normal;
letter-spacing: 0.32px;
}

#post-3365 div.swiper-wrapper > div> div {
    width: 100%;
}



/*wellicht ook interessant service*/

@media (min-width: 981px) {
	#wellicht-service-sectie>.wellicht-ook-rij>div {
		width: 22.75%;
        
	}
}

@media (max-width: 980px) {
	#wellicht-service-sectie>.wellicht-ook-rij>div {
		width: 47.5%;
		margin-right: 0px!important;
		margin-left: 0px!important;
        padding: 1%;
	}
}


/*maintenance*/

.page-id-3108 .interessant-maintenance {
	display: none;
}

/*remote-support*/

.page-id-4084 .interessant-remote {
	display: none;
}


/*spare parts*/
.page-id-4083 .interessant-spare {
	display: none;
}

/*spare parts*/
.page-id-4085 .interessant-training {
	display: none;
}

/*-------------INNOVATIE-------------*/

#et-boc h2.innovatie-quote {
	font-size: 65px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 1.6px;
	line-height: 100px;
    line-height: 1.6em;
}

@media all and (max-width: 1600px) {
#et-boc h2.innovatie-quote {
	font-size: 55px;
}
}


@media all and (max-width: 980px) {
#et-boc h2.innovatie-quote {
	font-size: 35px;
}
}

.innovatie-links {
	padding-right: 2%;
}

.innovatie-rechts {
	padding-left: 2%;
}

.innovatie-afb-rij.innovatie-links:after {
	background: url(http://selo.is-een-geweldige-klant.nl/wp-content/uploads/2021/03/innovatie-dier1.svg);
	position: absolute;
	right: -7%;
	top: 0;
	background-size: contain;
	background-repeat: no-repeat;
	content: "";
	display: inline-block;
	height: 200px;
	width: 65px;
	background-position: top center;
}

.innovatie-tekst-rij.innovatie-links:after {
	background: url(http://selo.is-een-geweldige-klant.nl/wp-content/uploads/2021/03/innovatie_ketchup1.svg);
	position: absolute;
	right: -7%;
	top: 0;
	background-size: contain;
	background-repeat: no-repeat;
	content: "";
	display: inline-block;
	height: 200px;
	width: 65px;
	background-position: top center;
}
@media all and (max-width: 980px) {
.innovatie-tekst-rij.innovatie-rechts:after {
	background: url(http://selo.is-een-geweldige-klant.nl/wp-content/uploads/2021/03/innovatie-dier1.svg);
	position: absolute;
	right: -7%;
	top: 0;
	background-size: contain;
	background-repeat: no-repeat;
	content: "";
	display: inline-block;
	height: 200px;
	width: 65px;
	background-position: top center;
}
    
    .innovatie-afb-rij.innovatie-links:after {
        display: none;
    }
    
    .innovatie-tekst-rij {
        margin-bottom: 54px!important;
    }
}

@media all and (max-width: 600px) {
.innovatie-tekst-rij.innovatie-rechts:after,
.innovatie-tekst-rij.innovatie-links:after {
    background-size: cover;
    height: 60px;
    top: -5px;
} 
}

/*
.innovatie-links .innovatie-ondertitel:after {
background: url(http://selo.is-een-geweldige-klant.nl/wp-content/uploads/2021/02/pointer-innovatie.svg);
  position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    right: -147px;
    
}*/


/*--NEWS & EVENTS ----*/


/*evenementenlijst*/

ul.evenementenlijst li {
	list-style: none;
	margin-bottom: 14px;
	border-bottom: 1px solid #f5f5f5;
	padding-bottom: 14px;
}

.evenementlijst-titel {
	width: 70%;
	float: left;
	display: inline-grid;
}

div.nieuwslijst-titel > h4 > a:before,
div.evenementlijst-titel > h4 > a:before {
    content:"»";
    color: #000000;
    font-family: Play;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
     line-height: 30px;
      margin-right: 7px;
}

.evenementlijst-titel:hover {
    text-decoration: underline;
}

.evenementlijst-lees-verder {
	width: 30%;
	float: right;
	display: inline-grid;
	opacity: 0.56;
	color: #000000;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.36px;
	text-decoration: underline;
}

.evenementlijst-datum {
	width: 100%;
	display: inline-grid;
}

.programma-tabel {
	width: 100%;
	max-width: 700px;
}

.programma-tabel>thead>tr>th {
	color: #1e1e1e;
	font-family: Play;
	font-size: 22px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.44px;
    text-transform: uppercase;
}

.programma-tabel>tbody>tr>td {
	font-size: 18px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.36px;
	border-top: 1px solid #f3f3f3;
	padding-top: 12px;
	padding-bottom: 12px;
}

@media all and (max-width: 980px) {
    .programma-tabel>tbody>tr>td {
        font-size: 15px;
    }
}

.programma-tabel>tbody>tr:nth-child(1)>td:nth-child(1),
.programma-tabel>tbody>tr:nth-child(1)>td:nth-child(2) {
	border-top: none;
}

#volgende-event-sectie ul.evenementenlijst {
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
}

@media all and (max-width: 1050px) {
	#volgende-event-sectie ul.evenementenlijst {
		-moz-column-count: 1;
		-moz-column-gap: 20px;
		-webkit-column-count: 1;
		-webkit-column-gap: 20px;
		column-count: 1;
		column-gap: 20px;
	}
}


#et-boc .aanmelden-event > div > h2 {
    font-size: 50px;
}


/*Nieuws*/

.wp-pagenavi {
    border-top: none;
}

.wp-pagenavi span.current {
    color: #e3061d!important;
}




#selo-nieuws-overzicht h3:hover {
    text-decoration: underline;
}

@media all and (min-width: 981px) {
.single-blog-module {
    column-count: 2;
    column-gap: 5%;
}
}
/*nieuwslijst*/

ul.nieuwslijst {
   		-moz-column-count: 2;
		-moz-column-gap: 20px;
		-webkit-column-count: 2;
		-webkit-column-gap: 20px;
		column-count: 2;
		column-gap: 20px;
}

@media all and (max-width: 1300px) {
   ul.nieuwslijst  {
		-moz-column-count: 1;
		-moz-column-gap: 20px;
		-webkit-column-count: 1;
		-webkit-column-gap: 20px;
		column-count: 1;
		column-gap: 20px;
	}
}

ul.nieuwslijst li {
	list-style: none;
	margin-bottom: 27px;
	border-bottom: 1px solid #f5f5f5;
	padding-bottom: 27px;
}



.nieuwslijst-lees-verder {
	
	opacity: 0.56;
	color: #000000;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.36px;
	text-decoration: underline;
}

.nieuwslijst-hoofd {
    display: inline-flex;
}

.nieuwslijst-links {
    width: 30%;
        display: inline-flex;
       
}
.nieuwslijst-midden {  
     width: 40%;
     display: inline-flex;
     flex-direction: column;
    justify-content: center;
    padding-left: 27px;
    padding-right: 27px;
}


.nieuwslijst-rechts {  
    width: 20%;
     display: inline-flex;
    flex-direction: column;
    justify-content: flex-end;
       
}

/*---Storing popup----*/
.popup_outer_wrap > span > a{
        border: 3px solid #f3f3f3;
        font-size: 25px!important;
        margin: 5px!important;
}




/*-----CONTACT--------*/

#contact-map-menu .cwp_as_menu_label .title {
    font-family: Play;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.36px;
    line-height: 30px;
    border-bottom: 1px solid #7070701a;
    padding-top: 6px;
    padding-bottom: 6px;
    text-transform: uppercase;
}


#contact-map-menu .cwp_et_pb_mini_menu_items_5 .cwp_as_menu_label .title {
     border-bottom: none!important;
}


/*selecteer continent*/
#contact-map-menu > div > ul > div.et_pb_module.cwp_et_pb_mini_menu_items.cwp_et_pb_mini_menu_items_0 > div > li > a > div > p {
        font-size: 23px;
    font-weight: 700;
    letter-spacing: 0.6px;
    line-height: 1.4em;
    text-transform: uppercase;
    color: black!important;
    border-bottom: none;
        padding-bottom: 30px;
    
}

#contact-map-menu {
    padding: 10%;
}


/*----Werken bij -----*/

#et-boc .quote-sectie-rood {
    padding-bottom: 108px;
}


@media all and (min-width: 981px) {
    
   .quote-sectie-rood > .quote-rood-rij { 
    width: 100%;
    max-width: 100%;
    }
.quote-sectie-rood > div > .quote-rij-tekst {
        padding-right: 10%;
    padding-left: 5%;
}
    
    .quote-sectie-rood > div > .quote-rij-quote {
       
    padding-left: 10%;
}
    
}

@media (max-width: 615px) {
.dica-container.arrow-outer-position .swiper-button-next {
    right: -50px!important;
}
}

@media (max-width: 615px){
.dica-container.arrow-outer-position .swiper-button-prev {
    left: -50px!important;
}
}

#medewerkers-slider-sectie,
#et-boc #medewerker-slider > div > .swiper-container {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}



/*-----VACATURES--*/

ul#vacature-overzicht {
       display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}



@media all and (max-width: 1050px) {
ul#vacature-overzicht {
     
    grid-template-columns: 1fr 1fr;
    }
	
	#vacature-overzicht>li {
		padding-bottom: 54px;
	}
}

@media all and (max-width: 600px) {
ul#vacature-overzicht {
     
    grid-template-columns: 1fr;
    }
	
}


#vacature-overzicht>li>div.bekijk-vacature-knop>a {
	font-family: Play;
	font-size: 16px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.32px;
	border: 1px solid #ec0122;
	text-transform: uppercase;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 20px;
	padding-right: 20px;
      transition: background-size 1s 0s; 
}

#vacature-overzicht>li>div.bekijk-vacature-knop {
	 transition: background-size 1s 0s; 
}

/*
#vacature-overzicht>li>div.bekijk-vacature-knop:hover {
	opacity: 0.8!important;
	transform: scale(1.1)!important;
}
*/
.vacature-streepje {
	padding-top: 27px;
}

.vacature-titel {
	padding-top: 27px;
	padding-bottom: 0px;
}

div.vacature-titel>h4>a {
	color: #e5001a!important;
}

.vacature-excerpt {
    padding-top: 12px;
    padding-bottom: 21px;
}

ul#vacature-overzicht>li {
	text-align: center;
	list-style: none;
}

.mr-selo-vacature {
	margin-top: -150px;
	bottom: 0px;
}

@media all and (min-width: 980px) {
.medewerkers-aan-het-woordk>div.et_pb_slides>div.et_pb_slide>div>div>div.et_pb_slide_description {
	width: 70%!important;
}

.medewerkers-aan-het-woordk>div.et_pb_slides>div.et_pb_slide>div>div>div.et_pb_slide_image {
	width: 30%!important;
}
}
.medewerkers-aan-het-woord > div > div > div > div > div.et_pb_slide_description > div {
    font-weight: 700;
}

#et-boc .et_pb_slide_description {
    text-shadow: none;
}

#product-tekst>div>ul>li:before, 
ul.selo-list li:before, 
#vacatures-tekst>div>ul>li:before {
	content: url(/wp-content/uploads/2021/02/check-mark-1.svg);
	display: inline-block;
	margin-left: -2.3em;
	width: 2.8em;
}

#product-tekst>div>ul,
ul.selo-list, 
#vacatures-tekst>div>ul {
	list-style: none!important;
	padding: 0;
	margin-top: 27px;
}

#product-tekst>div>ul>li 
ul.selo-list li,
#vacatures-tekst>div>ul>li {
	padding-left: 2.3em;
	padding-bottom: 14px;
}


ul.selo-list li 

.verticaal-uitlijnen,
.rijinhoud-verticaal-uitlijnen {
	display: flex!important;
	flex-direction: column!important;
	justify-content: center!important;
}

.quote-sectie-rood > div > div > div.dica_divi_carousel > div > div > div.swiper-container > div > div.et_pb_module.dica_divi_carouselitem > div > div > div.dica-item-content > h4 {
    display: none;
}

.dica_divi_carousel .dica_divi_carouselitem .dica-image-container img {
        padding-top: 12px;
    padding-bottom: 12px;
}


.post-type-archive-vacatures h2.fact1 {
    color: white!important;
}

/*Over Selo*/

#selo-door-de-jaren-heen {
        margin-top: -64px;
}



#selo-door-de-jaren-heen > div > h2 {
    font-size: 50px;
}


@media all and (max-width: 1100px) {
#selo-door-de-jaren-heen > div > h2 {
    font-size: 30px;
}
    #selo-door-de-jaren-heen {
    margin-top: -44px;
}
}

/*tijdlijn*/
.tijdlijn-selo > div{ 
    min-height:100px;
}




.tijdlijn-links {
    border-right: 3px solid #ec0122;
    padding-left: 54px;
    padding-right: 54px;
}

.tijdlijn-links > .et_pb_text {
    text-align: right;
}

.tijdlijn-rechts {
     padding-left: 54px;
    padding-right: 54px;
}



@media all and (max-width: 980px) {
   .tijdlijn-rechts {
    border-right: 3px solid #ec0122;
         
    }
    .tijdlijn-selo > div {
        padding-left: 0px;
    }
    }


/*jaartal verticaal*/
.tijdl-vert:after {
      position: absolute;
    display: block;
    top: 0px;
    right: -15px;
    background: #f5f5f5;
}

.vert-1940:after {
    content: url(http://selo.is-een-geweldige-klant.nl/wp-content/uploads/2021/03/1940-vert.png);
    
}
.vert-1950:after {
    content: url(/wp-content/uploads/2021/03/vert-1950.png);
    
}

.vert-1960:after {
    content: url(http://selo.is-een-geweldige-klant.nl/wp-content/uploads/2021/03/vert_1960.png);
      
}

.vert-1970:after {
    content: url(http://selo.is-een-geweldige-klant.nl/wp-content/uploads/2021/03/vert_1970.png);
      
}

.vert-1980:after {
    content: url(http://selo.is-een-geweldige-klant.nl/wp-content/uploads/2021/03/Vert_1980.png);
     
}

.vert-1990:after {
    content: url(http://selo.is-een-geweldige-klant.nl/wp-content/uploads/2021/03/vert_1990.png);
     
}

.vert-2000:after {
    content: url(/wp-content/uploads/2021/03/vert-2000.png);
   
}

.vert-2010:after {
    content: url(http://selo.is-een-geweldige-klant.nl/wp-content/uploads/2021/03/vert-2010.png);
     
}

.vert-2021:after {
    content: url(http://selo.is-een-geweldige-klant.nl/wp-content/uploads/2021/04/2021-1.png);
    right: -20px!important;

     
}




/*jaartal textblokken*/

/*rechts*/
#selo-1944 > div:before {
    content:"1944";
}

#selo-1987 > div:before {
    content:"1987";
}

#selo-2007 > div:before {
    content:"2007";
}

.jaartal-rechts {
    margin-left: 160px;
    padding-top: 27px;
    padding-bottom: 27px;
   
}

.jaartal-rechts > div:before {
    font-size: 50px;
    font-weight: 700;
    display: inline-flex;
    margin-left: -125px;
   left: -5px;
    position: absolute;
    top: 0px;
}

  /*rechts op mobiel*/
@media all and (max-width: 980px) {
  
#selo-1944 > div:before {
    content:"";
    display: none;
}

#selo-1987 > div:before {
    content:"";
      display: none;
}

#selo-2007 > div:before {
    content:"";
      display: none;
}
    
#selo-1944 > div:after {
    content:"1944";
}

#selo-1987 > div:after {
    content:"1987";
}

#selo-2007 > div:after {
    content:"2007";
}


.jaartal-rechts {
    margin-right: 160px;
    padding-top: 27px;
    padding-bottom: 27px;
}

.jaartal-rechts > div:after {
    font-size: 50px;
    font-weight: 700;
    display: inline-flex;
    position: absolute;
    top: 0px;
    
}
    .jaartal-rechts > div {
        text-align: right!important;
    }
   
    
}



/*links*/
#selo-1966 > div:after {
    content:"1966";
}
#selo-1967 > div:after {
    content:"1967";
}
#selo-1970 > div:after {
    content:"1970";
}

#selo-2000 > div:after {
    content:"2000";
}
#selo-2011 > div:after {
    content:"2011";
}
#selo-2015 > div:after {
    content:"2015";
}
#selo-2018 > div:after {
    content:"2018";
}

#selo-2019 > div:after {
    content:"2019";
}



.jaartal-links {
    margin-right: 160px;
    padding-top: 27px;
    padding-bottom: 27px;
     
}

.jaartal-links > div:after {
    font-size: 50px;
    font-weight: 700;
    display: inline-flex;
    margin-right: -125px;
       right: -5px; 
    position: absolute;
    top: 0px;
}



@media all and (max-width: 767px) {

    .jaartal-rechts,
    .jaartal-links
    {
    margin-right: 92px;
    margin-left: 0;

    }
}


#main-content .container:before {
    display: none;
}

.et_pb_gutter.et_pb_gutters2 #left-area{
    width: 100%;
}


/*----ZOEKPAGINA----*/

#boven-headermenu-sectie > div > div> div > form > div > input.et_pb_s {
    border-color: #f3f3f3;
}



span.search-instance {
    font-weight: bold;
    background: #f0e68c;
    padding: 2px;
    display: inline-block;
    text-transform: capitalize;
}
.search-term,
.search-highlight {
  color: #e5001a;
    }

.search-results .more-link {
    color: #656565;
    font-family: Play;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.36px;
}

.search-results .more-link:after {
    content:"...";
}

.search-results .et_pb_post {
        border-bottom: 1px solid #d8d8d8;
    padding-bottom: 27px;
}



.search-results h2.entry-title:before {
   content: "»";
    color: #909090;
    padding-right: 12px;
}


/*breadcrumbs*/

.breadcrumb_last {
	text-transform: uppercase;
       
}

.breadcrumb-arrow,
#selo-breadcrumb-codemodule > div > span > span > a {
    text-transform: uppercase;
    color: #818181;
    font-size: 12px;

    
}
#selo-breadcrumb-codemodule > div > span > span > a {
     font-family: play;
}
.breadcrumb_last {
    font-family: play;
    font-weight: 700;
}

/*---------menu*/

#menu-header-menu-en > li.et_pb_menu__logo-slot > div > div > a:hover,
#menu-header-menu > li.et_pb_menu__logo-slot > div > div > a:hover {
    opacity: 1;
}

.nav li ul {
    border-color: transparent;
}


#et-boc #et-top-navigation {
	font-weight: 400;
}

#et-boc ul#menu-header-menu-en > li,
#et-boc ul#menu-header-menu > li {
	top: 50px;
	font-family: Play;
	font-size: 16px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.38px;
       
   
}
#et-boc#menu-header-menu-en
#et-boc #menu-header-menu > li > ul {
    margin-top: -21px;
    width: 300px;
}
#et-boc #menu-header-menu-en > li > ul > li a,
#et-boc #menu-header-menu-en > li > ul > li,
#et-boc #menu-header-menu > li > ul > li a,
#et-boc #menu-header-menu > li > ul > li {
    width: 100%;
}
#et-boc #menu-header-menu-en li a,
#et-boc ul#menu-header-menu li a {
    color: #1e1e1e;
   
}



#et-boc #selo-header-menu > div > div.et_pb_menu__wrap > div.et_pb_menu__menu > nav,
#et-boc #selo-header-menu > div > div.et_pb_menu__wrap > div.et_pb_menu__menu {
    width: 100%;
}

#et-boc #selo-header-menu > div {
   max-width: 100%;
}


#et-boc ul#menu-header-menu-en, 
#et-boc ul#menu-header-menu {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 80%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

#et-boc #boven-headermenu-sectie > div {
   width: 79%!important;
    max-width: 1897px!important;
}
@media all and (max-width: 479px) {
    #et-boc #boven-headermenu-sectie > div {
   width: 90%!important;
    }
}


@media all and (min-width: 1081px) {
#boven-headermenu-sectie > div > div.et_pb_column.et_pb_column_1_5.et_pb_column_2_tb_header.et_pb_css_mix_blend_mode_passthrough.et-last-child {
    width: 22.6%;
}

#boven-headermenu-sectie > div > div.et_pb_column.et_pb_column_1_5.et_pb_column_1_tb_header.et_pb_css_mix_blend_mode_passthrough {
        width: 12.5%;
        padding-left: 1.5%;
}
}



@media all and (max-width: 479px) {

   #et-boc  #boven-headermenu-sectie > div {
       padding-bottom: 0px;   
    }
    
    }
/*
@media all and (min-width: 1500px) {

   #et-boc  #boven-headermenu-sectie > div {
        width: 79%!important;   
    max-width: 100%!important;   
    }
    
    }*/

#et-boc ul#menu-header-menu-en li.et_pb_menu__logo-slot,
#et-boc ul#menu-header-menu li.et_pb_menu__logo-slot {
	top: 0px!important;   
}

#et-boc #main-header>div.container.clearfix.et_menu_container {
	width: 90%!important;   
}

#et-boc #boven-headermenu-sectie  {
    position: absolute!important;
    width: 100%;
}


#menu-header-menu-en > li.menu-item-has-children > ul > li.menu-item,
#menu-header-menu > li.menu-item-has-children > ul > li.menu-item {
    border-bottom: 1px solid #ffffff80;
}

#menu-header-menu-en > li.menu-item-has-children > ul > li.menu-item:last-child,
#menu-header-menu > li.menu-item-has-children > ul > li.menu-item:last-child {
    border-bottom: none;
}

#menu-header-menu-en > li.menu-item-has-children > ul,
#menu-header-menu > li.menu-item-has-children > ul {
    padding-top: 0px;
    padding-bottom: 0px;
}

#menu-header-menu-en > li.menu-item-has-children > ul > li:after,
#menu-header-menu > li.menu-item-has-children > ul > li:after{
    content:"»";
        color: #e5001a;
    position: absolute;
    right: 12px;
    top: 6px;
    font-size: 15px;
    
}





/*lijntje menu*/

.lijn-achter:after {
		content: "";
		background: #f3f3f3;;
		height: 16px;
		width: 2px;
		display: block;
		position: absolute;
		top: 68px;
	right: -3vw;
	}

@media only screen and (max-width: 1750px) {
.lijn-achter:after {
    right: -2vw;
}
}

@media only screen and (max-width: 1400px) {
.lijn-achter:after {
    right: -1vw;
}
}

@media only screen and (max-width: 1200px) {
.lijn-achter:after {
   display: none;
}
}






/*sticky menu*/



/*mobiel menu*/

.mobile_menu_bar:before {
	color: #C89F6F;
}

.et_mobile_menu {
	border-top:none!important;
}

.et_mobile_menu li a {
	padding: 10px 27px!important;
    font-weight: 700;
     border-bottom: 1px solid #ffffff80;
}

#mobile_menu1 > li.et_pb_menu_page_id-3342.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-3342 > a {
    border-bottom: none;
}

#mobile_menu1 {
    margin-top: 27px;
}

.et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
}

#mobile_menu1 > li > ul {
    background-color: transparent!important;
}

.et-l--header ul {
    list-style-type: none!important;
}


/*menu cta knoppen*/

#menu-header-menu-en > li.menu-cta,
#menu-header-menu > li.menu-cta {
	margin: 12px!important;
	padding: 0 !important;
	transition: all 300ms ease 0ms;
    background: #e5001a!important;
     height: 43px;
        top: 90px!important;
}

/*
.menu-cta:hover {
	transform: scale(1.1);
	opacity: 0.8!important;
}*/

.menu-cta a {
	padding: 15px 25px 15px 25px !important;
	font-weight: bold;
	text-transform: uppercase;
    color: white!important;
    font-size: 16px;
  
}

#mobile_menu1 > li.menu-cta {
     background: #e5001a!important;
    border: 1px solid #e5001a;
}

.menu-cta-1 {
	background-color: transparent;
	color: #DFE0E2 !important;
}

.menu-cta-2 a {
	color: #ffffff;
}

.et_mobile_menu .menu-cta-1 {
	width: 200px;
	display: inline-grid;
	text-align: center;
}

.menu-cta-2 {
	background-color: #C89F6F;
}

.menu-cta-2 a {
	color: #2c333d!important;
}

.et_mobile_menu .menu-cta-2 {
	display: inline-grid;
	width: 225px;
	text-align: center;
	border: 2px solid #C89F6F;
}
/*memu zoekbalk */

#et-boc .ds-icon-search input.et_pb_searchsubmit,
.widget_search input#searchsubmit {
    background: transparent!important;
    color: transparent!important;
    border: none!important;
    width: 55px!important;
    z-index: 2!important;
}
#et-boc .ds-icon-search input.et_pb_s,
#et-boc .widget_search input#s {
    padding-right: 55px !important;
}
#et-boc .ds-icon-search .et_pb_searchform:before,
#et-boc .widget_search::before {
    content: '\55'!important;
    position: absolute!important;
    font-family: 'ETModules'!important;
    z-index: 1!important;
    right: 0!important;
    font-size: 20px!important;
    padding: 2px 7px!important;

}

#boven-headermenu-sectie > div > div.et_pb_column.et_pb_column_1_5.et_pb_column_2_tb_header.et_pb_css_mix_blend_mode_passthrough.et-last-child > div > form > div > input.et_pb_s {
    height: 43px;
}

#boven-headermenu-sectie > div > div.et_pb_column.et_pb_column_1_5.et_pb_column_2_tb_header.et_pb_css_mix_blend_mode_passthrough.et-last-child > div {
        bottom: 12px;
    position: relative;
}

/*menu breakpoint*/
@media only screen and (max-width: 1180px) {
    #et-boc #menu-header-menu-en,
	#et-boc #menu-header-menu,
   #et-boc .et_pb_menu .et_pb_menu__menu {
        display: none!important;
    }
   #et-boc .et_mobile_nav_menu {
        display: block!important;
    }
    
  #et-boc #boven-headermenu-sectie {
    positioN: relative!important;
       
    }
  #et-boc .et_pb_fullwidth_menu--style-inline_centered_logo .et_pb_row>.et_pb_menu__logo-wrap  
    {
    display: flex!important;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}
   #et-boc #boven-headermenu-sectie > div > div.et_pb_column.et_pb_column_1_5.et_pb_column_2_tb_header,
   #et-boc #boven-headermenu-sectie > div > div.et_pb_column.et_pb_column_1_5.et_pb_column_1_tb_header {
        width: 47%!important;
    }
    
   #et-boc #selo-header-menu > div > div.et_pb_menu__logo-wrap > div {
     width: 100px!important;
     position: absolute!important;
     left: 0px!important;

    }
    
   #et-boc #selo-header-menu > div > div.et_pb_menu__wrap > div.et_mobile_nav_menu > a > span {
        position: absolute!important;
        right: 0px!important;
       margin-top: 12px!important;
       
    }
    
  
    
}



    @media only screen and (min-width: 981px) and (max-width: 1180px) {
     #et-boc > header > div > div.et_pb_section.et_pb_section_1_tb_header.et_pb_fullwidth_section.et_section_regular {
     margin-left: 5%!important;
     margin-right: 5%!important;
     padding-bottom: 85px!important;
        }
        
          #header-selo-menu-sectie {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
            padding-bottom: 85px;
    }
        }
    
    


.social-media-div>div>a>img {
	transition: all 300ms ease 0ms;
}

.social-media-div>div>a>img:hover {
	transform: scale(1.1)
}

@media only screen and ( max-width: 980px) {
	.social-media-div>div {
		display: inline-block;
	}
	.social-media-div {
		text-align: left;
	}
}

.social-media-footer {
    transform: scale(1.1);
}


ul.social-media-footer > li > a.icon {
      transition: all 1000ms ease 0ms;
}
ul.social-media-footer > li > a.icon:hover {
    border-color: #e3061d!important;
}


/** --------Collapsable mobile menu -------- **/

#main-header .et_mobile_menu li ul.hide {
	display: none !important;
}

#mobile_menu .menu-item-has-children {
	position: relative;
}

#mobile_menu .menu-item-has-children>a {
	background: transparent;
}

#mobile_menu .menu-item-has-children>a+span {
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px 20px;
	font-size: 20px;
	font-weight: 700;
	cursor: pointer;
	z-index: 3;
}

span.menu-closed:before {
	content: "\4c";
	display: block;
	color: #fff;
	font-size: 16px;
	font-family: ETmodules;
}

span.menu-closed.menu-open:before {
	content: "\4d";
}


/*Formulieren*/

#gform_7 > div.gform_heading > h3,
#gform_8 > div.gform_heading > h3 {
    display: none;
}

#gform_confirmation_message_8 > a {
    color: white!important;
    text-decoration: underline;
}


/*contactformulier*/
#input_3_8 {
    padding-left: 12px;
    
}

@media only screen and ( min-width: 700px) {
#gform_submit_button_3 {
    margin-top: -66px;
}
}

/** -------- Gravity Forms styling ------- **/

.form-divider {
	box-sizing: content-box;
	height: 23px;
	position: relative;
	margin-top: 27px!important;
	width: 80%;
	max-width: 200px;
	border-top: 1px solid #c89f6f!important;
}

.form-divider:before {
	border-top-color: #c89f6f;
	border-top-width: 1px;
	width: auto;
	top: 0px;
	right: 0px;
	left: 0px;
}


/* REMOVE LABEL ON FIELDS USING PLACEHOLDER */

.gform_wrapper .top_label .gfield_label,
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
	display: none;
}


/*labels*/

.gform_wrapper label.gfield_label,
.gform_wrapper legend.gfield_label {
	font-weight: 500!important;
}


/* FIELD STYLING */

.gform_wrapper input[type=text],
.gform_wrapper textarea {
	background-color: #e5e5e5ad;
	border: none;
	border-radius: 0;
	color: #000 !important;
	padding: 15px !important;
	border-bottom: 1px solid #ffffff4D;
}

#formulier-witte-achtergrond .gform_wrapper textarea,
#formulier-witte-achtergrond .gform_wrapper input[type=text],
.et_pb_bg_layout_dark .gform_wrapper input[type=text],
.et_pb_bg_layout_dark .gform_wrapper textarea {
	background-color: #fff!important;
}

.gform_wrapper .gfield_required {
	color: white!important;
}


/* BUTTON STYLING */

.mapsvg-mobile-modal-close,
.gravity_button,
#gform_submit_button_3,
#gform_submit_button_5,
#gform_submit_button_4,
.gform_previous_button,
.gform_next_button,
.gform_wrapper .gform_footer input.button {
	
	border-radius: 0px!important;
    border: 1px solid #e5001a!important;
	background-color: #e5001a!important;
	padding-left: 30px!important;
	padding-right: 30px!important;
	padding-top: 7px!important;
	padding-bottom: 7px!important;
	color: white!important;
	letter-spacing: 0.5px!important;
	cursor: pointer!important;
	font-family: 'Play', Helvetica, Arial, Lucida, sans-serif!important;
	font-size: 14px!important;
	font-weight: bold!important;
	font-style: normal!important;
	font-variant: none!important;
	line-height: 1em!important;
	
	text-transform: uppercase!important;
    min-height: 43px!important;
    font-weight: 700!important;
    min-width: 180px!important;
    text-align: center!important;
      transition: background-size 1s 0s!important;
}

.gform_next_button {
	float: none;
}

.gform_wrapper .gform_footer input.button {
	float: right;
}

.gform_previous_button {
	float: left;
	opacity: 0.5;
}

#gform_wrapper_4 {
	padding-top: 0px!important;
}

#et-boc .gform_wrapper ul li.gfield {
    margin-top: 0px;
}

#field_3_5 > div{
    margin-top: 16px;
}

.gfield_select {
    margin-top: 9px;
    height: 52px;
}

/* BUTTON HOVER STYLING */

.gravity_button:hover,
.gform_wrapper .gform_footer input.button:hover {
	background: #e5001a;
	/*opacity: 0.8;
	transform: scale(1.1);*/
}

.gform_wrapper .gfield_error .gfield_label,
.gform_wrapper li.gfield_error div.ginput_complex.ginput_container label,
.gform_wrapper li.gfield_error ul.gfield_checkbox,
.gform_wrapper li.gfield_error ul.gfield_radio,
.gform_wrapper .validation_message {
	color: #d61919!important;
}

.gform_wrapper div.validation_error {
	color: #d61919!important;
	border-top: 2px solid #d61919!important;
	border-bottom: 2px solid #d61919!important;
}

.gform_wrapper .gform_page_footer {
	border-top: none!important;
}


/*kosten formulier*/

#field_5_16>div>div {
	display: none;
}

#input_5_18 {
	background: none!important;
	border-bottom: none!important;
	font-size: 28px;
	font-weight: 400;
}

#input_5_15 {
	background-color: #2c333d;
	border: 1px solid #c89f6f;
	padding: 2px;
	color: white;
}


/** Checkbox styling **/


/* Hide the OS/Browser checkboxes/radio buttons */

.gform_body input[type=checkbox],
input[type=radio] {
	visibility: hidden!important;
	margin: 0!important;
	width: 0!important;
}


/* Set Elegant Icont font, size, & positioning for the checkboxes/radio buttons plus the cursor on hover */

.gform_body input[type=checkbox]+label:before,
.gform_body input[type=checkbox]+span:before,
.gform_body input[type=radio]+label:before {
	visibility: visible;
	font-family: "ETmodules";
	font-size: 30px;
	position: relative;
	top: 6px;
	padding-right: 8px;
}

.gform_body input[type=checkbox]+label:hover,
.gform_body input[type=checkbox]+span:hover,
.gform_body input[type=radio]+label:hover {
	cursor: pointer;
}


/** SECTION 2 **/


/* Set checkbox to ET icons: normal, hover, checked, & checked hover */

.gform_body input[type=checkbox]+label:before,
.gform_body input[type=checkbox]+span:before {
	content: '\56';
}

.gform_body input[type=checkbox]+label:hover:before,
.gform_body input[type=checkbox]+span:hover:before {
	content: '\5a';
	filter: alpha(opacity=20);
	opacity: 0.2;
}

.gform_body input[type=checkbox]:checked+label:before,
.gform_body input[type=checkbox]:checked+span:before {
	content: '\5a';
}

.gform_body input[type=checkbox]:checked+label:hover:before,
.gform_body input[type=checkbox]:checked+span:hover:before {
	filter: alpha(opacity=100);
	opacity: 1;
}


/* Set radio buttons Divi icons: normal, hover, checked, & checked hover */

.gform_body input[type=radio]+label:before {
	content: '\5b';
}

.gform_body input[type=radio]+label:hover:before {
	content: '\5c';
	filter: alpha(opacity=20);
	opacity: 0.2;
}

.gform_body input[type=radio]:checked+label:before {
	content: '\5c';
}

.gform_body input[type=radio]:checked+label:hover:before {
	filter: alpha(opacity=100);
	opacity: 1;
}

@keyframes fadein {
	  0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}


/* Firefox < 16 */

@-moz-keyframes fadein {
	  0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}


/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadein {
	  0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}


/* Internet Explorer */

@-ms-keyframes fadein {
  0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}


/* Opera < 12.1 */

@-o-keyframes fadein {
  0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}


/*------You can use this to change mobile stacking order: https://www.elegantthemes.com/blog/divi-resources/how-to-change-divis-column-stacking-order-on-mobile-devices --------------------*/

@media all and (max-width: 980px) {
	/*** wrap row in a flex box ***/
	.custom_row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		/* Safari 6.1+ */
		flex-wrap: wrap;
	}
	/*** custom classes that will designate the order of columns in the flex box row ***/
	.first-on-mobile {
		-webkit-order: 1;
		order: 1;
	}
	.second-on-mobile {
		-webkit-order: 2;
		order: 2;
	}
	.third-on-mobile {
		-webkit-order: 3;
		order: 3;
	}
	.fourth-on-mobile {
		-webkit-order: 4;
		order: 4;
	}
	/*** add margin to last column */
	.custom_row:last-child .et_pb_column:last-child {
		margin-bottom: 54px;
	}
}


/*cookie*/

#cookie_action_close_header {
	font-weight: 500;
}



/* START: Collapse Divi Menu Module Submenus and Keep Parent Items Clickable on Mobile */
/* Parent menu item */
.et_pb_module .et_mobile_menu .menu-item-has-children.clickable,
.et_pb_module .et_mobile_menu .menu-item-has-children > a {
  position: relative;
}
/* Parent menu item icon */
.et_pb_module .et_mobile_menu .menu-item-has-children:not(.clickable) > a:after,
.et_pb_module .et_mobile_menu .menu-item-has-children.clickable > span.parent_icon:after {
  font-family: "ETmodules";
  text-align: center;
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
    color: #e5001a;
}
/* Disabled parent menu item icon positioning */
.et_pb_module .et_mobile_menu .menu-item-has-children:not(.clickable) > a:after {
  position: absolute;
  top: 13px;
  right: 10px;
}
/* Clickable parent menu item icon */
.et_pb_module .et_mobile_menu .menu-item-has-children.clickable > span.parent_icon {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  align-items: center;
  position: absolute;
  width: 46px;
  height: 46px;
  background: transparent;
  
  right: 0;
  top: 0;
  z-index: 9;
    color: white;
    font-weight: 700;
}
/* Collapsed submenu parent menu item icon */
.et_pb_module .et_mobile_menu .menu-item-has-children:not(.clickable) > a:after,
.et_pb_module .et_mobile_menu .menu-item-has-children.clickable > span.parent_icon:after {
  content: "\37";
}
/* Expanded submenu parent menu item icon */
.et_pb_module .et_mobile_menu .menu-item-has-children:not(.clickable).visible > a:after,
.et_pb_module .et_mobile_menu .menu-item-has-children.clickable.visible > span.parent_icon:after {
  content: "\36";
}
/* Hide submenu by default */
.et_pb_module .et_mobile_menu ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu > ul.sub-menu {
  display: none !important;
  visibility: hidden !important;
}
/* Show submenu */
.et_pb_module .et_mobile_menu .visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu .visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu .visible > ul.sub-menu {
  display: block !important;
  visibility: visible !important;
}
/* END: Collapse Divi Menu Module Submenus and Keep Parent Items Clickable on Mobile */