@import url('https://fonts.googleapis.com/css2?family=Caveat&family=Nunito+Sans:ital,wght@0,400;0,700;0,800;0,900;1,400&display=swap');
body{font-family: 'Nunito Sans', sans-serif;color:#696c74;font-size:16px;font-weight: 400;overflow-x: hidden;padding-top:104px;}
body.newhome { padding-top: 0 !important; background-color: #fff !important; }
body.new { padding-top: 0;}
.new.scroll header, .profile.new header, .orderstatus.new header, .check-order.new header, .create-account.new header { background-color: #4f93aa; }
a{transition:all ease-out .3s;color:#000;text-decoration:none;position:relative}
a:hover,a:focus,a:active{text-decoration:none;color:#ee5cb3;}
h1,h2,h3,h4,h5{font-weight: 700; }
h1{font-size:32px;line-height:120%}
h2, footer h3{font-size:24px;line-height:120%; font-weight: 900;}
h3{font-size:18px;line-height:119%}
h4{font-size:19px;line-height:125%}
h5{font-size:16px;line-height:125%}
p{font-size:16px;line-height: 150%;}
b, strong {font-weight: 900;}
img{max-width:100%;height:auto!important}
.default-font {font-family: 'Nunito Sans', sans-serif;}
.alt-font {}
/*site*/
.info-icon {box-shadow:inset 0 0 0 10px #7dd3ce;width:195px;height:195px;border-radius: 50%;position:relative;}
.info-icon img {max-height: 120px;width:auto!important;}
.info-icon .counter {position:absolute;top: -10px;left: 50%;background-color: #24618e;font-weight:800;font-size: 18px;border-radius: 50%;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;margin-left: -15px;}
header { background-color:#4f93aa; }
.new header { background-color: transparent; }
#header {transition:all ease-out .3s;background-color: #fff;}
#header-lang {position: absolute;top: 15px;right: 15px;}
#header-was {}
#hero-top {height:550px;position: relative;background-position-y: -45px; background-size: cover;}
body.home #hero-top, body.home-en #hero-top {height:696px;position: relative; background-size: cover;}
body.t2 #hero-top, body.t13 #hero-top, body.t22 #hero-top, body.t16 #hero-top {height:550px;background-position-y: -80px; background-size: cover;}
body.t10 #hero-top, body.no-service #hero-top, body.t19 #hero-top {height:550px;background-position-y: -80px; background-size: cover;}
body.t2.n36 #hero-top  {height:400px;}
body.price-list #hero-top  {height:350px;}
#heroine {width:260px;height:360px;position: absolute;top: 240px;left: 51.6%;}
.row-1280 .col-12 {max-width: 400px;}
#row-ervaringen > div:not(:last-child) {box-shadow:1px 0 0 #fff;}
#login {max-width:480px;}
.form-control {border:none;}
.modal-body .form-control {border:1px solid #ced4da;}
.toggle-me {transition:all ease-out .3s;transform: translateX(100%);position: fixed;right: 0;top: 140px;z-index: 1999;}
.toggle-me.active {transform: translateX(0);}
.close {cursor: pointer;}
.step-btns {display: flex;flex-wrap: wrap;padding-left: 0;}
.step-btn {min-width: 200px;margin-left: -30px;list-style: none; padding: .25rem 1rem .25rem 3rem;background-color: #276591; background-image: linear-gradient(90deg, #276591, #529cbe);color: #fff;font-weight: 600;border-radius: 0 30px 30px 0;box-shadow: 0 0 0 5px #f5f6fe;}
.step-btn a {color: #fff;display: block;}
.step-btn:nth-child(1) {z-index: 5;padding-left: 1rem;margin-left: 0;}
.step-btn:nth-child(2) {z-index: 4;}
.step-btn:nth-child(3) {z-index: 3;}
.step-btn:nth-child(4) {z-index: 2;}
.step-btn:nth-child(5) {z-index: 1;}
.step-btn.step-btn-active {background-color: #37c0b8; background-image: linear-gradient(90deg, #37c0b8, #7bd2ce);}
.step-content-tabs {border-bottom-left-radius: 0!important;border-bottom-right-radius: 0!important;}
.step-content-tab {padding: .5rem;}
.step-content-tab a {display: block;}
.step-content-tab:first-child {border-top-left-radius: 20px;padding-left: 1rem;}
.step-content-tab-active {background-color: #529bbe;font-weight: bold;}
.menu-flex ul {display: flex;flex-wrap: wrap;padding-left: 0;margin: 0;}
.menu-flex ul li {list-style: none;}
.input-number {padding: .25rem .5rem;max-width: 5rem;font-size: 15px!important;line-height: 15px;}
.bordered-table td {padding-top:10px;padding-bottom:10px;border-bottom:1px solid #333;}
.step, .step-content {display: none;}
.step-active {display: flex;}
.step-content-active {display: block;}
.step-content-tab {transition: all ease-out .2s;}
.step-content-tab:hover {box-shadow:inset 0 0 0 30px rgba(255,255,255,.1)}
.border {border: 1px solid #24618e!important;}
#order p {margin-bottom: 0;}
#tracking-bar .road {border-bottom: 4px dashed #72dfd8;position: relative;}
#tracking-bar .road.past {border-bottom: 4px dashed #ee5cb3;}
#tracking-bar span {display: block;width: 20px;height: 20px;background-color:#72dfd8;border-radius: 50%;position: absolute;left: -10px;top: -9px;}
#tracking-bar .active span, #tracking-bar .past span {background-color:#ee5cb3;}
#tracking-bar p {position:absolute;left: 0;top: 100%;padding-top: 15px;transform: translateX(-50%);}

#tracking-bar2 .road {border-bottom: 4px dashed #72dfd8;position: relative;}
#tracking-bar2 .road.past {border-bottom: 4px dashed #ee5cb3;}
#tracking-bar2 span {display: block;width: 20px;height: 20px;background-color:#72dfd8;border-radius: 50%;position: absolute;left: -10px;top: -9px;}
#tracking-bar2 .active span {background-color:red;}
#tracking-bar2 .past span {background-color:#ee5cb3;}
#tracking-bar2 p {position:absolute;left: 0;top: 100%;padding-top: 15px;transform: translateX(-50%);}

.order-details:nth-child(even) {background-color: #f5f6fe;}
.thumb-70 {width: 70px;height: 70px;position:relative;overflow: hidden;}
/*//site*/
.grad-1{background:linear-gradient(#f98f01,#de2a0c)!important}
.owl-carousel, .owl-ervaringen, .owl-usp, .owl-hoe{overflow:hidden}
.owl-stage-outer{cursor:col-resize}
.owl-carousel .item-image img{max-width:100%;max-height:100%}
.owl-nav .disabled{opacity:.4}
.owl-prev,.owl-next{position:absolute;top:50%;transform:translateY(-50%);color:#fff!important;font-size:0!important;font-weight:300!important;width: 50px;height: 100px;}
.owl-prev{left:1%;background:url(art/slide-left.svg) no-repeat center!important;}
.owl-next{right:1%;background:url(art/slide-right.svg) no-repeat center!important;}
.owl-ervaringen .owl-prev, .owl-usp .owl-prev, .owl-hoe .owl-prev{left:-16px;background:url(art/next.svg) no-repeat center!important;box-shadow: none;-webkit-box-shadow:none;transform: rotate(180deg) translateY(50%);outline:none;}
.owl-ervaringen .owl-next, .owl-usp .owl-next, .owl-hoe .owl-next{right:-16px;background:url(art/next.svg) no-repeat center!important;box-shadow: none;-webkit-box-shadow:none;outline:none;}
.owl-theme .owl-nav{margin-top:0}
.owl-theme .owl-nav [class*=owl-],.owl-theme .owl-nav [class*=owl-]:hover{font-size:0;background:none}
.owl-theme .owl-dots .owl-dot span{background:none;opacity:.9;width:20px;height:20px;border-radius:50%;border-color:#00659e;border-style:solid;border-width:1px}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{opacity:1;background:#00659e;border-color:#00bff3}
.owl-theme .owl-dots{position:relative;bottom:0;left:0;width:100%;text-align:center;padding:1rem 6rem;}
.owl-theme.owl-ervaringen .owl-dots, .owl-theme.owl-usp .owl-dots, .owl-theme.owl-hoe .owl-dots { padding: 1rem;}
.owl-ervaringen .owl-dot, .owl-usp .owl-dot, .owl-hoe .owl-dot { background: none; box-shadow: none; -webkit-box-shadow: none; }
.owl-ervaringen .owl-dot span, .owl-usp .owl-dot span, .owl-hoe .owl-dot span { width: 35px !important; height: 3px !important; color: #81cfcb !important; border-color: #81cfcb !important; }
.owl-ervaringen .owl-dot.active span, .owl-usp .owl-dot.active span, .owl-hoe .owl-dot.active span { color: #cd529c !important; border-color: #cd529c !important; }
.owl-ervaringen .slide-lead p { padding-left: 4px; padding-right: 4px; }
.owl-ervaringen .owl-nav .owl-prev, .owl-ervaringen .owl-nav .owl-next { top: 60px; }
.owl-carousel .owl-item .stars img { width: 32px; display: none; }
.owl-usp h2, .owl-hoe h2 { font-size: 24px !important; font-weight: 900; line-height: normal !important;}
.owl-usp .xs-font, .owl-usp .xs-font p, .owl-hoe .xs-font, .owl-hoe .xs-font p { font-size: 18px !important;}
.owl-usp .item .pict { width: 192px; height: 192px; margin: auto; background-color: #f5f6ff; -webkit-box-shadow: none; box-shadow: none; border-radius: 50%; border: solid 8px #7dd3ce; display: inline-flex; justify-content: center; align-items: center; }
.owl-usp img { width: 60% !important; margin: 0 auto; }
.owl-hoe .pict { border-radius: 50%; border: solid 10px #7dd3ce; }
.owl-hoe img { border-radius:0; border: none; width: auto; }
.owl-hoe .item .pict { width: 196px; height: 196px; margin: auto; background-color: #f5f6ff; -webkit-box-shadow: none; box-shadow: none; position: relative }
.owl-hoe .item .pict:after { content: ""; position: absolute; z-index: -1; width: 120%; height: 120%; background-color: #f5f6ff; top: -12%; border-radius: 50%;}
.owl-hoe .pict img { max-width: 60%; max-height: 100%; width: auto !important;}
.owl-hoe .counter { position: absolute; top: 6px; left: 50%; transform: translate(-50%, -50%); color: #fff; font-weight: 900; font-size: 18px; background-color: #24618e; border-radius: 50%; width: 30px; height: 30px; z-index: 6; }
.owl-hoe .owl-stage-outer { padding-top: 15px; }
.owl-hoe .owl-nav .owl-prev, .owl-hoe .owl-nav .owl-next, .owl-usp .owl-nav .owl-prev, .owl-usp .owl-nav .owl-next { top: 98px; }
.slide-title { font-weight: 900; font-size: 24px; }
.slide-lead p:first-of-type:before { content: "\201C"; }
.slide-lead p:last-of-type:after { content: "\201E"; }
#hoe .slide-lead p:first-of-type:before, #hoe .slide-lead p:last-of-type:after { display: none;}
#hoe .slide-lead a { color: #d84e96; }
#totop{z-index:100;left:50%;transform:translate(-50%,100%);bottom:0;transition:all ease-in-out .3s}
#totop.showme{transform:translate(-50%,0)}
/*override BS default styles*/
.navbar-nav .nav-link {font-size: 18px;font-weight:600;padding-top:.5rem;padding-bottom: .5rem;margin-left: 0.5rem;margin-right: 0.5rem;}
.navbar-light .navbar-nav .nav-link {color: #24618e;}
.navbar-light .navbar-nav .nav-item:last-child .nav-link {display: inline-block;background-color: #ee5cb3;color: #fff;border-radius: 33px;padding-left: 1.5rem;padding-right: 1.5rem;text-transform: uppercase;letter-spacing: 2px;font-size: 15px;}
.navbar-light .navbar-nav .nav-item:last-child .nav-link:hover {background-color: #c83a90;}
/*.navbar-light .navbar-nav .nav-item:last-child .nav-link:hover {background-color: #dc409d;}*/
.navbar-light .navbar-nav .nav-link:hover {box-shadow: 0 2px 0 #ee5cb3;color: #24618e;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {color: #ee5cb3;}
.form-control, .btn {border-radius:33px;font-size: 22px;font-weight: 800;color:#2a88c5;}
.form-control {font-weight: 400;color: #000;padding-left: 20px;}
.btn {text-align: center;}
.form-control.form-control-small {font-size: 1rem;font-weight:400;text-align: left;}
.form-control.form-control-search {font-size: 1rem;font-weight:400;text-align: left;display: inline-block;width: auto;max-width: 100%;margin-bottom: .5rem;}
.form-control:focus {color:#2a88c5;box-shadow: none;}
.form-control-border-1 {box-shadow:inset 0 0 0 5px #7dd3ce;border:none;}
.i-block {margin-bottom: .5rem;}
/*-> bg-colors, text-colors*/
.bg-grad-1{background-color: #276591; background-image: linear-gradient(90deg, #276591, #529cbe); }
.bg-grad-2{background:linear-gradient(#46b783,#4d7485)!important}
.bg-grad-3{background:radial-gradient(#0aac9b,#00897b)!important}
.bg-grad-4{background:radial-gradient(#3b3b3b,#222222)!important}
.bg-grad-5{background:linear-gradient(rgba(0,0,0,0),#203138)!important}

.bg-1 {background-color: #7dd3ce;}
.bg-2 {background-color: #de68af;}
.bg-3 {background-color: #87384d;}
.bg-4 {background-color: #2a88c5;}
.bg-5 {background-color: #fff;}
.bg-6 {background-color: #f5f6fe;}
.bg-7 {background-color: #32ba7c;}
.bg-8 {background-color: #2c555e;}
.bg-9 {background-color: #003242;}
.bg-10 {background-color: #e4f0ff;}
.bg-11 {background-color: #24618e;}
.bg-12 {background-color: #72d0ca;}
.bg-13 { background-color: #31c7bf; }
.bg-14 { background-color: #cd529c; }
.bg-15 { background-color: #f5f6ff; }
.bg-white {background-color: #fff;}
.bglight { background-color: #f5f6f8; }
.bg-transparent-white {background-color: rgba(255,255,255,.9);}
.bg-transparent-color-1 {background-color: rgba(36,97,142,.9);}
.gradient-blue { background: #4f93aa; background: -moz-radial-gradient(center, ellipse cover,  #4f93aa 0%, #26638f 100%); background: -webkit-radial-gradient(center, ellipse cover,  #4f93aa 0%,#26638f 100%); background: radial-gradient(ellipse at center,  #4f93aa 0%,#26638f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f93aa', endColorstr='#26638f',GradientType=1 ); color: #fff; }

.bg-1-hover a {color: #212121;transition: all ease-in .3s;}
.bg-1-hover a:hover, .bg-1-hover.active a {color: #fff;background-color: #ffc107;}
.bg-2-hover a {color: #f44336;transition: all ease-in .3s;}
.bg-2-hover a:hover, .bg-2-hover.active a {color: #fff;background-color: #f44336;}
.bg-3-hover a {color: #afb42b;transition: all ease-in .3s;}
.bg-3-hover a:hover, .bg-3-hover.active a {color: #fff;background-color: #afb42b;}
.bg-4-hover a {color: #00bcd4;transition: all ease-in .3s;}
.bg-4-hover a:hover, .bg-4-hover.active a {color: #fff;background-color: #00bcd4;}

.color-0, .color-0 a, a.color-0 {color: #696c74!important;}
.color-0 a:hover, a.color-0:hover {color: #696c74!important;}

.color-1, .color-1 a, a.color-1 {color: #7dd3ce!important;}
.color-1 a:hover, a.color-1:hover {color: #7dd3ce!important;}

.color-2, .color-2 a, a.color-2 {color: #de68af!important;}
.color-2 a:hover, a.color-2:hover {color: #de68af!important;}

.color-3, .color-3 a, a.color-3 {color: #6a6c75!important;}
.color-3 a:hover, a.color-3:hover {color: #4d505a!important;}

.color-4, .color-4 a, a.color-4 {color: #777777!important;}
.color-4 a:hover, a.color-4:hover {color: #333!important;}

.color-5, .color-5 a, a.color-5 {color: #fff!important;}
.color-5 a:hover, a.color-5:hover {color: #fff!important;}

.color-6, .color-6 a, a.color-6 {color: #24618e!important;}
.color-6 a:hover, a.color-6:hover {color: #24618e!important;}

.color-7, .color-7 a, a.color-7 {color: #000!important;}
.color-7 a:hover, a.color-7:hover {color: #000!important;}

.color-8, .color-8 a, a.color-8 {color: #cd529c!important;}

.color-white, .color-white a, a.color-white {color: #fff!important;}
.color-white a:hover, a.color-white:hover {color: #fff!important;}
.color-purple { background-color: #d94e96; color: #fff; }
.color-green { background-color: #7dd3ce; color: #fff; }
.color-blue { background-color: #24618e; color: #fff; }
.btn.color-white { background-color: #fff; color: #696c74 !important; font-size: 14px; margin-bottom: 2px; border: solid 1px #e4e5ed; }


/*-> button styles*/
.btn {border: 0 solid transparent; outline: none;box-shadow: none;position:relative;font-weight:800;padding: .6rem .75rem;}
.btn.focus, .btn:focus {box-shadow: none;}
.btn-1, a.btn-1, .btn-info, a.btn-info {border-color:#7dd3ce;background-color: #7dd3ce; color: #fff; }
.btn-1:hover, a.btn-1:hover, .btn-info:hover, a.btn-info:hover {color: #fff;background-color: #38b8b1;border-color: #38b8b1;}
.btn-2, a.btn-2 {border-color:#fff;background-color: #fff; color: #24618e; }
.btn-2:hover, a.btn-2:hover {color: #fff;background-color: #24618e;border-color: #24618e;}
.btn-3, a.btn-3 {border-color:#dc53a6;background-color: #dc53a6; color: #fff; }
.btn-3:hover, a.btn-3:hover {color: #fff;background-color: #cd3e95;border-color: #cd3e95;}
.btn-4, a.btn-4 {border-color:#24618e;background-color: #24618e; color: #fff; }
.btn-4:hover, a.btn-4:hover {color: #fff;background-color: #2577b4;border-color: #2577b4;}
.btn-4:after {right: -10px;top: 0;background-image:url(art/btn-4-after.svg);}
.btn-5, a.btn-5 {border-color:#B53D7B;background-color: #B53D7B; color: #fff; }
.btn-5:hover, a.btn-5:hover {color: #fff;background-color: #AB3371;border-color: #AB3371;}
.btn-6, a.btn-6 {border-color:#d94e96;background-color: #d94e96; color: #fff; font-size: 24px !important; }
.btn-6:hover, a.btn-6:hover, .btn.color-purple:hover {color: #fff;background-color: #B53D7B;border-color: #B53D7B;}
.btn-7, a.btn-7 {border-color:#7dd3ce;background-color: #7dd3ce; color: #fff; font-size: 24px !important; padding: .4rem 2.76rem; }
.btn-7:hover, a.btn-7:hover, .btn.color-green:hover {color: #fff;background-color: #599692;border-color: #599692;}
.btn-8, a.btn-8 {border-color:#b53d7b;background-color: #b53d7b; color: #fff; font-size: 24px !important; }
.btn-8:hover, a.btn-8:hover {color: #fff;background-color: #d94e96;border-color: #d94e96;}
.btn-outline-1, a.btn-outline-1 {border-color:#cad3d5;background-color:rgba(0,0,0,.5); color: #cad3d5;}
.btn-outline-1:hover, a.btn-outline-1:hover {color: #fff;background-color: #000;border-color: #fff;}
.btn-outline-2, a.btn-outline-2 {border-color:#4c7484;background-color: transparent; color: #4c7484;box-shadow: 5px 5px 0 rgba(0,0,0,.11); }
.btn-outline-2:hover, a.btn-outline-2:hover {color: #fff;background-color: #6699ae;border-color: #6699ae;}
.btn-outline-3, a.btn-outline-3 {border-color:#ff7043;background-color: transparent; color: #ff7043;box-shadow: 5px 5px 0 rgba(0,0,0,.11); }
.btn-outline-3:hover, a.btn-outline-3:hover {color: #fff;background-color: #ff8a43;border-color: #ff8a43;}
.btn-outline-4, a.btn-outline-4 {border-color:#d1e751;background-color: rgba(0,0,0,.33); color: #d1e751; }
.btn-outline-4:hover, a.btn-outline-4:hover {color: #fff;background-color: #d1e751;border-color: #d1e751;}
.btn-wrap {transition: all ease-out .1s;position: relative;top: 0;}
.btn-wrap:hover {top:-2px;}
.btn-wrap > .row {transition: all ease-in .3s;}
.btn-wrap:hover > .row {background-color: rgba(255,255,255,.1)!important;}
.btn-wrap .move-right {transition: all ease-out .2s;right: 0;position: relative;}
.btn-wrap:hover .move-right {right: -5px;}
.btn-primary {background-color: #ee5cb3;color: #fff;border-radius: 33px;padding-left: 1.5rem;padding-right: 1.5rem;text-transform: uppercase;letter-spacing: 2px;font-size: 15px;}
.btn-secondary {background-color: #6C758;color: #fff;border-radius: 33px;padding-left: 1.5rem;padding-right: 1.5rem;text-transform: uppercase;letter-spacing: 2px;font-size: 15px;}
.btn-info {color: #fff;border-radius: 33px;padding-left: 1.5rem;padding-right: 1.5rem;text-transform: uppercase;letter-spacing: 2px;font-size: 15px;}
.btn-faq { background-color: #d6dae3; box-shadow:0 0 11px 0 rgba(0,0,0,.11); color: #696c74; }
a:hover .btn-faq { background-color: #b3b6bd; }

/*font-weight + sizes*/
.font-weight-200 {font-weight: 200;}
.font-weight-300 {font-weight: 300;}
.font-weight-400 {font-weight: 400 !important;}
.font-weight-500 {font-weight: 500;}
.font-weight-600 {font-weight: 600;}
.font-weight-700 {font-weight: 700;}
.font-weight-800 {font-weight: 800;}
.font-weight-900 {font-weight: 900;}
.xxs-font,.xxs-font h1,.xxs-font h2,.xxs-font h3,.xxs-font h4,.xxs-font h5,.xxs-font p{font-size:12px!important;font-weight: 100;}
.xs-font,.xs-font h1,.xs-font h2,.xs-font h3,.xs-font h4,.xs-font h5,.xs-font p{font-size:15px!important;line-height: 125%!important;}
.s-font,.s-font h1,.s-font h2,.s-font h3,.s-font h4,.s-font h5,.s-font p{font-size:20px!important;line-height: 125%!important;}
.m-font,.m-font h1,.m-font h2,.m-font h3,.m-font h4,.m-font h5,.m-font p{font-size:22px!important;line-height: 119%!important;}
.l-font,.l-font h1,.l-font h2,.l-font h3,.l-font h4,.l-font h5,.l-font p{font-size:34px!important;line-height: 119%!important;}
.xl-font,.xl-font h1,.xl-font h2,.xl-font h3,.xl-font h4,.xl-font h5,.xl-font p{font-size:43px!important;line-height: 119%!important;}
.xxl-font,.xxl-font h1,.xxl-font h2,.xxl-font h3,.xxl-font h4,.xxl-font h5,.xxl-font p{font-size:61px!important;line-height: 100%!important;}
.xxxl-font,.xxxl-font h1,.xxxl-font h2,.xxxl-font h3,.xxxl-font h4,.xxxl-font h5,.xxxl-font p{font-size:75px!important;line-height: 110%!important;}
.xs-font .table {font-size:16px!important;line-height: 125%!important;}
.h-font h2 { font-size: 40px; color: #696c74; font-weight: 900; }
.f-16 { font-size: 16px; }
.f-18, .f-18 p { font-size: 18px !important; }
.f-20, .f-20 p { font-size: 20px; }
.f-22 { font-size: 22px !important; }
.f-24 { font-size: 24px !important; }
.f-32 { font-size: 32px; }
.f-36 { font-size: 36px; }
.f-46 { font-size: 46px; }
.f-48 { font-size: 48px; }
.f-54 { font-size: 54px; }

.box-sh-11 { -webkit-box-shadow: 0 0 11px 0 rgba(0,0,0,.11); box-shadow:0 0 11px 0 rgba(0,0,0,.11); }
footer a {color: #fff}

/*USPS*/
.usps-home h2.s-font {font-size:20px!important;}
.usps-home .xs-font p {font-size:17px!important;}
.usps-home img {max-width: 125px;}

/*UX - animations*/
.animate-1 {
  animation-name: animation-1-in;
  animation-duration: .25s;
  animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: reverse;
  animation-fill-mode: none;
}
.animate-1:hover {
  animation-name: animation-1-out;
  animation-duration: .25s;
  animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}
@keyframes animation-1-in {
  from {box-shadow:inset 0 0 0 0 rgba(255,255,255,.1);}
  to {box-shadow:inset 100px 60px 0 0 rgba(255,255,255,.2);}
}
@keyframes animation-1-out {
  from {box-shadow:inset 0 0 0 0 rgba(255,255,255,0);}
  to {box-shadow:inset 210px 60px 0 0 rgba(255,255,255,.2);}
}
.appear-from-bottom{position:relative;opacity:0;bottom:-100px;transition:all .8s ease-out}
.appear-from-bottom.animated{opacity:1;bottom:0}
.scale-up {transition:all ease-in .25s;opacity:1;transform:scale(.93)}
.scale-up.animated,.scale-up:hover{transform:scale(1);opacity:1}
.from-bottom{transform:translateY(45px)}
.active .from-bottom,.active-hover:hover .from-bottom{transform:translateY(0);opacity:1}
.delay-1{transition-delay:.5s}
.animated{animation-delay:1s}
.button-animated{background:none;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 .25rem;padding:1em 2em;-webkit-box-shadow:inset 0 0 0 2px rgba(0,0,0,0);box-shadow:inset 0 0 0 2px rgba(0,0,0,0);font-size:inherit;font-weight:700;position:relative;vertical-align:middle}
.button-animated::before,.button-animated::after{-webkit-box-sizing:inherit;box-sizing:inherit;content:'';position:absolute;width:100%;height:100%}
.draw{-webkit-transition:color .45s;transition:color .45s}
.draw::before,.draw::after{border:2px solid transparent;width:0;height:0}
.draw::before{top:0;left:0}
.draw::after{bottom:0;right:0}
.draw:hover{color:inherit}
.draw:hover::before,.draw:hover::after{width:100%;height:100%}
.draw:hover::before{border-top-color:#121212;border-right-color:#121212;-webkit-transition:width .45s ease-out,height .45s ease-out .25s;transition:width .45s ease-out,height .45s ease-out .45s}
.draw:hover::after{border-bottom-color:#121212;border-left-color:#121212;-webkit-transition:border-color 0 ease-out .55s,width .25s ease-out .55s,height .25s ease-out .75s;transition:border-color 0 ease-out .55s,width .25s ease-out .55s,height .25s ease-out .75s}
.meet:hover{color:#121212}
.meet::after{top:0;left:0}
.meet:hover::before{border-top-color:#121212;border-right-color:#121212}
.meet:hover::after{border-bottom-color:#121212;border-left-color:#121212;-webkit-transition:height .55s ease-out,width .25s ease-out .45s;transition:height .2s ease-out,width .65s ease-out .15s}
.border-me-before,.border-me-after,.z-1{position:relative;z-index:1}
.border-me-before:before,.border-me-after:after{content:'';width:100%;height:100%;position:absolute;top:100%;border:1px solid #d5d6da;z-index:-1}
.border-me-before:before{height:33%;right:33%;margin-top:-120px;border-bottom-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0)}
.border-me-after:after{left:33%;margin-top:-120px;border-bottom-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0)}
/*UI*/
.b-rad-1 {border-radius: 3px;}
.b-rad-2 {border-radius: 10px;}
.b-rad-3 {border-radius: 20px;}
.opacity-1 {opacity: .1;}
.opacity-2 {opacity: .2;}
.opacity-5 {opacity: .5;}
.opacity-8 {opacity: .8;}
.menu ul,.menu-list ul{margin:0;padding:0}
.menu li{display:inline-block;padding-left:5px;padding-right:5px;list-style:none;}
.menu-list li{list-style:none;margin:.25rem 0}
.menu-list.square li{list-style:inside square}
.img-fluid img{width:100%}
.socicons li{width:32px;height:32px;position:relative;transition:all ease-out .2s;transition-delay:.2s}
.socicons a{position:absolute;left:0;top:0;width:100%;height:100%;line-height:32px;font-size:20px}
.arrow{width:80px;height:80px;text-align:center;line-height:80px}
.bg-image{background-position:center;background-repeat:no-repeat; background-size: cover;}
.bg-cover{background-size:cover}
.bg-100{background-size:100%}
.bg-top{background-position:top center}
.bg-fixed{background-attachment:fixed}
.bg-contain{background-size:contain}
.sep-t{border-top:1px solid #6f8987}
.sep-b{border-bottom:1px solid #6f8987}
.sep-t-2{border-top:1px solid #ecebea}
.sep-b-2{border-bottom:1px solid #ecebea}
.sep-t-3{border-top:1px solid #fff}
.sep-b-3{border-bottom:1px solid #fff}
.spacer{display:inline-block;padding-left:10px;padding-right:10px}
.absolute-center,.fixed-center,.vertical-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.fixed-center{position:fixed}
.vertical-center{transform:translate(0,-50%)}
/*site specific:*/
progress {position: fixed;left: 0;top: 0;width: 100%;height: .25em;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;background-color: transparent;color: rgb(244, 241, 100);z-index: 9999;}
progress::-webkit-progress-bar {background-color: transparent;}
.flat {background-color: rgba(0,0,0,.03);}
.flat::-webkit-progress-value { background-color: rgba(0,0,0,.33);}
.flat::-moz-progress-bar {background-color: rgba(0,0,0,.33);}
.progress-container {width: 100%;background-color: transparent;position: fixed;top: 0;left: 0;height: .25em;display: block;}
.progress-bar {background-color: red;width: 50%;display: block;height: inherit;}

/*shadows*/
.shadow-ext{box-shadow:0 0 100px rgba(0,0,0,.25)}
.shadow-ext-2{box-shadow:-4px 4px 0 rgba(0,0,0,.25)}
.shadow-ext-3{box-shadow:-4px 4px 0 rgba(0,0,0,.33)}
.text-shadow{text-shadow: 2px 2px 0 rgba(0,0,0,.33);}

/*cookie message*/
.cookieMessage{position:fixed;bottom:0;left:0;width:100%;padding:10px!important;z-index:9999!important;background-color:#0c0c0c!important;color:#fff!important}
.cookieMessage a{color:#fff;font-weight:700}
.cookieButton{background-color: #ee5cb3!important;border-color: #e11!important;border-radius: 25px!important;}

.alt-placeholder::-webkit-input-placeholder{color:#24618e;font-size:22px;font-weight:100;text-align: center;opacity: 0.75}
.alt-placeholder::-moz-placeholder{color:#24618e;font-size:22px;font-weight:100;text-align: center;opacity: 0.75}
.alt-placeholder:-ms-input-placeholder{color:#24618e;font-size:22px;font-weight:100;text-align: center;opacity: 0.75}
.alt-placeholder:-moz-placeholder{color:#24618e;font-size:22px;font-weight:100;text-align: center;opacity: 0.75}

.alt-2-placeholder::-webkit-input-placeholder{color:#24618e;font-size:20px;font-weight:800;text-align: left;opacity: 0.5}
.alt-2-placeholder::-moz-placeholder{color:#24618e;font-size:20px;font-weight:800;text-align: left;opacity: 0.5}
.alt-2-placeholder:-ms-input-placeholder{color:#24618e;font-size:20px;font-weight:800;text-align: left;opacity: 0.5}
.alt-2-placeholder:-moz-placeholder{color:#24618e;font-size:20px;font-weight:800;text-align: left;opacity: 0.5}

.alt-3-placeholder::-webkit-input-placeholder{color:#999;font-size:20px;font-weight:400;text-align: left;opacity: 0.5}
.alt-3-placeholder::-moz-placeholder{color:#999;font-size:20px;font-weight:400;text-align: left;opacity: 0.5}
.alt-3-placeholder:-ms-input-placeholder{color:#999;font-size:20px;font-weight:400;text-align: left;opacity: 0.5}
.alt-3-placeholder:-moz-placeholder{color:#999;font-size:20px;font-weight:400;text-align: left;opacity: 0.5}

.postcode::-webkit-input-placeholder{color:#25618f;font-size:24px;font-weight:900;text-align: center;}
.postcode::-moz-placeholder{color:#25618f;font-size:24px;font-weight:900;text-align: center;}
.postcode:-ms-input-placeholder{color:#25618f;font-size:24px;font-weight:900;text-align: center;}
.postcode:-moz-placeholder{color:#25618f;font-size:24px;font-weight:900;text-align: center;}

#postcode .postcode::-webkit-input-placeholder{color:#b53d7b;}
#postcode .postcode::-moz-placeholder{color:#b53d7b;}
#postcode .postcode:-ms-input-placeholder{color:#b53d7b;}
#postcode .postcode:-moz-placeholder{color:#b53d7b;}

#postcodeform3 .postcode:focus { color:#25618f; font-weight: 900; }

/*reg.forms*/
#regFormContent {padding-bottom: 100px;}
#regFormContent h2, .cartShipping h2 {font-size: 32px;}
#regFormContent #chain {margin-bottom: 30px;display: none;}
#regFormContent #chain ul li {display: block;margin-right:20px;}
#chainWishlist, #regFormContent #chain ul li:nth-of-type(2) {display: none!important;}
#regFormContent h2 {font-weight: 600!important;margin-top: 20px;}
.shippingAddressRow.country, .billing_address_row.country, #salutationRow, #genderRow {display: none;}
.regFormTableTD1 {width: 275px;}

.regFormTableTextField, .regFormTableTextFieldSmall, .regFormTablePhone2 {border: 1px solid #d3d3d3;display: inline-block; max-width: fit-content;font-size: 16px;}
.regFormTableTextFieldSmall {max-width: 125px;}
.regFormTableList {max-width: 200px;font-size: 13px;padding: .25rem;border: 1px solid #d3d3d3;}
.regFormTableRegisterButton {background-color: #ee5cb3;color: #fff;margin-top: 15px;text-transform: uppercase;}
.phoneHint, .regFormTableTD2 i {font-size: 14px; padding: .5rem 0;}
#ceg_nev {height: 45px;}
.regFormTableTextCheckbox {margin-right: 5px;}

body.lostpassword #regFormContent h1 { display: none;}

.LoginBox {margin-top: 50px;}
.LoginBox .form .form-control { margin-bottom: 0rem;}

.form label {display: inline-block;font-weight: 600;color: #ee5cb3;font-size: 22px;}
.form .form-control {margin-bottom: 2rem; border: 1px solid #d3d3d3;font-weight: 300;}
.form-control.normal-fit {width: fit-content;display: inline-block;}
.toggle-on.btn {color: #fff;}
.toggle-off.btn {color: #333; background-color: #bbb; text-transform: uppercase;}
.toggle-handle {background-color: #fff;}

.hide {display: none!important}
.pointer {cursor: pointer;}
.spinner {display: none}
.active0 {text-decoration: line-through;}

.pickupTimes .form-check:nth-of-type(1n+4) {display: none;}
.deliveryTimes .form-check:nth-of-type(1n+4) {display: none;}

/*order form*/
.file-upload {}
.file-input {display: none;}
.thumb-output {width: 75px;height: 75px;border: 2px dotted #24618E;background-image: url(/art/photo-upload.png);background-size: 50%;background-repeat: no-repeat;background-position: center;cursor: pointer;background-color: #FDFEFD;border-radius: 15px;margin-bottom: 5px;}
.thumb-output.hasImage {background-size: cover;}
.thumb-output .remove {display: none;cursor: pointer;}
.thumb-output.hasImage .remove {display: block;}
.thumb-output .remove img {padding: 25%;}
.article-counter { max-width: 4rem;text-align: center;display: inline-block;}
.plus, .minus {cursor: pointer;}
.article-hint {font-size:16px;margin-top: 10px;}
.article-hint ul {margin: 0;}
.oldPrice {text-decoration: line-through;font-size: 75%;}
textarea#message { font-weight: 100;}
.message .photos .thumb-70 {float: left}
#cms-root {display: none;}
.modal-content.blue {background-color: #F4F5FE}
.overzicht-content .info-popup, #step-4 .info-popup {display: none!important}
.cart-pill {background-color: #24618e;position: absolute;left: 28px;top: 20px;font-weight: 100;}
.cart-pill.a0 { display: none;}
.cart-pill-pc { background-color: #24618e;position: absolute;left: 28px;top: 20px;font-weight: 100;display: none;width: 78px;height: auto;text-align: left;padding: 6px;line-height: 120%;white-space: normal;}
/*.cart-pill.pc.a0 { display: block;}*/

#alertModal { z-index: 999999;}
#alertModal .modal-body { font-size: 20px;}

/*password validate*/
#pswd_info .invalid {line-height:24px;color:#ec3f41;}
#pswd_info .valid {line-height:24px;color:#3a7d34;}

.page-item.active .page-link {color: #fff!important;background-color: #24618e;border-color: #24618e;}

.show-hide {content: "";position: absolute;top: 0;right: 14px;cursor: pointer;width: 20px;top: calc(50% - 20px / 2);height: 20px;background: url(/art/visible.svg);display: block;}

/*side nav*/
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  border-left: 5px solid #24618e;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.sidenav p {font-weight: 100;text-transform: initial;font-size: 17px!important;}
.sidenav .message {font-style: italic;margin-left: 40px;margin-right: 10px;}
.sidenav .sep {display: block;height: 0px;}
.w100 {width: 100%;}

/*FAQ*/
.filters {padding: 0;}
.filters li {list-style-type: none !important;margin: 0 10px 10px 0 !important;display: inline-block;cursor: pointer;text-align:center;}
.filters li a {font-weight: 600;display: inline-block;color: #24618e;text-transform: uppercase;letter-spacing: 1px;font-size: 16px;padding: 8px 24px; }
.filters li a:hover, .filters li a.active {box-shadow: 0 2px 0 #ee5cb3;}

.stars img { display: none;}
.stars.rating1 img:nth-of-type(1) { display: inline-block;}

.stars.rating2 img:nth-of-type(1) { display: inline-block;}
.stars.rating2 img:nth-of-type(2) { display: inline-block;}

.stars.rating3 img:nth-of-type(1) { display: inline-block;}
.stars.rating3 img:nth-of-type(2) { display: inline-block;}
.stars.rating3 img:nth-of-type(3) { display: inline-block;}

.stars.rating4 img:nth-of-type(1) { display: inline-block;}
.stars.rating4 img:nth-of-type(2) { display: inline-block;}
.stars.rating4 img:nth-of-type(3) { display: inline-block;}
.stars.rating4 img:nth-of-type(4) { display: inline-block;}

.stars.rating5 img:nth-of-type(1) { display: inline-block;}
.stars.rating5 img:nth-of-type(2) { display: inline-block;}
.stars.rating5 img:nth-of-type(3) { display: inline-block;}
.stars.rating5 img:nth-of-type(4) { display: inline-block;}
.stars.rating5 img:nth-of-type(5) { display: inline-block;}

#article a {color: #ee5cb3!important;}
#article a.btn {color: #fff!important;}
.lostpassword .regform h1 {display: none}

/*landing postcode banner*/
.postcode-banner {background-color: #24618e; border-radius: 5px;}
.postcode-banner img { max-width: 125px;}
.postcode-banner .border-w { border-right: 4px dashed #fff; }
.postcode-banner .bg-waves {background-image: url('/art/banner-bg-waves.png');background-repeat: no-repeat;background-size: contain;    background-position-x: right; }
.postcode-banner .postcode {max-width: 200px;display: inline-block;}
.postcode-banner h3 {font-size:28px!important;padding-top: 10px;}

/*home pink postcode banner*/
.pink-pc-banner {background-color: #e055a8; background-image: url('/art/wassie-banner-bg-1920.png'); background-position: center; background-repeat: no-repeat; min-height: 245px;}

/*OTHERS*/
.mobile-intro {color: #2E75A0;margin: 42px 0 4px 0;position: relative;background: #fff;}
.mobile-intro p {margin-bottom: 0}
#handig .handig-heading a, #handig .handig-content a {color: #ee5cb3!important;}

/*banners*/
.actie-banner {background-image: url('/art/actiebanner.png'); background-color: #7dd3ce; background-repeat: no-repeat;background-size: 100%;min-height: 250px;margin: 0;max-width: 895px;    border-radius: 5px;}
.actie-banner h2 {font-size: 80px!important;color: white;line-height: 80%!important;margin-top: 40px;}
.actie-banner h3 {font-size: 48px!important;color: white;line-height: 100%!important;}
.actie-banner h3.title {font-size: 36px!important;font-weight: bold;margin-top: 20px;}
.actie-banner ul {margin-top: 6px}
.actie-banner li {color: #24618F;font-size: 18px;}

footer .menu > ul { display: flex; flex-wrap: wrap; margin: 0; padding: 0; }
footer .menu li { display: block; flex: 0 0 100%; max-width: 100%; margin-bottom: 6px; }
footer .menu a { color: #fff; display: block; }
.brl-8 { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.brr-8 { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.lc { font-size: 32px; font-weight: 900; }
.lc span { font-size: 40px; line-height: 54px; }
.lc:after { content: ""; position: absolute; left: -24px; top: 50%; width: 48px; height: 48px; display: block; border-radius: 50%; background-color: #fff; transform: translateY(-50%); }
.rc { background-image:linear-gradient(to bottom, #fff 0%, #fff 40%, transparent 50%); background-size: 5px 28px; background-repeat: repeat-y; font-size: 18px; font-weight: 800; }
.rc:after { content: ""; position: absolute; right: -24px; top: 50%; width: 48px; height: 48px; display: block; border-radius: 50%; background-color: #fff; transform: translateY(-50%); }
.btn { border-radius: 8px; font-weight: 900; }
.btn img { max-height: 24px; }
.header .btn img { max-height: 46px; }
button { font-size: 18px; -webkit-box-shadow:0 0 11px 0 rgba(0,0,0,.11); box-shadow:0 0 11px 0 rgba(0,0,0,.11); }
.app_bg { background: url("art/app_bg.png"); background-repeat: no-repeat; background-position: 15%; }
.app_bg strong { font-size: 24px; font-weight: 900; }
#app h2, #app_top h2 { font-size: 40px; font-weight: 900; }
#postcode > .container { background: url("art/map.png"); background-repeat: no-repeat; background-position: center; background-size: contain; }
#postcode > .container > .row:before { content: ""; position: absolute; width: 80px; height: 112px; background: url("art/forma.png"); background-repeat: no-repeat; left: 0; top: 50%; transform: translateY(-50%);}
#postcode .form-control { font-weight: 900; color: #b53d7b; }
#postcode h2 { text-align: center !important; font-size: 36px !important; font-weight: 900 !important; margin-bottom: 1rem; }
#first:before, .menu_top:before { content: ""; position: absolute; z-index: -1; width: 160vw; height: 160%; bottom: 0; border-radius: 50%; left: 50%; transform: translate(-50%, 0); background: #4f93aa; background: -moz-radial-gradient(center, ellipse cover,  #4f93aa 0%, #26638f 100%); background: -webkit-radial-gradient(center, ellipse cover,  #4f93aa 0%,#26638f 100%); background: radial-gradient(ellipse at center,  #4f93aa 0%,#26638f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f93aa', endColorstr='#26638f',GradientType=1 ); color: #fff;}
#first h1 { font-size: 38px; font-weight: 900; }
#first h3 { font-size: 17px; font-weight: 900; }
#second:before { content: ""; position: absolute; z-index: -2; width: 160vw; height: 160%; bottom: 0; border-radius: 50%; left: 50%; transform: translate(-50%, 0); background: #29c6bd; color: #fff; background: -moz-radial-gradient(center, ellipse cover,  #7dd3ce 0%, #29c6bd 100%); background: -webkit-radial-gradient(center, ellipse cover,  #7dd3ce 0%,#29c6bd 100%); background: radial-gradient(ellipse at center,  #7dd3ce 0%,#29c6bd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7dd3ce', endColorstr='#29c6bd',GradientType=1 );}
#mainmenu { top: 0; overflow-x: hidden; overflow-y: auto; max-height: 100vh; }
#mainmenu.show { min-height: 100vh; }
.menu_middle .btn { font-size: 14px !important; }
img.circle { border-radius: 50%; width: 24px; height: 24px !important; }
.navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 35 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M1 2h33M1 16h33M1 30h33'/%3E%3C/svg%3E"); width: 36px; height: 32px; }

#ordermodule { position: fixed; width: 100%; height: 100%; z-index: 2000; top: 0; left: 0; overflow: auto; }
#menus { height: auto; color: #24618e; font-size: 12px; font-weight: 900; text-transform: uppercase; position: fixed; left: 0; bottom: 0; z-index: 100; }
#menus ul { margin: 0; padding: 0; overflow-x: auto; -webkit-box-shadow:inset 0 1px 0 0 rgba(210,223,228,1); box-shadow:inset 0 1px 0 0 rgba(210,223,228,1); display: block;  white-space: nowrap; height: auto; }
#menus li { width: 100px; height: 100px; display: inline-flex; justify-content: center; align-items: center; text-align: center; padding-top: 0; padding-bottom: 0; }
#menus li + li { -webkit-box-shadow:-1px 0 0 0 rgba(210,223,228,1); box-shadow:-1px 0 0 0 rgba(210,223,228,1); }
#menus a { display: flex; justify-content: center; align-items: center; height: 100%; flex-wrap: wrap; color: #24618e; }
#menus img { width: 100%; max-width: 56px; height: auto; max-height: 56px; display: block; }
#menus .active { background-color: #24618f; }
#menus .active a { color: #fff; }
#menus .active img { -webkit-filter: brightness(100); filter: brightness(100); }
.vul { position: absolute; left: 30px; top: -45px; transform: translateY(-110%); color: #fff; font-family: 'Caveat', cursive; font-size: 30px; text-transform: none; font-weight: 400; -webkit-animation: vul 1s ease-in-out infinite alternate; -moz-animation: vul 1s ease-in-out infinite alternate; animation: vul 1s ease-in-out infinite alternate; white-space: nowrap; pointer-events: none; }
.vul img { display: inline-block !important; transform: rotate(-45deg); width: 38px !important; height: 38px !important; }
.newhome .vul { right: 0; bottom: -40px; left: auto; top: auto; }
.newhome .vul img { transform: rotate(90deg); width: 90px !important; height: 90px !important; position: absolute; top: -70px; right: -40px; }
.collapse { max-height: 100vh; }
.collapse > .row { max-height: 100vh;}
.collapse .text-inner { overflow-y: auto; overflow-x: hidden; margin-left: 0; padding-bottom: 120px; max-height: 100vh; }
.text-inner .btn { font-size: 20px !important; padding-top: 5px; padding-bottom: 5px; }
.wave { position: absolute; }
.newhome .wave { z-index: -1; }
.wave1 { top: 28%; left: 15%; }
.wave2 { top: 20%; right: 20%; }
.wave3 { top: 62%; right: 10%; }
.wave4 { top: 76%; left: 10%; }
.wave5 { bottom: 10%; right: 26%; }
.wave01 { display: block; -webkit-animation: wave01 2s ease-in-out infinite alternate; -moz-animation: wave01 2s ease-in-out infinite alternate; animation: wave01 2s ease-in-out infinite alternate; }
.wave02 { display: block; margin-top: 4px; -webkit-animation: wave02 2s ease-in-out infinite alternate; -moz-animation: wave02 2s ease-in-out infinite alternate; animation: wave02 2s ease-in-out infinite alternate; }
.bag > div { left: 0; bottom: 0; color: #fff; text-transform: uppercase; font-size: 32px; font-weight: 900; z-index: 10; }
.bag strong { font-size: 62px; text-transform: none; display: block; line-height: 50px; }
.bag span { font-size: 72px; font-weight: 900; }
.item .pict { width: 80px; height: 80px; background-color: #fff; -webkit-box-shadow:inset 0 0 0 4px #7dd3ce; box-shadow:inset 0 0 0 4px #7dd3ce; border-radius: 50%; }
.item p:last-of-type { margin: 0; }
.field_minus, .field_plus { background-color: #fff; border-radius: 50%; width: 48px; height: 48px; -webkit-box-shadow:inset 0 0 0 1px #ced2db; box-shadow:inset 0 0 0 1px #ced2db; position: relative; font-size: 0; }
.field_minus:after { content: "-"; position: absolute; top: 50%; display: flex; justify-content: center; align-items: center; left: 50%; width: 48px; height: 48px; transform: translate(-50%, -56%); font-size: 48px; }
.field_plus:after { content: "+"; position: absolute; top: 50%; display: flex; justify-content: center; align-items: center; left: 50%; width: 48px; height: 48px; transform: translate(-50%, -56%); font-size: 48px; }
.mask { -webkit-clip-path: url(#svgPath); clip-path: url(#svgPath); }
/*.bagmask { -webkit-mask-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.00,  rgba(0,0,0,1)), color-stop(0.50,  rgba(0,0,0,0))); }*/
.bagmask { clip-path: inset(50% 0 0 0); max-width: calc(100% - 30px); }
#collapseTwo .header { -webkit-box-shadow: 0 -16px 0 0 #f5f6f8, 0 16px 0 0 #f5f6f8; box-shadow: 0 -16px 0 0 #f5f6f8, 0 16px 0 0 #f5f6f8; }
.mobile footer { display: none !important; }
#collapseOne > div, #collapseTwo > div { height: 100vh !important; }
.postcode { font-size: 24px !important; height: 48px; -webkit-box-shadow:inset 0 0 11px 0 rgba(51,57,64,.22); box-shadow:inset 0 0 11px 0 rgba(51,57,64,.22); }
#postcode .btn { font-size: 24px; padding: .375rem .75rem; }
#postcodeform3 .btn-6 { padding-top: 6px; padding-bottom: 6px; }
.jouw { padding: 14px 42px; }
.header .btn-step1 img { padding-top: 4px; padding-bottom: 4px; }
.lc .button { padding: .657rem, .999rem;}
footer h3 { margin-bottom: 16px; }
nav h3 { font-size: 24px !important; font-weight: 900; }
nav .menu_top a { text-decoration: underline;}
.menu_top { padding-bottom: 32px !important; }
.menu_middle button { padding: .84rem .75rem; }
.kortig { position: absolute; width: 160vw; height: 246%; bottom: -21.5%; border-radius: 50%; overflow: hidden; transform: translate(-50%, 0); left: 50%; z-index: -1; }
.kortig > .container { position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); }
.kortig img { max-width: 70%; }
span.flaticon-bed-sheets {transform: scale(0.65);position: relative;left: -5px;}
.pc-avail a, .pc-selected a {}
#laundryID option.warning {}
.navbar-brand img { height: 48px !important; width: auto !important;}
.home-buttonset .btn {min-width: 280px}
.mw-300 { min-width: 400px !important}

/*newsletter*/
.newsletter-box { max-width: 600px;/* min-height: 250px;*/ background-color: #fff; background-image: url('/art/email-image-bg.jpg'); position: fixed;bottom: 25px;left: 100px;width: inherit;z-index: 9999;border-radius: 4px;border: 1px solid rgba(0, 0, 0, 0.125); -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 8px 4px rgba(0,0,0,0.17); box-shadow: 0px 10px 13px -7px #000000, 5px 5px 8px 4px rgba(0,0,0,0.17);}
.newsletter-box a.close {position: absolute;top:0;right: 0;margin: 5px;width: 40px;height: 40px;z-index: 9000;}
.newsletter-box h3 {font-size: 24px;}

.specialContainer2 { border-color: #24618e !important; background-color: #24618e !important; color: #fff !important;width: 80%;margin: 20px auto !important;padding: 20px !important;border-radius: 15px !important;}
.specialContainer2 p {}

@-webkit-keyframes wave01 {
    from { transform: translateY(0); }
    to { transform: translateY(12px); }
}
@-webkit-keyframes wave02 {
    from { transform: translateY(0); }
    to { transform: translateY(-12px); }
}
@-webkit-keyframes vul {
    from {
		transform: rotate(0deg);
    }
    to {
		transform: rotate(3deg);
    }
}

@media (max-width: 1599px) {
#hero-top {background-position-y: -40px;}
body.t2 #hero-top, body.t13 #hero-top, body.t22 #hero-top, body.t16 #hero-top {background-position-y: -40px;}
body.t10 #hero-top, body.no-service #hero-top, body.t10 #hero-top {background-position-y: -40px;}
}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
@media (min-width: 767px) {
  #header .navbar {min-height: 140px;}
  #carousel .text h2 {font-size: 48px;}
  #carousel .text p {font-size: 33px;}
  .cart-pill-pc {    left: -17px; top: 34px;}
.w-md-75 { max-width: 75%; }
}
@media (min-width: 991px) {
.w-lg-50 { max-width: 50%; }
}
@media (min-width: 1200px) {
  #row-how {background-image:url(/art/snake.svg);background-position:355px 0;background-size:220px;background-repeat:no-repeat;padding-top:35px;}
  #row-how .info-lead-2 {margin-top: 70px;position:relative;top: 62px;}
.w-xl-normal { max-width: 640px; }
}
@media (max-width: 1199px) {
  .xs-font,.xs-font h1,.xs-font h2,.xs-font h3,.xs-font h4,.xs-font h5,.xs-font p{font-size:12px!important;line-height: 125%!important;}
  .s-font,.s-font h1,.s-font h2,.s-font h3,.s-font h4,.s-font h5,.s-font p{font-size:18px!important;line-height: 125%!important;}
  .m-font,.m-font h1,.m-font h2,.m-font h3,.m-font h4,.m-font h5,.m-font p{font-size:20px!important;line-height: 119%!important;}
  .l-font,.l-font h1,.l-font h2,.l-font h3,.l-font h4,.l-font h5,.l-font p{font-size:28px!important;line-height: 119%!important;}
  .xl-font,.xl-font h1,.xl-font h2,.xl-font h3,.xl-font h4,.xl-font h5,.xl-font p{font-size:28px!important;line-height: 119%!important;}
  .xxl-font,.xxl-font h1,.xxl-font h2,.xxl-font h3,.xxl-font h4,.xxl-font h5,.xxl-font p{font-size:30px!important;line-height: 100%!important;}
  .xxxl-font,.xxxl-font h1,.xxxl-font h2,.xxxl-font h3,.xxxl-font h4,.xxxl-font h5,.xxxl-font p{font-size:34px!important;line-height: 100%!important;}
.wave1 { top: 28%; left: 5%; }
.kortig img { max-width: 85%; }
#hero-top {background-size: auto;}
body.home #hero-top, body.home-en #hero-top {background-size: auto;}
body.t2 #hero-top, body.t13 #hero-top, body.t22 #hero-top, body.t16 #hero-top {background-size: auto;}
body.t10 #hero-top, body.no-service #hero-top, body.t19 #hero-top {background-size: auto;}
}

@media (max-width: 1025px) {
  table .plus {right: -5px;}
  table .minus {left: -5px;}
  .article-counter { max-width: 3rem;  }
  .navbar-expand-lg .navbar-nav .nav-link {padding-right: 0rem;padding-left: 0rem;}
  #hero-top {height: 600px;position: relative;  }
  #heroine {top: 190px;left: 52.6%!important;  }
  .usps-home .col-md-auto {max-width: 190px !important}
  .navbar-brand {max-width: 150px !important;}
  .ck #hero-top, .rv #hero-top {height:400px !important;background-position-y: top;}
  .ck #hero-top .bg-image {background-size:cover!important;}
  .n105 #hero-top {height:380px!important;}
}

@media (max-width: 991px) {
  body {padding-top: 115px;}
  #header {background-color: #fff;}
  #header-lang {top: 49px;right: 64px;border: 2px solid #dc53a6;border-radius: 5px;padding: 4px;}
  #hero-top .container {width: 100%;max-width: 100%;}
  #hero-top {background-position: -910px;}
  #heroine {left: 90px!important}
  .kortig { bottom: -17%; }
  .kortig img { max-width: 100%; }
.f-46 { font-size: 40px; }
}
@media (max-width: 767px) {
#postcode > .container > .row:before { transform: translate(-100%, -50%);}
.wave2 { right: 14%; }
.wave3 { right: -6%; }
.wave4 { left: -7%; }
.wave5 { right: 16%; }
.app_bg { background-position:0 0; }
.newsletter-box { left: 0px; bottom: 0px; max-width: 100vw; }
/*.owl-hoe .owl-nav .owl-prev, .owl-hoe .owl-nav .owl-next, .owl-usp .owl-nav .owl-prev, .owl-usp .owl-nav .owl-next { top: 190px; }*/
}
@media (max-width: 575px) {
#postcode > .container > .row:before { transform: translate(-50%, -50%);}
.owl-ervaringen .owl-dot span, .owl-usp .owl-dot span, .owl-hoe .owl-dot span { width: 28px !important; }
#first:before, #second:before { width: 260vw; height: 95vh; }
#menus { font-size: 10px; }
#menus li { width: 90px; height: 90px; }
#menus img { max-width: 48px; max-height: 48px; flex: 0 0 100%; margin: 4px; }
.bglight #menus ul { -webkit-box-shadow: 0 -4px 0 0 rgba(36,97,143,1); box-shadow: 0 -4px 0 0 rgba(36,97,143,1); }
.collapse > .row { max-height: none;}
.collapse .text-inner { max-height: 100vh; margin-left: 0; padding-bottom: 100px; }
.app_bg { background-position:left -130px bottom -50px; }
/*.owl-hoe .owl-nav .owl-prev, .owl-hoe .owl-nav .owl-next, .owl-usp .owl-nav .owl-prev, .owl-usp .owl-nav .owl-next { top: 98px; }*/
}
@media (max-width: 500px) {
  body { padding-top: 35px;}
  p {font-size: 16px;}
  .navbar-brand {max-width: 100px !important;}
  .s-font,.s-font h1,.s-font h2,.s-font h3,.s-font h4,.s-font h5,.s-font p{font-size:16px!important;line-height: 150%!important;}
  .m-font,.m-font h1,.m-font h2,.m-font h3,.m-font h4,.m-font h5,.m-font p{font-size:20px!important;line-height: 150%!important;}
  body.home #hero-top {height: 580px;position: relative;}
  body.home-en #hero-top {height: 580px;position: relative;}
  #hero-top {background-position: -1050px;}
  body.price-list #hero-top { background-size: cover; background-position: top;height: 250px;}
  #heroine {left: 10px!important;width:200px!important;height:280px!important}
  /*.n#heroine {left: 10px!important;width:200px!important;height:280px!important}*/
  .ck #hero-top, .rv #hero-top {height:450px !important;background-position-y: top;}
  .ck #hero-top .bg-image {background-size:cover!important;}
  .n105 #hero-top {height:380px!important;}
  .step-content-active {padding-left:.5rem!important;padding-right:.5rem!important;}
  .step-content-active .row {margin-left:-0.5rem;margin-right:-0.5rem;}
  #order {padding-top: 0rem!important}
  #order p {margin-bottom: .5rem;}
  table td {position: relative;}
  table .plus, table .minus {position:absolute;top: 50%;transform: translateY(-50%);}
  table .plus {right: -5px;}
  table .minus {left: -5px;}
  body.n9 #article td {width: 100%!important;display: block;}
  body.n9 #article td:nth-of-type(2) {display: none}

  .step-btn {min-width: 75%}
  .btn-step2.btn-bottom {display: none!important;}
  #mijn-wassie {padding-top: 0px!important;}
  .new #mijn-wassie {padding-top: 3rem!important;}
  #mijn-wassie table td:nth-of-type(3) { display: none;}
  #tracking-bar .road:nth-child(even) > p, #tracking-bar2 .road:nth-child(even) > p {padding-top: 0px;top: -30px;}
  .form-control, .btn {font-size: 16px;}
  #regFormContent h2, .cartShipping h2 {font-size: 20px;}
  .regFormTable TD {width: 100%;display: block;}
  .filters li {margin: 0 0px 0px 0 !important;padding: 2px;width: 100%;}
  .i-block {display: block;}

  .btn-client-login {bottom: 0 !important}
  .cart-pill-pc {    left: -25px; top: 34px;}
  .postcode-banner h3 {font-size:24px!important;}

  .usps-home h2.s-font {font-size: 18px!important;}
  .usps-home img {max-width: 100px;}

  .actie-banner {background-image: none;}
  .actie-banner h2 {font-size: 40px!important;color: white;line-height: 80%!important;margin-top: 40px;}
  .actie-banner h3 {font-size: 28px!important;color: white;line-height: 100%!important;}
  .actie-banner h3.title {font-size: 24px!important;font-weight: bold;margin-top: 20px;text-align: center;}
  .actie-banner ul {margin-top: 10px;padding: 20px;}
  .actie-banner li {color: #24618F;font-size: 18px;}

  #header-lang {top: 15px;right: 64px;border: 2px solid #dc53a6;border-radius: 5px;padding: 4px; }
  .btn-faq { font-size: 18px; }
  .mw-300 { min-width: 96vw !important}

/*  .overzicht-wrapper {position: fixed;bottom: -75px; width: 100%; margin: 0rem!important;padding: 0!important;z-index: 999;}
  .overzicht-wrapper .overzicht-title {margin: 0rem!important;}
  .overzicht-wrapper .overzicht-content {padding-bottom: 10px!important;}
  .overzicht-wrapper .priceTable p {margin-bottom: 0px;margin-top: 10px!important;}
  .overzicht-wrapper .btn-step2.sidebar {margin-top: 10px!important;margin-bottom: 0px!important;}  */
}

@media (max-width: 430px) {
.bag > div { font-size: 26px; }
.bag strong { font-size: 56px; }
.bag span { font-size: 62px; }
}
@media (max-width: 400px) {
.menu_top img { width: 34px; }
.f-16 { font-size: 60%; }
.menu_middle .btn { font-size: 12px !important; }
#first h1 { font-size: 34px; }
.item strong { font-size: 14px; }
.field_minus { margin-bottom: 4px; }
.field_minus, .field_plus { font-size: 36px !important; width: 36px; height: 36px; }
}
@media (max-width: 380px) {
.bag span { font-size: 48px; }
.padx-0 { padding-left: 0; padding-right: 0; }
.text-inner .padx-0 .btn { font-size: 15px !important; }
.bag strong { font-size: 42px; }
.f-24 { font-size: 20px !important; }
.f-32 { font-size: 22px; }
.f-54 { font-size: 36px !important; }
.btn-7 { padding: .4rem 2rem; }
.lc, .rc { flex: 0 0 100%; max-width: 100%; }
.rc { background-image: none; }
.lc:after, .rc:after { display: none; }
.brl-8 { border-top-right-radius: 8px; border-bottom-left-radius: 0;}
.brr-8 { border-top-right-radius: 0; border-bottom-left-radius: 8px; }
}
@media (max-width: 330px) {
  #header .container{padding: 10px !important}
  #header-lang {top: 25px;right: 58px;}
}