/*
Theme Name: kpot theme
Author: kpot
Author URI: https://kpot.be/
Version: klant-v1;
*/

/* main is not supported in IE -> fix */
main,
section,
article {
    display: block;
}


/* EDIT ICON */
.editpost{
  position: fixed;
  bottom: 1vw;
  right: 1vw;
  margin: 0;
  z-index: 999999;
}
.editpost a{
  background-image: url(assets/img/edit.png);
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  display: block;
  cursor: pointer;
}
.editpost a span{
  display: none;
}

/* GENERAL */
html{
  scroll-behavior: smooth;
}
body {
  -webkit-animation: fadein 1s;
          animation: fadein 1s;
}
@-webkit-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
.grecaptcha-badge{
	display: none;
}
body, label, input, textarea, select, button {
  font-family: "Simula", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4;
}
img{
  width: 100%;
  height: auto;
}

/* HEADER */
.site_logo a{
  background-image: url(assets/img/logo.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 180px;
  height: 50px;
  position: relative;
  top: -50px;
  transition: top 0.5s ease 0s;
}

.show_small_logo{
  top:0px;
}

.site_logo a>span{
  display: none;
}















/* GENERAL */
body{
  background-color:#F9F6D2;
}

h1, h2, h3, h4, h5, h6, a, p, b, i, span, div, label, input, textarea{
  font-family: "Simula", Arial, sans-serif;
  font-size:15px;
  line-height:22px;
  font-weight:400;
  pointer-events: all !important;
}

h1, h1 a, h1 span{
  font-size:80px;
  line-height: 72px;
}
h2, h2 a, h2 span{
  font-size:42px;
  line-height: 42px;
}
h3, h3 a, h3 span{
  font-size:24px;
  line-height: 30px;
}

a{
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
}
p b{
  font-weight: 900;
}
.button{
  padding:5px 20px;
  border-radius:15px;
  border:1px solid black;
  text-decoration:none;
  color:black;
  margin-top:10px;
  margin-bottom:10px;
  text-decoration:none;
}
.button:hover{
  background-color:black;
  color:#F9F6D2;
  text-decoration:none;
}
.contain_me{
  padding: 90px 30px 60px 30px !important;
  max-width:1200px !important;
  margin:0 auto !important;
}
.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

#menu-main{
  display:flex;
  padding:15px 30px;
}

#menu-main li{
  margin-left:30px;
  align-content: center;
}
#menu-main li a{
  color:black;
}
.menu_btn{
  border: 1px solid black;
  padding: 0px 12px;
  border-radius: 30px;
}
.menu_btn:hover{
  background-color:black;
}
.menu_btn:hover a{
  color:#F9F6D2 !important;
  text-decoration:none;
}
.menu_item_mobile{
  display:none;
}

/* INLEIDING */
.site_header{
  display: flex;
  justify-content: space-between;
  position: fixed;
  width: 100%;
  z-index: 999;
  height: fit-content;
}
.inleiding_logo{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
.inleiding_logo_flipped {
  display:none;
}

.logo_y{
  width:23vw;
}
.logo_ou{
  /* width:54vw; */
  width: 60vw;
  position: absolute;
  left: 19vw;
}
.logo_r{
  width:26vw;
}

.inleiding_bg_img{
  width: 100vw;
  height: 70vh;
  margin-top: -10vw;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}
.inleiding_cta h3{
  max-width:850px;
  margin-bottom:30px;
}
.full_logo{
  position: absolute;
  top: 15vw;
  width: 60%;
}


/* WHY */
#why{
  background-color:#4D0810;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  width:100vw;
  padding:0px;
  margin:0px;
}

#why .flex_me{
  display:flex;
  height: 60vh !important;
  padding: 60px 30px !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  align-items:center;
}
#why .inleiding_cta{
  background-color:#F9F6D2;
  max-width: unset !important;
  width: 100vw;
}
#why .inleiding_cta h3{
  color:black;
}
#why .flex_me .right h2{
  margin-top:15px;
  margin-bottom:15px;
}

#why .flex_me .left, #why .flex_me .right{
  width:50%;
}
#number1{
  max-width:80px;
  margin-right:20px;
  filter: invert(46%) sepia(80%) saturate(1301%) hue-rotate(330deg) brightness(95%) contrast(107%);
}
#number2{
  max-width:160px;
}
#number3{
  max-width:185px;
  position: relative;
  top: -60px;
  left: -20px;
}

