/*
	Theme Name: Staay - Red Conference
	Theme URI:
	Description: Basis voor de template
	Version: 1.0
	Author: NVS Digital
	Author URI:

*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
    font-family: 'typo_round_bold_demoregular';
    src:  url('assets/fonts/Typo_Round_Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'fall_in_loveregular';
    src:        url('assets/fonts/Fall-in-love.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'icomoon';
  src:  url('assets/fonts/icomoon.eot?i1y2nw');
  src:  url('assets/fonts/icomoon.eot?i1y2nw#iefix') format('embedded-opentype'),
    url('assets/fonts/icomoon.ttf?i1y2nw') format('truetype'),
    url('assets/fonts/icomoon.woff?i1y2nw') format('woff'),
    url('assets/fonts/icomoon.svg?i1y2nw#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}


[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "\e90a";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-youtube:before {
  content: "\ea9d";
}

.grecaptcha-badge { 
    visibility: hidden !important;
}

:root {
	--color-red:#c20016;
	--color-gold:#652e8e;
	--color-desire:#009736;

	--color-green:#68a340;

	--padding-content: 90px 0 45px;

	--padding-buttons: 17px 25px;

	--font-family-poppins:"Poppins", sans-serif;
	--font-family-typo: 'typo_round_bold_demoregular';
	--font-family-love: 'fall_in_loveregular';

	--font-size-body:22px;
	--font-size-80: 50px;

	--font-size-banner:150px;
	--margin-30: 30px;

	--margin-45: 45px;
	--header-height:140px;
}

@media screen and (max-width:1100px){
	:root {

		--font-size-banner:130px;
	}
}

@media screen and (max-width:992px){
	:root {
		--padding-content: 60px 0 15px;
		--padding-buttons: 12px 20px;
		--font-size-body:18px;
		--font-size-80: 40px;
		--font-size-banner:95px;
	}
}

@media screen and (max-width:767px){
	:root {
		--padding-buttons: 12px 20px;
		--font-size-body:16px;
		--font-size-80: 32px;
		--font-size-banner:60px;
	--header-height:100px;
	}
}

@media screen and (max-width:450px){
	:root {
		--font-size-banner:55px;
	}
}


a ,.mobbtn, .mobbtn span, button, input, textarea, .btn, .standaard-content ul li{
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

/*------------------------------------*\
    MAIN




\*------------------------------------*/
body, html {margin:0;padding:0}
*,*:after,*:before {	-moz-box-sizing:border-box;	box-sizing:border-box;	-webkit-font-smoothing:antialiased;	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;}
html {	font-size:62.5%;}

.clear:before,.clear:after {    content:' ';    display:table;}
.clear:after {    clear:both;}
.clear {    *zoom:1;}

img {	max-width:100%;	vertical-align:bottom;height:auto}


a {	color:var(--color-primary);	text-decoration:none;}
a:hover {	color:var(--color-secondary);}
a:focus {	outline:0;}
a:hover,a:active {	outline:0;}
input:focus {	outline:0;	border:none;}

/*------------------------------------*\
    Fonts
\*------------------------------------*/