#txt_number2, #txt_number3{
  display:none;
}

#why h2, #why p{
  color:#F9F6D2;
}
#why h3{
  color:#FC5A44;
}

.center_me{
  margin: 0 auto;
  width: fit-content;
}

#titel_txt_number2, #titel_txt_number3{
  display:none;
}

#titel_txt_number1{
  display:block;
}


.midnightInner{
  display: flex;
  justify-content: space-between;
}
.midnightHeader.white a{
  color: #F9F6D2 !important;
}
.midnightHeader.white .menu_btn{
  border:1px solid #F9F6D2 !important;
}
.midnightHeader.white .menu_btn:hover{
  background-color:#F9F6D2 !important;
}

.midnightHeader.white .menu_btn:hover a{
  color:#4D0810 !important;
}


/* BECAUSE */
#section-because{
  /* height:50vh !important;
  background-color:lightblue !important; */
}
#section-because .flex_me{
  display:flex;
}
#section-because .panel-inner{
  margin-left: 30px !important;
  margin-right: 0px !important;
  top: 12px !important;;
}
#section-because .left{
  width:50%;
}
#section-because .right{
  width:50%;
  background-color:#E4DE3A;
  padding-right:30px;
}

.because-div{
  height:45vh;
  background-color:#F9F6D2;
  display: flex;
  margin: 0 auto !important;
}

.because-div .left{
  width:50%;
  padding: 90px 30px 60px 30px !important;
}
.because-div .right{
  width:50%;
  background-color:#E4DE3A;
  padding: 90px 30px 60px 30px !important;
  border-radius: 0px 0px 0px 50px;
}

.because-div h2{
  color:#E4DE3A;
  text-align:right;
  margin-top:10px;
}
#because_titel3{
  filter: brightness(0%);
  text-align:left;
}
.because-div h3, .because-div p{
  color: black;
}

.because-div p{
  max-width:700px;
}

#because_tekst2, #because_tekst1{
  display:none;
}




/* Case Studies */
.case-studies{
  padding:60px 30px !important;
  max-width:1200px !important;
  margin:0 auto !important;
  margin-top: 60px !important;
}

.case-studies h3{
  text-align:center;
  margin-bottom: 15px;
}
.case-studies .one_case{
  width: 800px;
  height: 500px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
  margin-bottom:60px;
}

.tekstballon{
  padding: 20px;
  color: black;
  background-color: #E4DE3A;
  border-radius: 15px;
  max-width: 280px;
  position: relative;
  scale:0;
}

.oneoutofone{
  top: -140px;
  left: 45%;
}
.oneoutoftwo{
  top: -460px;
  left: 20px;
}
.twooutoftwo{
  top: -200px;
  left: 70%;
}

.giveRelative0Height{
  height:0px;
}






/* YOUR STORY */
.your-story{
  background-color:#4D0810;
}
.your_logo p{
  font-size:80px;
  line-height:80px;
  color:#F9F6D2;
}
.first_your{
  background-image: url(assets/img/your.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 160px;
  height: 80px;
  display: inline-block;
  position: relative;
    top: 30px;
}
.second_your{
  background-image: url(assets/img/your.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 300px;
    height: 150px;
    display: inline-block;
    position: relative;
    top: 50px;
}
.your_logo p:nth-of-type(2){
  text-align:center;
  /* margin-top:30px; */
}
.divider{
  background-image: url(assets/img/divider.png);
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 250px;
  background-position: center;
}
/* .divider_left{
  background-image: url(assets/img/divid_left.png);
  width: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 250px;
  background-position: center;
} */
.your-story h3{
  color:#F9F6D2;
  margin-top:140px;
  max-width: 850px;
  margin-bottom:80px;
}

.because-div .nextBtns{
  display:none;
  color:black;
  border: 1px solid black;
  margin-top:30px;
  width:fit-content;
}
.nextBtns{
  display:none;
  border: 1px solid #F9F6D2;
  margin-top:30px;
  width:fit-content;
}







.carousels{
  display:flex;
  flex-flow:wrap;
  justify-content: space-between;
  margin-top: 60px;
}
.testcontainer {
  /* margin: 0 auto; */
  max-width: 800px;
  width: calc(50% - 15px);
}
.carousels_bg_img{
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 400px;
}
.slick-track{
  display:flex;
}
.slick-list{
  overflow:hidden;
}
.slick-dots{
  text-align:center;
  margin-bottom: 30px;
}
.slick-dots button{
  font-size: 0;
  background-color: #F9F6D2;
  width: 12px;
  border-radius: 15px;
  height: 12px;
  border: none;
}
.slick-active button{
  background-color:#FC5A44;
}
.slick-active button:hover{
  cursor:pointer;
}
.slick-dots li{
  display: inline-block;
  margin: 0px 5px;
}

/* .slick-wrapper:hover{
  cursor:pointer;
} */

.slick-wrapper:hover {
  /* cursor:pointer; */
  /* cursor:url("assets/img/hover_arrow.png"), auto !important; */
  /* cursor: url("assets/img/hover_arrow.png") 32 32, pointer; */
  /* cursor: -webkit-image-set(url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsSAAALEgHS3X78AAAFGUlEQVR4nO1bS0gcSRj+KwbDLhMRI1kciQQWnFMuu7koHgLi0YsefCCCHuaoCHsQD74O4kEUPc5BD4qPg148quBBEDTJdRkhEAwzQ4LKYIaESKSWv6nqLXu6p19V3TOZ+WBw1O6/6/v7+x9VXU0opVDOeFTW7AHgseoLEEKaAeA1AODPKAD8ZXPKewBIA8AFALyllF4oHZ+KECCEvAEA/on4NJcDgGP8UEqPJQ1RhzQHEEKeAkAfAHQCQIMUo/nIAMA+AGxRSr/KMCjFAYSQOAD0S7jbToGq2KSUJnyP3Y8DCCF/A8C0wjtuB1TENKX0nVcDnhzA5B5nki8GbAFAwktYuHYAIQQz+QLL6sUErBb/UErTyhzASloiwFh3C8wNcTel03EjVALkgY0twcbqCI4cUCLkOVw5wTYEWMxvlgh5ERgO/XY5oaACWLZfKEHywMa8wDhYwi4E4kWY7d2gmXGwhKUDWJNTLHXeD/oYF1NY5gBCyH6IHZ5sZCilnWY2TRXAevvAydfX11ctLi5GU6nUq7Ozs+aRkZFnkkw3ME55yFMASxr7QSc+JH9ychKLxWK/iX/f29u77u7u/ijhElgVOo3tspkC+sIkn0wmv7e2tv47NTX1Cf/X1dX1bHd396WEy0TMcpqZAgKNfSP5tra25NXV1T3+D0NgeXlZIy9JCXm54IEC2EpOUZBHrKysXI+OjmqkJSmhgXHUYQyBN/nnqIEdeYVOCN8BTslzSHaCuQPY5CGQ5Le9vf3SKXkOoxN8lMiIOFESFfDao0FXiMVi1e3t7bW5XO7eKXkOdAKvDgMDA356BJ2r6IBAev66ujrtWcTt7e29kTyGxuHh4Z+rq6svrM4/ODjAeg6NjY1PfAzDVAFRHwYd4/T09Fs6nb6LRqPVk5OTz/l5PC+gOpqamqrN7OExa2trWvzv7Oxc+xiGzlV0gN0TG89A2be0tPzOzx8fH9dkXFtb+xhMkmJvb29evTceMzc399nHkHSueiNECHkrmzgOGhMe3lX8He88kl9fX8+Kx9hVBLdVwwkopVoeUOYAcdCY8DDmUfbsWu/CJA+CA5Q8HLUaNMa8leyDJC9CugL8EMOpcDab/Tk7O/tFNXklIeD3rlJKtZUbzBU1NTVVkUikStWd5w6QtkFChqQHBwc/8BKJ5I+OjrIqyIuQogC/sh8bG2tA8rw6YMm8ubn5mUwm76QxNcBMAe+9GpuYmPjDLlat+n+Mefw5Pz+vd3/YLKkkL3IVHeDqoaKInp4erS8fGhr6aCXXy8vLOzNJY8LjshebJcXQuYpl0PNenFQq9QMJdHR0RPDumR0zPDz8yezvGBqY8PA7yj4gB+hcRQV4zgEbGxtaXz4zM/PCzTSV5wWe8BTLXoTO9cGaICHk2OuaAC5S4Dwdv+O8HaeuhY4PosmxQI5Sqi+KGMug511YuGCJC5f4HRcyCykhRPJg5CjNAeDQCSGTh4IOYPvwMn6sF3JCEZDPGPcamnWC+36vYnQCToKwxIVMHsy4KX00JiZGjhDJO3s0xg7YlHFFVAJWhPPz86/Y7CwtLWVCIg9sY2XeNrrK4/ECJ02rG0/gsORi6QC2/XTrFyC/VWgrrd16QMLPHKEIcME4WKKyTc7OCjMQZwZLBXzLrO0U39GSGNt7WypOcLVf2PGaYIk4Qd1mafjfCf1FmhgvWMy7GlvlhYnKKzOVl6Yqr83JsPPQaDm+OGl5gXJ8dbaUUN5vjwPAfz2vBz0d3cIRAAAAAElFTkSuQmCC") 1x, url("data:image/png;base64,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") 2x) 32 32, pointer; */
  cursor: url("data:image/svg+xml,%3Csvg width='56' height='40' viewBox='0 0 56 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_33_817)'%3E%3Cpath d='M-1.85868e-06 17.6258L-2.27356e-06 22.3714L43.0638 22.3714C44.2513 22.3714 44.9001 23.7754 44.1359 24.6956L32.9645 38.1512L34.8309 40L55.1533 21.8932C55.6921 21.4151 56 20.7228 56 19.9972C56 19.2716 55.6921 18.5822 55.1533 18.1012L34.8309 -0.00555605L32.9645 1.84321L44.1359 15.2961C44.9001 16.2163 44.2541 17.6202 43.0638 17.6202L-0.00274844 17.6202L-1.85868e-06 17.6258Z' fill='%23FC5A44'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_33_817'%3E%3Crect width='56' height='40' fill='white' transform='translate(56 40) rotate(-180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") 64 32, pointer;
}

 







/*   
.carousel__slide{
  overflow: hidden;
  position: relative;
}
.carousel__slide__overlay{
     background-color: transparent;
     background-size: 100%;
     height: 100%;
     left: 0;
     opacity: 0.5;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 2;
}

.carousel__image{
    height: 100%;
    object-fit: cover;
    position: relative;
    transform: scale(1);
    width: 100%;
    z-index: 1;
} */







/* CONTACT */
.contact_info{
  display:flex;
}
.contact_info .left{
  width:50%;
  background-image: url(assets/img/pilar_contact_bg_2.png);
  background-position: right;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 90px 30px 60px 30px;
}
.contact_info .left h2{
  max-width:800px;
  margin:0 auto;
}
.contact_info .right{
  width:50%;
  padding: 90px 30px 60px 30px;
}
.contact_info .right p{
  max-width:700px;
  padding-top:15px;
}
.contact_info .right h2{
  max-width:700px;
}

.contact_info input, .contact_info textarea{
  background-color: unset !important;
  border: 1px solid black;
  border-radius: 20px !important;
  padding: 6px 12px !important;
}
.contact_info .selection .select2-selection{
  background-color: unset !important;
  border: 1px solid black;
  border-radius: 20px !important;
  padding: 0px 0px 0px 12px !important;
}
.contact_info .forminator-select-dropdown{
  background-color: unset !important;
  border: 1px solid black;
  border-radius: 20px !important;
  /* padding: 6px 12px !important; */
}

.forminator-row{
  margin-bottom:10px !important;
}
.forminator-ui{
  max-width:900px;
}

.forminator-button-submit{
  background-color:black !important;
  border-radius:30px !important;
  width:100% !important;
  border:1px solid black !important;
}

.forminator-button-submit:hover{
  background-color:#F9F6D2 !important;
  color:black !important;
  box-shadow:unset !important;
}






/* FAQ */
.faq{
  background-color:#4D0810;
}
.faq .contain_me{
  display:flex;
  flex-flow: wrap;
}

.faq .left{
  width: 45%;
  padding-right: 5%;
}

.faq .right{
  width:50%;
}
.faq h2, .faq h3{
  color:#FC5A44;
}
.faq p, .faq a, .faq span{
  color:#F9F6D2;
}
.faq .answer{
  border-top: 1px solid #FC5A44;
  border-bottom: 1px solid #FC5A44;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 15px;
  max-height: 140px;
  overflow-y: scroll;
}

.question {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-bottom: 5px;
  margin-top: 5px;
}

.question::after {
  content: "\2023";
  transform: rotate(90deg);
  color:#FC5A44;
  font-size: 2.2rem;
  position: absolute;
  right: 20px;
  transition: 0.2s;
}

.question.active::after {
  transform: rotate(270deg);
}

.answercont {
  max-height: 0;
  overflow: hidden;
  transition: 0.3s;
}




/* Privacy Policy */
.page-privacy-policy main{
  padding: 120px 30px 30px 30px;
  max-width: 900px;
  display: block;
  margin: 0 auto;
}

.page-privacy-policy{
  overflow-x: hidden;
}
.page-privacy-policy h2{
  margin-top:15px;
}

.page-privacy-policy footer a{
  color: black;
}











/* FOOTER */
footer{
  width:100%;
  padding-left:50%;
  padding-top:150px;
}

footer{
  display:flex;
}
footer div{
  color:#F9F6D2;;
}

footer a, footer div{
  margin-right:40px;
  font-size:12px;
}

footer a{
  text-decoration:none;
}
.footer h3, .footer h3 a{
  color:#FC5A44;
}







/* HAMBURGER MENU */
.hamburger{
  display:none;
}
.hamburger .line{
  width: 35px;
  height: 3px;
  background-color: black;
  display: block;
  margin: 6px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburger:hover{
  cursor: pointer;
}

#hamburger-1.is-active .line:nth-child(2){
  opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1){
  -webkit-transform: translateY(9px) rotate(45deg);
  -ms-transform: translateY(9px) rotate(45deg);
  -o-transform: translateY(9px) rotate(45deg);
  transform: translateY(9px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3){
  -webkit-transform: translateY(-9px) rotate(-45deg);
  -ms-transform: translateY(-9px) rotate(-45deg);
  -o-transform: translateY(-9px) rotate(-45deg);
  transform: translateY(-9px) rotate(-45deg);
}










/* EVERYTHING SCROLLMAGIC EXAMPLE BELOW */

/* * {
  box-sizing: border-box;
}

header {
  position: absolute;
  width: 100%;
  z-index: 4;
}

header #nav-container {
  padding: 0 100px 0 30px;
  width: 100%;
  height: 90px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid rgba(189, 189, 189, 0.3);
}

header #nav-container #nav-logo {
  display: block;
  margin: auto 0;
}

header #nav-container #nav-logo img {
  height: 80px;
}

header #nav-container #nav-wrapper {
  margin: auto 0 auto auto;
}

header #nav-container #nav-wrapper nav ul {
  list-style: none;
  line-height: 1;
}

header #nav-container #nav-wrapper nav ul li {
  display: inline-block;
}

header #nav-container #nav-wrapper nav ul li:not(:last-child) {
  margin-right: 50px;
}

header #nav-container #nav-wrapper nav ul li#blog-link {
  background-size: 85%;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 10px 20px;
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

header #nav-container #nav-wrapper nav ul li#blog-link:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

header #nav-container #nav-wrapper nav ul li a {
  font-family: 'Lato', sans-serif;
  font-size: 24px;
  font-weight: bold;
  text-decoration: none;
  color: #FFF;
  display: inline-block;
  position: relative;
  padding-bottom: 10px;
}

header #nav-container #nav-wrapper nav ul li a:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -3px;
  height: 3px;
  width: 0;
  -webkit-transition: width 0s ease, background .5s ease;
  transition: width 0s ease, background .5s ease;
}

header #nav-container #nav-wrapper nav ul li a:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: -3px;
  height: 3px;
  width: 0;
  background: #6e993b;
  -webkit-transition: width .5s ease;
  transition: width .5s ease;
}

header #nav-container #nav-wrapper nav ul li a:hover:before,
header #nav-container #nav-wrapper nav ul li a.active:before {
  width: 100%;
  background: #6e993b;
  -webkit-transition: width .5s ease;
  transition: width .5s ease;
}

header #nav-container #nav-wrapper nav ul li a:hover:after,
header #nav-container #nav-wrapper nav ul li a.active:after {
  width: 100%;
  background: transparent;
  -webkit-transition: all 0s ease;
  transition: all 0s ease;
}

header #nav-container.fixed {
  box-shadow: 5px 8.66px 30px 0 rgba(31, 35, 37, 0.078);
  background-color: white;
  position: fixed;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  top: -90px;
  left: 0;
  right: 0;
  bottom: 0;
}

header #nav-container.fixed #nav-wrapper nav a {
  color: #000;
  font-weight: 400;
} */

#content {
  overflow: hidden;
}

#content #section-video {
  position: relative;
  height: 100%;
  min-height: 100%;
  min-width: 100%;
  height: 100vh;
  background-image: url("https://clikaki.com.br/wp-content/uploads/2014/05/drakar.jpg");
  background-size: cover;
  background-position: center center;
}

#content #section-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-aspect-ratio: 16 / 9) {
  #content #section-video video {
    width: 100%;
    height: auto;
  }
}