h1, h2, h3, h4, h5, h6, .h1, .h2 { font-family:var(--font-family-typo); font-weight:normal;  margin: 0;color:#000000;line-height:1.1}
body {font-size:var(--font-size-body);line-height:1.5;font-family:var(--font-family-poppins);color:#000000;font-weight:300;}

p { margin:0;margin-bottom:var(--margin-30)}
blockquote, .title-box { margin:0;margin-bottom:var(--margin-30)}
p:last-child, blockquote:last-child {margin:0}

.standaard-content p + .read-more {margin-top:15px;display:inline-block}
.standaard-content ul, .standaard-content ul li, .standaard-content ol {padding:0;margin:0;list-style:none;display:block}
.standaard-content ul li {margin-bottom:15px;position:relative;padding-left:50px;opacity:0;}
.standaard-content ul, .standaard-content ol {margin-bottom:var(--margin-30);}
.standaard-content ul:last-child, .standaard-content ul li:last-child, .standaard-content ol:last-child {margin-bottom:0}
.standaard-content ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    width: 20px;
    height: 33px;
    background-image: url(assets/images/bullit-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
}


.standaard-content ol { counter-reset: li}
.standaard-content ol li {display:block;padding-left:20px;position:relative;}
.standaard-content ol li:before{counter-increment: li;content: counter(li)'.'; color: var(--color-red);
  display: inline-block; position:absolute;left:0;top:0;}

.white-content .standaard-content ol li:before {color:#fff;}
.white-content .standaard-content ul li:before {background:#fff;}
.white-content, .white-content h1,.white-content  h2,.white-content h3,.white-content h4,.white-content h5,.white-content h6,.white-content .h1,.white-content .h2 {color:#fff}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
.row>* {	    padding-right: calc(var(--bs-gutter-x)* 1);    padding-left: calc(var(--bs-gutter-x)* 1);}

 .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {        max-width:calc(1400px + 3rem);    }
.full-container {max-width:none}



.content-row {padding:var(--padding-content)}

.textcenter, .text-center {text-align:center;}
.rightfloater, .right-aligned {float:right;order:2}

.margin-fix,.marginfix {margin-bottom:var(--margin-45)}
.margin-top-15 {margin-top:var(--margin-bottom-15)}
.margin-top-30{margin-top:var(--margin-30)}





.banner {position:relative;min-height:calc(100vh - var(--header-height));background-color:var(--color-red);display:flex;flex-wrap:wrap;align-items:center;padding:150px 0}
.banner img, .banner picture, .banner video {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;}
.banner video {z-index:2;}

.banner .container {position:relative;z-index:2}
.banner h1, .image-row h1 , .image-row h2{font-size:var(--font-size-banner);color:#fff}
.banner h1 span, .image-row h1 span, .image-row h2 span {padding-left:165px;color:#fff;display:block;font-family:var(--font-family-love);}

.scroll-container, .content-container, .content-container {background:var(--color-red);padding-top:0;position:relative;z-index:9000;}
.scroll-container .row {padding:150px 0;}
.scroll-container .row:last-child {padding-bottom:0;}
.scroll-container .row:first-child {padding-top:0;}

.scroll-image-container {background:var(--color-red);padding-top:0;position:relative;z-index:9000;padding-bottom:60px}


.peer-verpakking {text-align:right;padding:0 1.5rem}
.peer-verpakking img {
    width: 520px;
    margin-top: -90px;
    display: inline-block;
    margin-bottom: 0;
}
.regular-verpakking img {margin-top:60px;}

.peer-row, .peer-row h2, .scroll-image-container h2 {color:#fff;}
.peer-row h2, .scroll-image-container h2 {font-size:var(--font-size-80);margin-bottom:var(--margin-30);}





.image-row {position:relative;max-height:1080px;height:100vh;min-height:450px;background-color:#e7e7e7}
.image-row > img {width:100%;height:100%;object-fit:cover;}
.image-row.with-title img {position:absolute;top:0;left:0;z-index:1;}
.image-row.with-title .container .row{padding:315px 0 150px;position:relative;z-index:10}
body:not(.home) .image-row.with-title .container .row {    padding: 300px 0;}
.image-row.with-title {height:auto;min-height:calc(100vh + 150px);display:flex;align-items:center;justify-content:center;}
.image-title {max-width:1100px}

.info-container {background:var(--color-green);padding:150px 0 200px}
.info-container .row {margin-bottom:150px;}
.info-container .row:last-child {margin-bottom:0;}
.info-container, .info-container h2 {color:#fff;}
.info-container h2 {font-size:var(--font-size-80);margin-bottom:var(--margin-30);}
.info-container .col-md-6 img {width:100%;max-width:100%;max-width:500px;display:block;margin:0 auto}
.certificate-container {background:#fff;color:#000;padding:140px 0 90px;}
.home .certificate-container {padding-top:250px}
.certificate-container h2 {font-size:95px;margin-bottom:var(--margin-30);color:#000}
.certificate-row {margin-top:75px;justify-content:center}
.certificate {    width: 25%;    font-size: 40px;    font-family: var(--font-family-typo);    max-width: 370px;margin-bottom:60px}
.certificate > div {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 15px;
    max-width: 190px;
}
.certificate > div:last-child {margin-bottom:0;}
.certificate > div a, .certificate > div a img, .certificate > div img {width:100%;height:100%;object-fit:cover;}

@media screen and (max-width:650px){
	.certificate {    width: 50%;   }
}


.contact-container {position:relative;background:var(--color-red);padding:70px 0 150px;z-index:22}
.contact-container, .contact-container h2 {color:#fff;}
.contact-container h2 {font-size:95px;margin-bottom:var(--margin-30);}



.other-brands-container {position:relative;text-align:center;padding-bottom:215px}
.subpage-brands-container {padding-bottom:0;}

.other-brands-container:before, .other-brands-container:after {content:"";position:absolute;z-index:1;width:50%;height:100%;top:0;}
.other-brands-container .container img {    max-width: 465px;    width: auto;    margin: 0 auto;    margin-bottom: 50px;    display: block;}

.other-brands-container .col-md-6 {position:relative;z-index:10;padding-top:310px;padding-bottom:150px;}



.other-brands-container .dazzling-gold-style {background:var(--color-gold)}
.other-brands-container .red-conference-style {background:var(--color-red)}
.other-brands-container .early-desire-style {background:var(--color-desire)}

.gold-style-1.other-brands-container:before {left:0;background:var(--color-gold)}
.red-style-1.other-brands-container:before {left:0;background:var(--color-red)}
.desire-style-1.other-brands-container:before {left:0;background:var(--color-desire)}

.gold-style-2.other-brands-container:after {right:0;background:var(--color-gold)}
.red-style-2.other-brands-container:after {right:0;background:var(--color-red)}
.desire-style-2.other-brands-container:after {right:0;background:var(--color-desire)}

.content-container {padding:150px 0 60px}
.content-container, .content-container h2, .content-container h1, .content-container h3, .content-container h4, .content-container h5, .content-container h6 {color:#fff;}
.content-container .title-box h2 {font-size:75px;margin-bottom:30px}


.usp-box {margin-bottom:80px;display:flex;align-items:center;flex-wrap:wrap;font-size:30px;}
.usp-box:last-child {margin-bottom:0;}
.usp-box .icon {width:260px;}
.usp-box .icon img {width:100%;height:auto;}
.usp-box .usp-desc {width:calc(100% - 260px);padding-left:60px}
.usp-box h3 {font-size:40px;margin-bottom:15px;}


.certificate-title {text-align:center;margin:120px 0 50px}
.certificate-title h2 {font-size:var(--font-size-banner);color:var(--color-red);font-family:var(--font-family-love);}
.contact-container .certificate-title h2 {color:#fff;margin:0;}
.contact-container .certificate-title {margin:160px 0 0}


/*------------------------------------*\
    Shapes
\*------------------------------------*/
.first-image-row, .second-image-row, .other-brands-container {overflow:hidden}
.info-container .shape-bottom,
.first-image-row .shape-top,
.first-image-row .shape-bottom,
.second-image-row .shape-top,
.second-image-row .shape-bottom,
.contact-shape, .contact-container .shape-top, .other-brands-container .shape-top {z-index:10;content:"";position:absolute;left:0;width:100%;overflow:hidden;     display: flex;    align-items: flex-end;justify-content:center;}
.other-brands-container .shape-top {    z-index: 200;}

.contact-shape {top:100%;height:215px;}
.first-image-row .shape-top{top:0;height:215px;}
.first-image-row .shape-bottom{bottom:0;height:95px;}

.second-image-row .shape-top, .info-container .shape-bottom{top:0;height:79px;}
.info-container {position:relative;z-index:10;}
.info-container .shape-bottom {top:100%}
.second-image-row .shape-bottom{bottom:0;height:94px;}
.white-shape .shape-bottom{bottom:0;height:94px;}
.other-brands-container .shape-top{top:0%;height:187px;}

.contact-container .shape-top {
    top: -215px;
    height: 215px;
}

.contact-shape img, .shape-image img {width:100%;height:100%;min-width:2000px;}


@media screen and (max-width:1000px){
	.contact-shape img, .shape-image img {min-width:1200px;}

}
@media screen and (max-width:600px){
	.contact-shape img, .shape-image img {min-width:750px;}

}
@media screen and (max-width: 400px) {
    .contact-shape img, .shape-image img {
        min-width: 600px;
    }
}
/*------------------------------------*\
    FORMS
\*------------------------------------*/
.contact-btns {margin-top:90px;margin-bottom:30px}
.contact-btns .btn {display:inline-block;min-width:300px;}

.contact-btns > div {margin-bottom:30px;text-align:center;}
.contact-titel {font-weight:700;margin:0;}

.form-holder {margin-top:30px}

 
input[type="search"], input[type="text"], input[type="email"], textarea {border:none;border-bottom:1px solid #fff;height:55px;padding-left:0;margin:0;appearance:none;-webkit-appearance:none;background-color:transparent;width:100%;font-size:var(--font-size-body);display:block;color:#fff;}
textarea {height:205px;resize:none;padding:15px 0;color:#fff;outline:none;}

.wpcf7-form-control-wrap {position:relative;display:block;margin-bottom:50px;}

input[type="checkbox"] {display:none}
input[type="checkbox"] + span {position:relative;display:block;padding-left:35px;font-size:12px;}
input[type="checkbox"] + span:before {content:"";position:absolute;top:-1px;left:0;width:20px;height:20px;background:var(--color-light);}
input[type="checkbox"]:checked + span:after {content:"";position:absolute;top:2px;left:3px;width:14px;height:14px;background:#000;}
input[type="checkbox"] + span a {text-decoration:underline;font-weight:300}


.form-input input[type="checkbox"] + span {font-size:var(--font-size-body);}
.form-input input[type="checkbox"] + span:before {top:4px;}
.form-input input[type="checkbox"]:checked + span:after {top:7px}

.search-field input[type="checkbox"] {display:block}

.wpcf7-not-valid{border-color:#ffb900!important;}
span.wpcf7-not-valid-tip {    background: #ffb900;    color: #fff;    padding: 10px 15px;    font-size: 16px;  }
.wpcf7 form .wpcf7-response-output {    margin: 0;    padding: 20px;    border: 2px solid #ffffff;    background: #fff;color:var(--color-red);margin-top:45px;}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {  color:#fff;  border-color: #ffb900;background:#ffb900;}
.wpcf7 form.sent .wpcf7-response-output {	border-color: #fff;}

form p {margin:0;}
form br {display:none}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  color: fff;
}

:autofill {
  color:#fff;
}

:-webkit-autofill,
:-webkit-autofill:hover,
:-webkit-autofill:focus,
:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #fff !important;
}

/*------------------------------------*\
    BUTTON
\*------------------------------------*/

button, .btn {font-family:var(--font-family-typo);font-weight:normal;-webkit-appearance:none;appearance:none;border:none;background:none;cursor:pointer;}

.btn{
	font-family:var(--font-family-poppins);
	font-size: var(--font-size-body);
    position: relative;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    line-height: 1;
    padding: var(--padding-buttons);
    border-radius: 35px;
	background-color:transparent;
    text-align: center;
    font-style: normal;
    cursor: pointer;
    overflow: hidden;
	border:4px solid!important;
	text-transform:none;
	min-width:400px
}

.btn:hover {
	color:var(--color-red);
	background-color:#fff;    border-color: #fff !important;
}

.btn {
  position: relative;
  z-index: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}

.btn span {
  position: relative;
  z-index: 2;
  transition: all 0.3s ease;
}


.btn:before {
  content: "→";
  position: absolute;
  top: 0;
  right: -30px;
  height: 100%;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
  z-index: 2;
}

.btn:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background: #fff;
  transition: all 0.3s ease;
  z-index: -1;
}

.btn:hover {
  padding-right: 42px;
  padding-left: 12px;
}


.btn:hover:before {
  right: 15px;
}

.btn:hover:after {
  width: 100%;
}

.btn:active {
  transform: translateY(2px);
}




body.red .btn:hover {
	color:var(--color-red);
}
body.desire .btn:hover {
	color:var(--color-desire);
}
body.gold .btn:hover {
	color:var(--color-gold);
}
.btn.red:hover {
	color:var(--color-red)!important;
}
.btn.desire:hover {
	color:var(--color-desire)!important;
}
.btn.gold:hover {
	color:var(--color-gold)!important;
}

/*------------------------------------*\
    ANIMATIE
\*------------------------------------*/
.scroll-logo {
    position: absolute;
    z-index: 9999;
    width: 240px;
    left: -0.75rem;
    top: -200px;opacity:1;

}
.scroll-logo.absolute{
	left: calc(50% - 175px)!important;
    width: 350px;
    top: calc(50% - 225px)!important;
	visibility:visible; opacity:1;
}

.scroll-logo.fixed {
  opacity:1;
}


.scroll-logo.animated{
	transition: width .4s,  top .4s, left .4s, opacity .1s;
}



/*------------------------------------*\
    HEADER
\*------------------------------------*/
.body-scroll {position:relative;z-index:1;}
header {background:var(--color-red);position:fixed;z-index:999;width:100%;top:0;left:0;}
main {padding-top:var(--header-height);overflow:hidden}
header.disable {position:absolute;}

header .row {height:var(--header-height);}

.header-logo a, .header-logo img {display:block;width:100%;height:auto;}
.header-logo {opacity:1;visibility:visible;width:240px;margin:5px 1.5rem 0;padding:0;}

.home .header-logo,
.home .header.disable  .header-logo {opacity:0;visibility:hidden}

.header-btns {margin-left:auto;width:auto;    margin-top: 37px;}
.header .btn {
    width: auto;
    display: inline-block;
    min-width: 220px;margin-left:15px
}
body:not(.home) header {z-index:9990}

.mobbtn-holder {position:relative;width:auto;margin-top:50px;}
.mobbtn {cursor:pointer;width:58px;height:42px;position:relative;}
.mobbtn span {width:100%;position:absolute;left:0;background:#fff;border-radius:5px;height:6px;}

.mobbtn span:nth-child(1){top:0;}
.mobbtn span:nth-child(2){top:17px;}
.mobbtn span:nth-child(3){top:34px;}
.mobbtn.active-menu span:nth-child(1){transform:rotate(45deg);    top: 17px;}
.mobbtn.active-menu span:nth-child(2){width:0;left:50%;opacity:0;}
.mobbtn.active-menu span:nth-child(3){transform:rotate(-45deg);    top: 17px;}

.navigatie {  display:none;  position: absolute;    top: calc(100% + 10px);    padding: 25px 25px 10px;    background: var(--color-red);    z-index: 10;    right: 1.5rem;    width: 260px;}
.navigatie ul, .navigatie li {padding:0;margin:0;list-style:none;display:block}
.navigatie li {margin-bottom:15px;}
.navigatie a {color:#fff;font-size:25px;}
.navigatie a:not(.btn):hover, .navigatie a:not(.btn):focus {opacity:.75}

.navigatie .resp-nav {display:none}

.navigatie li:not(.resp-nav) + .resp-nav {margin-top:20px;}

@media screen and (max-width:992px){
	.header-btns {margin-top:45px}
	.header .btn {min-width:170px}
	.home .header-logo,
.home .header.disable  .header-logo {opacity:1;visibility:visible}
	.scroll-container, .content-container, .content-container {z-index:1}

}
@media screen and (max-width:767px){
	.header-logo {width:130px;}
	.header-btns {display:none}
	.mobbtn-holder {margin-top:30px;margin-left:auto;}
	.navigatie a {font-size:18px;}
	.navigatie .resp-nav .btn {font-size:var(--font-size-body);display:block;margin:0;}
	.navigatie .resp-nav {display:block}
}


/*------------------------------------*\
    FOOTER
\*------------------------------------*/
footer {background:#fff;padding:160px 0;}
footer, footer a  {color:#000;font-size:var(--font-size-body);}
footer a:hover {color:var(--color-red);}

.footer-logo {width:calc(425px + 3rem)}
.footer-logo a, .footer-logo img {display:block;width:100%;height:auto;}

.footer-links {width:auto;max-width:calc(100% - (425px + 3rem));margin-left:auto;order:2;display:flex;flex-wrap:wrap;}
.footer-links > div {width:350px;}

.footer-links h4 {font-size:28px;line-height:1.4;font-family:var(--font-family-poppins);font-weight:300}
.footer-links ul, .footer-links li {padding:0;margin:0;list-style:none;display:block;line-height:1.4}
.footer-links a {font-size:22px;}

.footer-socials {display:flex;flex-wrap:wrap; align-items: flex-start;}
.footer-socials h4 {width:100%;}

.footer-socials a {display:inline-block;margin-right:25px;}
.footer-socials a {    width: 40px;    height: 40px;    font-size: 26px;line-height:1;color:#fff;background:#000;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;}
.footer-socials a:hover, .footer-socials a:focus {background:var(--color-red);color:#fff}



@media screen and (max-width:1450px){
	.footer-logo {    width: calc(300px + 3rem);}
	.footer-links {max-width:calc(100% - (300px + 3rem))}

}

@media screen and (max-width:1250px){
	.footer-links > div {    width: auto;}
}

@media screen and (max-width:992px){
	footer {padding:100px 0}
	.footer-links{order:0;}
	 .footer-logo {   text-align:center;     width: 100%; margin-top:20px;   }
	.footer-logo a, .footer-logo a img {display:inline-block;max-width:250px;}
	.footer-links {        max-width: 100%;        width: 100%;    }
	.footer-links > div {        width: 100%;        text-align: center;        margin-bottom: 35px;        align-items: center;        justify-content: center;    }
	.footer-socials a {margin:0 10px;}

}
@media screen and (max-width:767px){
	footer {padding:60px 0}
	.footer-links a {    font-size: 18px;}
	.footer-socials a {    width: 35px;    height: 35px;    font-size: 23px;}
	 .footer-logo {   margin-top:10px;   }
	.footer-logo a, .footer-logo a img {max-width:200px;}
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media screen and (min-width:992px){
	.scroll-section { position: relative; height: 2400px;min-height:2400px; }
.holder {top: 0; height: 800px;min-height:800px; display: flex; align-items: center; justify-content: center; }

.peer-holder { position: absolute; left: 1.5rem; width: 50%; top: 50%; transform: translateY(-50%); }
.peer {width:100%;}
.text { position: absolute; top: 50%; transform: translateY(-50%); width:50%;max-width: 500px; opacity: 0; }
.text-1 { right: 0%; opacity: 1; }
.text-2 { left: 0%; }
.text-3 { right:0%; }
.text-three {opacity:0}
}
@media screen and (max-width:992px){
	.scroll-section .holder {display:flex;flex-wrap:wrap;}
	.peer-row {		margin-bottom: 60px;}
	.peer-holder {    position: relative;}
	.scroll-logo {
    position: absolute;
    z-index: 9999;
    width: 240px;
    left: calc(50% - 154px);
    top: calc(50% - 120px);
    opacity: 1;
}
	.peer {    max-width: 450px;}
	    .peer-holder {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
    }

}




@media screen and (max-width:1250px){
	.btn {min-width:350px}
	.other-brands-container .container img {    max-width: 70%;    margin-bottom: 30px;}
	.certificate-row {	margin-top: 15px;}

	.certificate-title:first-child {margin-top:0;}
	.certificate-title {margin-bottom:0;}
	.info-container .row {    margin-bottom: 90px;}
  .contact-container .certificate-title {margin:90px 0 0}

}

@media screen and (max-width:992px){
	.btn {min-width:270px}

	input[type="search"], input[type="text"], input[type="email"], textarea {height:45px;}
	textarea {height:150px;}
	.wpcf7-form-control-wrap {margin-bottom:30px;}
	.form-holder {    margin-top: 20px;}
	.contact-btns {margin-top:30px;margin-bottom:0}

	.contact-container h2, .certificate-container h2, .content-container .title-box h2 {margin:0;font-size:75px}
	 .content-container .title-box h2 {margin:0;font-size:55px}
	.certificate-container {padding-top:20px;padding-bottom:0;}
	.home .certificate-container {padding-top:140px;padding-bottom:0;}
	.contact-container .shape-top {    top: -155px;    height: 155px;}
	.contact-container {padding: 0 0 90px;}
	.other-brands-container {padding-bottom:155px;}
	.other-brands-container .shape-top {height:75px;}
	.other-brands-container .col-md-6 {    padding-top: 150px;    padding-bottom: 60px;}
  .subpage-brands-container {padding-bottom:0;}


	.certificate-title {    text-align: center;    margin: 30px 0 30px;}
	.certificate-title:first-child {margin-top:0;}

	.first-image-row .shape-top {height:155px;}
	.content-container {    padding: 60px 0 40px;}
	.certificate {margin-bottom:40px;}
	.certificate-row {margin-top:0;}
	.info-container .row {    margin-bottom: 60px;}
	.info-container {padding:0 0 20px;}
	.info-container .col-md-6 img {max-width:300px;}
	.image-row.with-title {min-height:0;}
	.image-row.with-title .container .row {		padding: 215px 0 180px;}
  body:not(.home) .image-row.with-title .container .row {    padding: 215px 0;}
  body:not(.home) .contact-shape {
      height: 90px;
  }
	.scroll-image-container {padding-bottom:20px;}
	.peer-verpakking {    margin-bottom: 40px;text-align:center}
  body:not(.home) .peer-verpakking {    margin-bottom: 0;    padding-bottom: 10px;}
	.usp-box h3 {    font-size: 30px;    margin-bottom: 5px;}
	.usp-box {font-size: 20px;}
	.usp-box .usp-desc {padding-left:30px;}
	.usp-box .icon {    width: 120px;}
	.usp-box .usp-desc {    width: calc(100% - 120px);    padding-left: 30px;}
	.usp-box {    margin-bottom: 40px;}
}

@media screen and (max-width:767px){
	.banner {padding:60px 0}
	.banner h1, .image-row h1, .image-row h2  {text-align:center;}
	.banner h1 span, .image-row h1 span, .image-row h2 span{padding-left:0;}

	.title-box, .peer-row h2, .scroll-image-container h2 {margin-bottom:20px;}
	p {margin-bottom:20px}
	.btn {min-width:150px;border-width:2px!important}
	.other-brands-container:before, .other-brands-container:after {display:block}
	.other-brands-container .container img {max-width:300px}
	.other-brands-container .col-md-6 {    padding-top: 120px;    padding-bottom: 60px;}
	.contact-container h2, .certificate-container h2, .content-container .title-box h2 {font-size:55px}
	 .content-container .title-box h2 {margin:0;font-size:42px}
	.other-brands-container {padding-bottom:0;}
	.other-brands-container:not(.subpage-brands-container) .col-md-6:last-child{padding-bottom:215px}
  body:not(.home) .contact-container {padding-bottom:0;}
    body:not(.home) .contact-shape {      height: 120px;  }
    .other-brands-container.subpage-brands-container .col-md-6:first-child {        padding-top: 175px;    }

	.other-brands-container .col-md-6:nth-child(2) {padding-top:60px}
	.content-container {    padding: 60px 0 0;}
	.certificate {margin-bottom:25px;}
	.info-container .col-md-6 img {max-width:200px;margin-bottom:30px;}
	.info-container h2, .peer-row h2, .scroll-image-container h2 {margin-bottom:20px;}
	.peer {        max-width: 100%;    }
	.scroll-logo {        width: 180px;        left: calc(50% - 90px);			top: calc(50% - 115px);}
	.peer-row {        margin-bottom: 40px;    }
	.usp-box h3 {font-size: 25px;}
	.usp-box {font-size: 18px;align-items:normal;}
.usp-box .usp-desc {margin-top:13px;}
  .contact-container .shape-top {      top: -100px;      height: 100px;  }
  .first-image-row .shape-top {      height: 100px;  }
  body:not(.home) .image-row.with-title .container .row {    padding: 150px 0;}
  .contact-container .certificate-title {   margin: 60px 0 0;}

}

@media screen and (max-width:550px){
	.contact-container h2, .certificate-container h2, .content-container .title-box h2 {font-size:40px}
	 .content-container .title-box h2 {margin:0;font-size:32px}
	.info-container .col-md-6 img {max-width:130px;}
	.usp-box .icon {    width: 70px;}
	.usp-box .usp-desc {    width: calc(100% - 70px);    padding-left: 20px;}
  .usp-box .usp-desc {margin-top:0;}
}


/*------------------------------------*\
    MISC
\*------------------------------------*/



::selection {
	background:var(--color-red);
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:var(--color-red);
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:var(--color-red);
	color:#FFF;
	text-shadow:none;
}


/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}