@media (max-aspect-ratio: 16 / 9) {
  #content #section-video video {
    width: auto;
    height: 100%;
  }
}

#content #section-wipes {
  width: 100%;
  height: 100%;
}
      #content #section-wipes .panel .panel-inner, #content #section-wipes footer .panel-inner {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        padding-top: 90px;
        margin-left: 20%;
        margin-right: 70px; }

#content #section-wipes .panel,
#content #section-wipes footer {
  height: 100vh;
  position: relative;
  margin-bottom: 400px;
}

























/*CSS TRY OUT NEW SCROLL STICKT THINGY */
.panel {
	width: 100%;
  height: 100%;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
}

.panel.align-top {
  align-items: flex-start;
}





















/* MEDIA QUERY */
@media screen and (min-width: 1800px) {
  .because-div .left{
    padding-left:10vw !important;
  }
  .because-div .right{
    padding-right:10vw !important;
  }
}


@media screen and (max-width: 1080px) {
  h2, h2 a, h2 span {
    font-size: 38px;
    line-height: 40px;
  }
  h3, h3 a, h3 span {
    font-size: 22px;
    line-height: 30px;
  }
  #number1{
    max-width:70px;
  }
  #number2 {
    max-width: 140px;
  }
  #number3 {
    max-width: 162px;
  }
}
@media screen and (max-width: 1000px) { /* VANAF HIER SWITCH NAAR MOBIEL */
  .case-studies .one_case {
    width: 710px;
  }
  .inleiding_bg_img {
    height: 50vh;
  }
  #why .flex_me{
    flex-flow:wrap;
    height: fit-content !important;
  }
  #why .flex_me .left, #why .flex_me .right {
    width: 100%;
  }
  #why {
    height: fit-content !important;
  }
  .because-div {
    height: auto;
    flex-flow:wrap;
  }
  .because-div .left, .because-div .right {
    width: 100%;
  }
  .case-studies .one_case {
    width: 100vw;
    margin-left: -30px;
  }
  .your_logo p:nth-of-type(2) {
    text-align: left;
  }
  .second_your {
    width: 40vw;
    height: 115px;
  }
  .first_your {
    width: 120px;
    height: 60px;
  }
  .your_logo p {
    font-size: 68px;
  }
  .contact_info{
    flex-flow:wrap;
  }
  .contact_info .left, .contact_info .right {
    width: 100%;
  }
  .faq .left, .faq .right {
    width: 100%;
    padding-right: 0%;
  }
  footer {
    padding-left: 0px;
    flex-direction: column;
  }
  .testcontainer {
    width: 100%;
  }
  .carousels_bg_img {
    height: 50vw;
  }
  .your-story h3 {
    margin-top: 30px;
    margin-bottom: 60px;
  }
  #menu-main{
    display: flex;
    flex-direction: column;
    /* text-align: center; */
    padding-top: 20vh;
    padding-bottom: 10vh;
  }
  .site_nav{
    width:100%;
  }
  .menu_btn {
    width: fit-content;
    margin-top:30px;
  }
  .giveRelative0Height {
    height: unset;
    width: fit-content;
    margin: 0 auto;
  }
  .tekstballon {
    position: unset;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .hamburger{
    display: block;
    position: relative;
    right: 15px;
    height:fit-content;
    top: 10px;
  }
  .site_nav{
    display:none;
  }
  .site_header.is-active-head{
    /* min-height:60vh; */
    background-color:#FC5A44;
    flex-flow: wrap;
  }
  .site_header.is-active-head .site_nav{
    display:block;
  }
  #why .inleiding_cta {
    width: calc(100% - 60px);
  }
  #menu-main li {
    border-bottom: 1px solid black;
    margin-left:0px;
  }
  .is-active-head .site_logo a {
    background-image: url(assets/img/logo_yellow.png);
    top: 0px;
  }
  .is-active-head .site_logo {
    height:fit-content;
  }
  #menu-main li a {
    font-size: 28px;
    line-height: 48px;
  }
  #menu-item-13{
    border-bottom:none !important;
  }
  .contact_info .left {
    background-image: unset;
    background-color: #E4DE3A;
  }
  .because-div .right {
    border-radius: unset;
  }
  
}


@media screen and (max-width: 700px) { 
  .inleiding_bg_img {
    height: 40vh;
  }
  .testcontainer {
    width: 100vw;
    margin-left: -30px;
  }
  .your_logo p {
    font-size: 48px;
  }
  #menu-main {
    padding-top: 35vw;
    padding-bottom: 25vw;
  }
  .full_logo {
    width: 80%;
    left: 10%;
    top: 34vw;
  }
  .inleiding_logo_flipped {
    display: inline-table;
    transform: rotate(180deg);
  }
  .inleiding_logo_flipped .logo_r, .inleiding_logo_flipped .logo_y{
    vertical-align: top;
  }
  #number1, #number2, #number3 {
    max-width: unset;
    max-height: 40vw;
    top:-30px;
    left:unset;
  }
  #why .flex_me .left{
    display: flex;
    justify-content: center;
    margin-top:30px;
  }
  /* .because-div .right:after {
    content: url(assets/img/red_triangle.png);
  } */
  /* .because-div p {
    width: calc(100% - 60px);
  } */
  .because-div .left {
    padding: 60px 15px !important;
  }
  p, a, span, div{
    font-size:17px;
  }
  .nextBtns{
    display:block !important;
  }
  #txt_number1, #txt_number2, #txt_number3{
    display:none;
  }
  #number1, #number2, #number3{
    filter:unset;
  }
  .active_txt{
    display:block !important;
  }
  .active_nr{
    filter: invert(46%) sepia(80%) saturate(1301%) hue-rotate(330deg) brightness(95%) contrast(107%) !important;
  }
  #why .flex_me .right{
    margin-top:30px;
  }
  #nextNumber:hover{
    color:#4D0810;
    background-color:#F9F6D2;
    cursor:pointer;
  }
  #our-services .nextBtns:hover{
    color:#E4DE3A;
    background-color:black;
    cursor:pointer;
  }
  #titel_txt_number1, #titel_txt_number2, #titel_txt_number3 {
    display: none !important;
  }
  #titel_txt_number1.active_txt_titel{
    display:block !important;
  }
  #titel_txt_number2.active_txt_titel{
    display:block !important;
  }
  #titel_txt_number3.active_txt_titel{
    display:block !important;
  }
  #because_titel1, #because_titel2, #because_titel3{
    display: none !important;
    text-align: center;
    font-size: 36px;
    color: black;
    margin-top: 30px;
  }
  #because_titel1.because_titel_active{
    display:block !important;
  }
  #because_titel2.because_titel_active{
    display:block !important;
  }
  #because_titel3.because_titel_active{
    display:block !important;
  }
  #because_tekst1, #because_tekst2, #because_tekst3{
    display: none !important;
  }
  #because_tekst1.because_tekst_active{
    display:block !important;
  }
  #because_tekst2.because_tekst_active{
    display:block !important;
  }
  #because_tekst3.because_tekst_active{
    display:block !important;
  }
  .mobile_vorm_triangle{
    background-image: url(assets/img/triangle_shape.png);
    width: 100vw;
    height: 100px;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .menu_item_mobile{
    display:block;
  }
  .menu_item_desktop{
    display:none;
  }
}

@media screen and (max-width: 380px) { 
  h2, h2 a, h2 span {
    font-size: 30px;
  }
}