/*
Theme Name:     boxie24underscore Child
Author:         Underscores.me
Template:       boxie24underscore
Text Domain:	boxie24underscore-child
Description:    Description
Version:      1.0.0
--bgblue: #0277fd;
 */
:root {
	--bgblue: #3c50fa;
	--banneryellow: #fad601;
	--bannerorange: #ff9500;
	--boxiegreen: #23b978;
	--darkblue: #231fae;
	--lightblue: #d2e6ff;
	--titlegrey: #28323c;
	--arrowgrey: #7b858a;
	--error: rgb(255, 38, 38);
	--entry-header--font-size: 20px;
	--mywidth: 1024px;
	--lgrey: #D4D4D4;
	--midgrey:#B2AEAB;
	--orange24: #ff9500;
	

}

div.container.container-footer, .canvasjs-chart-credits{
     display:none !important;
}
ins {
	background-color: transparent;
}
.chart.container, .chart, .canvasjs-chart-container, .canvasjs-chart-canvas{
    max-width:100% !important;
}
.chart.container{
    position:relative;
    overflow:visible;
    margin-bottom: 30px;
    padding: 0px;
}
.xtit, .ytit{
    position:absolute;
    left:20px;
    z-index: 1;
    font-weight:700;
}
.ytit{
    rotate:-90deg;
    left: -80px;
    bottom: 70px;
}
.xtitmob{
left: -19vw;
}
.ytitmob{
    margin-bottom: 10px;
  position: relative;
}
.chart.rotated .simple-bar-graph{
    rotate: 90deg;
    margin-bottom: 90px;

}
.chart .simple-bar-graph__caption, .chart .simple-bar-graph__value{
    font-size:13px;
    font-family: 'Open Sans', Arial, sans-serif !important;
}
.chart .simple-bar-graph__value{
    right:unset;
    left: 0 ;
    text-align: right;
  width: 20px;
}
.chart .simple-bar-graph__columns{
    padding-left:24px; 
    padding-right: 0px;
}
.chart.rotated .simple-bar-graph__caption, .chart.rotated .simple-bar-graph__value{
    rotate: -90deg;
}
.chart .simple-bar-graph__popup{
    display:block;
    background-color: transparent;
  border: unset;
  top: 5px;
  width: 100%;
  left: 0px;
  text-align: center;
  font-weight: 600;
   font-size:14px;
   box-shadow:unset;
}
.chart .simple-bar-graph__popup::before, .chart .simple-bar-graph__popup::after{
    content:unset;
}
.chart .simple-bar-graph__popup{
    font-size:12px;
    display:none;
}
.chart .simple-bar-graph__bar--active .simple-bar-graph__popup{
 display:block;
  color: var(--boxiegreen);
  padding-left:0px;
  margin-left: 30px;
  background-color:#ffffff;
  top: -30px;
  border-bottom:1px solid var(--boxiegreen);
  border-radius:0px;
  width: min-content;
}
.chart .simple-bar-graph__bar--active .simple-bar-graph__popup::before, .chart.rotated .simple-bar-graph__bar .simple-bar-graph__popup::before{
    content: '€ ';
    color: var(--boxiegreen);
    width:auto;
    display: inline-block;
  border: unset;
}
.chart.rotated .simple-bar-graph__popup{
    rotate: -90deg;
    display:block;
    left: 0px;
    top: -30px;
    color: var(--boxiegreen);
}
.chart.rotated .simple-bar-graph__columns{
    width:100vw !important;
    padding-right: 30px !important;
}
.chart.rotated .simple-bar-graph__caption{
    margin-bottom: -5px;
}
.charttable{
    width:100%;
}
.charttable > div{
    width: 50%;
    display:inline-block;
    position:relative;
}
.charttable > div:nth-child(1) span ins, .charttable > div:nth-child(2) span ins{
    color:#000000 !important;
}
.charttable > div  span{
     width: 50%;
     float: right;
      position:relative;
      padding-left:10px;
     
}

.charttable > div  span ins{
    z-index:2;
    position: relative;
     color:#ffffff !important;
}
.charttable > div:nth-child(odd) > span{
    background-color:#f0db2e;
}
.charttable > div:nth-child(even){
     padding-left:10px;
}
.charttable > div:nth-child(even) > span{
    background-color:#8fcf4b;
}
.charttable > div span::before{
    content:'';
    width: 100%;
    height: 100%;
    position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
    background-color:#f95241;
    opacity:0;
    z-index:1;
}
.charttable > div:nth-child(even) span::before{
    background-color:#009076;
}

.charttable > div span::before{
    opacity:0;
}
.charttable > div:nth-child(3) span::before, .charttable > div:nth-child(4) span::before{
    opacity:0.9;
}
.charttable > div:nth-child(5) span::before, .charttable > div:nth-child(6) span::before{
    opacity:0.8;
}
.charttable > div:nth-child(7) span::before, .charttable > div:nth-child(8) span::before{
    opacity:0.7;
}
.charttable > div:nth-child(9) span::before, .charttable > div:nth-child(10) span::before{
    opacity:0.6;
}
.charttable > div:nth-child(11) span::before, .charttable > div:nth-child(12) span::before{
    opacity:0.5;
}
.charttable > div:nth-child(13) span::before,.charttable > div:nth-child(14) span::before{
    opacity:0.4;
}
.charttable > div:nth-child(15) span::before, .charttable > div:nth-child(16) span::before{
    opacity:0.3;
}
.charttable > div:nth-child(17) span::before, .charttable > div:nth-child(18) span::before{
    opacity:0.2;
}
.charttable > div:nth-child(19) span::before, .charttable > div:nth-child(20) span::before{
    opacity:0.1;
}
.mob25 .charttable{
    display: grid;
}
.mob25 .charttable > :nth-child(odd){
    order:1;
    width:100%;
}
.mob25 .charttable > :nth-child(even){
padding-left:0px;
    order:2;
    width:100%;
}

dialog {
	border: none;
	padding: 0;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: left;
	background-color: #fff;
	overflow: hidden;
	width: 800px;
	max-height: 90vh;
	border-radius: 4px;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	flex-direction: column;
}

dialog[open] {
	display: flex;
}

.safaricookie {
	display: flex;
	position: fixed !important;
	top: 100px;
	margin: 0px calc((100vw - 800px) /2);
	background-color: var(--bgblue);
}

#langswitch, #pickmob:not(.nav25),#calcnav {
	display: none !important;
}

#calcnav{
	  width: 100%;
	  background-color: var(--darkblue) !important;
}

#calcnav .button.calcbut{
    padding: 10px 20px 10px 50px !important;
    margin-top: 20px;
    margin-bottom: 6px;
	background-position: 20px center;
}
#tcform {
	margin-bottom: 30px !important;
	font-size: 14px;
	font-weight:400;
	line-height:24px;
	padding:10px 20px 10px 10px;
}
.boxes #tcform{
    padding:10px 20px 10px 3px;
}
#tcform>div {
	margin-left: 30px;
	font-weight: 400;
}

#tcform.non {
	background-color: #ffd200;
}

#tcform input {
	margin-right: 15px;
	margin-left: -30px;
}

#tcform i {
	margin-top: 0px;
	display: block;
}
/*#citymap .gm-style .place-card, #citymap .gm-style .default-card,#citymap .gm-style .directions-card, #citymap .gm-style .place-card-large{
    display: none !important;
}*/
.mob23 #hphonecontainer .phone::after {
	display: none !important;
}

@font-face {
	font-family: icons;
    src: url(fonts/IcoMoon-Free.ttf);
}

.showold {
	display: none !important;
}

.shownew > br {
	display: none !important;
}

.fwpagedrop {
	width: 100%;
	column-span: all;
	padding: 10px 0px;
}

.thanks {
	max-width: 900px;
	margin: 30px auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	min-height: 300px;
}
.footcenter{
    text-align:center !important;
    max-width: 900px !important;
}
.thanks h2, #popcall h2, #popformcontainer h2, #popformcontainer2 h2 {
	color: var(--bgblue);
}
#popformcontainer3{
display:none;
position: absolute;
  z-index: 100000;
  width: 100%;
}
.thanks h2 {
	font-weight: 300 !important;
	text-align: center !important;
}
.thanks h2.nomarge {
	margin-bottom: 10px !important;
}
.thanks > span, .thanks ins{
    display:block;
}
#popformcontainer h2, #popformcontainer2 h2 {
	font-size: 42px;
	text-align: left;
}

#popcall h2, #popcall .tit {
	text-align: left;
	font-weight: 700;
	margin-top: 0px;
	margin-bottom: 40px;
}
#popcall .tit {
color: var(--bgblue);
display:block;
font-size:28px;
padding-right: 20px;
line-height: 36px;
}
.nav25 #popcall .tit{
    color: var(--titlegrey);
    font-size:15px;
    font-weight:500;
    max-width:70%;
margin-bottom: 20px;
line-height: 22px;
}
.thanks > div {
	width: 100%;
	height: 50px;
}
h2.bookingtit{
    margin-bottom: 10px;
}
h2.bookingtit b{
    font-weight:700;
}
.bookingsub::after{
    content: '';
    display: inline-block;
    margin-left: 10px;
    height:30px;
    width:30px;
    background-image:url('/wp-content/uploads/2024/01/Icons-Thankyou-page_truck.png');
    background-size:100%;
    margin-bottom: -10px;
}

.thanks > div.bookingtxt{
    height: auto;
    width: 100%;
    background-color: var(--lightblue);
    padding: 40px 40px 0px 40px;
    text-align: left;
    border-radius: 15px;
    overflow: hidden;
    margin-top:60px;
    margin-bottom:60px;
        background-image:url('/wp-content/uploads/2024/01/Boxie24_043_small.png');
    background-size:25%;
    background-repeat: no-repeat;
    background-position: right 60%;
}
div.bookingtxt h3{
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
    margin-top: 0px;
}
div.bookingtxt ul{
    list-style-type: none;
    padding-left:60px;
    padding-right:100px;
    margin-bottom:0px;
    font-size:14px;
    line-height: 22px;
}
div.bookingtxt ul li {
    padding-bottom:30px;
    }
    div.bookingtxt li:last-of-type{
    padding-bottom:40px;
    }
div.bookingtxt li::before{
    content:'';
    display:block;
    position:absolute;
    margin-left: -60px;
    margin-top: 0px;
    height:37px;
    width:37px;
    background-image:url('/wp-content/uploads/2024/01/Icons-Thankyou-page_confirmation.png');
    background-size:100%;
}
div.bookingtxt li:first-of-type::before{
    background-image:url('/wp-content/uploads/2024/01/Icons-Thankyou-page_calendar.png');
 }
 div.bookingtxt li:last-of-type::before{
    background-image:url('/wp-content/uploads/2024/01/Icons-Thankyou-page_phone.png');
 }
div.bookingfoot{
    font-size:14px;
    background-color: var(--bgblue);
    color: #ffffff;
    margin: 0px -40px;
    padding: 40px;
    padding-left: 100px;
    background-image:url('/wp-content/uploads/2024/01/Icons-Thankyou-page_list.png');
    background-size:37px;
    background-repeat: no-repeat;
    background-position: 40px 40px;
    
}
.site-branding.home {
	max-width: 100%;
	text-align: center;
	padding: 0px;
}

.site-header.home .login-icon {
	display: none !important;
}

.site-branding.home .custom-logo-link, .site-branding.home > h2 {
	display: none;
}

.site-branding.home > img {
	max-width: 200px;
	margin: 0px auto;
	margin-bottom: -20px;
}

.homescreen {
	width: 100%;
	margin: 0px;
	background-color: #ffffff;
	overflow: visible;
}

.homescreen h2 {
	color: var(--bgblue);
	padding-top: 50px;
	max-width: 100%;
}

.dropcontainer {
	padding: 10px 20px;
	border: 0.5px solid var(--bgblue);
	width: 48%;
	margin-right: 1%;
	display: inline-block;
	vertical-align: top;
	border-radius: 30px;
	margin-bottom: 20px;
}
.bar.serviceblok.fwpagedr{
    max-width: 100%;
    margin: 30px 0px 30px 0px !important;
}
.bar.checkstdiv{
    margin-bottom: 100px;
}
.mob25 .bar.checkstdiv{
    padding: 0px 5vw;
}
.bar.checkstdiv, .bar.checkstdiv h2, .bar.checkstdiv > p{
    width: 100%;
    display:block;
    text-align: center;
   
}
.bar.checkstdiv > p{
    max-width: 800px;
    margin: 10px auto 20px auto;
}
.checkstep{
    vertical-align: top;
    width: 24%;
    display: inline-block;
    margin: 20px 4%;
    min-width: 190px;
     position: relative;
}
.checkstep > *{
    text-align: center !important;
}
.checkstep > img{
    width: 240px;
    margin-bottom: 10px;
}
.checkstep > b{
    border-radius: 50%;
    background-color: var(--bgblue);
    color: #ffffff;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 30px;
    left: 50px;
    
}
.checkstep h3{
margin: 10px 0px;
 text-align: center !important;
}
.dropcontainer.service {
    width: unset;
    padding: 20px 30px;
}
.pagedrop {
	font-weight: 500;
	color: var(--bgblue) !important;
	cursor: pointer;
}
.service .pagedrop{
    font-weight: 700;
    font-size: 18px;
}
.pagedrop:after {
	content: ' + ';
	float: right;
	content: '';
	width: 30px;
	height: 30px;
	display: inline-block;
	border-radius: 50%;
	color: var(--bgblue);
	font-weight: 900;
	background-color: #ffffff;
	text-align: center;
	cursor: pointer;
	background-image: url('infeez/plus-blue.svg');
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: center;
}

.pagedrop.tog:after {
   /* content: ' - ';*/
	background-image: url('infeez/minus-blue.svg');
}

.pdroplist {
	margin-top: 10px;
	border-top: 0.5px solid var(--bgblue);
	display: none;
	padding-bottom: 10px;
}
.service .pdroplist {
    display: block;
    border-top: 0px;
}
.pdroplist a {
	display: block;
	line-height: 20px;
	margin-top: 10px;
	color: var(--bgblue) !important;
}
.service .pdroplist a{
    color: var(--titlegrey) !important;
}
.service .pdroplist a:hover{
    text-decoration: underline;
    text-decoration-thickness: auto;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 2px;
}
ul.arr li, li.arr{
    list-style-type: none;
}
.service .pdroplist a:before, ul.arr li:before, li.arr:before{
    content: '';
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url('infeez/arrow_blue_down.svg');
  background-size: auto 60%;
  background-repeat: no-repeat;
  transform: rotate(-90deg);
  border-bottom: 1px solid #ffffff;
}
ul.arr li:before, li.arr:before, ul.ulvink li:before{
    margin-left: -20px;
}
.service .pagedrop::after{
    display: none;
}
.tri:before {
	content: ' \01F4D0';
	margin-right: 10px;
}

.key:before {
	content: ' \01F511';
	margin-right: 10px;
}

.money:before {
	content: ' \01F4B0';
	margin-right: 10px;
}

.keylock:before {
	content: ' \01F510';
	margin-right: 10px;
}

.qmark:before {
	content: ' \2753';
	margin-right: 10px;
}

.ruler:before {
	content: ' \1F4CF';
	margin-right: 10px;
}

.memo:before {
	content: ' \1F4DD';
	margin-right: 10px;
}

.boxx:before {
	content: ' \1F4E6';
	margin-right: 10px;
}

.store:before {
	content: ' \1F3EA';
	margin-right: 10px;
}

.temp:before {
	content: ' \1F321';
	margin-right: 10px;
}

.thmb:before {
	content: ' \1F44D';
	margin-right: 10px;
}

.sweat:before {
	content: ' \1F4A6';
	margin-right: 10px;
}

.truck:before {
	content: ' \1F69A';
	margin-right: 10px;
}

.btruck:before {
	content: ' \1F69B';
	margin-right: 10px;
}

.car:before {
	content: ' \1F699';
	margin-right: 10px;
}

.pin:before {
	content: ' \1F4CD';
	margin-right: 10px;
}

.magn:before {
	content: ' \1F50E';
	margin-right: 10px;
}

.ccheck:before {
	content: ' \2705';
	margin-right: 10px;
}

.mobb:before {
	content: ' \1F4F2';
	margin-right: 10px;
}

.ghrt:before {
	content: ' \1F49A';
	margin-right: 10px;
}

.alien:before {
	content: ' \1F47E';
	margin-right: 10px;
}

.star8:before {
	content: ' \2734';
	margin-right: 10px;
}

.lion:before {
	content: ' \1F981';
	margin-right: 10px;
}

.leaf:after {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(/wp-content/uploads/2023/03/Green_leaf_200x200px.svg);
	background-size: cover;
}
.box25 .leaf:after{
    content:': ';
	background-image:unset;
	width:auto;
	height:unset;	 
}
.box25 .boxfw, .fw.boxtop.nw{
    max-width: 100% !important;
}
.boxtop.nw{
    background-position-y: 30% !important;
}
.big .fw.boxtop.nw{
    background-position-y: -140px;
    max-height: 350px;
}
.big #freebx{
bottom: 110px !important;
}

.big .boxsub.nw.de{
margin-top: -300px;

}

.tablet25 .fw.boxtop.nw{
background-position-y: 0px;
margin-top: 10px !important;
}
.euro, .dollar, .rc-anchor-invisible-text, html, body, button, input, select, optgroup, textarea, .wpac {
	font-family: 'Open Sans';
}

input:focus {
}

body {
	overflow-x: hidden;
	font-size: 100%;
	font-size: 16px;
}
body.nscroll{
padding-right: 0px !important;
}
body.nscroll .site{
    
}
.socfooter {
	display: none;
}

.soc a {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	margin: 4px 10px 4px 0px;
	border-radius: 50%;
	background-color: var(--darkblue);
}

.li {
	background-image: url(infeez/Social_in_blauw_30x30px.svg);
}

.li:hover {
	background-image: url(infeez/Social_in_30x30px.svg);
}

.ig {
	background-image: url(infeez/Social_ig_blauw_30x30px.svg);
}

.ig:hover {
	background-image: url(infeez/Social_ig_30x30px.svg);
}

.fb {
	background-image: url(infeez/Social_fb_blauw_30x30px.svg);
}

.fb:hover {
	background-image: url(infeez/Social_fb_30x30px.svg);
}

.smallprev {
	position: relative;
	margin-top: 40%;
	/*margin-right: -28px;*/
	margin-left: -32px;
	margin-left: -12px;
	float: left;
	height: 28px;
	width: 28px;
	background-image: url(/wp-content/uploads/2022/06/Button_arrow_left.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
	z-index: 10000;
}

.smallnext {
	position: relative;
	float: right;
	/*margin-left: -28px;*/
	margin-right: -32px;
	margin-right: -12px;
	margin-top: 40%;
	height: 28px;
	width: 28px;
	background-image: url(/wp-content/uploads/2022/06/Button_arrow_right.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
	z-index: 10000;
}

#times {
	position: absolute;
	color: var(--bgblue);
	padding-left: 20px;
	float: left;
}
.prijzentop{
    margin-top: -50px !important;
}
.vspacetop, .vspace.vspacetop{
margin-top: 60px !important;
}
.vspace, .seo {
	margin-top: 0px !important;
	margin-bottom: 60px !important;
}

.storpost .vspace, .nobotmarg.vspace, .stoptions.vspace {
	margin-bottom: 0px !important;
}

form, a.button {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}
a.button{
    cursor: pointer;
}
form.wit input:not([type="button"]):not([type="submit"], select), form.wit textarea, #rentinfo input , #rentinfo textarea{
	color: #3c454e !important;
	border: 1px solid var(--bgblue);
	background-color: #ffffff !important;
}
#rentinfo input::placeholder, #rentinfo textarea::placeholder{
    color: #3c454e !important;
    opacity:0.7 !important;
}

.d22 .entry-header {
	display: none;
}

.seo-page .entry-header {
	display: block;
}

.seo-page button {
	color: #ffffff !important;
	border-radius: 30px !important;
	margin: 10px 0px !important;
}

.seo-page article button a {
	color: #ffffff !important;
}

.seo-page article img, .productseo img {
	border-radius: 30px;
	margin: 10px 0px;
	width: 100%;
}
.subpg25 .seo-page article img{
    width: unset;
}
.subpg25 .seo-page article img.aligncenter{
margin: 10px auto;
}
.blog25 .seo-page article img{
    border-radius: 0px;
}
.blog25 .entry-content p{
    margin-bottom: 30px;
}
.seo-page .entry-content .trustbar h2 {
	color: #ffffff !important;
}

.seo-page .entry-content h2 {
	color: var(--bgblue) !important;
	font-weight: 700;
	text-align: left;
}
.blog25 .seo-page .entry-content h2, .blog25 .seo-page .entry-content h3{
    color: var(--titlegrey) !important;
}
#socials a{
    display:inline-block;
    }
#socials img{
    width:30px;
    height:30px;
 display:inline-block;
    margin-right:10px;
}
#author{
margin-bottom:10px;
}
#author > div{
    display:inline-block;
    font-size: 14px;
}
#author .author{
    font-weight:600;
}
.cluster h2 {
	color: var(--bgblue) !important;
	text-align: left;
}
#primary.seo-page.col2blocks {
	width: 100%;
}
#page.subpg25 #primary.seo-page {
    padding: 0px 20px;
    width: 100%;
}
#page.subpg25.v26 #primary.seo-page{
    padding: 0px;
}

#page.subpg25.v26 .fw{
    max-width:1280px !important;
}
#page.subpg25 #primary article{
max-width: 1000px;
  }
#page.subpg25.v26 #primary article{
    padding:40px 15%;
    margin-top:-60px;
    max-width:1280px;
    position: relative;
    background-color: #fff;
}
#page.subpg25.v26 p, #page.subpg25.v26 .entry-content p{
    line-height:32px;
}
#page.subpg25 #secondary{
    display:none;
}
#page.subpg25 .ptempl, #page.subpg25 .fw{
    overflow-x:visible;
}
#page.subpg25 .crumbs{
    margin-left: calc(((100vw - 1220px) / 2) * -1) !important;
    color:#ffffff !important;
}
#page.mob25.subpg25 .crumbs{
  left: 0px;
  margin-left: 0px !important;
  }
#page.subpg25 .crumbs a{
     color:#ffffff !important;
}

#page.subpg25 .crumbs a:not(:last-child){
    border-bottom: 1px solid #ffffff !important;

}
.vidbar{
width: 100vw;
    margin-left: calc(((100vw - 1280px) / 2) * -1);
    padding:60px;
     padding-left: calc(((100vw - 1280px) / 2) * 1);
      padding-right: calc(((100vw - 1280px) / 2) * 1);
     position: relative;
     display:flex;
     padding-bottom: 120px;
}
.mob25 .vidbar{
     margin:0px;
}
.border-gradient {
  border: 10px solid;
  border-image-slice: 1;
  border-width: 5px;
  border-left:0px;
      border-right:0px;
       border-bottom:0px;
}
.border-gradient-green {
  border-image-source: linear-gradient(to right, var(--boxiegreen), transparent);
  border-image-source: linear-gradient(90deg,rgba(35, 185, 120, 1) 0%, rgba(35, 185, 120, 1) 78%, rgba(35, 185, 120, 0) 100%);
}
video{
    position:relative;
    border-radius:6px;
    overflow:hidden;
}
.vidwrap{
    position:relative;
    width: max-content;
    display:inline-block;
    margin-right: 60px;
}
#play_button, #play_button2{
    position:absolute;
    width:45px;
    height:45px;
    border-radius: 50%;
    border: 3px solid  #ffffff;
    opacity: 1;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
    display:block;
    top: 40%;
    left: 45%;
    padding: 9px 16px;
    cursor:pointer;
}
#play_button::after, #play_button2::after{
content:'';
     width: 0; 
  height: 0; 
  border-top:10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #ffffff;
  display: block;
  text-align:center;
   transform: scaleX(1.5);
}
.butbar{
    bottom:-100px;
    padding-top:20px;
    position: absolute;
    margin-left:-40px;
}
.butbar .button{
    margin-top;40px;
    border:1px solid var(--bgblue);
    border-radius:6px;
    display:inline-block;
    margin-right:10px;
    width:max-content;

}
.butbar .button.blue, .butbar .button.white:hover{
        background-color: var(--bgblue) !important;
    color:#ffffff !important;
}
.butbar .button.white, .butbar .button.blue:hover{
    background-color:#ffffff  !important;
    color:var(--bgblue)!important;
}
.vidbar .txt{
    display:inline-block;
    padding-right:50px;
   
}
.v26 .vidbar p.h2{
    color:var(--boxiegreen);
    font-size: 28px;
    font-weight:900;
    text-align:left;
    margin:0px;
    margin-bottom:20px;
}


#page.subpg25 #primary.seo-page::before{
    content:'';
    width:100vw;
    height: calc((100vw / 3) * 0.8);
    background-image:url(https://www.boxie24.com/wp-content/uploads/2026/02/Placeholder-Image-scaled.webp);
    background-size: cover;
    background-repeat: no-repeat;
    max-width: 100vw;
    max-height: 250px;
    background-position-y: center;
    margin: 0px auto;
    margin-bottom:-50px;
    margin-left: calc(((100vw - 1220px) / 2) * -1);
    margin-right: calc(((100vw - 1220px) / 2) * -1);
    display: block;
}
#page.subpg25.v26 #primary.seo-page::before{
    height:525px;
    max-height: 525px;
    margin-bottom:0px;
    margin-left: calc(((100vw - 1280px) / 2) * -1);
}
#page.subpg25.v26 #primary.seo-page.lessh::before{
        height:400px;
}
#page.mob25.subpg25 #primary.seo-page::before{
    height:80vw;
     background-size: cover;
     margin-left: -20px;
    margin-right: -20px;
    background-position-x: center;
}
#page.mob25.subpg25.v26 #primary.seo-page::before{
    height:80vw;
     background-size: cover;
    background-position-x: center;
    margin: 0px !important;
}
#page.mob25.subpg25 #primary article{
    padding-left:5vw;
    padding-right:5vw;
}   
#page.subpg25:not(.v26) h1{
    background-color:var(--bgblue);
    color:#ffffff !important;
    padding:20px 30px;
    border-radius: 6px;
    width:max-content;
    margin-bottom: 60px;
}
#page.mob25.subpg25 h1{
    width:100%;
}
#page.subpg25.v26 .seoh1{
    position:absolute;
    top:50px;
    padding:40px;
    background-color:#ffffff;
    border-radius:10px;
    width: 55%;
}
#page.subpg25.v26 .seoh1 h1{
    color:var(--boxiegreen);
}
#page.subpg25.v26 .seoh1 p{
    max-height: 100px;
    overflow: hidden;
}

#page.subpg25.v26 .seoh1 .crumbs {
    background-color: transparent;
    color:var(--bgblue) !important;
    position:relative;
    margin:0px !important;
    padding: 0px 0px 20px 0px;
    top:unset;
}
#page.subpg25.v26 .crumbs a{
    color:var(--bgblue) !important;
    text-transform: uppercase;
}
#page.subpg25 .entry-content > h2, #page.subpg25 .entry-content > h3,  #page.subpg25 .entry-content > h4, #page.subpg25 .chart > h2{
    font-size:28px;
    color:var(--titlegrey) !important;
    margin-top: 50px;
  margin-bottom: 30px;
}
#page.subpg25 .entry-content > h2 b{
font-weight: 700;
}

#page.subpg25 .entry-content > h2{
     margin-top: 50px;
}
#page.subpg25 .entry-content  h3{
color: var(--titlegrey);
     font-size:24px;
     font-weight: 700;
     line-height: 30px;
    margin-bottom: 20px;
}
#page.subpg25 .entry-content > h4{
    font-size:20px;
     margin-bottom: 0px;
     line-height: 30px;
}
#page.subpg25 .entry-content > p{
    margin-top:0px;
    margin-bottom:30px;
    line-height:28px;
}
#page.subpg25 .entry-content strong{
    font-weight: 700;
}
#primary.seo-page.col2blocks section {
	/*-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;*/
	padding: 10px 0px;
	margin-bottom: 20px;
	margin-top: 20px;
	border-top: 0px solid var(--bgblue);
	
	display: flex;
    align-items: center;
}

.peoplequote {
	font-style: italic;
	color: var(--bgblue);
	font-weight: 700 !important;
}

#primary.seo-page.col2blocks section >* {
	/*break-inside: avoid;*/
	width: calc(50% - 20px) !important;
	margin-left: 20px;
}
#primary.seo-page.col2blocks section > :first-child{
    margin-right: 20px;
    margin-left: 0px
}

#primary.seo-page.col2blocks section.textblocks{
    align-items: normal;
}
#primary.seo-page.col2blocks section.textblocks > :first-child{
    width: 30% !important;
    padding-bottom: 20px;
}
#primary.seo-page.col2blocks section.textblocks .colblock{
    
}
#primary.seo-page.col2blocks section h2 {
	margin-top: 0px;
	font-size: 22px;
}
  #primary.seo-page.col2blocks .entry-content > p{
    max-width:646px;
  }
  .emh3{
  color: var(--bgblue);

  font-size: 18px;
  line-height: 20px;
  display: block;
  }
#primary.seo-page.col2blocks section h3, .emh3 {
	font-weight: 700 !important;

}
section .colblock:not(.vertop) h3, .emh3{
    margin-top: 30px;
}
section .colblock:not(.vertop) h3:first-of-type{
    margin-top: 0px;
} 
.col2blocks section .searchdropdown, .allcheckout .searchdropdown, .boxes #sect2 .searchdropdown{
    margin-bottom: 20px;
    margin-top: 20px;
}
.cdrop0 .searchdropdown{
    margin-bottom:20px !important;
}
.productseo .searchdropdown{
    position: absolute;
    width: 100%;
}
.searchdropdown.floordrop{
    z-index:10;
}
.picks.new .product-time.pick{
    padding-bottom:10px !important;
}
.picks #cbpick input, .picks #sinput_floors{
    background-color:#fff;
    border: 1px solid var(--lightblue);
  font-size: 14px;
}
.picks #cbpick input::placeholder, .picks #sinput_floors::placeholder{
color: #3c454e !important;
    opacity:0.7 !important;
    }
.picks .searchdropdown.floordrop{
    max-width:100%;
    margin-bottom:20px;
}
.picks #sinput_floors{
background-color:#fff;
}

#primary.magazin {
}

.break-before {
	/*break-before: column !Important;
	break-before: always !Important;*/
}

.blocktext {
	padding: 50px 50px 30px 50px;
	border-radius: 30px;
	margin: 50px 0px 30px 0px;
}

.blocktext.blue, .blocktext.blue h2, .blocktext.blue h3 {
	color: #ffffff !important;
	background-color: var(--bgblue);
	font-weight: 300;
}
.blocktext.blue b{
    font-weight: 700;
}
.blocktext h2, .blocktext h3, .blocktext .button {
	margin-top: 0px;
	margin-bottom: 10px;
}

.inline {
	display: inline-block;
}

.alignleft {
	float: none;
}

.fcol .p_ {
	display: none !important;
}

#footer_locations {
	background-color: #e8f2ff;
	padding: 20px 10%;
}

#footer_locations .cols {
	display: flex;
	justify-content: space-around;
	padding: 40px 0px;
}

.nonvis {
	visibility: hidden !important;
}
.newgal{
    align-items: center;
    display: flex;
}
#citygaln .carouseln-container {
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 20px;
    display: inline-block;
}
#citygaln .sinput{
    border:1px solid var(--lightblue);
}
.noBA::before, .noBA::after{
    display: none !important;
}
.noanim .noBA{
    display:none !important;
}
.noanim.stop .carousel{
    transform: translateX(0px) !important;
}
.noanim .carousel-slide{
    scale:1 !important;
}
.noanim .carousel-slide.copy{
     display:none !important;
}
.carouseln-container > .carousel {
    display: flex;
    transition: transform 0.3s ease;
}
.gencar .carouseln-container > .carousel {
    transition: all 1s ease-in-out;
}
.gencar .carousel-slide{
     transition: all 1s ease-in-out;
}
.noanim .carouseln-container > .carousel{
     display: block !important;
}
#taglinenew{
    padding-top: 2px;
    padding-bottom:2px;
}
#taglinenew span b, #taglinenew a b{
    color: var(--bannerorange);
     color: var(--bgblue);
}
#taglinenew .carousel-slide > a{
    color: var(--bgblue) !important;
    display: inline-block;
  height: 30px;

}
#taglinenew .carousel-slide span, #taglinenew .carousel-slide > a{
      /*border-bottom:1px solid var(--bgblue);*/
  width: fit-content;
  margin: 0px auto;
}
.mob25.nav25 #taglinenew .carouseln-container{
    display:none;
}
#tpop{
    padding-bottom: 4px;
}
#tagpop{
    position: absolute;
    display: none;
    z-index: 3000;
  overflow: visible;
  text-align: left;
  float: left;
  background-color: #ffffff;
  padding: 30px;
  top: 50px;
  width: 500px;
  max-width: 100vw;
  border-radius: 30px;
  border: 1px solid var(--bgblue);
  color: var(--titlegrey);
}
#tagpop h4{
    margin-top: 0px;
}
#tagpop ul{
    margin-left: 0px;
    padding-left: 12px;
}
#taglinenew .carouseln-container{
    overflow: hidden;
    padding:6px 0px;
    overflow: visible;
}
#taglinenew .carousel{
    justify-content:space-between;
    transition: transform 0.50s ease;
}
.wp-gr.sliders{
    margin-top: 20px;
    overflow-x: hidden;
    margin-left: -12px;
    width: calc(100% + 12px) !important;
}
.wp-gr .grw-review.carousel-slide .wp-google-feedback{
    overflow-y: unset !important;
}
.wp-gr[data-layout="grid"] .grw-reviews{
    height: 250px;
}
.sliders .grw-content-inner{
    overflow: hidden;
    padding:6px 0px;
    overflow: visible;
}
.sliders .grw-reviews{
    justify-content:space-between;
    transition: transform 0.50s ease;
}
.carouseln-container > .carousel.new{
    transition: transform 0s ease;
}
.carousel-slide, .sliders .grw-review {
    flex: 0 0 34%;
}

.grw-review.carousel-slide .grw-review-inner{
    border-radius: 6px;
    border: 1px solid #daeafe;
    padding: 20px !important;
}
.grw-review.carousel-slide .grw-review-inner > svg{
    display: none;
}
#reviews24 .reviews .wp-gr .wp-google-text{
    font-size: 14px !important;
    line-height: 22px !important;
    font-weight: 300 !important;
    display: inline-block;
    padding: 20px 0px;

}
div.rpi{
    margin-left:-20px;
    margin-right:-20px;
}
.rpi-slider .rpi-card-inner{
    background-color: #ffffff;
}
.rpi-header{
    display: none;
}
.rpi .rpi-ltgt{
    background-color:var(--boxiegreen) !important;
}
.rpi .rpi-ltgt::before, .rpi .rpi-gt::after{
    color:#ffffff !important;
    background-color: #fff !important;
}
.sliders .gnamen{
    color: var(--titlegrey) !important;
    font-weight: 700;
    font-size: 14px;
}
.wp-gr .grw-review.carousel-slide .wp-google-stars{
    margin-top: 0px !important;
}
.rpi-stars{
    display: block;
}
.rpi-stars .rpi-star{
    display: inline-block;
}
.rpi-stars .rpi-star::after {
  width: 19px;
  height: 19px;
    background-color: #fed206;
}
#citygaln .carousel-slide {
    flex: 0 0 20%;
    padding-top: 20%;
    margin: 10px 0px 10px 0px;
    position: relative;
}
#taglinenew .carousel-slide {
    flex: 0 0 25%;
    position: relative;
    cursor: pointer;
}
#taglinenew .carousel-slide.nl-nl {
}
.carousel-slide > a{
    bottom: 30px;
    left: 5px;
    right: 5px;
    position: absolute;
    top: 0px;
    text-align: center;
    background-repeat: no-repeat;
    background-size:cover;
        overflow: hidden;
}
.carousel-slide .button{
    width: 80% !important;
    margin: auto;
    background-color:var(--bgblue) !important; 
    border-color: var(--bgblue) !important; 
    margin-top: -50px;
  z-index: 10000;
  display: block;
  position: absolute;
  margin-left: 10%;
  cursor: pointer;

}
.city22 .carousel-slide .button:hover h3{
    color: #ffffff !important;
    font-weight: 700;
}
.carousel-slide h3{
    margin: 0px !important;
    font-size: 15px;
    line-height: 10px;
    font-weight: 600;
    color: #ffffff !important;
}
/*.carousel-slide {
    flex: 0 0 25%;
    padding-top: 25%;
    }
.carousel-slide > a{
    bottom: 30px;
    left: 5px;
    right: 5px;
} 1044
*/
.magazinowl .bar {
	white-space: nowrap;
}

.magazinowl h2, #seomaggaln h2 {
	color: var(--bgblue);
}

.magazinowl  .bar {
	display: flex;
	width: 100%;
}

.magazinowl .bar h3, #seomaggaln .carousel-slide .wrapitem h3 {
	color: var(--bgblue) !important;
	white-space: normal;
	font-weight: 700;
	line-height: 20px;
	text-align: left;
}

#seomaggaln .carousel-slide .wrapitem h3 {
display: block !important;
margin: 50px 0px 18px 0px !important;
font-size: 18px !important;
}
.magazinowl  .bar p, #seomaggaln .carousel p {
	white-space: normal;
	text-align: left;
	color: #3a3a3a;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.magazinowl .bar .magdiv {
	display: inline-block;
	float: left;
	vertical-align: top;
}

.magazinowl .owl-carousel .owl-item .wrapitem, #seomaggaln .carousel-slide .wrapitem {
	padding: 140px 30px 50px 30px;
	margin: 0px;
	height: 100%;
	border-radius: 30px;
	overflow: hidden;
	position: relative !important;
	cursor: pointer;
}
#seomaggaln .carouseln-container{
    max-width: 1140px;
    overflow: hidden;
    margin:auto;
    }
#seomaggaln .carousel-slide {
  flex: 0 0 25%;
  margin-right: 5px;
  }
.magazinowl .wrapitem > div, #seomaggaln .carousel-slide .wrapitem > div {
	position: absolute;
	top: 0px;
	left: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 0px;
	width: 100%;
	height: 170px;
}

.magazinowl .wrapitem a, #seomaggaln .carousel-slide a {
	position: absolute !important;
	bottom: 20px;
	left: unset !important;
	top: unset !important;
	right: 20px !important;
	color: var(--bgblue);
	font-weight: 600;
}

#footer_locations h2 {
  /*font-size: 42px;
line-height: 45px;*/
	color: var(--bgblue);
	display: block;
	margin: 50px auto 10px auto;
	hyphens: none;
}

#footer_locations a {
	display: block;
	font-weight: 600;
	color: var(--bgblue) !important;
	text-align: left;
}

.green {
	color: var(--boxiegreen) !important;
}

.overblue {
	background-color: var(--bgblue) !important;
	color: #ffffff !important;
}

#error-msg {
  color: #dc3232;
  width:100%;
  text-align:center;
  padding-top:10px;
  display:block;
  margin-bottom: -40px;
  }
  #error-msg.hide{
  display:none;
  }
button, .button {
	font-family: 'Open Sans', Arial, sans-serif !important;
	border-width: 0px;
	border-radius: 20px;
	background-color: var(--boxiegreen) !important;
	display: block;
	margin: 20px auto;
	font-weight: 600 !important;
	width: auto !important;
	padding: 13px 30px 15px 30px;
	padding-top: 13px;
	padding-bottom: 15px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}

button, .rounded {
	border-radius: 20px !important;
}

  /*
  * ++++++++++++++++++++++++++++++++ ICONS ++++++++++++++++  ICONS
  */
.emoji {
	display: inline-block;
	width: 20px;
	height: 20px;
}

#galholder .white {
	margin: 30px 10px 10px 10px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: var( --e-global-color-05ec242 );
	box-shadow: 0px 0px 32px -24px rgba(0,0,0,0.5);
	padding-top: 20px;
}

.white .help-line-number p {
	margin: 0px !important;
	color: var(--bgblue);
	font-size: 24px !important;
	font-weight: 900;
	text-align: center !important;
}

.white .blauw {
	margin-top: 10px !important;
	font-size: 24px;
}

.white a {
}

#callbackbut, #out-callbackbut {
	display: none !important;
}

.login-icon {
	display: none;
}
/*.fa-user{
font-style: normal;
text-align: center;
font-size: 40px;
}
.fa-user::before {
  color: var(--darkblue);
  content: '\e971';
font-family: icons;
float: left;
margin-left: 0px;
padding-top: 10px;

}*/
#lgbut, .dbli {
	background-color: var(--darkblue);
	text-align: center;
}

#lgbutnew {
	background-color: var(--lightblue);
	color: var(--darkblue);
	text-align: center;
	display: none;
}

#lgbutnew .lgtxt {
	color: var(--darkblue) !important;
}

#lgbutnew:hover, #lgbutnew a:hover {
	background-color: var(--lightblue) !important;
}

ul .login-icon {
	background-color: transparent;
	margin: 0px;
	width: 100%;
	display: block;
	border-radius: 0px;
	position: relative;
}

ul .fa-user {
	width: 26px;
	height: 26px;
	display: inline-block;
	border-radius: 50%;
	margin-right: 10px;
	background-image: url(/wp-content/uploads/2022/11/Acount_login_800x800px.png);
	background-repeat: no-repeat;
	background-size: cover;
}

#lgbutnew .fa-user {
	background-image: url(/wp-content/uploads/2023/03/Acount_login_blue.png);
}

ul .fa-user::before {
	display: none;
}

ul .login-icon b {
	display: inline-block;
	vertical-align: top;
}

#drift-frame-controller, .drift-conductor-item iframe, .drift-frame-controller, .drift-controller-icon--active, .drift-widget-avatar.square, .drift-widget-controller-icon.square, .drift-widget-controller.square, .drift-widget-recipient-avatar.square, #drift-frame-chat {
	display: none !important;
}

#drift-frame-chat {
	top: 100vh !important;
}
/* +++++++++++++++++++++++++++++ bottom telephone but +++++++++++++++++++++++ */
#bottelbut {
	width: 200px;
	width: 100vw;
	position: fixed;
	bottom: 0px;
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 3%, rgba(39,183,122,1) 33%);
	left: calc((100vw - 200px) / 2 );
	left: 180px;
	left: 0px;
	padding-top: 10px;
	z-index: 1000;
	text-align: center;
}

#bottelbut > span {
	color: #ffffff !important;
	text-align: center;
	width: 100%;
	font-weight: 700 !important;
}

#bottelbut a {
	color: #ffffff !important;
	text-align: center;
	font-weight: 700;
}
/* ++++++++++++++++++++++++++ callback but +++++++++++++++++++++++++ */
#callbackbut, #out-callbackbut {
	width: 100px;
	height: 210px;
	/*display: block;*/
	position: fixed;
	/*right: calc( (100vw - 1500px)/2 * -1 );*/
	left: calc( 50vw + (1160px/2) );
	border-radius: 2px;
	overflow: hidden;
	top: 50vh !important;
	cursor: pointer;
	z-index: 2000;
	overflow: visible;
}
#out-callbackbut .phone{
background-color: #ff7a00 !important;
}
#out-callbackbut.us, #callbackbut{
    display: block !important;
    left: -5px !important;
    width: 100px;
    height: 100px;
    bottom: -15px !important;
    top: unset !important;
}
#out-callbackbut.us .phone, #callbackbut .phone{
    border-radius: 0px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border: 1px solid #ffffff;
    position: absolute;
	background-color: #ff7a00;
	top: 0px;
	left: 30px;
	width: 60px;
	height: 60px;
	border-radius: 6px !important;
	width: 50px;
	height: 50px;

}

#out-callbackbut.us .phone::before, #callbackbut .phone::before{
    right: 10px;
    font-size: 28px;
    margin-top: 12px;
    right: 8px !important;
    margin-right: 0px !important;
     margin-top: 8px;
    
}
#allincl{
    display:none;
}
.loclist #allincl, .product-side #allincl{
    display:block;
    margin-top:30px;
}
.product-side #allincl{
     margin-top:4px;
}
.tablet25 .product-side .staand #allincl{
    width:100%;
    margin-bottom:40px;
}
.tablet25 .product-side .staand #allincl li {
  width: auto;
  padding-right: 20px;
}
.newsum .product-side img{
    max-width: 80%;
    margin:20px auto;
    display: block;
}
.product-side  #allincl h4{
    font-weight: 400;
    color:var(--bgblue);
     font-size:14px;
     margin-top: 0px;
     line-height: 20px;
}
.loclist #allincl h4{
    font-weight: 700;
    margin-bottom: 10px;
}
#allincl > *{
    padding:0px;
    margin-top:0px;
    margin-bottom:0px;
}
#allincl li{
    display:inline-block;
    width: 30%;
    font-size: 14px;
}
.product-side #allincl li{
    width: auto;
}
.product-side #allincl li.truckk::before, .product-side #allincl li.gasstation::before{
     content:'|';
     padding:0px 10px;
}
.de .product-side #allincl li.truckk::before, .de .product-side #allincl li.gasstation::before{
     padding:0px 4px;
}
.loclist #allincl li::before{
    content:'';
   width: 25px;
  height: 25px;
  display: inline-block;
  background-image: url(infeez/truck_icon_def.svg);
  background-size: 25px auto;
  background-repeat:no-repeat;
  margin-bottom: -8px;
  margin-right: 8px !important;
}
.loclist #allincl li.truckk::before{
    background-size: auto 20px;
    width: 40px;
    background-position-y: bottom;
}
.loclist #allincl li.movers::before{
background-image: url(infeez/movers_icon_def.svg);
}
.loclist #allincl li.gasstation::before{
background-image: url(infeez/gas_icon_def.svg);
}
.tablet25.liggend .loclist #allincl li{
    width: auto;
}
.tablet25.liggend .loclist #allincl li::before{
    display:none;
}
.tablet25.liggend .loclist #allincl li:not(.gasstation)::after{
     content:' | ';
     display: inline-block;
    padding: 0px 10px;
}
#fixinfo{
position: sticky;
background-color:#ffffff;
    padding:20px;
    -webkit-box-shadow: 0px 2px 25px -3px #3c454e8c;
  -moz-box-shadow: 0px 2px 25px -3px #3c454e8c;
  box-shadow: 0px 2px 25px -3px #3c454e8c;
  width: 100%;
}
#fixinfo.fixed{
    width: 100vw;
    padding: 30px calc((100vw - 1260px) / 2);
    left:0px;
    position: fixed;
    top: calc(100vh - 110px);
    z-index:1000000;
    border-top-left-radius: 10px;
     border-top-right-radius: 10px;
}
#fixinfo #mobsub{
    font-size:20px;
    margin-top: 8px;
    display: inline-block;
    width:51%;
    vertical-align:top;
    float:right;
}
.tablet25 #fixinfo{
    padding:30px;
    border-radius:0px;
}
.tablet25:not(.liggend) #fixinfo #mobsub{
    width:60%;
    float: right;
    padding-left: 10px;
    text-align: right;
}
.mob25 #fixinfo #mobsub{
    width:100vw;
    padding:0px 7%;
}
 #fixinfo #mobsub #meters{
    display:none;
    font-weight:700;
 }
 .mob25  #fixinfo #mobsub #meters{
    display:inline-block;
    width:max-content;
 }
 #fixinfo #mobsub #is{
     margin-right:10px;
    color:var(--bgblue) !important;
    font-weight:700;
}

 #fixinfo #mobsub #meters, #fixinfo #mobsub #was{
    margin-right:10px;
    color:var(--titlegrey) !important;
}
.newsum #mobsub #is, .newsum #mobsub #was{
    margin-right:4px;
}
#was s{
    text-decoration-thickness: 2px;
}
.mob25 #transport h2{
    max-width: calc(100% - 40px);
}
.newsum #transport{
    padding-top:0px !important;
}
#fixinfo #mobsub #time{
    font-weight:700;
    color:var(--titlegrey) !important;
}

#fixinfo .button.blue{
float:right;
background-color:var(--bgblue) !important;
border-color:var(--bgblue);
    border-radius:6px;
    margin-top: -4px;
    margin-bottom:0px;
    padding: 8px 20px;
}
.tablet25:not(.liggend) #fixinfo .button.blue{
    padding: 8px 10px;
}
#fullpu{
    width: 48%;
    height: 70px;
    display: inline-block;
    max-width: max-content;
}

#pufix{
    background-color:var(--lightblue);
    border-radius: 6px;
    padding: 8px 20px;
    max-width: max-content;
    font-weight: 700;
    margin-top:-5px;
}
#pucheap{
    font-size:14px;
}
#mobsub .open{

}
.mob25 #fullpu, .mob25 #fixinfo .button.blue{
    display:none;
}
#totalsbottom #callbackbut, #totalsbottom #out-callbackbut{
    position:relative;
    float:right;
    bottom: unset;
    margin-bottom: 0px;
    margin-top: -10px;
    margin-right: -42px;
}
#totalsbottom #callbackbut .phone, #totalsbottom #out-callbackbut .phone{
    border-radius: 0px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border: 1px solid #ffffff;
}
#totalsbottom #callbackbut:hover .phone, #totalsbottom #out-callbackbut:hover .phone{
    background-color: var(--boxiegreen);
 }
 #totalsbottom .annul{
    display:none;
 }
 #movegreen{
 position:absolute;
 width:100vw;
 left:0px;
 top:0px;
 background-color:var(--bgblue);
 height: 80px;

 }

  #totalsbottom #producttotals.boxes {
    margin-top: 80px !important;

  }
   #movegreen .open{
   right:20px !important;
   }
  #movegreen #mobsub,  #movegreen .sizegreen{
    display:unset !important;
 }
   #movegreen .sizegreen{
    padding:30px 0px !important;
    line-height: 20px;
  }
    #movegreen #mobsub{
    display: block !important;
  width: 60% !important;
  margin-left: 30%;
  padding-top: 10px;
    }
#controllers .toggle {
	display: none;
}

#better .owl-carousel .owl-item .steps {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: initial;
}

.owl-better.owl-carousel .owl-stage-outer {
	overflow: visible;
	margin-left: 10px;
}

#better .owl-dots, .owl-mag .owl-dots {
	text-align: center;
}

#better .owl-dot , .owl-mag .owl-dot {
	width: 10px;
	height: 10px;
	margin: 20px 10px;
	display: inline;
	border-radius: 50%;
}

#better .owl-dot > span,  .owl-mag .owl-dot > span {
	width: 10px;
	height: 10px;
	display: block;
	border-radius: 50%;
	background-color: #90dcbb;
}

#better .owl-dot.active > span,  .owl-mag .owl-dot.active > span {
	background-color: var(--boxiegreen);
}

#better .owl-stage {
	display: flex !important;
	margin-top: 30px;
}

.boxfit {
	position: relative;
}

.boxfit h2 {
	max-width: 500px;
	margin-bottom: 50px !important;
}
.boxfit.nw h2{
    max-width: 100%;
    margin-bottom: 0px !important;
}
.boxfit .legenda {
	border: 1px solid var(--bgblue);
	padding: 20px;
	position: absolute;
	left: 20px;
	top: 20px;
	border-radius: 20px;
	color: var(--bgblue) !important;
}
.boxfit.nw{
    width: 70%;
    margin-top: 100px !important;
    z-index:2;
}
.boxfit.nw .legenda{
position:relative;
border:0px;
text-align:center;
margin-bottom: 10px;
}
.boxfit.nw .legenda div{
    display:inline-block;
    border-radius:6px;
    background-color:var(--lightblue);
    margin:10px;
    padding:5px 10px;
}
.tabsmall #primary{
    margin-top: -10px !important;
}
.tablet25 .boxfit.nw{
width:100%;
margin-top: 0px !important;
margin-bottom: 0px !important;
padding: 50px 7%;
}
.boxfit #hlimg {
	width: 70%;
	height: 600px;
	display: inline-block;
	background-size: contain;
	background-position-x: 90%;
}

.whitebar.boxfit > div {
	position: relative;
}

.vertgal {
	width: 20%;
	float: right;
	padding: 20px;
}

.vertgal div:not(.thirdimg) {
	cursor: pointer;
	height: 140px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	border: 0.5px solid var(--bgblue);
	border-radius: 20px;
	margin-bottom: 10px;
}
.nonzoom{
z-index:10000;
    height:200px;

    width:auto !important;
    opacity:0;
     transform: scale(1);
    transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
   -webkit-transition: all .5s ease-in-out;
  /* filter: drop-shadow(1px 1px 1px #ffffff);*/
   border-radius:10px;
   border-width:0px !important;
}
.nonzoom.zoom{

    background-color:#ffffff;
   /* filter: drop-shadow(20px 20px 20px #ffffff);*/
    transform: scale(2);
     opacity:1;
    transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
   -webkit-transition: all .5s ease-in-out;
   cursor:default !important;
}
.nonzoom img, .zoom img{
    height:100% !important;
     width:auto !important;
}
.nw .vertgal{
    width:100%;  
    float:unset; 
   position:relative;
   padding:0px;
}
.nw .vertgal div:not(.carouseln-container):not(.carousel) {
    display: inline-block;
    width:31%;
    margin-right:3.5%;
    height: 200px;
    text-align:center;
    background-size: auto 100%;
    background-repeat: no-repeat;
        background-color:#ffffff;
        border-radius: 6px;
    box-shadow: 6px 2px 15px 1px rgba(60,80,250,0.21);
    background-position-x: center;
}
.mob25 .nw .vertgal div:not(.carouseln-container):not(.carousel) {
     height: 20vw;
}
#fitgal{
 width: 100vw;
    height:35vw;
    border: 0px;
    box-shadow: unset;
}
#fitgal .sliders{
    border:0px;
    margin-left: -25vw;
  width: auto !important;
  height: 100%;
  box-shadow:unset;
  overflow:visible;
}
#fitgal .carouseln-container, #fitgal .carousel{
    height: 100%;
  border: unset;
}
#fitgal .carousel-slide{
    width:50vw !important;
    flex: 0 0 50vw;
    padding-right: 10px;
     padding-left: 10px;
     background-color:transparent;
    margin-right: 0px;
      border:unset;
    border-radius: unset;
    height: 100%;
    box-shadow:unset;
}
#fitgal .carousel-slide .thirdimg{
    width: 100% !important;
    border:unset;
    height: 100%;
    
}
.mob25 .boxfit.nw{
    margin:80px 0px 60px 0px !important;
    width: 100vw;
    padding:0px;
}
.mob25.tabsmall .boxfit.nw{
   padding:0px 5vw !important;
    }
.mob25 .boxfit.nw h2{
    padding:0px 7%;
}
.mob25 .boxfit.nw .legenda{
    width:100%;
    margin-top: 20px;
  top: unset;
  padding:0px 7%;
}
.mob25 .boxfit.nw .legenda div{
    margin:0px;
}
.mob25 .boxfit.nw .legenda div:first-of-type{
    margin:5px;
}
.nw .vertgal div:last-of-type{
     margin-right:0px !important;
}
.ptempl .entry-content p:empty{
    display:none;
}

@media only screen and (max-width: 1260px) {
    .boxes .stedenbanner{
    margin-left:0px !important;
    }
    .product #primary.boxes{
        padding:30px 5% 0px 5%;
    }
   
    .boxes #secondary-timebuts.rules{
        width: 50% !important;
    }
    .sizeblockspack {
    grid-template-columns: repeat(2, 1fr) !important;
    grid-template-rows: repeat(2, 135px) !important;
    }
	.w100vw.feedback {
	    width:100vw;
	    margin-left:0px !important;
	}
    .feedback .blockgal{
        margin-left:7%;
        margin-right:7%;
    }
	.boxtop .boxsub {
		padding-top: 10vw;
	}

	.hometop.student h1 {
		padding-left: 7% !important;
	}
	.page-template-archive-magazine .container{
	    padding: 0px 5% !important;
	}
	.xof .lbluefw{
	    margin-left: 0px !important;
	}
	.lbluefw{
	    padding: 50px 7%  !important;
	}
	.blockgal, .minorgal{
	    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr)) !important;
	}

}
.gmb{
    background-color: #ffffff;
}
@media only screen and (min-width: 1260px) {

}

#callbackbut b,  #out-callbackbut b {
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	text-align: center;
	margin-top: 8px;
}

.callhexx {
	position: absolute;
	top: 90px;
	background-color: var(--darkblue);
	-webkit-clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%);
	clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%);
	width: 100px;
	height: 120px;
	padding: 30% 5px 0px 5px;
}

#callbackbut b.es {
	line-height: 18px;
}

  #out-callbackbut .phone {
	position: absolute;
	background-color: var(--darkblue);
	top: 90px;
	left: 30px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

 #out-callbackbut .phone::before, .booking::before {
	margin-left: 10px;
	font-size: 20px;
	margin-top: 5px;
}

.callmanhexx {
	top: 0px;
	/*background-image: url('/wp-content/uploads-webpc/uploads/2022/06/callman.png.webp');*/
	background-size: cover;
	background-position-x: center;
}

.callbg {
	width: 100%;
	background-color: var(--darkblue);
	height: 50%;
	position: absolute;
	top: 25%;
}
/*ul #callbackbut{
	position: relative;
	left: 0px;
	top: 0px !important;
	height: auto;
	background-color: var(--boxiegreen);
	padding: 10px;
	width: auto;
	text-align: center;
	
}
ul #callbackbut .phone{
	position: relative;
	left: 0px;
	top: 0px !important;
	margin-right: 10px;
	display: inline-block;
	background-color: transparent;
}
ul #callbackbut .phone::before{
	margin-left: -10px;
	font-size: 30px !important;
	margin-top: 18px !important;
	
}
ul #callbackbut .callhexx b{
	width: auto;
	font-size: 18px;
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 20px;
}

ul #callbackbut .callhexx{
	position: relative;
	height: auto;
	top: 0px !important;
	background-color: transparent;
	clip-path: none;
	-webkit-clip-path: none;
	width: auto;
	display: inline-block;
	padding-top: 0px;
	font-size: 18px;
}
ul #callbackbut .callbg, ul #callbackbut .callmanhexx{
	display: none;
	
}*/
/* ++++++++++++++++++++++++++ callback but +++++++++++++++++++++++++ end */
#hphonecontainer {
	float: right;
	padding: 0px;
	margin-top: 15px;
	max-height: 70px;
  vertical-align: bottom;
  position: absolute;
  right: 0px;
  bottom: 14px;
  display: inline-block;
}

.mob23 #hphonecontainer {
	
}

#googletop h3, #googletop p {
	font-size: 14px ;
	font-weight: 300;
	color: #ffffff !important;
}
#googletop p b{
font-size: 14px !important;
font-weight: 700;
}

#googletop .img1, #googletop .img3 {
	display: none;
}

#googletop .img2 {
	display: inline-block;
	height: 20px;
	margin-top: 15px;
	margin-left: 10px;
	vertical-align: text-bottom;
	max-width: 113px;
}

#switch {
	display: inline-block;
	padding: 20px;
	padding: 3px 20px;
	text-align: center;
	color: #ffffff !important;
	font-weight: 700;
	cursor: pointer;
}

#switch b {
	font-weight: 700 !important;
}

#switch .mobbut {
	display: none;
}

.arrowdown {
	display: inline-block;
	width: 32px;
	height: 32px;
	background-color: #27b77a;
	border-radius: 50%;
	margin-left: 11.2px;
	cursor: pointer;
}

.arrowdown:after {
	box-sizing: border-box;
	content: '';
	display: inline-block;
	margin-top: 6.4px;
	width: 15.9px;
	height: 15.9px;
	background-image: url(infeez/arrow_white_down.svg);
	background-size: 100%;
	background-repeat: no-repeat;
}

#searchzip, .dropnew, #q5new-button, #q55new-button , #searchzip-button, #searchzip3-button, #mappdrop-button,  #provdrop, #citysizedrop{
	margin-right: -30px;
	width: calc(100% - 60px);
	margin-left: -30px;
	min-width: 300px;
}
#searchDrop31{
   
}
#searchDropTime a, #searchDrop31 a{
    display: none;
}
#searchDropTime.show a, #searchDrop31.show a{
    display: block;
}
#ui-datepicker-div{
    padding: 20px !important;
    overflow:hidden;
    border-radius: 30px;
    border: 1px solid var(--bgblue) !important;
    background-color: #fff !important;
    width: 350px;
    font-family: 'Open Sans', Arial, sans-serif !important;
}
.ui-datepicker-header{
border:0px;
}
.ui-datepicker th span{
    color: var(--bgblue);
}
.ui-datepicker td{
    width: calc(100% / 7);
}
.ui-datepicker td.booked a{
    color: red !important;
}
.ui-datepicker td.sat a, .ui-datepicker td.nextday a{
    color: black !important;
}
.ui-datepicker-today + .ui-datepicker-unselectable.sat .ui-state-default{
    font-weight:bold !important;
    text-align: center;
    border: none;
    border-radius: 10px;
}
.ui-datepicker td a.ui-state-active{
color: white !important;
}
.ui-widget-content a.blue{
    color: var(--bgblue) !important;
    font-weight:600;
    text-decoration:underline;
}
.ui-datepicker-unselectable.booked a:hover{
    background-color: red !important;
    color: white !important;
}
.ui-datepicker-unselectable.sat a:hover, .ui-datepicker td.nextday a:hover{
    background-color: black !important;
    color: white !important;
}
.ui-datepicker-unselectable.booked .tooltip{
    display: inline;
}
.ui-datepicker td a{
    border-radius: 10px;
    text-align:center !important;
    color: var(--bgblue) !important;
    /*background: var(--lightblue)!important;*/
    border: 1px solid #fff !important;
    font-weight: bold !important;
}
.ui-datepicker .ui-datepicker-header {
  background-color: #fff !important;
  color: var(--bgblue) !important;
  font-weight: 600;
  border-bottom: 1px solid var(--bgblue) !important;
  border-left: 0px;
  border-right:0px;
  border-top:0px;
}
.ui-datepicker .ui-datepicker-title{
    font-weight: 800 !important;
    font-size: 18px !important;
    margin-top:-6px !important;
}
.ui-datepicker .ui-datepicker-today a{
   background-color: var(--bgblue) !important;
  color: #e8f2ff !important;
}
#note_next{
color: var(--titlegrey) !important;
}
#note_date, #note_next{
    color: var(--titlegrey) !important;
    font-size: 13px !important;
    padding: 0px 4px;
    line-height: 16px;
}
.ui-datepicker .ui-state-hover{
    background-color: var(--bgblue) !important;
    color: #fff !important;
}
.ui-widget-header .ui-icon{
background-color: var(--bgblue) !important;
 background-image:url('/wp-content/uploads/2023/03/Button_arrow_down_blue.svg') !important;
    transform: rotate(90deg) ;
    background-size: cover !important;
    background-position-x:0px !important;
    background-position-y:0px !important;
    border-radius:50%;
}
.ui-datepicker .ui-datepicker-next span{
    transform: rotate(-90deg) !important;

}
#popform .ui-selectmenu-button.ui-button, .dialog-type-lightbox4 .ui-selectmenu-button.ui-button {
	max-width: 100%;
	min-width: 100%;
	position: relative;
}

#popcall .ui-selectmenu-button.ui-button {
	max-width: 100%;
	min-width: 100%;
	position: relative;
}

#searchzip2, #searchzip3 {
	margin-right: -30px;
	width: calc(100% - 60px);
	margin-left: -30px;
	max-width: 400px;
}

#mappdrop-button {
	margin: 20px 0px;
	display: block;
}

#mappdrop-menu {
	width: 100%;
}

::placeholder {
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 400;
	color: #3c454e !important;
	opacity: .7 !important;
}
#frform input::placeholder{
    font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 400;
	color: #3c454e !important;
	opacity: .7 !important;
}
.wpcf7-tel {
	font-family: 'Open Sans', Arial, sans-serif;
}

input[type=text], input[type=email], input[type=tel] {
	width: 100%;
}

#citysizedrop.ui-button:hover, #citysizedrop.ui-button:focus, .iti__selected-country:hover {
	border: 0px !important;
}
.iti__selected-country:hover {
background-color:none !important;
}
.inputarrowright {
	float: right;
	width: 43px;
	height: 43px;
	background-color: #27b77a;
	border-radius: 50%;
	margin: 0px;
	margin-left: -10px;
	margin-top: 12px;
	position: absolute;
}

.inputarrowright:after {
	box-sizing: border-box;
	content: '';
	float: left;
	margin: 0px;
	margin-top: 5px;
	margin-left: 6px;
	width: 30px;
	height: 30px;
	 background-image: url('infeez/arrow_white_down.svg');
	background-size: 90%;
	background-repeat: no-repeat;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

#switch i {
	width: 25px;
	height: 25px;
	float: right;
	background-color: var(--boxiegreen);
	border-radius: 50%;
	margin-top: 4px;
}

#hphonecontainer > div {
	display: inline-block;
	margin-top: -39px;
}

#hphonecontainer .button.tel {
	margin-top: 0px;
/*padding: 5px 20px;*/
	display: inline-block;
}

#hphonecontainer div b {
	color: #ffffff;
	font-size: 16px;
}

#hphonecontainer .teltxt {
	display: none;
}

.phone::before {
	content: '\e942';
	font-family: icons;
	font-size: 24px;
	float: left;
	color: #fff;
	text-indent: 0px;
	line-height: 30px;
	margin-right: 10px;
	margin-top: -4px;
	font-weight: 100;
	margin-left: 0px;
	position: absolute;
	border: 0px;
	background-color: transparent;
}
.booking::before {
    content: '';
    font-size: 20px;
  color: #fff;
  text-indent: 0px;
  line-height: 0px;
  margin: 0px 10px -4px 0px;
  font-weight: 100;
  position: relative;
  border: 0px;
  background-color: transparent;
  display: inline-block;
  width: 20px;
  height: 20px;
    background-image: url('infeez/booking icon white.svg');
}
.booking:hover::before{
     background-image: url('infeez/booking icon blue.svg');
}
.noreplace.phone::before, .white .noreplace.phone::before {
	font-size: 20px;
	color: #fff;
	text-indent: 0px;
	line-height: 0px;
	margin: 0px 10px 10px 0px;
	font-weight: 100;
	position: relative;
	border: 0px;
	background-color: transparent;
	display: inline-block;
	float: none;
}

article .phone:hover::before {
	color: var(--bgblue) !important;
}

.phone > div, .phone strong, .phone b {
	padding-left: 20px;
	font-weight: 600;
}

.phone strong {
	padding-left: 40px;
}

.phone.wit {
	color: #ffffff;
}

#hphonecontainer .hphonecont:hover .phone, #hphonecontainer .hphonecont:hover .phone::before, .hphonecont .phone:hover , .hphonecont .phone:hover::before,#hphonecontainer .hphonecont:hover b, .sbutton:hover , #colophon .button:hover {
	color: var(--bgblue) !important;
	background-color: #ffffff !important;
}

.hphonecont.button:hover .phone {
	color: var(--bgblue) !important;
}

.hphonecont.button:hover .phone::before {
	color: var(--bgblue) !important;
}
.pricenav, #cbbut, .pricenavv{
    color: #ffffff !important;
	background-color: #ff9500 !important;
	padding: 10px 20px;
	font-size: 16px;
    line-height: 24px;
    border-radius: 30px;
    border: 1px solid #ff9500;
    margin-right: 20px;
    cursor:pointer;
}
.labelw{
    width: max-content;
    display: inline-block;
}
#cbbut{
    display: inline-block;
    margin-left: 20px;
  margin-top: 30px;
  margin-right: 0px;
  text-align: center;
   color: #ffffff !important;
    font-weight: 600;
}
#cbbut:hover{
    background-color: #ffffff !important;
     color: #ff9500 !important;
}
.pricenav.mob23{
    display: none !important;
}
.pricenavfixed{
    width: fit-content;
    float: right;
    margin-top: 10px;
}
.pricenav a, .pricenavv a{
    color: #ffffff !important;
    font-weight: 600;
    text-shadow: 1px 1px 5px orangered;
     text-shadow: unset;
}
.pricenav:hover, .pricenavv:hover{
    background-color: #ffffff !important;
}
.pricenav:hover a,  .pricenavv:hover a{
    color: #ff9500 !important;
     text-shadow: unset;
}
.white .phone::before {
	display: block;
	float: none;
	margin: 10px auto;
	border: 3px solid var(--bannerorange);
	background-color: #ffffff;
	color: var(--bannerorange);
	text-indent: 10px;
	line-height: 55px;
}

.noreplace.phone:hover::before {
	color: var(--bgblue);
}

.arrow {
	border: solid var(--arrowgrey);
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
}

.picker > div, .picker > div > a, .picker > div > h2 {
	font-size: 15px;
	font-weight: 600;
	color: #ffffff !important;
	width: auto;
	margin: 0px;
}

.picker > div > a, .picker > div > h2 {
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: 100%;
	text-align: center;
}

.picker > div {
	padding: 10px;
	margin-left: 20px;
	padding-bottom: 0px;
}

.picker a:visited {
	color: #ffffff !important;
}

#langpick {
	display: block;
/*right: 30px;
text-align: right;*/
	position: absolute;
	width: 350px;
	top: 100px;
	border-radius: 20px;
	border: 1px solid var(--titlegrey);
	background-color: var(--bgblue);
	z-index: 100000;
	margin-left: -200px;
}

ul #langpick {
	position: relative;
	top: 0px;
	left: 0px;
	border: 0px;
	border-radius: 0px;
	width: 100%;
	margin-left: 0px;
}

ul .dbli #langpick {
	top: 20px;
	left: unset;
	width: 100vw;
}

#langpick li {
	width: 100%;
	list-style-type: none;
	padding-left: 20px;
}

#langpick li > a, #langpick li > span {
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 20px;
	display: block;
	padding: 8px 40px;
	padding: 20px 10px 20px 40px;
}

#langpick img {
	border-radius: 50%;
	margin-right: 20px;
	border: 2px solid #ffffff;
	display: inline-block;
	vertical-align: middle;
}
#langpick.nav25 img{
    	border-radius: 0;
}
#langpick li a {
	color: #ffffff !important;
	font-size: 16px;
	font-weight: 700;
	padding-left: 20px;
	display: inline-block;
	width: auto;
}

#langpick li a {
	display: inline-block;
	color: #ffffff !important;
}

#langpick i {
	font-style: normal;
	font-size: 16px;
	font-weight: 400;
	margin: 0px 10px;
}

.subtit {
	color: var(--titlegrey) !important;
	font-weight: 600;
	display: block;
	font-size: 20px;
	max-width: 900px;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	line-height: 24px;
	text-align: center;
}

.right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.hub img.right{
    transform:unset;
}
.left {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}

.up {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

.down {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.sitemap a {
	color: transparent !important;
}

div.vspace.map::nth-of-type(2) {
	display: none;
}

.sitemap a::after {
	content: '\e94c';
	font-family: icons;
	color: #fff;
	font-size: 2vw;
	float: left;
}

.post-share-advance {
	display: none;
}

.post-share-advance .fa-share-alt {
	background: #333940;
	border-radius: 50px;
	bottom: 0;
	color: #FFF;
	height: 40px;
	line-height: 40px;
	position: absolute;
	right: 10px;
	width: 40px;
	top: 175px;
	background-image: url('fonts/icons8-share-30w.png');
	background-repeat: no-repeat;
	background-position: 3px 4px;
}

.fa-share-alt::before {
	content: " ";
	width: 30px;
	height: 30px;
}
  /*
  * ++++++++++++++++++++++++++++++++ REPAIR ++++++++++++++++  REPAIR
  , li br
  */ 
li svg {
	display: none;
}

figure img {
	display: block;
	width: 100%;
}
   /*
  * ++++++++++++++++++++++++++++++++ DEFAULT ++++++++++++++++  DEFAULT
  */
html, body {
	height: 100%;
}

html {
}

body {
	/*margin: 0px auto !important;*/
	background-color: #ffffff;
}

.fw, .fullwidth {
	max-width: 1260px !important;
	margin: 0px auto;
	position: relative;
}

.m40c {
	text-align: center;
	width: 40%;
}

#page {
	overflow-x: hidden;
	margin-top: 170px;
}
#page.hub{
    margin-top: 0px;
    max-width: 1470px;
    margin: 0px auto;
    overflow-x: visible;
}
#page.nav25{
     margin: 0px auto;
     padding-top: 96px;
}
#page.nav25.mob25, #page.nav25.tablet25, #page.nav25.notfix{
 padding-top: 0px;
}
body, .entry-content {
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 32px;
	letter-spacing: -1;
	color: #3a3a3a;
}

.d22 .entry-content, .fullwidth .entry-content {
	margin-top: 0px !important;
}

strong {
	font-weight: 600;
}

.single-post .thanx .crumbs a:nth-child(2) {
	color: #2b2b2b !important;
}

.single-post .thanx .psingle {
	display: none;
}

.crumbs a:first-child, .single-post .crumbs a:nth-child(2), .page-template-archive-magazine .crumbs a:nth-child(2) , .loclist .crumbs a:nth-child(2), .mobcrumbs .blue {
	color: #2b2b2b !important;
}
.crumbs a:not(:last-child){
    border-bottom:1px solid #2b2b2b;
    line-height: 14px;
}
.mobblue{
    display:block;
    margin-top: 30px;
}

.mobcrumbs {
    display: none;
}
.category-magazine .post-thumbnail {
	margin-top: 20px;
}
.crumbs a{
    display: inline-block !important;
}
.crumbs b {
	font-weight: 400 !important;
}
.crumbs{
    font-size: 12px !important;
}
.crumbs > *, .loclist .crumbs > * , .mobcrumbs > *{
	font-weight: 400 !important;
	font-size: 12px !important;
	color: #2b2b2b !important;
	/*text-transform: capitalize;*/
}
.crumbs a::first-letter{
    text-transform: capitalize;
}
.crumbs i {
	font-style: normal;
	text-transform: initial;
}

.crumbs a.blue {
	color: var(--titlegrey) !important;
}
.crumbs.boxes, #page.subpg25 .crumbs{
    background-color: var(--darkblue);
    margin-top: 0px;
    max-width: max-content;
    padding: 6px 16px;
    border-bottom-right-radius: 5px;
    position: absolute;
    z-index:100;
    margin: 0px;
    color: #ffffff !important;
    top: 10px;
    z-index: 1;
    margin-top:-10px;
}
.crumbs.boxes a{
    color: #ffffff !important;
    }
.crumbs.boxes a:not(:last-child) {
    border-bottom: 1px solid #ffffff;
    line-height: 14px;
}
.mob > .crumbs.boxes{
margin-top:0px;
}
.product.boxes.mob{
display:block;
}
.banner.franch .crumbs{
display:none;

}
.post-navigation, .cat-links, .entry-meta {
	display: none;
}

body a {
	text-decoration: none;
	color: #000000;
}

a:hover, a:focus, a:active {
	color: #000000;
}

.page article .seo:not(.seo.topseo), .porto-block-location-content, .productseoNOT {
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
	margin: 60px auto;
	width: 80%;
}
.productseo{
	-webkit-columns: 1;
	-moz-columns: 1;
    columns: 1;
    margin: 60px auto;
	width: 80%;
}

#porto-block:empty{
display:none;
}
.productseo table{
    margin: 40px auto;
    max-width: 800px;
}
.subpg25 table{
        margin: 40px auto;
    max-width: unset;
    vertical-align:top;
}
.subpg25 table.morecol th{
}
.productseo table th{
    background-color: var(--bgblue);
    color: #ffffff;
    font-size: 18px;
    hyphens:auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word;
}
.productseo table tr:nth-child(even), .subpg25 table tr:nth-child(even){
    background-color: var(--lightblue);
}
.subpg25 table th{
    background-color: var(--bgblue);
    color: #ffffff;
    font-size: 18px;
    vertical-align: top;
    line-height: 20px;
}
.subpg25 table th, .subpg25 table td{
    min-width:1%;
}
.subpg25 table.morecol th, .subpg25 table.morecol p{
    font-size: 14px;
}
.subpg25 table.morecol th, .subpg25 table.morecol td{
padding: 10px 5px;
}

.subpg25 table p{
line-height: 20px;
  text-align: left;
  }
.page .d21 article .entry-content .fw {
	column-span: all;
}

.page article .entry-content {
	width: 100%;
}

.seo {
	margin-top: 20px;
}

.seo.homeseo {
	background: #d2e6ff;
	width: 100% !important;
	padding: 70px calc(10% + 70px);
}

.seo.topseo {
	margin: 80px 15% 60px 15%;
	padding-top: 60px;
}

.seo ul, .seo li, .seo div, .seo span {
	break-inside: avoid;
}

article a {
	color: var(--bgblue);
}

article a:hover {
	color: var(--bgblue);
}

article ul, article ol {
	margin-top: 0;
	margin-bottom: 1rem;
	margin-left: 0;
	padding-left: 2rem;
	position: relative;
}
article.provart{
    display: none;
}
.porto-block-location-content.provart{
    margin-top: 0px;
}
h1, h2, h3, h4 {
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 800;
	color: var(--titlegrey);
	max-width: 90vw;
}

#secondary h1, #secondary h2, #secondary h3, #secondary h4 {
	color: #ffffff;
}

h1, h2.h1 {
	font-size: 42px;
	line-height: 50px;
	letter-spacing: -2px;
	margin: 0 0 20px 0;
	font-weight: 400;
}

.poptit {
	font-size: 24px;
	line-height: 30px;
	letter-spacing: -2px;
	margin: 20px 0 30px 0 !important;
	font-weight: 300;
	color: var(--bgblue);
	letter-spacing: 0px;
}

.poptit b {
	font-weight: 800;
}

.page-child h1, .single-post h1, .error404 h1, .page .seo h1, .page .seo .h1, .productseo h1 {
	color: var(--bgblue);
	letter-spacing: 0px;
	margin-bottom: 30px;
	font-weight: 800;
	padding-top: 0px;
}
h1.blogsingle{
    color: var(--titlegrey);
    font-weight: 700;
    font-size: 34px;
    margin-bottom:10px;
    margin-top:10px;
}
h2 {
	font-size: 34px;
	line-height: 44px;
	text-align: center;
	width: 100%;
	font-weight: 300;
}

h2 > b, h2 > strong, h1 > strong, h1 > b {
	font-weight: 800;
}

h3 {
	font-size: 18px;
	line-height: 20px;
}

.maghead {
	margin-top: 30px;
	font-weight: 700;
}

.footnote {
	max-width: 90%;
	font-weight: 400 !important;
	color: var(--arrowgrey);
	margin-bottom:0px !important;
	padding-bottom: 0px !important;
	font-size:12px;
	line-height:24px;
	
}
.footnote:first-of-type{
    padding-top: 0px !important;
}
.footnote.vvv{
    margin-bottom:80px !important;
}
div.whitebar.footnote:last-of-type{
    margin-bottom:80px !important;
}
.porto-block-location-content {
	font-weight: 400;
}

.btn-yellow {
	display: block;
	display: table;
}

.porto-block-location-content .btn-yellow {
	margin-top: 20px;
	display: block;
	display: table;
}

.seo h2, .entry-content .seo h2, .storage .porto-block-location-content h2, h3, .productseo h2 {
	color: var(--bgblue);
	font-weight: 700;
	text-align: left;
	margin-top: 50px;
	display: block;
	-webkit-break-after: avoid;
	break-after: avoid;
	break-inside: avoid-column;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	-o-column-break-inside: avoid;
	-ms-column-break-inside: avoid;
	column-break-inside: avoid;
}

.seo h2:not(.h1), .entry-content .seo h2:not(.h1), .storage .porto-block-location-content h2, .page-child .entry-content > h2, .single-post .entry-content > h2, .productseo h2 {
	font-size: 22px;
	line-height: 30px;
	/* prevent whitespace in 2. col */;
}

.storage .porto-block-location-content > h2:first-of-type {
	font-size: 42px;
	line-height: 48px !important;
	font-weight: 800;
}
.fulltext h2{
    margin-top: 24px !important;
}
.seo h3, .entry-content .seo h3, .storage .porto-block-location-content h3, .page-child .entry-content > h3, .single-post .entry-content > h3, .porto-block-location-content h4.h2{
	font-size: 18px;
	line-height: 24px;
}
.porto-block-location-content h4.h2, .txt p.h2{
    color:var(--bgblue);
    font-size: 22px;
    line-height: 18px;
    margin-top:50px;
    margin-bottom:0px;
}

.entry-content > br, article:not(.seo) > br {
	display: none;
}

.oops br {
	display: block !important;
}

.oops br {
	margin-bottom: 100px;
}

.oops .entry-content {
	max-width: 500px;
}

.seo h1, .seo .h1, .porto-block-location-content h1, .productseo h1 {
	column-span: all;
	font-weight: 800;
	padding-top: 30px;
}

#porto-block > *:first-child {
	column-span: all;
	padding-top: 30px;
}

#porto-block hr {
	display: none;
}

.storage .porto-block-location-content h2 {
	font-size: 29px;
	margin-bottom: 24px;
}
/*.seo h3, .porto-block-location-content h3{
	font-size: 24px;
	margin-top: 24px;
}*/
.seo ol {
	margin-left: 0px;
}

.seo ul, .seo ol {
}

.seo li p {
	margin-bottom: 0px;
}

.page-child .d21 .entry-content, .single-post .entry-content, .oops .entry-content {
	padding-bottom: 50px;
}

.container.oops {
	padding-top: 40px !important;
}

.oops .entry-content {
	padding-bottom: 200px;
}

.page-child .entry-content> h2, .single-post .entry-content > h2 {
	color: #0a0a0a;
	color: var(--bgblue);
	margin-top: 20px;
}

.page-child .wpcf7-response-output, .single-post .wpcf7-response-output {
	color: #0a0a0a;
	margin-top: 0px;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	background-color: #ffffff;
}

.wpcf7-not-valid-tip {
	color: #dc3232;
	font-size: 14px;
	font-weight: 500;
	display: block;
	background-color: transparent;
	width: 100%;
	margin: 10px auto;
	text-align: center;
}
.hidden.dur .wpcf7-not-valid-tip{
    display:block !important;
}
.puther{
    z-index:10000;
}
.puther .wpcf7-not-valid-tip{
margin-top:0px !important;
}
.wpcf7-not-valid-tip.clq1, .wpcf7-not-valid-tip.clq2{

}
.wpcf7-not-valid-tip.clq22, .wpcf7-not-valid-tip.clq1{
float: left !important;
} 
.wpcf7-not-valid-tip.tell, .wpcf7-not-valid-tip.clq2{

  float: right  !important;
  
}
.nonval{
    border-color: #dc3232 !important;
}
.wpcf7-response-output {
	margin-top: 10px !important;
}

#primary .hometop .wpcf7-not-valid-tip, #primary .hometop .wpcf7-response-output, .calcform .wpcf7-not-valid-tip, .calcform .wpcf7-response-output, .franch .wpcf7-not-valid-tip, .franch .wpcf7-response-output {
	background-color: var(--bgblue) !important;
	color: #ffffff;
	text-align: center;
	width: 100%;
}

.franch .wpcf7-response-output {
	margin-top: 30px !important;
}

.page-template-space_2 #secondary {
	position: relative;
	width: 50%;
}

.page-template-space_2 .wpcf7 form .wpcf7-response-output {
	color: #ffffff !important;
	margin-top: -20px;
	margin-bottom: 20px !important;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
	width: 100px;
	height: 1px;
	text-align: left;
	margin: 0px;
	direction: ltr;
}

.entry-content > h2 {
	font-size: 29px;
	line-height: 40px;
	font-weight: 700;
	text-align: left;
	margin-bottom: 20px;
	margin-top: 0px;
}

.whitebar h2, .bar h2 {
	margin: 10px auto 10px auto;
/*font-size: 42px;
line-height: 45px;*/
	color: var(--bgblue);
}

article {
	margin-bottom: 0px !important;
}

label {
	break-inside: avoid-column;
	min-height: 40px;
	z-index: 1;
	position: relative;
}
label.durlab{
    	min-height: 0px;
}
label input {
	width: 100%;
	display: block;
}

.product label {
	min-height: 0px;
}

.mobunit {
	display: block;
	padding: 7px;
	border: 2px solid var(--bgblue);
	width: max-content;
	font-weight: 900;
}

.loctxt.singleprod h2:first-letter {
	text-transform: capitalize;
}





i.space{
padding:0px 10px;
font-weight:600 !important;

}





.mtop{
    margin-top: 40px;
}
.site-main p, body, .entry-content {
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 0;
}

a:visited {
	color: var(--bgblue);
}

.formrounded {
	border-radius: 20px !important;
}

.button:visited {
	color: #ffffff !important;
}

.page-child p, .single-post p {
	margin-top: 0px;
	margin-bottom: 10px;
}

#topline, #colophon {
	text-align: center;
	padding: 20px;
	font-weight: 600;
}

/*.tagline {
	padding: 0px;
	font-weight: 600;
}*/

#tagline, #taglinenew {
	max-width: 1260px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 2px;
    font-weight: 500;
    font-size: 15px;
}

#tagline .container, #taglinenew .carousel {
	padding-top: 6px;
	padding-bottom: 6px;
}

#tagline, .tagline, #taglinenew {
	color: var(--bgblue);
	padding: 2px;
	font-weight: 500;
	font-size: 15px;
	background-color: #ffffff;
}

#tagline .navbar {
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 15px;
}

.tagline {
	background-image: none;
	background-color: #ffffff;
}

.tagline .navbar {
	line-height: 30px;
}

#tagline b, .tagline b {
	color: var(--bgblue);
	padding: 0px 0px;
}

#tagline b {
	font-weight: 700;
}

.tagline {
	background-color: var(--bgblue);
	font-weight: 500;
	margin-bottom: 30px;
	padding: 20px 0px;
}

.tagline img {
	position: relative;
	height: 190px;
	display: inline-block;
	float: left;
	margin-top: -65px;
}

.tagline.green {
	background-color: var(--boxiegreen);
}

.tagline.green .vink::before {
	color: #ffffff;
	background-image: url(infeez/vinkwit.svg);
}

.tagline b {
	color: #ffffff !important;
}

.tagline > div {
	width: 70%;
	margin: 0px auto;
	font-size: 16px;
	padding: 20px;
	color: #ffffff !important;
	display: flex;
	justify-content: space-between;
}

.solution {
	padding: 80px 10%;
}

.solution h2 {
	color: var(--bgblue);
}

.solution h2, .solution p {
	vertical-align: top;
	width: 49%;
	display: inline-block;
	padding-right: 10%;
}

.solution p {
	padding: 0px;
}

.solution .button {
	margin-top: 40px;
	width: -webkit-max-content !important;
	width: -moz-max-content !important;
	width: max-content !important;
	display: block;
	margin-left: 0px;
	max-width:100%;
}

.security {
	padding: 50px 10%;
	background-color: var(--boxiegreen);
	margin-bottom: 30px;
}

.security h2 {
	width: 100% !important;
	display: block;
	color: #ffffff !important;
	text-align: center !important;
}

.security > div {
	margin-top: 60px;
	display: block;
	text-align: center;
}

.security > div p {
	display: inline-block;
	width: 0;
	text-align: center;
	color: #ffffff;
	font-weight: 800;
	padding-top: 120px;
	background-image: url(/wp-content/uploads/2023/03/Icon_Bell.svg);
	background-repeat: no-repeat;
	background-size: 60% auto;
	background-position: center top;
	min-width: 180px;
	margin-bottom: 30px;
}

.security > div p:nth-of-type(2) {
	background-image: url(/wp-content/uploads/2023/03/Icon_Lock.svg);
}

.security > div p:nth-of-type(3) {
	background-image: url(/wp-content/uploads/2023/03/Icon_Camera.svg);
}

.security > div p:nth-of-type(4) {
	background-image: url(/wp-content/uploads/2023/03/Icon_Detector.svg);
}

.security > div p:nth-of-type(5) {
	background-image: url(infeez/sec-5.png);
}

.page-child #tagline, .single-post #tagline {
	margin-bottom: 0px;
}

ul.ulvink li{
    list-style-type: none;
}
.vink::before , ul.ulvink li::before{
	content: '\ea10';
	display: inline-block;
	font-family: icons;
	font-style: normal;
	height: 1vw;
	width: 0.6vw;
	margin-right: 18px;
	color: var(--boxiegreen);
     /* background-image: url(infeez/vink.svg);*/
	content: ' ';
	display: inline-block;
	height: 14px;
	width: 24px;
	margin-right: 4px;
	color: var(--boxiegreen);
	background-image: url(infeez/vink.svg);
	background-size: 140%;
	background-position-x: -5px;
	background-position-y: -9px;
	background-repeat: no-repeat;
}
.d2024 .loctxt .specs .vink{
    margin-left:0px;
    margin-right:15px;}
    .d2024 .loctxt .specs .vink::before{
    background-image: url(infeez/vinkwit.svg);
    background-color:var(--boxiegreen);
    border-radius:50%;
    width: 17px;
    height:17px;
    margin-top: 3px;
    background-size: contain;
    background-position: center;
    vertical-align: sub;
    }

.vinkkkk::after {
	margin-right: 5px;
	font-weight: 600;
	font-style: normal;
	content: "\2713";
	font: 'Arial';
	color: var(--boxiegreen);
}

.check, .checkfill {
	list-style: none;
	margin-left: 0px;
	padding-left: 4px;
}

.checkfill li {
	position: relative;
	margin-top: 10px;
	padding-left: 30px;
}

.check li {
	padding-left: 30px;
}

.checktab::after {
	content: ' ';
	display: inline-block;
	transform: rotate(45deg);
	height: 16px;
	width: 10px;
	margin-right: 10px;
	border-bottom: 4px solid var(--boxiegreen);
	border-right: 4px solid var(--boxiegreen);
}

.check li::before {
	margin-left: -30px;
	margin-right: 20px;
}

.checkfill li::after {
	content: ' ';
	display: inline-block;
	transform: rotate(45deg);
	height: 13px;
	width: 8px;
	margin-right: 10px;
	border-bottom: 3px solid #fff;
	border-right: 3px solid #fff;
	position: absolute;
	left: 7px;
	top: 6px;
}

.checkfill li::before {
	content: ' ';
	height: 22px;
	width: 22px;
	border-radius: 50%;
	background-color: var(--boxiegreen);
	margin-right: 10px;
	margin-top: 4px;
	float: left;
	margin-left: -30px;
}

.check li::before {
	position: absolute;
	content: '';
	left: unset;
	display: inline-block;
	height: 30px;
	width: 24px;
	margin-right: 4px;
	margin-left: -30px;
	color: var(--boxiegreen);
	background-image: url(infeez/vink.svg);
	background-size: 120%;
	background-position-x: -5px;
	background-position-y: 0px;
	background-repeat: no-repeat;
}

.checkno::after {
	content: 'X';
	display: inline-block;
	font-weight: 900;
}

th, td {
	text-align: center;
	padding: 10px;
}

.uitroep {
	width: 20px;
	height: 20px;
	position: relative;
	text-align: center;
	color: #ffffff;
	border-radius: 50%;
	font-style: normal;
	background-color: var(--boxiegreen);
	line-height: 0px;
	margin-left: -25px;
	margin-top: 5px;
	margin-right: 4px;
}

.uitroep::after {
	content: "\0021";
	content: "\ea08";
	font-family: icons;
	margin-right: 8px;
	font-weight: 600;
	line-height: 20px;
	color: var(--error);
}

.smiley {
	width: 20px;
	height: 20px;
	position: relative;
	text-align: center;
	color: #ffffff;
	border-radius: 50%;
	font-style: normal;
	background-color: #ffffff;
	line-height: 20px;
	margin-left: -25px;
	margin-top: 5px;
 /*background-image: url('fonts/smiley.png');
 background-size: 100%;*/;
}

.smiley::after {
	content: "\e9e1";
	font-family: icons;
	margin-right: 6px;
	font-weight: 600;
	line-height: 10px;
	color: var(--boxiegreen);
}

.rood, .specp.discount {
	color: var(--error) !important;
}
.sein.rood{
    color: #3a3a3a !important;
}
.blauw {
	color: var(--bgblue) !important;
}

.bgblue {
	color: #ffffff !important;
	background-color: var(--bgblue) !important;
}

.groen {
	color: var(--boxiegreen);
}

.oranje {
	color: var(--bannerorange);
}

.oranjebg {
	background-color: var(--bannerorange);
}

.bgdarkblue {
	background-color: var( --darkblue);
}

.bggreen {
	background-color: var(--boxiegreen) !important;
	color: #ffffff !important;
}

.bottomfooter, .bottomfooter a {
	padding: 50px 0px;
	font-weight: 300;
	color: #444141 !Important;
	text-align: center;
	font-size: 15px;
	line-height: 22px;
}

.bottomfooter a {
	font-weight: 300;
	padding: 0px;
}

.bottomfooter p {
	font-size: 15px;
	margin-top: 5px;
}

.bottomfooter.home a, .bottomfooter.home {
	color: var( --lightblue) !important;
}

.bggrey {
	margin-bottom: 10px;
	text-align: center;
	background-color: #ffffff !important;
}

.text {
	color: #3a3a3a;
}

label {
	margin: 9px 0px;
	display: block;
}

button {
	width: 100%;
	cursor: pointer;
	border-radius: 0px;
	padding: 4px;
}
/*, .seo-page article a[href^="tel:"]:hover*/
button:hover, .button:hover, .btn-yellow:hover {
	background-color: #ffffff !important;
	color: var(--bgblue) !important;
	border: 1px solid var(--bgblue) !important;
}
#fixinfo a.button.blue:hover{
    background-color:#ffffff !important;
}
button, input[type="button"], input[type="reset"], input[type="submit"], .button, .btn-yellow {
	padding: 10px 20px;
	background-color: var(--boxiegreen);
	border: 1px solid var(--boxiegreen);
	color: #ffffff;
	font-weight: 600;
	font-size: 15px;
	font-weight: 400;
	font-size: 0.9rem;
	font-size: 16px;
	line-height: 24px;
	border-radius: 30px;
}

.button {
	display: inline-block;
}

.btn-yellow {
	color: #ffffff !important;
}

.my-3 {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 20px;
	display: table;
}

input:not([type="button"]):not([type="submit"], select), textarea {
	color: #ffffff;
	color: #3c454e !important;
	border: 0px;
	border-style: groove;
	border-width: 1px 1px 1px 1px;
	border-color: #ffffff;
	background-color: var(--bgblue);
	font-size: 16px;
	padding: 10px 20px;
	border-radius: 30px;
	/*font-weight: 700 !important;*/;
}

.qprivate input:not([type="button"]):not([type="submit"], select), .qprivate textarea, .qprivate .country-list {
	color: #3c454e !important;
	border: 1px solid var(--bgblue);
	background-color: #ffffff;
	/*font-weight: 700 !important;*/;
}
.qprivate.rules input:not([type="button"]):not([type="submit"], select), #sinput_34a9c1, #checkout-text, .sinputamount, #rentinfo input, #rentinfo textarea{
    border: 1px solid var(--lightblue);
    font-size: 14px;
}
#sinput_34a9c1{
     font-size: 16px;
     font-weight:400;
}
.sinputamount{
    background-color:#ffffff !important;
    font-weight:400;
}
#boxplus label input{
    margin-right:10px;
}
#boxplus label{
border: 1px solid var(--lightblue);
display: inline-block;
border-radius:6px;
margin-right: 10px;
padding:6px 20px;
}
#boxplus label.active{
background-color:var(--lightblue);
}
#boxplus p{
    width:60%;
    display:inline-block;
    font-size:14px;
}
.mob #boxplus p{
    line-height: 22px;
    margin-top: 10px;

}
#boxplus div{
     width:40%;
    display:inline-block;
    vertical-align:top;
    padding-left: 40px;
    margin-top:-36px;
}
#boxplus div img{
display:inline-block;
width:40%;
vertical-align:top;
}
.mob #boxplus div{
    padding-left:10px;
}
/*
.mob #boxplus div img {
    display: block;
    width: 60%;
    float: right;
}*/
.boxes section{
position:relative;
}

.mob #boxplus label{
    width: 100%;
  min-width: max-content;
}
.boxes .qprivate > div{
padding-top:0px !important;
}
.qprivate.qbusiness label:nth-of-type(4), #order label:nth-of-type(4) {
	margin-bottom: 0px;
}

.qprivate.qbusiness form > div {
	break-inside: avoid;
}

.qprivate select {
	border-radius: 30px;
	border: 1px solid var(--bgblue);
	position: absolute;
	width: 430px;
	z-index: 10000;
}

.change {
	/*position: absolute !important;
	z-index: 10000;*/;
}

.qprivate.qbusiness .colblock {
	margin-bottom: 50px;
}

form .colblock p:empty {
	display: none;
}
section p:empty {
display: none;
}
#label_q31, .searchdropdown.q31, .searchdropdown.qdur {
	display: none;
}
#timeslot{
    width:100%;
}
input.wpcf7-submit {
	border-radius: 30px !important;
	display: block;
	border: 1px solid  var(--boxiegreen);
	cursor: pointer !important;
}

.qprivate input.wpcf7-submit {
	border-radius: 30px;
	margin-top: -2px;
}
.qprivate.rules input.wpcf7-submit, #submitlabel input.wpcf7-submit, #submitlabel > a, .button.cbplan, .button.boxckeckout {
    width: 100% !important;
        border-radius: 6px !important;
        padding: 20px;
        max-width: 100%;
        margin-top: 30px;
        text-align: center;
}
#testlabel{
    display:none;
}
#CBcheckout{
    margin-bottom: 0px !important;
    cursor: pointer;
}
#CBcheckout::before{
    content: '';
    display: inline-block;
    margin-right: 20px;
  height: 50px;
  width: 50px;
  background-image: url('infeez/secure-payment icon white.svg');
  background-size: 100%;
  margin-bottom: -20px;
  margin-top: -10px;
}

#CBcheckout:hover::before{
      background-image: url('infeez/secure-payment icon blue.svg');
}
#cbreserve{
width: 100%;
padding: 10px 20px 10px 20px;
display: block;
text-align: center;

}
.inputbefore{
    text-align:center;
    padding: 20px;
}
.inputbefore ins{
        opacity: 0;
}
.inputbefore::before{
    content: '';
    display: inline-block;
    margin-right: 20px;
  height: 46px;
  width: 46px;
    background-image: url('infeez/booking icon blue.svg');
  background-size: 100%;
  margin-bottom: -20px;
  margin-top: -10px;
}
.inputbefore.green::before{
    background-image: url('infeez/booking icon white.svg');
}

#submitlabel:hover > .inputbefore::before{
      background-image: url('infeez/booking icon white.svg'); 
}
.inputbefore::before:hover{
background-image: url('infeez/booking icon white.svg');
     
}

/*#submitlabel:hover > .inputbefore.green::before{
     background-image: url('infeez/booking icon blue.svg');
}*/
.button.cbplan{
     background-color: var(--bgblue) !important;
     color: white !important;
}
.button.cbplan:hover{
    background-color: white !important;
    border-color: var(--bgblue) !important;
    color: var(--bgblue) !important;
}
.button.cbreserve{
    background-color: white !important;
    border-color: var(--bgblue) !important;
    color: var(--bgblue) !important;
}
.button.cbreserve.green{
     background-color: var(--boxiegreen) !important;
     color: white !important;
    border-color: var(--boxiegreen) !important;
}
.button.cbreserve:hover{
    background-color: var(--bgblue) !important;
    color: white !important;
}
.button.cbreserve.green:hover{
     background-color: white !important;
     color: var(--bgblue) !important;
    border-color: var(--bgblue) !important;
}
#CBcheckout.p50{
    width: 47% !important;
    display: inline-block !important;
    vertical-align: top;

}
#CBcheckout.non{
    background-color: var(--lightblue) !important;
    border-color: var(--lightblue) !important;
    pointer:none;
}
#CBcheckout.p50:hover, #CBcheckout.p50shadow{
    background-color: var(--bgblue) !important;
    color: #ffffff !important;
}
#CBcheckout.p50shadow:before{
    background-image: url('infeez/secure-payment icon white.svg') !important;
}
#submitlabel.p{
 vertical-align: top;
 
 }
 #submitlabel.p50{
  min-height:66px;
 }

#submitlabel.p50:hover .cbreserve{

    background-color: #ffffff !important;
    color: var(--bgblue) !important;
    
}
.closed #tosubmit, #totalsbottom.closed .paymentlogoos{
    display:none !important;
}
.blurbot {
  filter: blur(10px);
}
.blurbot #totalsbottom{
    top:0px !important;
}
 #totalsbottom.closed{
    top:unset !important;
 }
#totalsbottom .paymentlogoos{
    display: flex;
    justify-content: center;
    width:100%;
    position:relative;
}
#tosubmit{
    display:block;
    position:relative;
    margin-top: 40px;
    margin-bottom: 0px;
    width:100% !important;
    padding:20px 20px 16px 20px;
    text-align:center;
    border-radius:6px;
    background-position-x: calc(50% - 116px) !important;
}
#submitlabel.p50 .button.cbreserve, #tosubmit{
       color: #ffffff !important;
    background-color: var(--bgblue) !important;
    background: var(--bgblue)  url('infeez/booking icon white.svg') no-repeat calc(50% - 100px) center;
    background-size: 46px;
}
.de #submitlabel.p50 .button.cbreserve{
    margin-top:10px;
    background: var(--bgblue)  url('infeez/booking icon white.svg') no-repeat calc(50% - 120px) center;
    background-size: 46px;
}
#submitlabel.p50 .button.cbreserve.boxckeckout{
background:unset;
cursor:pointer;
padding:20px;
}
#submitlabel.p50NOT{
    width: 47%;
    display: inline-block;
    margin-left: 6%;
    margin-top: 30px;

}
.p50 .inputbefore{
    display: none;
}
.button.cbreserve:not('boxckeckout').grow-on-hover{
    background: #fff  url('infeez/booking icon blue.svg') no-repeat calc(50% - 100px) center;
     background-size: 46px;
   padding-left: 32px;
   margin-top: 0px !important;
    padding-left:60px !important;
  }
#submitlabel.p50 .button.cbreserve.boxckeckout.grow-on-hover{
     padding-left: 32px;
   margin-top: 0px !important;
  }
  .en .button.cbreserve.grow-on-hover{
    background: #fff  url('infeez/booking icon blue.svg') no-repeat calc(50% - 80px) center;
    background-size: 45px;
  }
.grow-on-hover {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.grow-on-hover:hover, .grow-on-hover:focus, .grow-on-hover:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

#CBcheckout.p50.de::before{
    margin-left:-10px;
}
#order.qprivate input.wpcf7-submit {
	min-width: 100%;
}

form ::placeholder {
  /*font-weight: 700 !important;*/
	color: #3c454e !important;
}

#sinputnav::placeholder , .sinput.home::placeholder{
	color: var(--bgblue)  !important;
}

#sinputnav::-webkit-input-placeholder, .sinput.home::-webkit-input-placeholder{
 /* WebKit browsers */;
}

#sinputnav:-moz-placeholder, .sinput.home:-moz-placeholder {
 /* Mozilla Firefox 4 to 18 */
	color: var(--bgblue) !important;
	opacity: .7;
}

#sinputnav::-moz-placeholder, .sinput.home::-moz-placeholder {
 /* Mozilla Firefox 19+ */
	color: var(--bgblue) !important;
	opacity: .7;
}

#sinputnav:-ms-input-placeholder, .sinput.home:-ms-input-placeholder {
 /* Internet Explorer 10+ */
	color: var(--bgblue) !important;
	opacity: .7;
}

textarea::-webkit-input-placeholder {
 /* Edge */
	color: #9c9c9c;
}

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

textarea::placeholder {
	color: #9c9c9c;
	font-size: 14px;
}
#elevatortxt span{
	color: #3c454e;
	font-size: 14px;
}
#cbtextarea{
    margin-top: 0px;
}   
::-webkit-input-placeholder {
 /* WebKit browsers */
	color: #9c9c9c !important;
	opacity: .7;
    /*font-weight: 700 !important;*/;
}

:-moz-placeholder {
 /* Mozilla Firefox 4 to 18 */
	color: #9c9c9c !important;
	opacity: .7;
   /* font-weight: 700 !important;*/;
}

::-moz-placeholder {
 /* Mozilla Firefox 19+ */
	color: #9c9c9c !important;
	opacity: .7;
   /* font-weight: 700 !important;*/;
}

:-ms-input-placeholder {
 /* Internet Explorer 10+ */
	color: #9c9c9c !important;
	opacity: .7;
   /* font-weight: 700 !important;*/;
}

.elementor-shape {
	overflow: hidden;
	position: absolute;
	left: 0;
	width: 100%;
	line-height: 0;
	direction: ltr;
	display: none;
}

.page-child #bluetop, .page-child #bluebot, .single-post #bluetop,  .single-post #bluebot {
	display: block;
}

.page-child .whiteside, .page-child .secbottom, .single-post .whiteside, .single-post .secbottom {
	display: none !important;
}

#bluebot {
	transform: rotate(180deg);
	margin-top: 0px;
}

.whiteform {
	position: relative;
	border: 1px solid #A9A9A94F;
	padding-top: 0px !important;
	padding-bottom: 10px  !important;
}

.whiteform .elementor-shape-fill {
	fill: var(--bgblue);
	height: 10px;
}

.whiteform .elementor-shape-top svg, .whiteform .elementor-shape-bottom svg {
	fill: var(--bgblue);
	height: 10px;
	width: 100%;
}

.whiteform #text-3 {
	margin-top: 35px !important;
	margin-bottom: 0px !important;
}

.whiteform .formtit {
	max-width: 100% !important;
}

.formtit .custom-logo {
	margin-bottom: 20px;
}

.rood .uitroep, .specp.discount .uitroep {
	background-color: #ffffff;
}

.roundsticker {
	border-radius: 50%;
	background-color: var(--boxiegreen);
	color: #ffffff;
	padding-top: 10px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1vw;
	width: 100%;
	text-align: center;
	line-height: 1vw;
	margin-bottom: 20px;
}

.nl .roundsticker:before, .de .roundsticker:before {
	content: "gratis";
	display: block;
	font-size: 18px;
	line-height: 18px;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}

.en .roundsticker:before {
	content: "free";
	display: block;
	font-size: 18px;
	line-height: 18px;
	width: 100%;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 2px;
}
.site-branding, .elementor-widget-container.d22,  #fnav {
	max-width: 1260px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.main-navigation>div{
	margin-left: auto;
	margin-right: auto;
}
.main-navigation ul {
	float: left;
}

.container {
	overflow-y: visible;
	background-color: #ffffff;
}

.container.posrel {
	position: relative;
	margin-bottom: 100px;
	max-width: 1260px !important;
	margin: 0px auto 100px auto;
}



.main-navigation ul .tcol {
	
}

.tcol li {
	width: 220px;
	display: inline-block;
	float: left;
}

.fll {
	width: 49%;
	float: left;
}

#sortnot .fll {
	width: 100%;
}

.flr {
	width: 49%;
	float: right;
}

.tcol li:nth-child(even) {
	/*float: right;*/;
}

.wpcf7-spinner {
	float: right;
	margin: 0px;
	margin-bottom: -40px !important;
}

.site-branding {
	padding: 0px 0px 20px 0px;
	padding-bottom: 20px;
	padding-top: 0px;
}

#masthead {
	padding-top: 25px;
	margin-bottom: 0px;
	background-color: var(--darkblue);
	overflow-y: visible;
	width: 100vw;
	position: fixed !important;
    top: 0px;
    z-index: 99999;
}
#page.notfix{
    margin-top:0px;
}
#page.notfix #masthead{
    top:unset;
    position: relative !important;
    z-index: 99999;
}
#masthead.home {
	padding-top: 10px;
}

#primary-menu {
	text-align: center;
	padding: 10px;
}

#fnav {
	text-align: left;
	position: relative;
	display: flex;
	justify-content: space-around;
}

.fcol {
	display: inline-block;
	text-align: left;
	padding-right: 10px;
	font-weight: 700;
	font-size: 13px;
	line-height: 30px;
	vertical-align: top;
	margin-bottom: 20px;
}

.fcol .button {
	min-width: 200px;
}
/*.de-de .fcol{
width: 20%;

}
.de-de .fcol:last-child{
width: auto;
}
.fcol.magcol{
float: left;
width: 100%;
margin-top: 40px;
display: flex;
line-height: 20px;

}*/
.fcol.magcol > * {
	width: auto;
	display: inline;
}

.fcol.magcol .fcolscroll a {
	width: auto;
	display: inline-block;
	line-height: 20px;
}

.fcol.magcol .fcolscroll a::after {
	content: '|';
	padding: 0px 5px;
	font-size: 14px;
}

.fcol.magcol h4 {
	margin: 0px 20px 0px 0px;
}

.fcol.magcol h4 a {
	font-size: 15px;
}

.fcol.magcol h4::after {
	content: ': ';
	padding: 0px 20px 0px 0px;
	color: #ffffff;
}

.fcol.ext .fcolscroll {
/*	height: 150px;*/;
}

.fcol .soc {
	margin-top: 10px;
	display: block;
}

.socfooter a {
	margin: 0px;
}

.fcol h4 a, .fcol a.toptit {
	font-size: 18px;
	color: #ffffff !important;
	font-weight: 800 !important;
	margin: 18px 0px;
}

.fcolscroll {
/*	max-height: 200px;
	overflow-y: hidden;
*/;
}

.fcolscroll:hover {
}

.fcolscroll a, .fcol>a {
	font-weight: 600 !important;
	display: block;
	color: #FFFFFF !important;
}
.main-navigation ul>li {
	display: inline-block;
	min-width: 7%;
}

.main-navigation ul>li a {
	padding: 21px 0px 21px 20px;
}
.main-navigation ul {
	font-weight: 700;
	font-size: 1rem;
	color: var(--bgblue);

	display: flex;
	padding: 0px;
}
#page:not(.mob25) #masthead:not(.nav25) #site-navigation.fixnav ul.sub-menu {
background-color: var(--lightblue) !important;
} 


/*.main-navigation ul>li a:hover, .is-hover>a {
	background-color: var(--darkblue);
	color: #ffffff !important;
}*/

.main-navigation ul>li a:hover .sub-arrow::before {
	background-image: url('/wp-content/uploads/2022/12/Button_arrow_down_wit_2.png');
	background-image: url('infeez/arrow_white_down.svg');
}

/*
in styles.css */
.main-navigation:not(.nav25) ul > li{
    padding-right: 55px;
}
.main-navigation.nav25 ul > li{
    padding-right: 20px;
     padding-top: 22px;
}
 .main-navigation.fixnav ul > li{
    padding-right: 45px !important;
}
.nav-menu > li > a:after{
    content: '';
    width: 20px;
	height: 10px;
	position: absolute;
	display: inline-block;
	margin-top: 6px;
	margin-left: 8px;
}
.menu-item-has-children > a:after, .has-kiddies > a:after {
	content: '';
	background-image: url('infeez/arrow_blue_down.svg');
	background-repeat: no-repeat;
	background-size: 80%;
	background-position-y: -6px;
	width: 20px !important;
	height: 10px;

}
.coll4 .menu-item-has-children > a:after {
    position: relative;
	display: inline-block;
	margin-top: 7px;
	margin-left: 8px;
}
.menu-item-has-children:hover > a::after, .has-kiddies:hover > a::after {
	/*transform: rotate(-180deg);*/
}

.menu-item-has-children > a:hover::after, .has-kiddies > a:hover::after {
	background-image: url('infeez/arrow_white_down.svg');
}
/*
einde in styles
*/
.main-navigation ul a, .main-navigation ul a:visited {
	color: var(--bgblue);
	line-height: 20px;
}

.sub-arrow {
	line-height: 1;
	padding: 0px 10px 10px 10px;
/*margin-top: -10px;
margin-bottom: -10px;*/
	position: relative;
	display: inline-block;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sub-arrow::before {
/*content: ' \25BC';*/
	content: '';
	background-image: url('infeez/arrow_blue_down.svg');
	background-repeat: no-repeat;
	background-size: 80%;
	background-position-y: -6px;
	width: 20px;
	height: 10px;
	position: absolute;
	display: block;
	margin-top: 0px;
}

.sub-menu {
	background-color: var(--bgblue);
/*max-width: 300px;*/
	padding: 0px;
	text-align: left;
	width: 100%;
}

.sub-menu li {
	width: 100%;
	font-weight: 600;
}

.sub-menu .coll2 {
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	column-gap: 0;
	min-width: 400px;
	column-rule-style: solid;
	column-rule-width: 1px;
	column-rule-color: #ffffff;
	page-break-inside: avoid;
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
}

.coll3 {
	-webkit-columns: 3;
	-moz-columns: 3;
	columns: 3;
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	column-gap: 0;
	min-width: 620px;
	column-rule-style: solid;
	column-rule-width: 1px;
	column-rule-color: #ffffff;
	page-break-inside: avoid;
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
}

.main-navigation ul .tcol3 {
	width: 660px;
}

.tcol>li {
	width: 50%;
}

.main-navigation ul ul a {
	width: 100%;
	display: block;
	letter-spacing: .5px;
	font-size: 14px;
	line-height: 20px;
	padding-left: 15px;
	padding-right: 8px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.sub-menu .menu-item-has-children::after {
	top: 10px;
}

.main-navigation .sub-menu span {
	display: block;
	max-width: 200px;
	text-align: left;
}

.main-navigation ul ul a {
	width: 100%;
}

.main-navigation .sub-menu .sub-menu {
	margin-left: 200px;
	position: absolute;
	padding: 0px;
	text-align: left;
}

.main-navigation .menucalc a, .main-navigation .sitemap a {
	padding-right: 4px;
	padding-left: 10px;
}

.main-navigation .menucalc a::after {
	content: '\e940';
	font-family: icons;
	color: #fff;
	font-size: 2vw;
	float: left;
	max-width: 50px;
}

.menucalc a {
	color: transparent !important;
}

.sub-menu a:hover {
	background-color: var(--darkblue);
}

.main-navigation ul li:hover>ul, .main-navigation ul li.focus>ul {
    /* left: auto; */
	display: block;
 /* Added */;
}

.main-navigation ul > li:last-of-type ul {
	left: inset;
	right: 0px;
}

.nav-menu > :nth-last-child(3) ul {
	left: inset;
	right: 0px;
}

.custom-logo-link {
	max-width: 145px;
	height: auto;
	margin-left: 0px;
}

#site-navigation {
	background-color: var(--lightblue);
	padding: 0px;
	height: 62px;
}

#sorttt > div {
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	column-gap: 0;
}

#menu-en-us #sorttt > div {
	-webkit-columns: 1;
	-moz-columns: 1;
	columns: 1;
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	column-gap: 0;
}

#primary {
	width: 100%;
	display: inline-block;
	margin-top: 0px;
	margin-right: 60px;
}
/*  was hub style */
#secondary {
	width: 38%;
	vertical-align: top;
	color: #fff;
	display: inline-block;
	max-width: 364px;
	padding-right: 0px;
	margin-top: 50px;
}
#secondary.hubNO{
    width: 334px;
    color:#ffffff;
    margin-top:0px;
    padding:40px;
    padding-right:10px;
    height: 100%;
    position:fixed;
    left: calc((100vw - 1470px) / 2);
    top: 0px;
}
/* was nav hub */
.container, .bar {
	overflow-x: hidden;
}

.boxie24 {
	font-weight: 800;
	font-size: 27px;
	text-align: left;
	color: #fff !important;
	background: url('/wp-content/uploads/2022/08/Icon_green_100w.png');
	background-size: 60px auto;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0px 20px 70px;
	width: 200px;
}

.boxie24 i {
	font-size: 5px;
	font-weight: 300;
}

.boxie24 div {
	display: block;
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 2.2px;
	margin: 0px;
	margin-top: -18px;
	width: auto;
}

#masthead .boxie24 {
	background-size: 80px auto;
	font-size: 32px;
	width: 250px;
	padding: 18px 0px 30px 90px;
}

#masthead  .boxie24 div {
	font-size: 15px;
	letter-spacing: 2.1px;
	margin-top: -14px;
}

.site-main .blogo {
	max-width: 180px;
	height: auto;
}

.formtit p {
	/*font-size: 42px;*/
	line-height: 45px;
	margin-bottom: 20px !important;
	margin-top: 0px !important;
}

.hometop, .prijzentop, .hoeveel, .quotetop, .boxtop, .quotetopnew {
	background-image: url(/wp-content/uploads/2023/01/Photo_team_international_1.jpg);
	color: #ffffff !important;
	background-size: auto 100%;
	background-repeat: no-repeat !important;
	background-size: auto 120%;
	text-align: center;
}

.quotetopnew {
    background-image: url(/wp-content/uploads/2024/06/Banner_drivers1920x680px-1.webp);
    padding: 150px 7%;
    overflow: visible !important;
    background-size: cover;
    height: 300px;
}
.quotetopnew .crumbs{
     border-bottom-right-radius: 6px;
        display: block;
        background: rgba(250,250,250, .9);
        padding: 5px 20px 10px 20px;
        width: max-content; 
        white-space: nowrap;
        position: absolute;
  top: 0px;
  left: 0px;
  color: var(--bgblue);
}
.quotetopnew  a.crumbb, .quotetopnew  a.blueb {
  font-weight: 600 !important;
  margin-left: 2px;
  color: var(--bgblue) !important;
  }
.quotetopnew > div{
    background-color: var(--bgblue);
    padding: 25px 50px;
    position: absolute;
    bottom: 50px;
    text-align: left;
    background: rgb(60,80,250);
    background: linear-gradient(180deg, rgba(60,80,250,1) 0%, rgba(46,61,187,1) 100%);
    width: 80%;
  left: 10%;
}
.quotetopnew.de-de > div, .quotetopnew.nl-nl > div{
    width: 90%;
  left: 5%;
  padding: 25px;
}
.quotetopnew > div h1{
    color: #ffffff !important;
    font-weight: 300;
    margin: 0px;
    display: inline-block;
}
.quotetopnew.nl-nl > div h1{
    font-size: 38px;
}
.quotetopnew .dropdiv{
    display: inline-block;
    position: relative;
}
.quotetopnew .searchdropdown{
        min-width: 300px;
    margin-bottom: 0px;
    margin-left: 40px;
}
.mobtop .quotetopnew{
    padding: 0px;
}
.mobtop .quotetopnew .crumbs{
     display: block;
}
.mobtop .quotetopnew .crumbs{
        border-bottom-right-radius: 6px;
        display: block;
        background: rgba(250,250,250, .9);
        padding: 5px 20px 10px 20px;
        width: max-content; 
        white-space: nowrap;
    }
.mobtop .quotetopnew .crumbs > *{
        color: var(--bgblue) !important;
    }
.mobtop .lbluefw .crumbs{
        display: none;
    }
.mobtop a.crumbb{
        font-weight: 600 !important;
        margin-left: 2px;
    }
.mobtop .quotetopnew > div h1{
        background: rgb(60,80,250);
        background: linear-gradient(180deg, rgba(60,80,250,1) 0%, rgba(46,61,187,1) 100%);
        border-radius: 6px;
        padding: 20px;
        text-align:center;
        margin: 50px auto 0px auto;
    }
.mobtop .quotetopnew .dropdiv{
         margin: 20px auto 0px auto;
         display: block;
         max-width: 500px;
    }
.mobtop .quotetopnew .searchdropdown{
        max-width: 100%;
        margin-left: 0px;
        min-width: unset;
        width: 100%;
        
    }
.mobtop .quotetopnew > div{
        position: relative;
        margin: 0px;
        background: unset;
        bottom: 30px;
        top:0px;
        text-align:center;
    }
p.intro{
    margin: 50px 10%;
    text-align: center;
    line-height: 32px;
    padding: 20px 0px;
}
.prijzentop {
	background-image: none;
}

.prijzentop.en-au {
/*background-image:url(/wp-content/uploads-webpc/uploads/2023/07/Boxie24-172-3.png.webp);*/
	background-position-y: bottom;
}

.boxtop {
	background-image: unset;
	background-color: var(--lightblue);
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
	position: relative;
	padding-bottom: 30px !important;
}

.boxtop .im {
	margin-top: -100px;
	margin-bottom: 20px;
}

.boxtop .boxsub {
	display: table;
	text-align: center;
	width: 100%;
	padding-top: 150px;
	position: absolute;
	font-size: 42px;
	line-height: 50px;
	padding-left: 44%;
	padding-right: 44%;
}

.boxtop .boxsub b {
	font-weight: 800;
}

.boxbut {
	position: relative;
	z-index: 10;
	margin-top: -90px;
	margin-bottom: 100px;
}

.boxtop .im img {
	display: inline-block;
	width: 33%;
	margin-right: -50px;
}

.boxtop .im img:last-of-type {
	margin-right: 0px;
}
.boxtop.nw{
    background-image:url(https://www.boxie24.com/wp-content/uploads/2025/01/MovingBoxestop.webp);
    border-radius:0px;
    height: 20vw;
    background-size: 100% auto;
}
.boxsub.nw{
    border-radius:10px;
    background-color:rgba(60, 80, 250, 0.9);
    background-blend-mode: color-burn;
    width:max-content;
    padding: 20px 40px;
  display: block;
  position: absolute;
  right: calc((100vw - 960px) / 2 );
  margin-top:-250px;
  text-align:left;
  max-width:450px;
}
.mob25 .boxtop.nw{
    background-size: auto 150%;
  height: 80vw !important;
  max-height: 400px;
  margin-top: 10px !important;
  background-position-x: right;
    background-color: rgba(255,255,255,0.2);
    background-blend-mode: lighten;
    margin-bottom: -60vw !important;
}

.mob25 .boxsub.nw{
    position: relative;
  right: unset;
  top: unset;
  float: unset;
  margin: 40px auto 20px auto;
  width: fit-content;
  max-width: 90vw;
  text-align: center;
  padding: 20px;
  background-color:var(--bgblue);
  z-index:1;
}
.mob25.tabsmall .boxsub.nw{
    margin-top: 30vw !important;
    max-width:500px;
}
.mob25 .boxsub.nw img{
  width: 75%;
  float: right;
  margin-top: -30%;
  margin-right: 2%;
  margin-bottom: -2%;
  position:relative;
  z-index:-2;
}
.mob25.tabsmall .boxsub.nw img{

}
.mob25.tabsmall #reviews24 .googlebar span {
      display: block;
      width: 100%;
}
.mob25.tabsmall #reviews24 .googlebar .glogo{
        padding-left: 0px;
        float: none;
        width: 100%;
        max-width: 100%;
        margin-top: 20px;
     }
     .mob25.tabsmall #reviews24 .googlebar .glogo::before{
        display: block;
        margin-left: unset;
       width: 100%;
        margin: 0px 0% 20px 0%;
        background-size: auto 130%;
        background-position-x: center;
     }
      .mob25.tabsmall #reviews24 .googlebar .glogo p{
      margin-top: 10px;
      color: var(--titlegrey);
        display: block;
        font-size: 14px;
      }
     .mob25.tabsmall #reviews24 .googlebar .h2 , .mob25.tabsmall  #reviews24 .subt{
      width: 100%;
      max-width: 100%;
      padding: 0px 20px;
      text-align:center;
    }

.mob25 .boxsub.nw .free{
    float:left;
    left: 20px;
  bottom: unset;
  background-color:#ffffff;
  color:var(--bgblue);
  box-shadow:unset;
}
.tablet25 .nw .free{
    bottom: 100px;
}
.mob25.tabsmall .boxsub.nw .free{
    left: unset;
    right: 60%;
}
.mob25 .boxsub.nw .free:after{
box-shadow:unset;
background-image:url(/wp-content/uploads/2025/07/Vector-30-hook-white-2.png);
top: -17px;
  rotate: 15deg;
  z-index:-1;
}
.nw .usps.boxes h2{
    max-width:90%;
}
.nw .usps.boxes h2 br{
display:none;
}
.mob25 .nw .usps.boxes h2 br{
display:inline;
}
.mob25 .nw .usps.boxes h2{
    text-align:left;
    margin-bottom: 20px;
}
.mob25 .usps.boxes h2 b::before{
    content: "\a";
    white-space: pre;
}
.mob25 .nw .usps.boxes .button{
    margin-left:auto;
}
.boxsub.nw h1{
font-weight:200 !important;
    color:#ffffff !important;
    display:block;
}
.boxsub.nw .boxbut{
    margin: 0px;
    margin-bottom:14px;
    background-color: #ff9500 !important;
    border: 1px solid #ff9500;
}
.mob25 .boxsub.nw .boxbut{
        float:unset;
        margin: 10px auto;
}
.boxsub.nw .boxbut:before{
    content:'';
    background-image:url(/wp-content/uploads/2025/07/Group-2744.png);
  display: inline-block;
  width: 24px;
  background-size: contain;
  height: 20px;
  margin-right: 10px;
  margin-bottom: -4px;
}
.boxsub.nw .boxbut:hover {
  background-color: #ffffff !important;
  border: 1px solid #ff9500 !important;
  color: #ff9500 !important;
}
.boxsub.nw .boxbut:hover:before{
    background-image:url(/wp-content/uploads/2025/07/Group-2744-hover.png);
}
.nw .free{
    background-color:var(--bgblue);
    font-weight:600;
    font-size: 14px;
    padding:6px 20px;
    border-radius:6px;
    width: max-content;
    position:absolute;
    right: 65.5vw;
    bottom: 110px;
    box-shadow: 6px 2px 15px 1px rgba(60,80,250,0.21);
    
}
.nw .free:after{
content:'';
background-image: url(/wp-content/uploads/2025/07/Vector-30-hook-blue-2.png);
width: 30px;
  height: 30px;
  position: absolute;
  display: block;
  background-size: 60%;
  right: -5px;
  background-position-y: 5px;
  overflow: hidden;
  background-repeat: no-repeat;
  box-shadow: 6px 2px 15px 1px rgba(60,80,250,0.21);
}
.boxcontainer.nw{
    position: relative;
    margin-top: 100px !important;
}
.boxcontainer.nw.de{
     margin-top: 140px !important;
}
.big .boxcontainer.nw.de{
     margin-top: 100px !important;
}
.boxcontainer.nw .free{
     background-color:#ffffff;
     border: 1px solid var(--bgblue);
     color:var(--bgblue);
     right: 0px;
  position: absolute;
  display: inline-block;
  bottom: unset;
  top:16px;
  box-shadow: unset;
  
}
.boxcontainer.nw .free:after{
    content:unset;
}
.hometop .button, .prijzentop .button, .hoeveel .button, franch .button {
	z-index: 1000;
	position: relative;
}

.quotetop, quotetopnew {
	/*background-image:url(/wp-content/uploads-webpc/uploads/2022/12/Banner_drivers1920x680px.jpg.webp);*/
	color: #ffffff !important;
	background-repeat: no-repeat !important;
	background-size: auto 100%;
	text-align: center;
	background-position-x: -5vw;
}

.searchdropdown input:focus {
	outline: none;
}

.quotetop .searchdropdown {
	width: 100%;
	margin: 0 auto;
}

.pstoragetop .searchdropdown {
	width: 100%;
	margin: 0 auto;
}

#reshead .searchdropdown {
	margin-bottom: 20px !important;
}

.pstoragetop {
	background-image: url(/wp-content/uploads/2022/09/Photo_Employee_Livingroom-1024x683.jpg);
	background-position: top right;
}

.quotetop h1, .pstoragetop h1, .hometop h1, #calctop h1, .boxtop h1 {
	font-weight: 300;
}

.container.student {
}

.hometop h1 {
	color: var(--bgblue )!important;
}

.hometop.student {
	position: relative;
	overflow-x: hidden;
	display: block;
	padding-top: 40px;
	margin-top: 40px;
	height: 632px;
    overflow: visible;
}

.hometop.student h1 {
	color: var(--bgblue )!important;
	left: 0px;
	position: absolute;
	top: 40px;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 50%;
	font-weight: 700;
	font-size: 30px;
	line-height: 36px;
}

.hometop div.student {
	padding-top: 60px;
}

.student h2 {
	color: var(--bgblue);
	font-weight: 700;
	font-size: 28px;
}

.student.reviews h2 b {
	font-weight: unset;
}

.student .singleprod h2 {
	font-weight: 300;
}

.student.units p {
	max-width: 50%;
	text-align: center;
	display: block;
	margin: 0px auto 50px auto;
}

.hometop.student h2 {
	color: #ffffff;
	text-align: left;
	font-size: 28px;
	font-weight: 400;
	max-width: 500px;
	display: block;
	margin: 20px auto 10px auto;
}

.hometop.student > div:last-of-type {
	float: right;
	margin-right: 5%;
	padding: 20px  7% 60px 7%;
	background-color: var(--bgblue);
}

.hometop.student .im {
	width: 100%;
	margin: 140px 0px;
	margin: 0px;
	position: absolute;
	top: 120px;
	bottom: 200px;
	height: 343px;
	background-size: cover;
    background-position-x: right;
}

.hometop.student .im img {
	width: 100%;
	margin: 0px;
	position: absolute;
	top: 120px;
	bottom: 120px;
}

.check.student {
	margin-top: -140px;
	margin-left: 60px;
	margin-bottom: 100px;
}

#studentunits, #studentunits2 {
	max-width: 100%;
	margin: 40px auto 0px auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 0px 10px;
}

#studentunits.nostudent {
	justify-content: flex-start;
	padding: 0px;
}

#studentunits.nostudent > div:not(:last-child) {
	margin-right: 3%;
}
.second div.loctxt{
    position: relative;
}
.redlabel, .redlabelsecond {
	position: absolute;
	background-color: red !important;
	border: 0px;
	border-radius: 30px;
	padding: 4px 12px;
	color: #fff;
	right: 20px;
	top: 20%;
	font-size: 15px;
	margin: 20px auto;
	font-weight: 600 !important;
}

.student #steps h2 {
	margin-bottom: 30px;
}

.bluebar.student {
	padding: 15px;
	color: #ffffff;
	font-weight: 500;
	width: 100%;
  	/*margin-left: calc((1260px - 100vw) /2);*/
	background-color: var(--darkblue);
}

.hexbg.student {
	width: 100%;
	max-width: 100vw !important;
  	/*margin-left: calc((1260px - 100vw) /2);*/
	background-color: #e8f2ff;
	padding: 70px 0px;
	margin-bottom: 0px !important;
}
.hexbg.checkout{
    margin-bottom: 0px !important;
}
.hexbg.checkout p.subtit{
    font-weight: 500;
}
.hexbg.checkout h4{
    margin-top: 0px;
}
.bluebar.faq.student {
	width: 100%;
	max-width: 100vw !important;
  	/*margin-left: calc((1260px - 100vw) /2);*/
	text-align: left !important;
	color: #ffffff !important;
	padding: 50px 10%;
	background-color: var(--bgblue);
	border-bottom: 1px solid #ffffff;
}
.seo-page .bluebar.faq.student{
    margin-top: 40px !important;
}
.bluebar.faq.student th, .bluebar.faq.student td {
	text-align: left;
}

.bluebar.faq.student h2 {
	margin-bottom: 60px;
	color: #ffffff !important;
}

.bluebar.faq.student h2 b {
	font-weight: 700;
}

.bluebar.faq.student h3 {
	color: #ffffff !important;
	margin-bottom: 20px;
	padding: 30px 0px 10px 0px;
	border-top: 1px solid #ffffff;
	cursor: pointer;
	font-weight: 600;
}

.bluebar.faq.student h3:first-of-type {
	border-top: 0px solid #ffffff;
}

.bluebar.faq.student h3:after {
	content: '';
	float: right;
	width: 30px;
	height: 30px;
	background-image: url(infeez/pluss.png);
	background-image: url('infeez/plus 2stroke.svg');
	background-size: cover;
}

.bluebar.faq.student h3.show:after {
	background-image: url(infeez/mins.png);
	background-image: url('infeez/minus 2stroke.svg');
}

.bluebar.faq.student .unfold {
	display: none;
	padding-bottom: 20px;
}

.bluebar.faq.student .unfold ol li {
	font-weight: 400;
}

.bluebar.faq.student .unfold > * {
	display: block;
}

.bluebar.faq.student .unfold a {
	color: #ffffff !important;
	font-weight: 600 !important;
}

.bluebar.faq.student .unfold .button {
	margin-top: 20px;
	margin-right: 40px;
	margin-left: 0px !important;
}
.unfold .phone b{
padding-left: 30px;
}
.bluebar.faq.student .unfold a.button:hover {
	color: var(--bgblue) !important;
}

.bluebar.faq.student .bline {
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #fff;
}

.hexbg.student a.button {
	margin: 10px auto;
	display: inline-block;
	max-width: 300px;
}

.hexbg.student .butdiv {
	display: block;
	width: 100%;
	text-align: center;
}

.hexbg.student #steps {
	margin: 10px auto;
	padding: 0px;
}

.hexbg.student #steps img {
	width: 75%;
}

.hexbg.student #steps::after {
	content: unset;
}

.bluebar.student .button.calcbut {
	margin-left: 40px !important;
}

.bluebar.student .button:hover {
	color: var(--bgblue) !important;
}
#studentunits2 {
    position:relative;
}
#studentunits .loctxt, #studentunits2 .loctxt {
	max-width: 30%;
	border-radius: 15px;
	text-align: center !important;
	box-shadow: -1px 0px 15px -3px rgba(0,0,0,0.53);
	padding: 40px;
	margin-bottom: 60px;
	cursor: pointer;
	box-shadow: unset;
	border: 1px solid var(--bgblue);
	position: relative;
}

#studentunits.nostudent .loctxt {
}

#studentunits .loctxt.row2, #studentunits .loctxt.row3, #studentunits .loctxt.row4, #studentunits2 .loctxt.row2, #studentunits2 .loctxt.row3, #studentunits2 .loctxt.row4 {
	display: none;
}

#studentunits .loctxt:hover, #studentunits2 .loctxt:hover {
	background-color: #d2e6ff;
}

#studentunits .loctxt img , #studentunits2 .loctxt img{
	margin: 10px auto;
}

#studentunits.nostudent .loctxt img {
	margin: 0px auto;
	height: auto;
	max-width: 95%;
}

#studentunits .loctxt .check, #studentunits2 .loctxt .check  {
	margin: 40px auto;
	;
}

#studentunits .loctxt h3, #studentunits2 .loctxt h3 {
	text-align: center !important;
	color: var(--bgblue);
}

#studentunits .pricesize, #studentunits2 .pricesize {
	font-weight: 700;
}

#studentunits.nostudent .pricesize {
	font-weight: 600;
	font-size: 20px;
}

#studentunits .price, #studentunits2 .price {
	color: var(--titlegrey);
	font-weight: 500;
}

#studentunits .price i, #studentunits2 .price i {
	font-weight: 700;
}

#studentcities-button {
	width: 100%;
	display: block;
}

#nocity {
	border: 2px solid red;
	padding: 20px 10px;
	color: #ffffff !important;
	display: none;
}

.reviews .student .wp-gr .grw-slider .grw-slider-review-inner {
	background-color: #ffffff !important;
	box-shadow: -1px 0px 15px -3px rgba(0,0,0,0.53) !important;
}

.reviews .student .wp-gr .grw-slider .grw-slider-review {
}

.pstoragetop div h1 {
	line-height: 48px;
	color: var(--bgblue )!important;
	hyphens: none;
	max-width: 80%;
	margin: 20px auto 40px auto;
	text-align: center;
}

#order h1 {
	font-weight: 800 !important;
}

#secondary-timebuts > div > h4 {
	display: none;
}

#secondary-timebuts > div > h4.student {
	display: block;
	font-weight: 700;
	margin-bottom: 20px;
}

.student #secondary-timebuts .verz>div {
	margin-bottom: 30px;
}
#secondary-timebuts.rules{
    width: 55% !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
    float: right !important;

}
.newsum #secondary-timebuts.rules{
     width: 51% !important;
     margin-right: 1% !important;
     position: relative;
}

#secondary-timebuts.rules section{
    border-bottom: 0.7px solid var(--bgblue);
    padding: 20px 0px;
}
.mob #secondary-timebuts.rules section.noscrolltotals, .boxes #secondary-timebuts.rules section.noscrolltotals{
     border-bottom: 0px solid var(--bgblue);
}

#awards{
    border:2px solid var(--orange24);
    padding:30px 35% 0px 30px !important;
    border-radius: 10px;
    position:relative;
    margin-top:40px;
}
#awards h2{
    color:var(--titlegrey);
    line-height: 34px;
    font-size:26px;
    font-weight:300;
    text-align:left;
    padding-left:0px;
}
.boxes.mob #awards.sb, .boxes.mob #awards.mid{
margin: 40px 0px;
}
.boxes.mob #awards.sb h2, .boxes.mob #awards.mid h2{
padding-left:0px;
}
.page-template-CB-boxtemplate #page > #awards{
max-width: calc(100vw - 10%);
margin:10px auto 60px auto;
}
#awards.mid{
padding: 20px 45vw 0px 20px !important;
min-height: 200px;
}
#awards.mid h2{
    margin:0px;
}
#awards.mid .badges{
    top:0px;
    bottom:0px;
    width: 45%;
  display: block;
}
#awards.mid .badges img{
    width: unset;
    max-width:unset;
    height:60%;
  display: block;
  margin-bottom: 0px;
  margin-right: 0px;
  max-height:130px;
}
#awards.mid .badges img:last-of-type{
    position: absolute;
  bottom: 20px;
}
#awards.mob{
 display:block;
}
.mob .pl25 #awards.mid{
max-width: calc(100vw - 40px);
    margin-left:auto;
    margin-right:auto;
    padding: 20px 50% 0px 20px !important;
}
.mob .pl25 #awards h2{
    text-align:left;
    margin-top: 0px;
}
#awards h2 b{
    color:var(--bgblue);
}
#awards p{
text-align:left;
font-size: 11px;
  line-height: 20px;
}
#awards .button{
display:inline-block;
width: max-content !important;
text-align:center;
background-color:var(--bgblue) !important;
border-color:var(--bgblue) !important;
margin-top: 10px;
margin-bottom: 14px;
}

#awards .badges{
position: absolute;
  width: 36%;
  right: 20px;
  bottom: -2px;
  align-items: flex-end;
  display: flex;
  overflow:hidden;
}
#awards .badges img{
width: 45%;
display:inline-block;
margin-bottom:-30px;
border-bottom: 2px solid #fff;
box-shadow: 0px 0px 15px 0px #0000BE1A;
}
#infoblock > .badges{
    width: 100%;

    max-width: 90vw;
  margin: 0px auto;
}
#infoblock > .badges img{
    width:100%;
    margin:0px;
       
}
.mob #infoblock.pl25 #awards.sb{
margin:0px 20px;
}
.mob #infoblock.pl25 #awards.sb .badges{
    padding-top:30px;
}
.mob #infoblock.pl25 #awards.sb .badges::after{
margin-top: 30px;
}
#infoblock > .badges.mob img{
width: 45%;
}
#infoblock > .badges.mob img:first-of-type{
margin-right:5%;
margin-bottom:0px;
}
#infoblock > .badges img:first-of-type{
margin-bottom: 10px;
}
#awards.sb{
padding:20px!important;
margin-top:0px;
overflow:hidden;
right: unset;
bottom:unset;
}
#awards.sb h2{
text-align:left;
font-size:22px;
margin-top:0px;
line-height:30px;
margin-bottom:6px;
}
#awards.sb p{
font-size:14px;
line-height:20px;
}
#awards.sb .badges, #awards2{
  width: 100%;
  position: relative;
  margin-top: 0px;
  margin-bottom: -30px;
  margin-left: 20px;
}
#awards.sb .badges img{
    max-width:75%;
}
#awards.sb .badges.ff img{
    max-width:80%;
}
#award2{
    background-size:contain;
}
#awards.sb .badges img, #awards2{
    margin-bottom:0px;
    width:100%;
}
#awards.sb .badges img:first-of-type{
    rotate: -5deg;
    margin-left: 12px;
}
#awards.sb .badges img:last-of-type, #awards2{
    rotate: 10deg;
    margin-right: 12px;
  margin-left: -60%;
}
#awards.sb .badges::after{
    content:'2x';
    width: 30px;
    height:30px;
    background-color:var(--darkblue);
    padding:5px;
    color:#ffffff;
   top: 20%;
  right: 0;
  border-radius: 50%;
  position: absolute;
  line-height: 20px;
    font-weight:500;
    font-size: 14px;
}
.fixed {
  position:fixed;
  top: 0px;
  z-index:99999;
}
.fixed .paymentlogoos{
    background-color: transparent;
    padding-bottom: 0px;
    position: absolute;
    bottom: 0px;
    width: calc(100% - 80px);
  }
  .fixed .paymentlogoos img{
    margin-bottom: 10px;
  }
.rules .product-side{
    margin-top: 0px;
    border: 0px;
}
.rules .product-side .grey, .rules .product-side .tip{
    color: #BBB3B3;
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 0px;
}
.rules .product-side .tip{
     color: var(--boxiegreen);
      margin-top: 0px;
}
.mob25 .rules .product-side .tip{
     line-height:20px;
      margin-top: 10px;
}
.newsum .rules .product-side .grey{
    margin-top: 0px;
    display:block;
    min-height:28px;
    display:none;
}
.newsum .rules .product-side .grey:before{
    content:unset;
}
.newsum .rules .product-side .grey ins{
    display:none;
    
}
.newsum .rules .product-side .grey ins:before{
   content: '*';
  color: var(--boxiegreen);
  display: inline-block;
  
}

.mob25 .grey ins{
    width: 40%;
    display:inline-block;
    line-height: 20px;
}
.grey > a.butt{
    padding:0px;
    border:0px;
    font-size: 14px;
    color: var(--bgblue);
    float:right;
    max-width: 40%;
    line-height: 20px;
}
.rules .product-side .grey:before{
    content: '*';
    color: var(--boxiegreen);
    display: inline-block;
}
.rules .product-side .grey .fltr {
    display: none !important;
}
#secondary-timebuts.rules > div:not(#awards){
        padding-top: 0px !important;
        padding-right: 0px;
        padding-left: 0px;
}
.rules .product-time{
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(1, 80px);
  padding: 30px 0px;
}
.rules .product-time.insr, .rules .product-time.pick{
     grid-template-columns: repeat(2, 1fr);
}
.rules .product-time.trans{
 grid-template-columns: repeat(2, 1fr);
 grid-template-rows: repeat(1, 120px);
}
.boxes .rules .product-time.trans{
grid-template-rows: repeat(1, 60px);
}

.sizeblockspack{
 grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(1, 135px);
    display: grid;
    gap: 10px;
    padding: 20px 0px 30px 0px;
    position:relative;
}


.puntlab{
   /* background-color:var(--bgblue);
    color: #ffffff;*/
    width: 100%;
    padding:16px 10px !important;
    position: relative;
    text-align:center;
  font-size: 14px;
  font-weight: 700 !important;
}

.sizeblockspack .sizeblock:not(.p0) .puntlab{
    background-color:var(--bgblue);
    color:#ffffff;
}

.sizeblock.p0 .puntlab{
padding-bottom: 0px !important;
color:var(--bgblue);
line-height: 20px;
hyphens:auto;
}
.sizeblock.p0 .pricesize{
margin-top:-20px;
}

.sizeblockspack .sizeblock p{
    font-size:13px;
    text-align:left;
    hyphens:auto;
    line-height:20px;
    padding:10px 15px;
    min-height:80px;
}

.en .sizeblockspack .sizeblock p{

}
.sizeblock.p0 p{
margin-bottom:0px;
}

.rules .product-time.pick .fltr{
    display: none;
}
.rules .product-time > div{
    display: unset !important;
    width: unset !important;
        padding: 10px;
    border: 1px solid var(--lightblue); 
    border-radius:6px !important; 
    cursor: pointer;
    position: relative;
        padding: 0px;
}
.rules .product-time > div.not{
    cursor: unset;
}
.rules .rule26 .product-time > div{
    padding:20px 30px;
}
.rules .product-time > div span b{
    color: var(--bgblue) !important;
    font-weight: 700 !important;
    display: inline-block !important;
    width: auto !important;
     font-size: 24px;
     line-height: 24px;
}
.rules .product-time > div span{
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0px;
    text-align: center;
    width: 100%;
    color: var(--bgblue);
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;

}
.rules .product-time > div.not span, .rules .product-time > div.not span i{
        color: var(--lightblue) !important;
}
.rules .product-time > div.not span i{
    font-style: italic;
}
.rules .product-time.insr > div span, .rules .product-time.pick > div span{
    font-weight: 600;
}
.rules .product-time.times > div span{
     color: var(--titlegrey) !important;
}
.rules .product-time.times > div:not(.pper_5).active:after{
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 13px;
    background-color: #fff;
    margin-bottom: -60px;
    border: solid var(--boxiegreen);
    border-width: 0 1.5px 1.5px 0;
    padding: 3px;
    transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.rules .product-time > div span i{
    color: var(--titlegrey) !important;
    font-weight: 400 !important;
}
.rules .product-time > div span i b{
    color: var(--bgblue) !important;
     font-weight: 800 !important;
}
.rules .product-time > div:not(.not):hover, .rules .product-time .active{
    background-color: var(--lightblue) !important;
    color: var(--bgblue) !important;
}
.rules .product-time > div.not:hover, .rules .product-time > div.inact:hover{
     background-color: #fff !important;
}
.rules .product-time.times > div:hover:after{
   /* display: inline-block;*/
}
.boxes .rules .product-time span{
    color: var(--titlegrey) !important;
}
.boxes .rules .product-time .active span{
    font-weight: 700 !important;
    color: var(--bgblue) !important;
}
div.inact{
    cursor: not-allowed !important;
    overflow: hidden;
}
div.inact span{
    opacity: 0.5;
}
div.inact::before{
    content: "Tijdelijk niet beschikbaar";
    width: 100%;
    text-align: center;
      font-weight: 600;
      font-style: oblique;
      line-height: 14px;
      font-size: 11px;
      /*transform: rotate(25deg);*/
      display: block;
      position: absolute;
      right: 0px;
      top: 0px;
      padding: 2px 4px;
      color: #ffffff !important;
      background-color: rgba(50,50,50,0.6);
}
.en div.inact::before{
    content: "Currently not available";
}
.boxes .loclist{
    border-radius:6px;
}
#notebg{
margin:0px -40px;
padding:10px 40px;
 background-color:var(--bgblue);
 margin-top: 40px;
}
#notebg2{
margin:0px -40px;
padding:40px 40px;
    background-color:var(--lightblue);
}
.fixed #notebg, .fixedmargin #notebg{
    margin-top: -20px;
}
.fixed #notebg2, .fixedmargin #notebg2{
    margin-bottom:40px;
}
.loclist.boxesCB.fixed, .loclist.boxesCB.fixedmargin{
    padding-bottom:30px !important;
}
#notebg h2{
    color:#ffffff !important;
    font-size:22px;
}
#notebg2 .total1{
    padding-bottom:20px;
    border-bottom:1px solid var(--bgblue);
}
.boxes .button.blue{
    background-color:var(--bgblue) !important;
    border-color: var(--bgblue);
    position:relative;
    margin:0px !important;
    margin-right: -10px !important;
}
.mob .boxes .button.blue{
margin-right:0px;
}
.boxes .button.blue i{
    position:absolute;
    font-size:13px;
    color:var(--bgblue);
    top: 44px;
    right: 20px;
  display: block;
  font-weight: 300;
  font-style: normal;  
}
.button.blue.non:hover{
color:#ffffff !important;
}
.loctxt .subbox{
margin-bottom: 40px;
}
#producttotals #notebg, #producttotals #notebg2{
    width: 100%;
    color:#ffffff;
    background-color:transparent;
    margin: 0px;
  padding: 0px;
}
#producttotals .sbtit{
color:#ffffff;
}
form #producttotals.new {
    padding: 40px 80px;
    border: 1px solid var(--lightblue);
    border-radius: 6px;
    margin:50px 0px !important;
}
.newsum h4.topline{
    border-top: 0px;
}
.page-template-CB-boxtemplate .open.close{
    top:20px !important;
}
#producttotals.boxes #callbackbut{
margin-top: 20px;
  position: absolute;
  right: 0px;
  left: unset !important;
  bottom: -120px !important;
}
.subbox p{
display:inline-block;
background-color:var(--lightblue);
color: var(--bgblue);
  padding: 4px 14px;
  margin-right: 10px;
  border-radius: 6px;
  font-weight:300;
  font-size:14px;
}
#packtit{
margin-top: 0px;
}
.sbtit{
color: var(--bgblue);
  font-weight: 700;
}
#onediv{
    margin-top:20px;
}
.boxes .total3not, .boxes .total4 {
margin-top: 10px;
padding: 10px 0px;
border-top: 1px solid var(--bgblue);
}
.boxes .total4 {
border:none;
}
.boxes .total3not span, .boxes .total4 span{
color:var(--bgblue);
}
.loctxt .subbox p{
    color:var(--bgblue);
    font-size:13px;
    font-weight: 400;
    background-color:#e3eef8;
    border-radius:6px;
    max-width: max-content;
    padding: 3px 20px;
}
.sizeblocks, .sizeblocksboxes, .sizeblocks.nl, .sizeblocks.de, .sizeblocks.us, .sizeblocks.au{
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 100px);
  padding: 30px 0px;
}
#blocksline{
padding: 30px 20px;
height: 160px;
overflow-y: hidden;
gap: 60px 20px;
}
#blocksline .sizeblock{
 display: block;
 min-height:54px;
}
.sizeblocks.boxes{
    grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 100px);
}
.sizeblocksboxes{
 grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(4, 50px);
}
.sizeblocksboxes.rows5{
grid-template-rows: repeat(5, 50px);
}

.sizeblocks > button{
    background-color: unset !important;
    margin: unset !important;
  font-weight: unset !important;
  width: unset !important;
  border-radius: unset !important;
}
.sizeblocks > .sizeblock, .sizeblocks > button.sizeblock, .sizeblocksboxes > .sizeblock, .sizeblockspack > .sizeblock{

    font-size: 18px;
    text-align: center;
    padding: 10px;
    border: 1px solid var(--lightblue); 
    border-radius:6px !important; 
    cursor: pointer;
    display: none;
    position: relative;

}
.sizeblockspack > .sizeblock{
    display:block;
    position:relative;
    }
.sizeblocks > .sizeblock:not(.actblock):hover, .sizeblocksboxes > .sizeblock:not(.actblock):hover{
    background-color: var(--lightblue);
}
.sizeblock.actblock{
    background-color: var(--lightblue);
}
.sizeblock .strikethrough{
    display: none;
}
.sizeblock .pricesize {
font-weight:800;
 font-size: 20px !important;
}
.sizeblock .price > *, .sizeblock .price, .sizeblock .pricem2 > *, .sizeblock .pricem2{
 font-size: 14px !important;
font-weight:400  !important;
}
.rule26 .sizeblock .pricem2{
     display: none;
}
.sizeblock .price, .sizeblock .pricem2{
    color: var(--boxiegreen) !important;
}
.sizeblocks .sizeblock .pricesize {
     font-size: 24px !important;
}
.sizeblocks:not('.boxes') .sizeblock .price{
    display:none !important;
}
.sizeblocks.de .sizeblock .price.hidden, .sizeblocks.us .sizeblock .price.hidden{
    display:none !important;
}
.sizeblocks:not('.boxes') .sizeblock .pricem2{
    display:none !important;
}
.sizeblock .pricem2 ins.ful{
    display:none;
}
.sizeblocks.de .sizeblock .price, .sizeblocks.us .sizeblock .price{
     display:block !important;
}
.sizeblocksboxes > .sizeblock{
    display: block;
}
.sizeblocksboxes .sizeblock .pricesize, .sizeblockspack .sizeblock .pricesize{
font-size: 14px !important;
   font-weight:400 !important;
   color: var(--titlegrey) !important;
}
.sizeblockspack .sizeblock, .sizeblockspack .sizeblock .pricesize  {
    padding:0px;
    overflow:hidden;
}
.sizeblockspack .sizeblock .pricesize > *{
    padding:10px 10px;
}
.sizeblocksboxes .sizeblock.actblock .pricesize{
   font-weight:700 !important;
   color: var(--bgblue) !important;
  
}
.sizeblocksboxes .sizeblock.actblock, .sizeblockspack .sizeblock.actblock, .rules .product-time.trans .active{
 background-color: #e3eef8 !important;
}
.boxes .loctxt{
margin-bottom: 20px;
text-align: right;
}
.mob .boxes .loctxt{
text-align: left;
margin-bottom: 6vw;
}
.mob.tblet .boxes .loctxt{
margin-bottom: 0px;
}
.boxsgal{
    margin:0px;
    margin-top: 8px;
}
.boxsgal > div{
padding: 0px;
    width:30%;
    display:inline-block;
    border-radius: 6px;
    background-color:#ffffff;
    margin-right:5%;
    text-align: center;
    border: 1px solid var(--lightblue);
}
.boxsgal > div img{
    height:auto;
    width: 100% !important;
    display: flex;
    margin:0px auto !important;
}
.mob .boxsgal > div{
    filter: drop-shadow(3px 3px 8px #5d6efa60);
}
.boxsgal > div.act{
    border: 1px solid var(--bgblue);
}
.boxsgal > div:last-of-type{
    margin-right:0px;
}
.sizeblocksboxes .price{
display:none !important;
}
.sizeblock .loctxt{
    position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0px;
}
.numcirk{
   background-color: var(--bgblue);
    border-radius: 50%;
    color: #fff;
    font-weight: 800;
    margin-right: 10px;
  text-align: center;
  font-size: 14px;
  width: 20px;
  height: 20px;
  display: inline-block;
  max-height: 20px;
  vertical-align: 2px;
  line-height: 20px;
  position: relative;
}
.boxes section h2{
    padding-left:40px;
}
.boxes .numcirk{
font-weight: 600;
      font-size: 18px;
  width: 30px;
  height: 30px;
   max-height: 30px;
   line-height: 30px;
   margin-left:-40px;
   margin-right:10px;
}
.boxes #sect2 h2{
    position:relative;
}
.boxes .note2, .boxes .note3{
    font-weight: 300;
    color: var(--titlegrey);
    font-size:14px;
    display:inline-block;
    padding:0px 16px;
    border-radius:6px;
    filter: drop-shadow(0px 0px 8px #5d6efa60);
    background-color:#ffffff;
    line-height: 36px;
    position: absolute;
    left: auto;
    top:0px;
    z-index: 10;
}
.mob .boxes .note2, .mob .boxes .note3{

    font-size:16px;
    margin-top:10px;
    
}
.mob .boxes .note2nt{
    position:relative;
    display:block !important;
    filter:unset;
    padding:0px;
}
.rules h2, .checkout .loctxt.singleprod h2{
    font-size: 22px;
}
.checkout .loctxt.singleprod h2{
     font-size: 24px;
}

.checkout .loctxt.singleprod h2 i{
    font-weight: 400;
    color: var(--titlegrey);
    font-style: normal;
}
.rules .rules #q1, .rules .rules #q2{
    
}

.rules .rules #q25, .rules .rules .namewrap{
    display: block;
    display: grid;
    gap: 10px;
    grid-template-rows: repeat(1, 50px);
    grid-template-columns: repeat(2, 1fr);
    padding-bottom: 9px;
}

.span50, .span30, .span40, .span60, .span70{
    display: inline-block;
    width: 48%;
    
}
#rentinfo {
    border-bottom: 0.7px solid var(--bgblue);
  padding: 30px 0px 20px 0px;
  margin-bottom:20px;
}
.boxes #h5, .boxes #h6{
padding-bottom:20px;
}
.boxes #h6{
     border-top: 0.7px solid var(--bgblue);
     padding-top:20px;
     margin-top:40px;
}
.boxes form .searchdropdown{
    margin-bottom:unset !important;
}
#sect5 p >span{
    display:none;
}
#sect5 label{
    margin-bottom:10px !important;
}
.boxes #periodlab{
    min-height:43px;
}
.rules.boxes.col2form label, #rentinfo label{
vertical-align:top;
    margin-bottom:5px !important;
margin-top: 5px !important;
line-height:28px;
}
#rentinfo > p >span, #rentinfo > p > br{
    display:none;
}
#rentinfo label{
width:100%;

}
#rentinfo #periodlab .searchdropdown{
    max-width:100% !important;

    margin-bottom:0px;
    width:100%;
}
#drop_period.searchdrop{
    position:absolute !important;
}
.rules label.span50{
        margin-top: 0px !important;
}
.rules form p{
    margin-bottom: 0px !important;
}
label.span50.marg, .span40.marg, .span70.marg{
    margin-right: 3% !important;
}
.span30{
width:26%;
}
.span40{
width:38%;
}
.span60{
width:58%;
}
.span70{
width:70%;
}
.boxes label.span50{
    width: calc((100% - 15px)/2);
}
.boxes label.span50.marg, .boxes .span40.marg, .boxes .span70.marg{
    margin-right: 10px !important;
}
.boxes .span30{
width: calc((100% - 15px)*.3);
}
.boxes .span40{
width: calc((100% - 15px)*.4);
}
.boxes .span60{
width: calc((100% - 15px)*.6);
}
.boxes .span70{
width: calc((100% - 15px)*.7);
}

#del_adr, #pu_adr{
padding:20px 0px;
border-radius:6px;
margin-bottom:10px;
}
#pu_adr{
padding-top:0px;
margin-top: -10px;
}
#plus_adr{
margin-right: 10px;
}
.check14{
font-weight:600;
font-size:14px !important;
}
#del_adr h5, #pu_adr h5{
margin:0px;
margin-left:0px;
font-size:18px;
padding-bottom:6px;
}
#popform .span50{
 width: 100%;
 z-index: 10000;
}
.iti.span50{
    
}
.rules .rules #q25{
     grid-template-columns: repeat(3, 1fr);
}
.rules .rules #q25 .wpcf7-list-item{
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding: 10px;
    border: 1px solid var(--lightblue); 
    border-radius:6px; 
    cursor: pointer;
    display: none;
    position: relative;
    color: var(--bgblue) !important;
    margin-right: 6px;
}
.rules .rules #q25 .wpcf7-list-item input{
    display: none !important;
}
.rules .rules #q25 .wpcf7-list-item label{
    margin-bottom: 0px !important;
}
.rules .rules #q25 .wpcf7-list-item.active{
      background-color: var(--lightblue);
}
.rules .rules #q25 .wpcf7-list-item:hover{
     background-color: var(--lightblue);
}
.product-side .didsave{
    color: var(--boxiegreen) !important;
}
.checkout .loctxt.singleprod .didsave, .toplabel, #totalsbottom .didsave{
     border-radius: 30px;
     color: #fff !important;
     background-color: var(--boxiegreen);
    padding: 4px 12px;
     font-style: normal;
}

#totalsbottom .didsave{
    display: block;
    width:fit-content;
    min-width: fit-content;
    margin-top: 10px;
     padding: 10px 20px !important;
    text-align: center;
    
}
#totalsbottom.newsum .didsave{
    padding: 5px 20px !important;
}
#totalsbottom .subtotal{
    color: var(--lightblue) !important;
}

#totalsbottom.closed{
    padding:30px 30px 30px 30vw !important;
   /* min-height: 135.5px;*/

}

#totalsbottom.closed #producttotals{
    display: none;
}

#totalsbottom .open, #fixinfo .open{
    position: absolute;
    right: 40px;
    top: 60px;
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 50%;
    background-image: url(infeez/arrow_white_down.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 40%;
    transform: rotate(180deg);
    cursor:pointer;
}

#totalsbottom.newsum{
    overflow:hidden !important;
}
#totalsbottom.newsum .open.close{
    top:20px;
}
#totalsbottom.newsum .open{
    right: 20px;
    top: 40px;
}
#fixinfo .open{
    display:none;
    top:30px;
    right:20px;
    background-color:var(--bgblue);
}
.mob25 #fixinfo .open{
    display:block;
}
#totalsbottom.closed .open{
        right: 5vw;
        top: 20px;
}
#totalsbottom .open.close{
    transform: unset;
    z-index:1;
}
#totalsbottom h2{
    margin-bottom: 20px;
    text-align: left;
}
#totalsbottom h2 b ins.maat{
    margin-right:10px;
     margin-left:0px;
}
#totalsbottom:not('.newsum') h2 b br{
display:none;
}
#totalsbottom.closed h2, #totalsbottom #mobsub{
    display: none;
}
#totalsbottom.closed #mobsub{
    display: block !important;
    width:65vw;
}
#totalsbottom.newsum.closed{
      padding-left:23vw !important;
}
#totalsbottom.newsum.closed #mobsub{
padding-right: calc(5vw + 25px);
  text-align: right;
  width:72vw;
  }
 #totalsbottom.noscrolltotals:not(.newsum), #totalsbottom.caltotbottom:not(.newsum){
 z-index: 100000 !important;
 color:#ffffff !important;
 }
 #totalsbottom.noscrolltotals:not(.newsum) h2,  #totalsbottom.noscrolltotals:not(.newsum) h4.topline{
     color:#ffffff !important;
 }
  #totalsbottom.noscrolltotals{
    top:0px;
    overflow-y: auto;
  }
  #totalsbottom.newsum.noscrolltotals{

  }
#totalsbottom.newsum.noscrolltotalsNOT{
    top:unset;
    bottom:unset;
    overflow-y: unset;
     box-shadow: 0px 0px 30px var(--bgblue);
  }
  #totalsbottom.newsum.noscrolltotals.closed{
     
  }
 #totalsbottom.noscrolltotals.closed{
    top:unset;
    bottom:0px;
 }
#totalsbottom.caltotbottom.sticktopnew{
        position: fixed;
        z-index: 1000;
        min-height: 100vh;
        overflow-x:hidden;
        overflow-y: auto;
        inset: 0;

    }

/* #totalsbottom.noscrolltotals.closed{
    position: fixed;
    z-index: 1000 !important;
    height: 100px;
    overflow-x:hidden;
    overflow-y: auto;
    inset: 0;
    }*/
.toplabel{
 font-size: 16px !important;
}

.checkout .loctxt.singleprod .didsave, .checkout .loctxt.singleprod .didsave .msave{
    font-weight: 300;
    font-size: 15px;
}

.percdeal, .percdeal i{
    font-weight: 600;
    font-style: normal;
}
.newsum .percdeal i{
    font-weight: 300;
}
.newsum .percdeal.rule26 i.savenw{
     font-weight: 600;
     text-transform: uppercase;
     font-style:normal;
}
.percdeal br{
    display: none;
}
.toplabel{
    display: block;
    position: absolute;
    top: -12px;
    right: -10px;
    font-size: 12px !important;
    font-weight: 600;
    line-height: 18px;
    padding: 4px 12px;
}
.toplabel b{
    font-weight: 600 !important;
}
.toplabel:empty, .inact .toplabel{
    display: none;
}
.times.nl .toplabel{
    font-size: 11px !important;
}
.newsum .times .toplabel, .newsum .times .nwl{
    background-color:#ffffff;
    color: var(--titlegrey) !important;
    display:block;
    position:relative;
    margin:0px;
    top:16px;
    right:unset;
    border-radius:0px;
    height: 50px;
  padding: 6px 10px 0px 10px;
  font-weight: 400;
  font-size: 14px !important;
  line-height: 18px;
  border-top: 1px solid var(--lightblue);
  
}
.newsum .times .nwl .pu{
    font-weight:600;
    display:block;
}
.newsum .times .toplabel b{
    color: var(--titlegrey);
    display:block;
}
.mob25.newsum .times .toplabel b, .mob25.newsum .times .nwl .pu{
display:inline-block;
}
.newsum .rule26 .times .nwl{
    display:none;
}
.newsum .rule26 .times .toplabel{
    background:unset;
    border:0px;
    color:var(--titlegrey);
    text-align:left;
    padding:0px;
    height:40px;
    top:10px;
}
.newsum .rule26 .times .prices{
    display:block;
   position:absolute;
   height:100%;
    top:0px;
    bottom:0px;
    padding-top:20px;
    right:20px;
    color: var(--titlegrey);
}
.newsum .rule26 .times .prices s{
text-decoration-thickness: 2px;
font-weight:400;
}
.newsum .rule26 .times .prices b{
display:inline-block;
padding:8px 20px;
color: #ffffff;
font-weight:800;
margin-left:20px;
border-radius:6px;
background-color:var(--boxiegreen);

}
.newsum .rule26 .times .toplabel b{
    display:inline-block;
}
.newsum .rules .product-time.times{
grid-template-rows: repeat(1, 160px);
}
.newsum .rules .rule26 .product-time.times{
display:block;
}
.newsum .rules .product-time.times.hidenwl .nwl{
display:none !important;
}
.newsum .rules .product-time.times.us, .newsum .rules .product-time.times.hidenwl, .newsum .rules .product-time.times.au{
grid-template-rows: repeat(1, 110px);
}
.newsum.tablet25:not(.liggend) .rules .product-time.times.au{
grid-template-rows: repeat(1, 130px);
}
.mob25.newsum .rules .product-time.times{
grid-template-rows:unset;
display:block
}
.newsum .rules .product-time.times > div{
    border-width:1px;
    background: linear-gradient( to top,#ffffff 0%, #ffffff 65%,#d2e6ff 65%,#d2e6ff 100% ) !important;
}
.newsum .rules .product-time.times.us > div, .newsum .rules .product-time.times.hidenwl > div, .newsum .rules .product-time.times.au > div{
    background: linear-gradient( to top,#ffffff 0%, #ffffff 55%,#d2e6ff 55%,#d2e6ff 100% ) !important;
}
.newsum .rules .rule26 .product-time.times > div{
    background:#ffffff !important;
    display: block !important;
    padding: 10px 30px;
    margin-bottom:10px;
    overflow:hidden;
}
.per_12.p26::after{
    content: '13% Off!';
    position: absolute;
    left: 40%;
      rotate: -25deg;
      font-size: 24px;
      color: var(--bgblue);
      top: 30px;
      z-index: 1;
}
.mob25.newsum .rules .product-time.times > div{
width:100% !important;
display:block !important;
padding-left:7%;
padding-right:7%;
padding-bottom:10px;
height:unset;
margin-bottom:20px;

}
.newsum .rules .product-time.times > div span{
    display:block;
    position: relative;
  top: 20px;
}
.newsum .rules .product-time.times > div{
   
}
.newsum .rules .product-time.times > div.active, .newsum .rules .product-time.times > div:hover{
     background: linear-gradient( to top,#ffffff 0%, #ffffff 65%,#3c50fa 65%,#3c50fa 100% ) !important;
     border-color:#3c50fa;
}
.newsum .rules .product-time.times.us > div.active, .newsum .rules .product-time.times.us > div:hover,.newsum .rules .product-time.times.au > div.active, .newsum .rules .product-time.times.au > div:hover, .newsum .rules .product-time.times.hidenwl > div.active, .newsum .rules .product-time.times.hidenwl > div:hover{
     background: linear-gradient( to top,#ffffff 0%, #ffffff 55%,#3c50fa 55%,#3c50fa 100% ) !important;
}
.newsum .rules .product-time.times > div:hover span , .newsum .rules .product-time.times > div:hover span b, .newsum .rules .product-time.times > div.active span, .newsum .rules .product-time.times > div.active span b{
    color:#ffffff !important;
}
.newsum .rules .rule26 .product-time.times > div.active, .newsum .rules .rule26 .product-time.times > div:hover{
     background: var(--lightblue) !important;
     border:1px solid #3c50fa;
      text-align:left;
}
.newsum .rules .rule26 .product-time.times > div.active{
     border:3px solid #3c50fa;
}
.newsum .rules .rule26 .product-time.times > div span, .newsum .rules .rule26 .product-time.times > div span b, .newsum .rules .rule26 .product-time.times > div:hover span, .newsum .rules .rule26 .product-time.times > div:hover span b, .newsum .rules .rule26 .product-time.times > div.active span, .newsum .rules .rule26 .product-time.times > div.active span b{
    color:var(--titlegrey) !important;
    text-align:left;
}
.mob25.newsum .rules .product-time.times div span{
    padding-top: 6px;

}
.mob25.newsum .rules .product-time.times div span, .mob25.newsum .rules .product-time.times div span b, .mob25.newsum .times .toplabel, .mob25.newsum .times .nwl{
    text-align:left !important;
    top:unset;
    height:unset;
    position:relative;
    min-height: 50px;
    transform: unset !important;
    border:unset;
}
.mob25.newsum .rules .product-time.times div span b, .mob25.newsum .sizeblocks .pricesize{
    font-size:20px !important;
}
.mob25.newsum .rules .product-time.times div span{
    min-height: 35px;
}


.newsum.mob25 .rule26 #scrollcont{
height: 160px;
overflow-y: hidden;
overflow-x:auto;
-webkit-transform:translateZ(1px);
      -moz-transform:translateZ(1px);
      -o-transform:translateZ(1px);
      transform:translateZ(1px);
}
.newsum.mob255 .rule26 #scrollcont::after{
    content:'';
    display:block;
    position:fixed;
    right: 0px;
    top: 0px;
    height:100%;
    width:50px;
}
.mob25.newsum .rule26 .sizeblocks{
    padding:20px 0px !important;
    gap: 60px 10px;
    display:block !important;
    box-sizing: content-box;
    min-width: max-content;
    overflow:visible;
    height:120px;
}
.mob25.newsum .sizeblock .toplabel{
padding:0px 12px !important;
    display: flex;
      align-items: center;
}
.mob25.newsum .rule26 .sizeblock .toplabel{
    padding: 6px 5px !important;
  position: absolute;
  bottom: -26px;
  top: unset;
  display: block;
  left: 0;
  float: left;
  margin: 10px auto;
  border-radius: 6px;
  text-align: center;
  width: 80% !important;
}
.mob25.newsum .de .rule26 .sizeblock .toplabel{
padding: 4px auto !important;
bottom: -30px;
}
.mob25.newsum .rule26 .sizeblocks > .sizeblock {
      width: 100%;
      padding: 10px 10px 30px 10px;
      margin: 0px 0px;
      text-align:center;
      display: inline-block !important;
        margin-right: 15px;
        float:left;
    width: calc(63vw / 3);
    width: 90px !important;
    overflow: visible;
    min-height: 20px !important;
}
.mob25.newsum .rule26 .sizeblocks > .sizeblock .loctxt{

}
.mob25.newsum .rule26 .product-time.times > div{
    padding-bottom: 0px;
    padding-top: 0px;
}
.mob25.newsum .times .toplabel, .mob25.newsum .times .nwl{
        min-height: 30px;
        padding-left:0px;
}
.mob25.newsum .rule26 .times .toplabel{
    width: max-content;
  padding-top: 2px;
  font-size: 14px !important;
}
.mob25.newsum .rules .rule26 .product-time.times > div span b{
    padding-top: 14px;
    font-size:18px !important;
}
.mob25.newsum .rules .rule26 .sizeblocks .pricesize{
     font-size:18px !important;
}
.mob25.newsum .rule26 .product-time.times div span{
    padding-top:0px;
}
.mob25.newsum .rule26 .times .prices{
    padding-top: 10px;
}
.mob25.newsum .rule26 .times .prices b{
    font-weight:700;
    padding: 5px 10px;
}
.mob25.newsum .rule26 .times .prices s{
    float: right;
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 10px 10px 6px 10px;
}
 .mob25.newsum .rule26 .product-time.insr, .mob25.newsum .rule26 .product-time.pick {
      grid-template-rows: repeat(1, 70px);
    }
.mob25.newsum .rule26 .product-time > div.on{
    margin-right:0px;
}
.mob25.newsum .rule26 .product-time.insr > div span > i, .mob25.newsum .rule26 .product-time div b.info{
    display:none !important;
}
.mob25.newsum .de .rule26 .product-time > div.on {
  letter-spacing: -0.4px;
}
.mob25.newsum .product-side.rule26 section, .mob25.newsum .product-side.rule26 #transport {
  padding-top: 30px !important;
  border-bottom: 1px solid var(--lightblue) !important;
  padding-bottom: 30px !important;
  }
.mob25.newsum .rule26 div.verz{
    margin-bottom:0px;
  }
.rules .numbers{
    width: 100%;
    text-align: center;
}
.rules .numbers a{
    padding: 6px 16px;
     cursor: pointer;
     font-weight: 400;
     color: var(--titlegrey);
}
.rules .numbers a:hover, .rules .numbers a.act{
    font-weight: 800;
    color: var(--bgblue);
}
#producttotals .maxtit, #producttotals .nomobtot,#producttotals .vzt{
    display: inline-block;
    float: none !important;
    width: 70%;
}
#producttotals .vzt i, #producttotals .dur{
    display:none;
}
#producttotals> div {
    font-weight: 400;
}
#producttotals .ipreis{
    display:inline-block;
    width:70%;
    float: none;
}
#producttotals .meinpreis, #producttotals .maxtit, #producttotals .fltr.amount, #producttotals .subtotal{
    font-weight: 400;
    font-size: 14px;
    line-height:28px;
}
#producttotals .fltr.amount{
    display:none;
}
#producttotals .subtotal{
     font-weight: 700;
}
#producttotals .divtnext{
    font-weight: 300;
    font-size: 11px;
    line-height: 10px;
}
#totalsbottom.newsum #producttotals .divtnext{
     font-weight: 400;
    font-size: 12px;
    line-height:28px;
    margin-bottom:20px;
}
#totalsbottom.newsum .subtotal {
    display:none;
}
#totalsbottom.newsum h4.topline{
    margin-bottom:20px !important;
}
#producttotals.new .maxtit{
    display:none;
}
.newsum #producttotals .strikethrough{
    text-decoration:none !important;
    font-weight: 700;
    line-height:30px;
    margin-bottom:-4px;
    padding-top: 12px !important;
    display:none;

}

.newsum #producttotals .divtnext{
    line-height: 10px;
}
.de #producttotals.new .strikethrough::after{
    content: ' / 4 Wochen';
}
.en #producttotals.new .strikethrough::after{
    content: ' / 4 weeks';
}
.nl #producttotals.new .strikethrough::after{
    content: ' / 4 weken';
}
.checkout .loctxt.singleprod h2{
    line-height: 30px !important;
    padding-bottom: 10px;
}
h6.student {
	margin-bottom: 20px !important;
}

.student #secondary-timebuts h6:last-of-type {
	margin-bottom: 0px !important;
}

.checkout h4 {
	display: block !important;
}

#calctop h1, #calctop h4 {
	color: #ffffff !important;
}

#calctop article {
	text-align: left;
	color: #ffffff !important;
	display: block;
	z-index: 10000;
	position: relative;
	padding: 100px;
	max-width: 900px;
}

#calctop ol {
	padding-left: 0px;
	margin-left: 20px;
}

.pstoragetop  #q5new-button, .pstoragetop  .button {
	display: inline-block;
	margin: 5px 0px;
}

.hometop div h1, .quotetop h1 {
	color: #ffffff !important;
	line-height: 50px;
}

.quotetop b {
	font-weight: 800;
}

.quotetop h1 {
	padding: 30px 0px;
}

.pstoragetop > div, .quotetop > div {
	float: left;
	background-color: #d2e6ff;
	width: 45%;
	padding: 7% 5%;
	text-align: center;
}
.pstoragetop{
    overflow:visible !important;
}
.pstoragetop > div{
    float:none;
}
.quotetop > div {
	width: 40%;
	padding: 150px 5%;
	float: right;
	background-color: var(--bgblue);
}

.quotetop .button {
	margin: 5px 0px;
	min-width: 55%;
}

.quotetop p {
	padding-bottom: 30px;
}

.prijzentop {
		/*background-image:url(/wp-content/uploads-webpc/uploads/2022/09/Photo_team_international_3.jpg.webp);*/
	background-size: 170%;
	background-position: 80%;
	background-size: 120%;
	background-position: 100%;
	background-size: 120%;
	background-position: center right;
	overflow-x: visible 1;
}

.hoeveel {
	background-image: url(/wp-content/uploads/2022/11/Employee_pallet.jpg);
	position: relative;
	overflow: hidden;
	background-position: right 20%;
}

.hoeveel div:first-of-type:before {
	content: '';
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: block;
	background-image: url(/wp-content/uploads/2022/09/Calculator_800x800px.png);
	background-image: url(/wp-content/uploads/2023/03/Icon_Calculator.svg);
	background-repeat: no-repeat;
	transform: rotate(20deg);
	float: right;
	background-size: 70%;
	position: absolute;
	left: -40px;
	top: 50%;
	z-index: -1;
	opacity: .5;
}

.prijzen.hoeveel {
	background-image: url(/wp-content/uploads/2022/09/Photo_Employee_Livingroom.jpg);
	background-position: right 0;
	background-size: auto 100%;
}

.prijzen.hoeveel.en-au {
	background-image: url(/wp-content/uploads/2023/07/Boxie24-115-2.png);
}

.hoeveel .button {
	margin-bottom: 0px;
}

.franch {
	color: #ffffff !important;
	background-image: url(/wp-content/uploads/2022/09/franchtop.png);
	background-image: url(/wp-content/uploads/2023/01/Banner_franchiser1200x850px.png);
	position: relative;
	background-size: auto 100%;
	background-position: right center;
}

.xflow{
    overflow-x:visible;
    max-width: 100% !important;
}
.franch span[data-name="your-tel"], .franch input.wpcf7-submit {
	float: left;
	width: 60%;
}

.franch input.wpcf7-submit {
	float: right;
	margin: 0px;
}

.franch h1 {
	color: #ffffff !important;
	line-height: 50px;
}
.banner.franch h1{
margin-bottom: 10px;
line-height: 44px;
}

.hometop > h1 {
	width: 40%;
	padding-left: 7%;
	padding-top: 7%;
}

.franch b, .hometop b {
}

.franch p, .hometop p {
	padding-bottom: 20px;
}
.banner.franch p{
padding-bottom: 0px;
margin-bottom: 0px;
}
.franch ::placeholder {
	color: #ffffff !important;
}

.hometop {
	background-image: none;
	background-color: #ffffff !important;
}

.hometop  .im {
	padding: 0px;
	background-color: transparent;
}

.hometop  > div.fdiv {
	background-color: var(--bgblue);
}

.d22 .hometop .step {
	position: absolute;
	display: block;
	z-index: 200;
	right: 14%;
	bottom: 14%;
	padding-top: 32px;
	width: 140px;
	height: 156px;
	font-size: 20px;
	line-height: 30px;
}
.hometop #badges24:not(.au){
    position: absolute;
    text-align: center;
    width: 115px;
    top: 18%;
    left: 22%;
}
.hometop #badges24.au{
position: absolute;
  text-align: center;
  width: unset;
  bottom: -50px;
  right: 0px;
  background-color: white;
  z-index: 1;
  padding: 20px;
    padding-right: 20px;
  border-radius: 30px;
  padding-right: 50px;
  margin-right: -30px;
  }
#badges24:not(.au) img{
    padding: 10px;
    display: block;
    width: 100%;
}
#badges24.de img, #badges24.en-de img, #badges24.de-de img{
    width: 90%;
    height:auto;
}

@media only screen and (min-width: 1093px) {
#badges24.en-de img{
    width: 85%;
}
}
#badges24.au img {
  padding: 10px;
  display: inline-block;
  width: 100px;
    margin:0px;
}
.hometop .im.enau{
    overflow:visible;
}
.hometop .im.enau img {
  height: 100%;
  margin-top: 0px;
}
.hometop h1 {
	text-align: left;
}

.hometop input:not([type="button"]):not([type="submit"], select), #frform input:not([type="button"]):not([type="submit"], select), #telcodes input:not([type="button"]):not([type="submit"], select), #hidform input,  #hidform textarea {
	background-color: #ffffff;
	color: #2b2b2b !important;
}

#pcodes-button {
	border: 0px !important;
	margin-top: 2px;
	margin-left: 1px;
}

.pcodes {
	margin-top: -46px;
}

.pcodes .ui-selectmenu-icon {
	width: 30px !important;
	height: 30px !important;
	margin-top: -4px !important;
}

#telcode {
	padding-left: 100px;
}

#popform input:not([type="button"]):not([type="submit"]), #popform .ui-selectmenu-button.ui-button, #popcall input:not([type="button"]):not([type="submit"]), #popcall .ui-selectmenu-button.ui-button, #popformcontainer .ui-widget.ui-widget-content, #popcallcontainer .ui-widget.ui-widget-content {
	background-color: #ffffff;
	color: #2b2b2b;
	border-color: var(--bgblue);
}

#popformcontainer .ui-widget.ui-widget-content {
	border-top-color: #ffffff;
}

#popform input.wpcf7-submit {
	color: #ffffff !important;
}

#popcall input.wpcf7-submit {
	color: #ffffff !important;
	width: 100% !important;
	margin-top: 10px !important;
}

#popcall input.wpcf7-submit:hover, #popform input.wpcf7-submit:hover {
	color: var(--bgblue) !important;
}

#popcall > div > p:first-of-type {
	margin-bottom: 40px;
}

.hometop ::placeholder, .franch ::placeholder {

	opacity: 1;
}

.hometop form {
	padding: 30px 0px 0px 0px;
	z-index: 1000;
	position: relative;
}

.hometop .hphonecont.button {
	margin: 0px !important;
	display: block;
}

.hometop .hphonecont >div {
	height: 20px;
}

.hometop .hphonecont >div strong {
	text-align: left;
	float: left;
	padding-left: 0px;
}

.phone.wit::hover {
	color: var(--bgblue) !important;
}

.hometop form p {
	padding-bottom: 0px;
	margin: 0px !important;
}

.hometop #q5-button, .hometop .button {
	/*display: block;*/
	width: 100% !important;
}

.hometop .button.phone {
	margin-top: 0px;
	position: relative;
	z-index: 1;
	text-align:center;
}

.reviews.home .wp-gr .grw-slider .grw-slider-review-inner {
	border: 0.5px solid var(--bgblue) !important;
	background-color: #ffffff !important;
}

.reviews.home .wp-gr .grw-slider .grw-slider-dot {
	background-color: var(--boxiegreen) !important;
	width: 14px !important;
	height: 14px !important;
}

.franchmap {
	background-color: #ffffff !important;
	padding: 0px !important;
}

label.inline {
	text-align: left;
	display: block;
}

label.inline span, label.inline >input {
	display: inline-block;
}

label.inline span {
	width: 64%;
}

label.inline .wpcf7-submit {
	width: 35%;
	margin: 0px !important;
	border-radius: 30px;
	float: right;
	height: 42px;
}

.hometop > div, .prijzentop >div, .hoeveel div:first-of-type, #frform, .hometop > div.fdiv {
	width: 42%;
	display: inline-block;
	float: right;
	right: 0px;
	position: relative;
	padding: 70px 3%;
	background-color: var(--bgblue);
}

#popformcontainer, #popcallcontainer, #popformcontainer2 {
	position: absolute;
	z-index: 200000;
	display: none;
	width: 100%;
}
#popcallcontainer.nav25{
    position: fixed;
    top:50px;
}
#popform, #popcall {
	background-color: #ffffff;
	position: relative;
	max-width: 520px;
	margin-top: 50px;
	margin-left: calc((100vw - 520px) / 2 );
	padding: 70px 100px;
	border-radius: 30px;
	border: 1px solid var(--bgblue);
	-webkit-box-shadow: -1px 0px 15px -3px rgba(0,0,0,0.53);
	box-shadow: -1px 0px 15px -3px rgba(0,0,0,0.53);
}

#popcall, #popform {
	padding-top: 50px;
}
#popcall{
   /* max-width: 417px;
    margin-left: calc((100vw - 0px) / 2 );*/
}
#popform #q5 {
	z-index: 100000;
}

.ui-dialog {
	position: absolute;
}

.hometop > div.fdiv {
	float: left;
	padding: 7%;
}
 .hometop > div.fdiv.enau{
    z-index:1;
 }
.hometop{
    text-align: left;
    position:relative;
    overflow-x: visible;
}
.hometop > div.fdiv {
display: inline-block !important;
  padding: 7%;
  float: unset;
  position:relative;
}
#secondary .hometop {
	background-color: #ffffff;
	border-radius: 30px;
	border: 1px solid #e7e7e7;
	padding: 80px 50px 50px 50px;
	max-width: 66vw;
	background-color: var(--lightblue) !important;
	border: 0px;
}

#secondary .hometop > div:first-of-type {
	width: 100%;
	float: none;
	background-color: transparent;
	padding: 0px;
}

#secondary .hometop input:not([type="submit"]), #secondary .hometop #q5-button {
	border: 1px solid #ffffff !important;
}

.hometop .button {
	margin: 10px auto;
}

.hoeveel div:first-of-type, #frform {
	width: 50%;
	float: left;
	text-align: left;
	display: inline-block;
	z-index: 90;
	padding: 7%;
}
.banner.franch, .banner.map {
background-image: url( https://www.boxie24.com/wp-content/uploads/2024/11/Warehouse_long-scaled.webp);
height: calc((100vw / 3) );
  background-size: cover;
  background-repeat: no-repeat;
  max-width: 100% !important;
  margin: 0px auto 100px auto;
  float:none;
}
.banner.franch{
text-align:left;
padding: 80px calc( (100vw - 1260px) /2) 60px calc( (100vw - 1260px) /2);
height:auto;
}
.banner.map{
height: calc((100vw / 4) );
height: calc((1260px / 4) );
padding: 0px calc( (100% - (1260px * 0.8)) /2);
text-align:right;
background-image: url( https://www.boxie24.com/wp-content/uploads/2024/12/Truck-Australia-wide-scaled.webp);
background-position: center 58%;
}
.banner.map .lblueblok{
     background: rgb(27,139,99);
background: linear-gradient(0deg, rgba(27,139,99,1) 30%, rgba(35,185,120,1) 75%); 
    color:#ffffff;
    display:inline-block;
    border-radius:10px;
    text-align:center;
    float:none;
    position:relative;
    margin-top:12%;
    aspect-ratio:1/1;
    width:150px;
    font-size:20px;
    padding: 50px 10px;
    margin-right:10px;
    
}
.banner.map .lblueblok b{
font-size:32px;
font-weight:900;
display:block;
}

@media only screen and (min-width: 2850px) {
    .banner.map{
        background-position: center 58%;
        height: calc((1260px / 3) );
    }
    .banner.map .lblueblok{
     margin-top:20%;
    }
}
.boxbooked form input{
backgroubd-color:unset !important;
}
.franch2 .legenda{
    border:1px solid var(--bgblue);
    background-color: #ffffff;
    padding: 4px ;
    color:var(--bgblue);
    padding-right:20px;
    position: absolute;
    border-radius: 6px;
    left: 0px;
    display:block;
    z-index:1;
    overflow:visible;
    bottom:30px;
    font-weight: 600;
}
.franch2 .legenda img{
display:inline-block;
width: 30px;
margin-top:-30px;
}
.franch2  .legenda.actloc{
 left:-180px;
}
.banner.franch > img{
position: absolute;
    height: 100%;
    bottom: 0px;
    right: calc( (100vw - 1400px) /2);
    z-index: 100;
    margin-right: 60px;
}
.banner #frform{
    background-color: rgba(0, 0, 193, 0.8);
    background-blend-mode: color-burn;
    border-radius: 20px;
    padding: 60px;
    padding-bottom: 20px;
    text-align: left !important;
    width: 55%;
    float:none;
    margin-left: 60px;
}
.oborder{
    background-color: #f5b026;
    position: absolute;
    height: 8px;
    width: 100vw;
    bottom: 0px;
    left: 0;
}
.container.hexfranch{
max-width:1260px;
position:relative;
margin-top: 100px !important;
    width: 70%;
    width: calc(1260px * 0.8);
    padding-top: 40px;
    text-align:center;
    margin:0px auto;
}
.hexfranch h2{
position: relative;
z-index:1;
}
.hexfranch #steps::after{
top:0px !important;
bottom:unset !important;
height: 50%;
border-radius:10px;
}
.hexfranch .steps{
    width:22%;
}
.hexfranch .steps > .h4 {
    margin-top:0px;
    font-weight: 600;
}
.hoeveel div:first-of-type {
	padding: 7% 15% 6% 7%;
}

.hoeveel p:first-of-type {
	width: 120%;
	z-index: 1000;
	position: relative;
}

.hoeveel .im {
	display: inline-block;
	left: 35%;
	bottom: -70px;
	max-height: 100%;
	z-index: 100;
	position: absolute;
}

.hoeveel .im img {
	width: 70%;
}

.franch .im, .hometop .im {
	width: 60%;
	height: 100%;
	position: absolute;
	z-index: 100;
	right: 0px;
	overflow: hidden;
}
.hometop{
    overflow:visible;
}
.hometop .im {
	width: 70%;
	z-index: 0;
	height:100%;
   /* background-image: url('/wp-content/uploads/2023/11/hometop_international-1024x683.png');
    background-position-x: 35%;
    background-size: auto 105%;
    background-repeat: no-repeat;
    background-position-y: top -30px;*/
}

.hometop .im.enau {

}

.franch .im img, .hometop .im img {
	height: 100%;
	width: auto;
	max-width: 200%;
}

.hometop .im img {
	height: 105%;
	margin-left: -14%;
	margin-top: -4%;
}

.hoeveel h2, .calculatorr h2 {
/*font-size: 42px;*/
	line-height: 45px;
	margin-bottom: 20px;
	margin-top: 0px;
	color: #ffffff;
	text-align: left;
	position: relative;
	z-index: 1000;
	width: 110%;
}

.hoeveel h2 {
	width: 120%;
}

#frform {
	width: 45%;
	padding: 10% 7% 10% 7%;
	text-align: center !important;
	overflow-y: visible;
	position: relative;
	min-width: 420px;
}

#frform > *, .franch .wpcf7 {
	z-index: 1200;
	position: relative;
	display: inline-block;
}

#frform .close, #popform .close, #popcall .close, .calcform .close, .qa .close, .pop .close, #toggleBottom .close, #CBpop .close, #tagpop .close {
	display: none;
	background-image: url('infeez/cross3.svg');
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer !important;
	position: absolute;
	right: 20px;
	top: 20px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid var(--bgblue);
	background-position: center;
	background-size: 50%;
	padding: 0px !important;
	background-color: var(--bgblue);
}
#tagpop .close{
    display: block;
}
#CBpop{
    top:0px !important;
    padding-top:0px !important;
    background-color: #f4f5f9;
    height: 100vh;
    overflow-y: auto;
    padding-bottom: 40px;
    z-index: 9999999;
}
#hidform{
visibility: hidden;
  position: absolute;

  width: 100vw;
}
#CBpop.grey{
    background: transparent;
}
#CBpop.grey .bg{
    background: rgba(0, 0, 0, 0.7) !important;
    position:absolute;
    top: 0px;
    width: 110vw;
    bottom: 0px;
    z-index: -1;
}
#CBpop.grey #CBframe{
    background: #ffffff;
    padding: 40px;
    color: var(--boxiegreen);
    font-weight: 600;

}
#CBpop.grey #CBframe img{
    margin-bottom: 100px;
    margin-left: 20%;
    margin-right: 20%;
    width: 60%;
}
#timtxt{
    right: 40px;
    display: block;
    position: relative;
}
#CBpop .close{
    display: block;
    left: calc(50vw + (250px / 2));
}
.pop .cond{
    font-size: 12px;
    line-height: 16px;
    vertical-align: baseline;
}
#prices.new{
    margin-bottom:100px;
}
#totalsbottom #prices.new{
    padding-top: 40px;
    padding-bottom: 100px;
}
#totalsbottom #prices.new .searchdropdown{
    margin-top:0px;
    max-width:65vw;
}
#popcall .close:hover, #popform .close:hover, .qa .close:hover, .pop .close:hover {
	cursor: pointer !important;
	border-radius: 50%;
	border: 1px solid var(--bgblue) !important;
	background-image: url('infeez/cross3blue.svg');
	background-color: #ffffff;
}

.calcform .close {
	position: relative;
	display: none;
	margin-bottom: 40px;
	margin-left: 90%;
}

#totalsbottom .calcform .close {
	display: block;
}

#popform .close, .qa .close, .pop .close {
	display: block;
	z-index: 1000;
}
.pop > .wrap{
    margin-top: 40px !important;
}
.franch .step {
	position: absolute;
	top: 20%;
	left: 10%;
}

.franch .wpcf7 {
	margin-bottom: -34px;
}

.w50 {
	width: 49%;
	display: inline-block;
	position: relative;
	padding: 0px 5%;
	padding-right: 0px;
	vertical-align: top;
}
.new .w50{
    width: 60%;
    padding-left:0px;
    overflow-x: visible;
}
.new .franch2.w50{
    width: 40%;
    padding-left:0px;
}
.franch2.new{
    padding:0px;
    width:70%;
    width: calc(1260px * 0.8);
}
.franch2.new p b{
    color: var(--bgblue);
    font-weight:600;
}
.joinpop.franch2 {
	padding-right: 0px;
}

.w50 h2 {
	text-align: left;
	padding-right: 1%;
	padding-bottom: 20px;
}

.w50.franch {
	background-image: none;
}

.w50.franch > div:first-of-type {
	width: 100%;
	padding: 10% 7% 5% 7%;
	text-align: center !important;
}

p.lblueblok {
	width: 30%;
	display: inline-block;
	position: relative;
	text-align: center;
	padding: 20px;
	background-color: #d2e6ff;
	font-weight: 400;
	color: var(--bgblue);
	font-size: 16px;
	margin-right: 1%;
	line-height: 32px;
}

p.lblueblok b {
	font-weight: 800;
	display: block;
	font-size: 30px;
}

.lblueblok:nth-of-type(5) {
	margin-right: 0!important;
}

.joinpop h2, .joinpop p {
	color: #ffffff;
	text-align: left;
}

#faqblock {
	margin-bottom: 100px;
	text-align: center;
}
.fw.faq24t{
    padding-top: 70px;
    padding-bottom:40px;
    z-index:1;
}
#faqblock.faq2024{
border-radius: 10px;
  border: 2px solid var(--orange24);
  padding: 0px 40px 40px 40px;
  width: 60%;
}
#faqblock.faq2024.box{
width: 70%;
}
.mob25 #faqblock.faq2024.box{
    width: 80vw;
}
#faqblock.faq2024.frbied{
    width: 80%;
    padding-top:40px;
}
#easy{
    width: 80%;
    text-align: center;
    background-image:url(https://www.boxie24.com/wp-content/uploads/2024/11/Group-2377-scaled.webp);
    background-size:cover;
    margin:100px auto;
    padding:40px;
    padding-bottom: 80px;
    color:#ffffff;
    border-radius: 10px;
}
#easy img{
    position:absolute;
    height: 55%;
    right: 30%;
    bottom:0px;
}
#easy h2, #easy h4{
color:#ffffff !important;
}
#easy h4{
width: 45%;
margin-top:0px;
margin-bottom: 20px;
padding-bottom:10px;
border-bottom: 2px solid #ffffff;
margin-right: -10px;
  padding-right: 30px;
}
#easy h4.green{
margin-right:0px;
padding-right:0px;
text-indent:20px;
    color:var(--boxiegreen) !important;
    text-align:left;
}
#easy span div{
width: 45%;
display:inline-block;
vertical-align:top;
padding:0px;
}
#easy span div p{
    border-radius:30px;
    display:block;
    background-color:#ffffff;
    color: var(--bgblue);
    max-width: max-content;
    padding: 4px 20px;

}
#easy p.green{
    background-color: var(--boxiegreen);
    color:#ffffff !important;
    margin-left:20px;
}
#easy span div:first-of-type p, #easy span div:first-of-type h4{
    margin-left: auto;
}
#easy span div:first-of-type p{
    margin-right: 20px;
}
#easy span div:first-of-type{
    text-align:right;
    border-right: 2px solid #ffffff;
}
#bafter{
 width: 80%;
  background-image:url(https://www.boxie24.com/wp-content/uploads/2024/11/Group-2457-2-scaled.webp);
  background-size: 80% auto;
  margin: 0px auto;
  aspect-ratio: 3/1;
  background-repeat: no-repeat;
  background-position-x: center;
  position: relative;
}
#bafter #fx{
padding:10px 20px;
background-color: var(--bgblue);
color:#ffffff;
font-size: 20px;
font-weight:800;
    left:40px;
    top:0px;
    border-radius:6px;
    position:absolute;
}
#tasks{
background-image:url(https://www.boxie24.com/wp-content/uploads/2024/11/Group-2388.webp);
 width: 80%;
  background-size: 25% auto;
  margin: 0px auto;
  background-repeat: no-repeat;
  background-position: right 5%;
  position: relative;
}
#tasks h2{
 color:var(--bgblue);
 text-align:left;
 max-width:60%;
 margin-bottom: 10px;
}
#tasks > p{
 text-align:left;
 max-width:60%;
}
#tasks .picklabel{
            position:absolute;
            background-color:var(--boxiegreen);
            padding:10px 20px;
            top: -48px;
            left:0px;
            color:#ffffff;
            width: max-content;
            font-size: 18px;
            font-weight:700;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
            }
 .reqs{
 position:relative;
background-color: #e8f2ff;
padding:20px;
border-radius: 10px; 
width: max-content;
margin-top:80px;
border-top-left-radius: 0px;
 } 
  .reqs > p{
  margin:0px 10px 0px 0px;
  padding:10px 20px;
  display:inline-block;
  background-color:#ffffff;
  border-radius:6px;
  color:var(--bgblue);
  font-size: 18px;
  }
  .reqs > p:last-of-type{
  margin-right:0px;
  } 
#case{
 width: 80%;
  margin: 0px auto;
  position:relative;
  border-radius: 15px;
  overflow:hidden;
  background-color: transparent;
  border:1px solid #e7f0fa;
  padding: 80px;
  margin-top:100px;
} 
#case::before{
    content:'';
    position:absolute;
    width: 30%;
    height: 100%;
    right:0px;
    background-color: #e7f0fa;
    top: 0px;
}
#case h2{
 color:var(--bgblue);
 text-align:left;
 margin-top:0px;
 z-index: 2;
  position: relative;
 }
 #case > p{
 max-width: 40%;
 }
 #case .expp{
    position:absolute;
    right: 0px;
  top: -40px;
    font-size: 14px;
  font-weight: 300;
  display:block;
 }
 #case .achiev{
 position:relative;
     right: unset;
    top:unset;
 }
  #case .achiev p{
  color:#ffffff;
  background-color:var(--bgblue);
  padding:10px 20px;
  margin-bottom: 6px;
  border-radius: 15px;
  border-top-left-radius: 0px;
  width:max-content;
  max-width: 37%;
  }
    #case .achiev p:first-of-type{
  color:var(--bgblue);
  background-color:transparent;
    padding:0px;
  border-radius: 0px;
  }
 #case .exp{
    width: 45%;
    position:absolute;
    right: 80px;
    top:unset;
    bottom: 90px;
       
 }
  #case .exp img{
    width:100%;
    margin-bottom: -10px;
    border-radius:15px;
    box-shadow: 6px 2px 15px 1px rgba(60,80,250,0.41); 
  }
   #case .exp.max{
   width: calc(100% - 100px);
   bottom: 10px;
    right: 20px;
    top: 10px;
     
   }
   #case .exp.max img{
   max-width: 95%;
     max-height: 95%;
     z-index: 10;
  position: relative;
     }
    #case .exp.max .expp{
    display:none;
    }
#waiting{
 width: 80%;
  position:relative;
  border-radius: 15px;
  overflow:hidden;
  background-color: #e7f0fa;
  padding: 40px 60px;
  margin: 100px auto;

  }
  #waiting::after{
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    right:0px;
    top:0px;
    position: absolute;
    background-size: auto 100%;
     background-repeat: no-repeat;
   background-position: right center;
background-image:url(https://www.boxie24.com/wp-content/uploads/2024/11/Rectangle-659.webp);
    }
#waiting::before{
    content: '';
    width: 50%;
    height: 100%;
    display: block;
    right:0px;
    top:0px;
    position: absolute;
    background-repeat: no-repeat;
  background-position: 25% center;
      background-image: url(https://www.boxie24.com/wp-content/uploads/2024/11/Group-3.webp);
    background-size: auto 40%;
    z-index:1;
    }
  #waiting h2{
  color: var(--bgblue);
  text-align: left;
  margin:0px;
  }
#waiting p, #waiting h2{
    max-width: 55%;
}
#waiting a.button{
    margin:0px;
}
.frbied.faq2024 > div{
    width: 45%;
    display:inline-block;
    text-align:left;
    padding:20px 20px 20px 50px;
    vertical-align: top;
}
#faqblock.faq2024.frbied h2{
margin-top:20px;
margin-bottom:40px;
width:100%;
}


#faqblock.faq2024.frbied p{
    min-height: 56px;
    margin-bottom:20px;
}
#faqblock.faq2024.frbied p b{
    color: var(--bgblue);
}
#faqblock.faq2024.frbied p::before{
    content: '';
    width: 30px;
  display: inline-block;
  height: 30px;
  margin: 0px 20px -10px -50px;
  background-image:url(https://www.boxie24.com/wp-content/uploads/2024/11/Group-2370.webp);
  background-size:cover;
}
#faqblock.frbied .button{
    margin-top:20px;
    margin:20px auto;
}
.blueframe #faqblock.faq2024{
    border-color:var(--bgblue);
}
#faqblock.faq2024 h2, #faqblock.faq2024 .h2{
  width: max-content;
  background-color: #fff;
  padding: 0px 20px !important;
  margin: -30px auto 10px auto;
  font-size: 34px;
  line-height: 44px;
  text-align: center;
  font-weight: 300;
  color: var(--bgblue);
}
#faqblock.faq2024 .h2 b{
     font-weight: 800;
}
#faqblock.faq2024 .faq-specs .tabcontainer > div{
    width: 100%;
}
#faqblock.faq2024 h2 span{
display: none;
}
#faqblock.faq2024 .qa.qa24 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 600 !important;
  padding: 0px 0px 20px 0px !important;
  color: var(--bgblue);
  border-bottom: 1px solid #e7f0fa;

}
#faqblock.faq2024 .qa::before{
   background-image:  url('infeez/plus-blue.svg');
}
#faqblock.faq2024 .qa.tog::before{
   background-image:  url('infeez/minus-blue.svg');
}
#faqblock.faq2024 .qa::before, #faqblock.faq2024 .qa.tog::before{
float: right;
color: var(--bgblue) !important;
background-color: #ffffff !important;
}
#faqblock.faq2024 .qa > div{
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    color: var(--titlegrey);
      position: relative !important;
      box-shadow: none !important;
     -webkit-box-shadow: none !important;
     border-radius: 0px;
}
#citycluster{
width: 80%;
margin:0px auto;
}
#faqblock .button {
	margin: 40px;
	margin-left: 0px;
}

#faqblock .faq-specs {
	text-align: left;
}

#faqblock.franchcheck {
	padding: 60px;
	padding-left: 32%;
	position: relative;
	overflow: hidden;
	margin-bottom: 100px;
	text-align: left;
	padding-bottom: 20px;
}

#faqblock.faqpage {
	width: 100%;
	margin-top: 0px;
	background-color: #ffffff;
	padding: 0px;
	border-radius: 0px;
}

#faqblock.faqpage h2 {
	background-color: var(--bgblue);
	color: #ffffff !important;
	padding: 50px 20%;
	margin-top: 0px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
}

#faqblock.faqpage .bl24 {
	color: #ffffff !important;
}

#faqblock.faqpage .faq-specs {
	width: 90%;
	margin: 0px auto;
}

#faqblock.franchcheck h2 {
	text-align: left;
	margin-bottom: 20px;
}

#faqblock.franchcheck h3 {
  /*font-size: 24px;
  line-height: 30px;*/;
}

.franchcheck >div {
	display: inline-block;
}

.franchcheck >div:first-of-type {
	width: 35%;
	margin-left: -43%;
	background-image: url(/wp-content/uploads/2023/01/Warehouse_600x1600.jpg);
	background-position: right;
	background-size: auto 100%;
	position: absolute;
	top: -5%;
	height: 110%;
}

#faqblock div.scol {
	margin-left: auto;
	margin-right: auto;
	float: none !important;
	display: block !important;
}

.franchcheck p {
	line-height: 24px;
	margin-top: 36px;
	font-weight: 500;
}

.franchcheck br {
	line-height: 50px;
	clear: both;
}

.franchcheck .hexnumber span {
	line-height: 32px;
}

.franchcheck .hexnumber {
	margin-right: 20px;
	margin-top: 0px !important;
}

.franchcheck .im {
	position: absolute;
	left: 30px;
	width: 35%;
	;
	bottom: -10px;
}

.franchcheck > div > .im {
	display: none;
}

.prijzentop {
	overflow-x: visible !important;
	margin-top: -50px  !important;
}

.prijzentop >div {
	width: 50%;
	padding: 0px 3%;
	background-color: transparent;
	vertical-align: bottom;
}

.prijzentop >div:first-of-type {
	padding: 40px;
	padding-top: 350px;
	padding-top: 52px;
	padding-bottom: 60px;
	width: 100%;
	padding-left: 50%;
	background-image: url(/wp-content/uploads/2022/09/Photo_team_international_3.jpg);
	background-size: 120% auto;
	background-position: top right;
	background-position-y: top;
	background-position-y: 30%;
	z-index: 1000;
}
.stedenbanner.prijzen .cityheadpict{
    background-image: url(/wp-content/uploads/2022/09/Photo_team_international_3-768x512.jpg);
}

.prijzentop.en-au >div:first-of-type {
	background-image: url(/wp-content/uploads/2023/07/Boxie24-172-3.png);
	background-size: 120%;
	background-position-y: 50%;
	background-position-x: left -400px;
}
.stedenbanner.prijzen .cityheadpict.new{
 background-image: url(/wp-content/uploads/2024/02/2021-07-03_boxie24_0933.webp);
 }

#citygal.pgal {
}

.prijzentop .lblue {
	width: 100%;
	display: block;
	background-color: #d2e6ff;
	padding: 50px 4% 30px 5%;
	z-index: 1000;
	margin-bottom: 0px;
}

.prijzentop .htit {
	font-size: 42px;
	line-height: 50px;
	letter-spacing: -2px;
	margin: 0 0 20px 0;
	margin-right: 0px;
	margin-bottom: 20px;
	letter-spacing: 0px;
	margin-bottom: 30px;
	font-weight: 800;
	padding-top: 0px;
}

.prijzentop h1, .prijzentop .htit {
	width: 30%;
	color: var(--bgblue);
	display: inline-block;
	/*font-size: 42px;*/
	text-align: left;
	padding-right: 0px;
	line-height: 50px;
	margin-right: 4%;
	font-weight: 800;
}

.col50r {
	padding: 0px;
	float: right;
	width: 60%;
	text-align: right;
	position: relative;
}

.col50r br {
	display: none;
}

.col50r .button {
	width: 45%;
	display: inline-block;
	margin-bottom: 0px;
}

.col50r .button:first-of-type {
	margin-left: 2%;
	margin-right: 2%;
}

.col50r #q5new-button, .col50r .searchdropdown {
	margin-right: 0px !important;
	margin-left: -30px;
	min-width: 300px;
}

.col50r .searchdropdown {
	position: absolute;
	z-index: 8000;
	right: 0px;
	top: 0px;
}

.col50r .spacer {
	height: 30px;
}

.prijzentop h2 {
	margin: 0px;
	margin-top: 10px;
	font-weight: 900;
	background-color: #ffffff;
	padding: 20px 20px;
	color: var(--bgblue);
	text-align: left;
	padding-left: 100px;
	line-height: 30px;
	font-size: 22px;
}

.prijzentop h2:before {
	content: '';
	display: block;
	position: absolute;
	margin-left: -100px;
	margin-top: -10px;
	width: 80px;
	height: 80px;
	background-size: 50px auto;
	background-repeat: no-repeat;
	background-position: 20px center;
	background-image: url(/wp-content/uploads/2023/03/Icon_Scale.svg);
}

.prijzentop h2:first-of-type:before {
	background-image: url(/wp-content/uploads/2023/03/Icon_Piggybank.svg);
}

.prijzentop h2:last-of-type:before {
	background-image: url(/wp-content/uploads/2023/03/Icon_Transport.svg);
}

.prijzentop h2 i {
	font-weight: 400;
	font-size: 14px;
	display: block;
	font-style: normal;
	color: var(--bgblue);
	line-height: 20px;
	padding-top: 10px;
}

.prijzentop .inputarrowright {
	background-color: var(--bgblue);
	margin-top: 0px;
}

.container.bieden {
	position: relative;
	overflow: visible;
	padding: 0px 10%;
}

.bieden table {
	border-collapse: collapse;
}

.bieden table tr:not(:first-of-type) {
	border-top: 1px solid var(--bgblue);
}

.bieden td {
	vertical-align: top;
}

.bieden td em {
	font-style: normal;
	color: var(--boxiegreen);
	display: block;
	font-weight: 700;
}

.bieden td em:after {
	content: "\A";
	white-space: pre-wrap;
}

.bieden td strong {
	font-size: 22px;
}

.bieden h2, .bieden h4, .bieden td>b, .append > b {
	color: var(--bgblue);
	font-weight: 800;
	/*font-size: 42px;*/
	font-style: normal;
}

.append > b {
	font-size: 18px;
}

.append em, .append em strong {
	font-size: 16px;
}

.bieden .append {
	display: none;
}

.bieden .bub {
	font-weight: 600 !important;
	font-size: 16px !important;
}

.bieden p {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0;
	color: #3a3a3a;
}

.bieden td>b, .bieden h4, .append > b, .append h4 {
}

.bieden tr:first-of-type td>b {
}

.popbubble {
	position: absolute;
	background: #d2e6ff;
	width: 35%;
	height: auto;
	border-radius: 30px;
	padding: 30px;
	right: 0px;
	display: none;
	z-index: 1000;
	margin-right: 25%;
	font-weight: 500;
	color: #000;
	text-align: left;
}

.popbubble:after {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	z-index: 1;
	border-style: solid;
	border-color: #d2e6ff transparent;
	border-width: 20px 20px 0;
	bottom: -20px;
	left: 50%;
	margin-left: -20px;
}
.speech {
    position: absolute;
    background-color: rgba(0, 0, 0, .6);
    color: #FFFFFF;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    border-radius: 6px;
    padding: 15px 20px;
    left: 100px;
    top: 0px;
    white-space: nowrap;
    z-index: 1000000;
}
.speech:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-color: transparent rgba(0, 0, 0, .6);
    border-width: 16px 16px 16px 0;
      top: 50%;
      left: -16px;
      margin-top: -16px;
}
#producttotals .speech{
    right: 80px;
    left: unset;
  
}
#producttotals .speech:after {
    transform: rotate(180deg);
    right: -16px;
  left: unset;
}
#inbegrepen {
	padding: 40px 10%;
	position: relative;
	overflow-x: hidden;
	z-index: 1;
}

#inbegrepen img {
	position: absolute;
	width: 20%;
	height: auto;
	left: 52%;
	top: 0px;
	z-index: 1100;
}

#inbegrepen .lblue {
	background-color: #d2e6ff;
	width: 65%;
	padding: 50px 120px;
	color: var(--bgblue) !important;
	margin-bottom: 80px;
	position: relative;
	z-index: 1000;
}

#inbegrepen .lblue h2 {
	text-align: left !important;
}
/*#inbegrepen .lblue h2:before{
	content:'';
	position: absolute;
	width: 20%;
	height: 300px;
	left: 0px;
	top: -40px;
	z-index: 1100;
	background-image: url(/wp-content/uploads/2022/09/Hexagon_2022_groen.png);
	background-repeat: no-repeat;

	float: right;
}*/
#inbegrepen .lblue ul {
	font-weight: 700;
	padding: 30px 0px 20px 12px;
	line-height: 40px;
}

#inbegrepen .img {
	position: absolute;
	margin-top: 120px;
	right: 10%;
	bottom: 0px;
	width: 65%;
	height: calc(100% - 160px);
	background-image: url(/wp-content/uploads/2022/09/Interior_1-768x512.png);
	z-index: 100;
	background-size: cover;
	background-position: right bottom;
}

.calculatorr {
	margin: 100px 0px;
	background-image: url(/wp-content/uploads/2022/09/Photo_team_international_4.jpg);
	background-size: 130% auto;
	background-position: right 0%;
	position: relative;
	overflow: hidden;
}

.calculatorr > div {
	color: #ffffff !important;
	float: right;
	padding: 50px;
	padding-right: 120px;
	width: 45%;
	margin: 10% 0px 10% 10%;
	background-color: var(--bgblue);
	overflow: hidden;
	position: relative;
}

.calculatorr > div h2, .calculatorr > div p, .calculatorr > div .button {
	position: relative !important;
	z-index: 1000 !important;
	opacity: 1;
}

.calculatorr > div::before {
	content: '';
	width: 400px;
	height: 400px;
	overflow: hidden;
	display: block;
	background-image: url(/wp-content/uploads/2023/03/Icon_Calculator.svg);
	background-repeat: no-repeat;
	transform: rotate(30deg);
	float: right;
	background-size: 80%;
	position: absolute;
	right: -140px;
	bottom: -140px;
	z-index: 900;
	opacity: .3;
}
#productblock{
    width: 47%;
    position: absolute;
    right: 0px;
    bottom: 0px;
    top: 0px;
    overflow-y: auto;
    margin-bottom: 20px;
      -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
#productblock::-webkit-scrollbar {
  display: none;
}

#productblock th, #productblock td{
    text-align: left;
    font-size: 14px;
    padding: 0px;
}
#productblock hr{
    margin-bottom: 0px;
}
#productblock tr td:last-child{
     text-align: right;
}
.nocoll {
	width: 100% !important;
}

.whitebar.part_comm {
	padding-top: 0px;
}

.part_comm .nocoll {
	padding: 30px 10% 50px 10%;
}

.part_comm .nocoll strong {
	text-align: center;
	display: block;
	padding-top: 20px;
}

.d22 .col2 {
	width: 48%;
	margin-right: 4%;
	position: relative;
	display: inline-block;
	vertical-align: top;
	border: 1px solid var(--bgblue);
	padding-bottom: 30px;
	margin-bottom: 0px;
}
#cluster{
display:inline-block;
    border-radius: 15px;
    overflow:hidden;
    width: 30%;
    margin-right: 3%;
    margin-bottom: 100px;
    vertical-align: top;
    border:1px solid var(--lightblue);
}
#cluster:hover{
    background-color: var(--lightblue);
}
#cluster h4, #cluster h5{
    margin: 0px;
}
.clusterbg{
    width: 100%;
    height: 200px;
    background-size:cover;
    background-position: center;
    padding:20px;
}
#cluster .label{
    padding:4px 20px;
    background-color: var(--bgblue);
    color: #fff;
    border-radius: 15px;
    width: fit-content;
}
#cluster > .wrap{
    padding: 20px 40px 30px 40px;
}
#clusterpag{
    float:right;
    margin-top: -40px;
}
.mb #clusterpag{
 margin-top: -40px;
}
#clusterpag > div{
width:30px;
height:30px;
border:1px solid var(--bgblue);
display:inline-block;
border-radius:50%;
color:var(--bgblue);
text-align:center;
margin-right:10px;
cursor:pointer;
font-weight: 700;
}
#clusterpag > div:hover{
color:#ffffff;
background-color:var(--bgblue);
}
.d22 .col2 .im {
	width: 100%;
	height: calc(1260px * 0.2);
	background-size: 100% auto;
}

.d22 .col2 p {
	text-align: center;
}

.d22 .col2 p:last-of-type {
	position: absolute;
	bottom: 20px;
	width: 100%;
}

.d22 .col2:last-of-type {
	margin-right: 0px;
}

.d22 .col2 h2 {
	background-color: var(--bgblue);
	color: #ffffff;
	font-weight: 700;
	display: block;
	font-size: 24px;
	padding: 14px 10px;
	margin: 0px;
	hyphens: none;
	line-height: 30px;
}

.d22 .col2 .step {
	float: right;
	margin-top: -110px;
	margin-right: 50px;
	width: 140px;
	height: 156px;
	padding-top: 35px;
}

.whitebar.flex.part_comm .nocoll {
	flex: 0 0 100%;
 /* Let it fill the entire space horizontally */;
}

.whitebar.flex.part_comm {
	flex-wrap: wrap;
}

.step {
	hyphens: none;
	padding: 35px 8px 35px 8px;
}

.step.xxs {
	font-size: 100%;
	padding-top: 32px !important;
	font-size: 14px !important;
	line-height: 19px;
	hyphens: none;
}

.step.xs {
	padding-top: 40px;
	font-size: 14px;
	line-height: 20px;
	hyphens: none;
}

.step.s {
	padding-top: 34px  !important;
	font-size: 15px !important;
	line-height: 22px  !important;
	hyphens: none;
}

.step.sm {
	font-size: 17px  !important;
	line-height: 22px  !important;
	padding-top: 34px !important;
}

.step.sxm {
	font-size: 15px  !important;
	line-height: 24px !important;
	hyphens: none;
}

.step.mm {
	font-size: 17px !important;
	line-height: 24px !important;
	hyphens: none;
	padding-top: 30px !important;
}

.step.mmm {
	font-size: 17px !important;
	line-height: 24px !important;
	hyphens: none;
	padding-top: 24px !important;
}

.step.mmm22 {
	font-size: 17px !important;
	line-height: 22px !important;
	hyphens: none;
	padding-top: 24px !important;
}

.step.mmm20 {
	font-size: 16px !important;
	line-height: 20px !important;
	hyphens: none;
	padding-top: 28px !important;
}

.step.mmm2016 {
	font-size: 17px !important;
	line-height: 22px !important;
	hyphens: none;
	padding-top: 30px !important;
	hyphens: auto;
}

.step.m {
	font-size: 18px !important;
	line-height: 23px !important;
	hyphens: none;
	padding-top: 29px !important;
}

.step.mml {
	font-size: 18px !important;
	line-height: 25px !important;
	hyphens: none;
}

.step.ml {
	font-size: 20px !important;
	line-height: 25px !important;
	hyphens: none;
	padding-top: 28px !important;
}

.step.l {
	font-size: 23px !important;
	line-height: 27px !important;
	hyphens: none;
	padding-top: 28px !important;
}

.step.tm {
	font-size: 21px !important;
	line-height: 26px !important;
	hyphens: none;
	padding-top: 36px !important;
}

.step.tl {
	font-size: 23px !important;
	line-height: 26px !important;
	hyphens: none;
	padding-top: 28px !important;
}

.step.tts {
	padding-top: 50px;
}

.step.ts {
	padding-top: 40px;
}

.d22 .col2 ul {
	padding: 50px 10% 60px 15%;
}

.d22 .col2 li {
	padding-left: 20px;
	color: #3A3A3A;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 24px;
}

.d22 .col2 li::marker {
	content: '\ea10';
	list-style-position: outside;
	font-family: icons;
	color: var(--boxiegreen);
	content: ' ';
}

.d22 .col2 li {
	list-style: none;
}

.d22 .col2 li::before {
	content: ' ';
	display: inline-block;
	height: 14px;
	width: 24px;
	margin-right: 16px;
	margin-left: -40px;
	color: var(--boxiegreen);
	background-image: url(infeez/vink.svg);
	background-size: 140%;
	background-position-x: -5px;
	background-position-y: -9px;
	background-repeat: no-repeat;
}

.fw.storeicons {
	padding: 3% 3% 4% 3%;
}

.storeicons ul {
	display: flex;
	justify-content: space-around;
}

.storeicons h2 {
/*font-size: 42px;*/
	line-height: 45px;
	color: var(--bgblue);
	font-weight: 800;
}

.storeicons p {
	width: 80%;
	margin: 30px auto;
	text-align: center;
	font-weight: 600;
}

.storeicons li {
	display: inline-block;
	text-align: center;
	color: var(--bgblue);
	font-weight: 700;
	line-height: 20px;
}

.storeicons li::before {
	content: '';
	width: 140px;
	height: 140px;
	display: block;
	margin: 10px auto;
	background-size: 100% auto;
	border-radius: 50%;
	background-color: #ffffff;
}

.storeicons li.stuf1::before {
	background-image: url('/wp-content/uploads/2023/03/Icon_Furniture.svg');
	background-image: url('/wp-content/uploads/2023/09/Icons_typeopslag_furniture_trans.svg');
}

.storeicons li.stuf2::before {
	background-image: url('/wp-content/uploads/2023/03/Icon_Clothing.svg');
	background-image: url('/wp-content/uploads/2023/09/Icons_typeopslag_cloths_trans.svg');
}

.storeicons li.stuf3::before {
	background-image: url('/wp-content/uploads/2023/03/Icon_Seasonal.svg');
	background-image: url('/wp-content/uploads/2023/09/Icons_typeopslag_christmas_trans.svg');
}

.storeicons li.stuf4::before {
	background-image: url('/wp-content/uploads/2023/03/Icon_Folders.svg');
	background-image: url('/wp-content/uploads/2023/09/Icons_typeopslag_files_trans.svg');
}

.storeicons li.stuf5::before {
	background-image: url('/wp-content/uploads/2023/03/Icon_Tires.svg');
	background-image: url('/wp-content/uploads/2023/09/Icons_typeopslag_tires_trans.svg');
}

.lbluebg {
	background-color: #d2e6ff;
}

.whitebar.stoptions {
	position: relative;
	padding: 30px 50px 0px 50px;
	background-image: url('/wp-content/uploads/2022/11/employee-boxes-bg.png');
	background-size: auto 60%;
	background-position: right bottom;
	background-repeat: no-repeat;
}

.whitebar.stoptions h2 {
	text-align: left;
	font-weight: 900;
}

.stoptions ul {
	-webkit-columns: 3;
	-moz-columns: 3;
	columns: 3;
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	column-gap: 0;
	margin: 40px 0px 0px 0px;
	width: 100%;
	padding: 0px 30% 80px 0px;
	list-style: none;
	line-height: 40px;
}

.stoptions ul i, .stoptions ul > * {
	font-weight: 500;
	font-style: normal;
}

.stoptions li {
	break-inside: avoid-column;
	line-height: 20px;
	height: 46px;
	padding-right: 10px;
}

.whitebar.qprivate {
	border: 1px solid var(--bgblue);
	border-radius: 30px;
	padding: 8% 10%;
	margin-top: 80px;
	margin-bottom: 50px;
}

.qprivate h2:not('#h5') {
	font-weight: 800;
	margin-top: 0px;
}

.qprivate > p {
	font-weight: 700;
	text-align: center;
}

.qprivate > div {
	padding-top: 30px;
}

#order >div {
	padding-top: 0px;
}

#q32 {
	display: block;
}

#q32b {
	font-style: italic;
	text-align: left;
	font-size: 14px;
	font-weight: 400;
}

.col2block h2, .col2block h4 {
	column-span: all;
}

.col2form form {
	max-width: 100%;
}

.col2block {
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
	-webkit-column-gap: 50px;
	-moz-column-gap: 50px;
	column-gap: 50px;
}

.col2form .colblock {
	padding-right: 20px;
	display: inline-block;
	width: 49%;
	vertical-align: top;
}

.col3block {
	-webkit-columns: 3;
	-moz-columns: 3;
	columns: 3;
}

.col2form label:first-of-type {
	margin-top: 0px;
}

.usps h2, .usps h4 {
	line-height: 45px;
	color: var(--bgblue);
	font-weight: 800;
	text-align: center;
}

.usps h2 {
	margin-bottom: 0px;
}

.usps h4, .reviews h4, .map h4, .city22.pgal h4, .city22.pgalprijzen h4, .city22.pgalboxes h4, #faqblock .bl24 {
	color: var(--boxiegreen) !important;
	font-size: 24px;
	margin-top: 0px;
	text-align: center;
	max-width: 90vw;
}
.city22.pgal h4{
    margin: 0px auto;
}
.usps h5 {
	color: var(--bgblue);
	font-size: 22px;
	margin-bottom: 0px;
	margin-top: 0px;
	hyphens: none;
}

.usps h5::before {
	position: absolute;
	content: '';
	left: unset;
	display: inline-block;
	height: 100%;
	width: 24px;
	margin-right: 4px;
	margin-left: -40px;
	color: var(--boxiegreen);
	background-image: url(infeez/vink.svg);
	background-size: 160%;
	background-position-x: -5px;
	background-position-y: -4px;
	background-repeat: no-repeat;
}

.nw .usps.boxes h5 {
    display:inline-block;
    color:var(--titlegrey);
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
}
.nw .usps.boxes h5:after{
    content:': ';
    display:inline-block;
}
.usps.boxes h5:before {
	content: '';
	position: relative;
	display: inline-block;
	float: left;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: var(--boxiegreen);
	background-image: url(/wp-content/uploads/2022/07/Checkmark_green.png);
	background-size: cover;
	background-position: center -2px;
	margin-left: -40px;
	margin-right: 15px;
	margin-top: 1px;
}
.nw .usps.boxes h5::before{
    background-color: transparent;
    background-image: url(infeez/vink.svg);
    margin-left:0px;
    margin-right: 5px;
    background-position-y: bottom;
}
.boxcontainer.nw .whitebar{
    max-width: 100%;
}
.usps >div {
	position: relative;
	padding: 30px;
	margin-top: 0px;
	padding-left: 0px;
	display: inline-block;
}

.usps > div > * {
	margin-left: 40px;
}

.usps.boxes .col2block > div {
	padding: 0px 0px 30px 40px;
	display: inline-block;
}
.nw .usps.boxes .col2block > div {
    padding: 0px 0px 10px 0px;
    clear: both;
  display: block;
  padding-left:30px;
  max-width:60%;
}
.mob25 .nw .usps.boxes .col2block > div{
    max-width:100%;
}
.usps.boxes > div > * {
	margin-left: 0px;
}

.usps.boxes h2 {
	font-weight: 300;
	margin-bottom: 40px;
	text-align: left;
}

.usps.boxes .button {
	display: block;
	text-align: center;
}
.nw .usps.boxes .button{
    display:table;
    margin-top:20px;
}
.usps.boxes {
	background-image: url(/wp-content/uploads/2023/01/Drivers6_1200x1200px_new.png);
	background-repeat: no-repeat;
	background-position: 119%;
	background-size: auto 95%;
	display: inline-block;
	overflow-x: visible;
	padding-right: 0px;
}
.boxcontainer.nw{
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}
.mob25 .boxcontainer.nw{
    margin-top:40px !important;
}
.nw .usps.boxes{
   background-image:  url(https://www.boxie24.com/wp-content/uploads/2025/07/Group-2738-e1752006005816.png);
   background-size: 40%;
  background-position: right 70%;
  width:100%;
  padding:0px;
}
.usps.boxes .col2block {
	width: 65%;
	column-gap: 20px;
}
 .nw .usps.boxes .col2block{
    columns:unset;
    width:100%;
    padding:0px;
    }
    .mob25 .boxcontainer.nw{
        padding:0px 7%;
        margin-bottom: 100px !important;
    }
.mob25 .nw .usps.boxes{
   background-image:unset;
   background-color:#ffffff;
  width:100%;
  padding:0px;
}
.mob25 .boxcontainer.nw .free{
    display:none;
}

.nw .usps.boxes h5{
    margin-left:-30px;
}
#callsticky {
	width: 256px;
	height: 60px;
	display: block;
	transition: right 0.3s ease 0s;
	position: fixed;
	bottom: 14px;
	right: -186px;
	box-shadow: gray 0px 0px 5px;
	border-radius: 2px;
	overflow: hidden;
	bottom: 50vh !important;
}

.storage {
	overflow-x: visible;
}
.container.product #primary:not(.mainmob){
    margin-top: 30px !important;
}
#primary.seo-page {
	width: 60%;
	padding: 50px 0px 25px 110px;
	display: inline-block;
	max-width: 93vw;
	padding: 50px 50px 25px 50px;

}
.container.blog25{
    text-align:center;
}
.blog25 #primary{
    margin:0px auto;
     text-align:left;
}
#primary.thanx.seo-page {
	width: 100%;
	padding: 0px;
}

#primary.noparent {
	padding: 50px 0px 25px 50px;
}

#secondary .hometop > h2 {
	display: none;
}

.page-child .fullwidth #primary {
	padding: 0px;
}

.fullwidth .entry-title {
	display: none !important;
}

.container.fullwidth {
	margin-top: -10px;
}

.page-child #secondary {
/*padding: 0 0 25px 10px;*/;
}

#secondary >div {
	padding: 20px 30px 0px 30px;
	min-height: 200px;
}

#secondary > div.vspace {
	min-height: 10px;
}

.badges {
	display: inline-block;
	width: 10%;
	vertical-align: top;
	text-align: center;
}

.badges img {
	max-width: 80%;
	margin: 20px auto;
}

#citygal, .bar {
	overflow-x: hidden;
}

#citygal.zindxauto, #citygaln.zindxauto {
	overflow-x: visible;
	padding-top: 30px;
}

.movebg, .oops {
	background-image: url("infeez/moversbgtr.jpg");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 100% auto;
/*opacity: 0.5;
transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
filter: brightness(100%) contrast(100%) saturate(100%) blur(4.6px) hue-rotate(0deg);*/
	padding-left: calc((100vw - 1100px) / 2);
	padding-right: calc((100vw - 1100px) / 2);
	margin-left: 0px;
	margin-right: 0px;
	max-width: 100%;
}

.oops {
	min-height: 60vh;
	background-image: url("infeez/oops2.jpg");
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: 60% auto !important;
}

.oops .entry-title {
	display: none;
}

.bluebar {
	width: 100%;
	margin: 0px auto;
	background-color: var(--bgblue);
	text-align: center;
	padding: 50px;
}

.bluebar h2 {
	color: #ffffff !important;
	font-weight: 800;
}

.bluebar > * {
	max-width: 1140px;
	margin: 0px auto;
}

.bluebar select {
	max-width: 500px;
}

.map {
	width: 80%;
	padding: 0px 70px 0px 70px;
	margin: auto;
	overflow-y: hidden;
}

.butbot {
	width: 100%;
	display: inline-block;
	position: relative;
	text-align: left;
}

.butbot .button {
	display: none;
}

.map .txt {
	width: 45%;
	padding-right: 20px;
	min-width: 300px;
}



.map h4:not(.tit){
	font-weight: 800;
	text-align: left;
	line-height: 30px;
	color: var(--boxiegreen);
	font-size: 24px;
    margin-top: 0px;
    max-width: 90vw;
}
.map h4.tit ins {
	font-weight: 800;
	text-align: left;
	line-height: 30px;
	color: var(--boxiegreen);
	font-size: 24px;
    margin-top: 10px;
    margin-bottom:30px;
    max-width: 90vw;
    display:block;
    
}
.map h2, .map h4.tit, #more-space h4 {
font-size: 34px;
  line-height: 44px;
	color: var(--bgblue) !important;
	font-weight: 800;
/*font-size: 42px;*/
	font-style: normal;
	text-align: left;
	margin-bottom: 10px;
	margin-top: 0px;
}
.map h44 {
	display: none;
	font-size: 29px;
	font-style: italic;
	color: #a9a9a9;
}

.map p {
}

.map > div, .map > img {
	display: inline-block;
	vertical-align: middle;
}

.mapimg {
	width: 54%;
	margin-bottom: 20px;
}

#mapdrop {
	border: 0px solid #ddd;
}

#mappdropnav, #mappdropnav-button, #mapdrop .searchdropdown {
	display: none;
	max-width: 420px;
}
#mapdrop li.hidden{
    display:none !important;
}
#mapdrop li a {
	width: 100%;
	display: block;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
}

#mapdrop li a {
	color: rgb(68, 68, 68) !important;
	background-color: #ffffff !important;
}

#mapdrop sub-arrow {
	display: none !important;
}

#mapdrop li:hover a {
	color: rgb(68, 68, 68) !important;
	background-color: #ffffff !important;
}

#mapdrop .sub-menu {
	margin-left: 0px !important;
	list-style: none !important;
	margin-bottom: 0px !important;
	background-color: #ffffff !important;
}

#mapdrop .sub-menu, #mapdrop li a, #mapdrop li {
	display: block !important;
}

#mapdrop.enus .sub-menu {
	display: none !important;
}

#mapdrop.enus #mappdropnav-button {
	display: block !important;
}

#mapdrop .searchdropdown a {
}

#mapdrop .sub-menu > div {
	display: inline-block;
	width: 100%;
	background-color: #ffffff !important;
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
}

#mapdrop .sub-menu > .safaricoll2 {
	display: inline-block;
	width: 50%;
	columns: unset;
	vertical-align: top;
}

.safaricoll2, .safaricoll3, .safaricoll1 {
	width: 220px;
	display: inline-block;
}

#mapdrop .sub-menu a:hover {
	background-color: #ffffff;
}

.gfooter {
	color: #FFFFFF;
	padding: 50px 20px;
	background-color: var(--darkblue);
	font-size: 13px;
	font-weight: 500;
}

.gfooter a, .gfooter p {
	color: #ffffff;
	padding: 0px 5px;
	font-size: 15px;
	font-weight: 500;
}

.gfooter a {
	display: inline-block;
}

.gfooter p {
	font-size: 15px;
	font-weight: 300;
	margin-bottom: 0px;
	line-height: 20px;
}

.gfooter a:nth-of-type(n+5) {
	color: var(--bgblue) !important;
}

.gfooter h3 {
	color: #ffffff !important;
	font-size: 19px;
	font-weight: 900;
}

.gfooter .img1 {
	max-width: 165px;
	height: auto;
	margin: 0px auto;
}

.gfooter .img2 {
	padding-left: 10px;
	max-width: 100px;
	height: auto;
	margin: 0px auto;
}

.gfooter .img3 {
	max-width: 134px;
	height: auto;
	margin: 40px auto 0px auto;
}

.trustbar h2 {
	color: #ffffff !important;
}

.logoos {
	margin-top: 40px;
	margin-bottom: 20px;
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax(25%, 1fr) );
}

.imgline {
	text-align: center;
	max-width: 100%;
	margin: 0px auto;
	display: flex;
	grid-template-columns: repeat( auto-fit, minmax(30px, 1fr) );
	max-width: 1024px;
	justify-content: center;
}

.logoos > * {
	margin-bottom: 20px !important;
	text-align: center;
	margin: 20px !important;
}

.bggrey > * {
	margin-bottom: 20px 0px;
	text-align: center;
}

.logoos img, .imgline img {
	max-height: 80px;
	width: auto !important;
	border-radius: 0px !important;
}

.imgline img {
	max-height: 50px;
}

.gmbrr > .rating {
	display: none;
}

#google-business-reviews-rating .listing {
	flex-wrap: nowrap;
}

#google-business-reviews-rating li {
	display: inline-block;
	vertical-align: top;
	padding: 10px;
}

.gmbrr .listing .review-meta + .text, .gmbrr .listing .text + .review-meta {
	margin-block: 0.1rem;
	padding-inline-start: 0px;
	margin-left: 0px;
}

.listing {
	margin-left: 0px !important;
}

.gmbrr .author-avatar {
/*display: inline-block !important;
width: 50px !important;*/;
}

.gmbrr .author-name {
	display: block;
	margin-block-end: 0.4em;
	font-weight: 700;
}

.gmbrr .rating .not, .gmbrr .star.gray, .gmbrr .star.grey {
	color: #C9C9C9;
}

.gmbrr .listing .rating {
	margin-inline-start: -0.1em;
	font-size: 1.15em;
	vertical-align: middle;
	color: #F7B603;
}

.gmbrr  .vicinity, .gmbrr  .heading {
	display: none;
}

span.relative-time-description {
	display: none !important;
	color: #C9C9C9;
}

.review-snippet, #google-business-reviews-rating li .text {
	overflow-wrap: break-word;
	max-width: 90%;
	font-size: 15px;
	font-style: italic;
	white-space: normal;
	line-height: 28px;
	padding-left: 0px;
	padding-right: 0px;
	min-width: 90%;
}

.text-excerpt {
	overflow-y: auto;
}

.review-more-link, .review-more-placeholder {
	color: var(--bgblue);
	font-weight: 400;
}

.review-full-text {
	display: none;
}

.hexbg {
	background-color: #ffffff;
	padding-top: 20px;
	z-index: 10;
}

.hexbg.rounded {
	border-radius: 30px !important;
	overflow: hidden;
}

.hexbg.blue::after {
	content: '';
	width: 100%;
	height: 55%;
	background-color: var(--bgblue);
	position: absolute;
	z-index: 0;
	top: 0px;
}

.hexbg.blue.pickup::after {
	height: 42%;
}

.hexbg.blue #steps {
	padding-top: 30px;
}

.hexbg.blue h2, .hexbg.blue h3 {
	width: 80%;
	margin: 40px auto 0px auto;
}
.hexbg.checkout h2{
    margin: 0px auto 0px auto;
}
.hexbg.blue h3 {
	font-weight: 300;
	text-align: center;
	font-size: 34px;
	line-height: 44px;
}

.hexbg.blue h3 b {
	font-weight: 800;
}

.hexbg.blue .subtit {
	text-align: center;
	font-weight: 600;
}

.hexbg.blue h2, .hexbg.blue .subtit, .hexbg.blue h3 {
	position: relative;
	z-index: 1000;
	color: #ffffff !important;
}

.steps {
	width: 24.5%;
	display: inline-block;
	vertical-align: top;
	padding: 10px 15px;
	margin: 10px 0px 30px 0px;
	vertical-align: top;
	text-align: center;
	border-radius: 30px;
	line-height: 22px;
	font-weight: 400;
	font-size: 15px;
	z-index: 1000;
	position: relative;
}
#howitworks{
    position: relative;
    margin-bottom: 140px;
    max-width: 80%;
}
.nvis{
    visibility: hidden;
}
#howitworks .img{
    position: relative;
    padding-top: 140px;
    border-radius: 30px;
    width: 44%;
    height: 100%;
    display: inline-block;
    margin-right: -50%;
    overflow: hidden;
}
#howitworks .img img{

}
#howitworks .txt{
    float: right;
    z-index: 10000;
    position: absolute;
    width: 100%;
    top: 0px;
}
.mob25 #howitworks .txt{
     position: relative;
}
.mob25 #howitworks .img{
    padding-top:0px;
    margin-top:250px;
    margin-bottom: 50px;
}
#howitworks .steps24{
    position:relative;
    padding-left: 150px;
    margin: 15px 0px 15px 38%;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 6px 2px 15px 1px rgba(60,80,250,0.21); 
    box-shadow: 6px 2px 15px 1px rgba(60,80,250,0.21);
    width: fit-content;
    padding-right: 30px;
}
#howitworks .nl .steps24{
    margin: 15px 0px 15px 28%;
}
#howitworks .de .steps24{
    margin: 15px 0px 15px 36%;
}
#howitworks .steps24::before{
    content:'2';
    width: 120px;
    left: 0px;
    height: 100%;
    position: absolute;
    background-color: var(--bgblue);
    font-size: 120px;
  color: #1e28dd;
  padding: 30px;
  line-height: 70px;
  font-weight: 700;
}
#howitworks .steps24:first-of-type::before{
     content:'1';
}
#howitworks .steps24:last-of-type::before{
     content:'3';
}
#howitworks .steps24::after{
    content:'';
    background-repeat: no-repeat;
	background-image: url(infeez/Truck-icon_200x197px.png);
	background-size: 60%;
	background-position: center;
	position: absolute;
	top: 0px;
	left:0px;
	width: 120px;
	height: 100%;
}
#howitworks .steps24:first-of-type::after{
     background-image: url(infeez/Chair-icon_200x243px.png),url(infeez/Checklist_icon.webp);
     background-position: 70% 70%, 20% 30%;
     background-size: 50%, 30%;
}
#howitworks .steps24:last-of-type::after{
     background-image: url(infeez/Warehouse-icon_200x160px.png);
}
#howitworks h2{
    background-color: #ffffff;
    margin-bottom: 60px;
}
#howitworks .steps24 h4{
    font-weight: 700 !important;
    color: var(--bgblue);
    margin-bottom: 0px;
    margin-top: 16px;
}
#howitworks .steps24 ul{
    font-weight: 300 !important;
    padding-left: 15px;
    margin-bottom: 16px;
    line-height: 24px;
}
#howitworks .steps24 li::marker{
    color: var(--bgblue);
}
#steps.steps24{
    border: 3px solid #fbbc05;
    border-radius: 20px;
    width: 80%;
}
.steps img {
	padding: 0px 30px;
}
.w100vw{
    width: 100vw !important;
    margin-left: calc(((100vw - 1260px)/2) * -1) !important;
    max-width: 100vw !important;
}
#reviews24{
    overflow: visible;
    padding-top: 150px;
    padding-bottom: 80px;
    background-color:#e7f0fa;
}
.boxfw #reviews24.w100vw{
    background-color: #ffffff;
    max-width: 1280px !important;
    margin:0px auto !important;
    padding-top: 0px;
}
.box25.mob25 .boxfw #reviews24.w100vw, .box25.tablet25 .boxfw #reviews24.w100vw{
    margin-left:0px !important;
    margin-bottom: 100px !important;
}
.revnew #reviews24, #reviews24.revpure{
    background-color:#ffffff;
    padding-top: 50px;
}
#reviews24 .googlebar h2{
    margin-bottom: 0px;
}
#reviews24 .googlebar .h2{
    color: var(--bgblue);
  text-align: left;
  margin-top: 0px;
  font-size: 34px;
  line-height: 44px;
  font-weight: 300;
}
#reviews24 .googlebar .h2 b{
     font-weight: 800;
}
#reviews24 .reviews{
    padding: 0px 20px !important;
    max-width: 1260px !important;
    margin: 100px auto;
        overflow-x: visible;
}

#reviews24 .redirect{
        font-weight: 700;
    padding: 0px 0px 0px 0px;
}
#reviews24 .subt, .subt{
    font-weight: 400;
     padding: 10px 0px 50px 0px;
     font-size: 18px;
}
.redirect::after{
    content: '';
    background-image:url(infeez/redirect-svgrepo-com.svg);
    background-size: contain;
    background-position-y: 4px;
    width: 20px;
    height: 20px;
    display: inline-block;
    
}
#helpbar{
    border-radius: 15px;
    background-color: var(--bgblue);
    max-width: 1260px !important;
    margin:100px auto -50px auto;
    position: relative;
    color: #ffffff;
    padding: 20px 30px;
    width: 85%;
}
.page-template-CB-boxtemplate #helpbar{
    display:none;
}
#helpbar h2{
    color: #ffffff;
    display: inline-block;
    width: 38%;
    text-align: left;
    margin:0px;
}
#helpbar.nl h2, #helpbar.de h2, #helpbar.es h2{
    width: 40%;
}
#helpbar.es h2{
    width: 60%;
}
#helpbar span{
    display: inline-block;
    width: 40%;
}
#helpbar .helptxt{
    position: absolute;
    bottom: 27px;
    right: 70px;
}
#helpbar .helptxt > *{
    display: inline-block;
    vertical-align: top;
    margin: 0px;
}
#helpbar .helptxt p{
    font-size: 14px;
    margin-left: 20px;
    margin-top: 6px;
}
#helpbar .helptxt p b{
    display: block;
    line-height: 12px;
    font-size: 16px;
}
#helpbar > img{
  margin-top: -65px;
  float: right;
  margin-right: -30px;
  border-bottom-right-radius: 15px;
}
.googlebar{
    display: block;
    max-width: 1260px;
    margin: 0px auto;
}
.googlebar span{
display: inline-block;
width: 60%;

}
.googlebar .glogo, .fsprovider .glogo{
    width: max-content;
    max-width: 120px;
     text-align: center;
     margin-top: 30px;

}
.googlebar .glogo.de, .googlebar .glogo.nl, .googlebar .glogo.es{
     max-width: 150px;
}
.googlebar .glogo{
    margin-top: 70px;
}
.googlebar .glogo.de, .googlebar .glogo.nl,.googlebar .glogo.es{
    margin-top: 70px;
}
.googlebar.pupage{
    .glogo.es, .glogo.de, .glogo.nl {
        margin-top: 70px;
    }
    .glogo.en{
        margin-top: 30px;
    }
}
.googlebar .glogo::before{
    margin-left: -150px;
  content: '';
  display: inline-block;
  background-image: url(infeez/google-reviews-logo-3.png);
  background-size: 80% auto;
  background-repeat: no-repeat;
  width: 150px;
  height: 100px;
  float: left;
  background-position-y: -10px;
}
.googlebar .glogo p{
    color: var(--bgblue);
    font-size: 12px;
  line-height: 16px
}
.googlebar .glogo p.nl, .googlebar .glogo p.es{
    hyphens: auto;
}
.googlebar h2{
    color: var(--bgblue);
    text-align: left;
    margin-top: 0px;
}
.googlebar .glogo, .googlebar > img{
    float: right;
}

.w100vw.gbar{
    background-color: var(--darkblue);
    background: linear-gradient(-90deg, rgb(60, 80, 250) 0%, rgb(46, 61, 187) 50%);
    margin-left: calc(((100vw - 1260px)/2) * -1);
    max-width: 100vw;
}
.w100vw.gbar.reviewtop{
    padding: 20px calc((100vw - 1260px) / 2);
    padding-bottom: 0px;
    color: #ffffff !important;
    position: relative;}
.reviewtop > *{
        display: inline-block;
        vertical-align: top;
        }
.reviewtop  > div{
        width: 65%;
        display: inline-block;
    vertical-align: top;
        }
.reviewtop.full > div{
        width: 70% !important;  
        }
.reviewtop > img{
        width: 35%;
        padding-left: 0%;
        display: inline-block;
        vertical-align: top;
        }
.reviewtop .crumbs a{
color: #ffffff !important;
}
.reviewtop .crumbs a:not(:last-child){
        border-bottom: 1px solid #ffffff;
        }
.reviewtop .crumbs > *, .reviewtop h2 {
        color: #ffffff !important;
        text-align: left;
        }
.reviewtop h2 {
        font-style: italic;
        margin-bottom: 8px;
        max-width:700px;}
.reviewtop h2 ins{
            font-family: 'Catamaran';
            color: var(--orange24);
            font-style: normal;
            font-size: 80px;
            display: inline-block;
            margin-bottom: -25px;
            vertical-align: bottom;
            margin-right: 10px;}
.reviewtop h2 ins:last-child{
                margin-left: 10px;
                }
.reviewtop h2 b{
            font-weight:700;
        }
.reviewtop i{
        font-style: normal;
        font-weight: 200;
        }

.w100vw.feedback{
    background-color: transparent;
    overflow: visible;
    position: relative;
    display: block;
    padding: 0px calc((100vw - 1260px) / 2);
    padding-bottom: 100px;}
.feedback h2{
        position: relative;
        color: var(--bgblue);
        text-align: left;
        max-width: 700px;
        margin-bottom: 0px;
        margin:0px auto;
        text-align: center;
        }
.feedback .subt{
        padding-bottom: 40px;
        position: relative;
        margin:0px auto;
        text-align: center;
        }
.feedback .blockgal{
        margin-top: 0px;
        position:relative;
        }
#paggmb{
    text-align: center;
}
#paggmb .pagbut{
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 1px solid var(--bgblue);
    margin: 0px 3px;
    font-size: 13px;
    position: relative;
    text-align: center;
    line-height: 22px;
    color: var(--bgblue);
    border-radius: 3px;
    cursor: pointer;
}
#paggmb .pagbut.act, #paggmb .pagbut:hover{
    color: #ffffff;
    background-color:var(--bgblue);
}
.gmb{
    background-image: url(https://www.boxie24.com/wp-content/uploads/2024/09/Google-icon-white-BG-150x150.png);
    background-size: 30px !important;
    background-position: 95% 5%;
    background-repeat: no-repeat;
    border: 1px solid #ffffff;
    cursor: pointer;
}
.gmb:hover{
     border: 1px solid var(--bgblue);
}
.gmb2, .gmb3, .gmb4, .gmb5{
    display: none;
}
.gmb > *{
    text-align: center;
   
}
.gmb h4, .gmb p{
     color: var(--bgblue) !important;
     font-weight: 700;
     margin-bottom: 0px;
}
.blockgal .gmb p{
    font-weight: 800;
    margin-bottom: 20px !important;
}
.gmb p i{
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
}
.realex .carousel-slide {
    scroll-snap-align: start !important;
  transform-origin: center center !important;
  transform: scale(1) !important;
  transition: transform .5s !important;
}
.realex .carousel.revs, .realex .carousel{
    display:flex;
    /*padding-top: 50px !important;*/
}
.gmb h4:after, .realex > div > div h5::after, .realex .carousel > div h5::after{
    content: '';
    display:block;
    width: 100%;
    height: 30px;
    background-image: url(https://www.boxie24.com/wp-content/uploads/2024/09/4-star-rating-300x63.png);
    background-repeat:no-repeat;
    background-size: contain;
    background-position: center;
}
.gmb h4.rated5:after, .realex > div > div h5.rated5::after{
background-image: url(https://www.boxie24.com/wp-content/uploads/2024/09/5-star-rating-300x68.png);
}
.gmb h4.rated3:after{
background-image: url(https://www.boxie24.com/wp-content/uploads/2024/09/3-star-rating-300x63.png);
}
.w100vw.feedback:before{
    content: '';
    width: 100%;
    height: calc(100% - 100px);
    position: absolute;
    margin-top: 100px;
    left: 0px;
    background-color: #e7f0fa;
}

#realex{
    width: 75%;
    margin: 0px auto;}
#realex h2{
    color: var(--bgblue);
    margin-bottom: 0px;
    max-width: 700px;
    margin-left:auto;
    margin-right:auto;
    }
    #realex p{
        text-align:center;
        padding-bottom: 30px;
    }
    #realex > div {
    display: block;
    padding: 10px 10px;
    }
    #realex .carousel{
        border:1px solid #ffffff;}
         #realex .carousel > div{
        display:inline-block;
        vertical-align:top;
        max-width: 30%;
        text-align:center;
        padding-top:60px;
        padding-bottom: 40px;
        background-image:url(infeez/g-de-bg-2.png);
        background-size: 100% auto;
        background-repeat:no-repeat;
        position:relative;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
        border-radius:10px;
        }
         #realex .carousel.de > div.bg1{
            background-image:url(infeez/g-de-bg-1.png);
            margin-right: 5%;
            }
            #realex .carousel.de > div.bg3{
            margin-left: 5%;
            background-image:url(infeez/g-de-bg-3.png);
            }
        #realex .carousel.au > div.bg2{
                background-image:url(infeez/g-au-bg-2.png);
            }
            #realex .carousel.au > div.bg1{
            background-image:url(infeez/g-au-bg-1.png);
            margin-right: 5%;
            }
            #realex .carousel.au > div.bg3{
            margin-left: 5%;
            background-image:url(infeez/g-au-bg-3.png);
            }
         #realex .carousel.nl > div.bg2{
            background-image:url(infeez/g-nl-bg-2.png);
            }
             #realex .carousel.nl > div.bg1{
            background-image:url(infeez/g-nl-bg-1.png);
            margin-right: 5%;
            }
             #realex .carousel.nl > div.bg3{
            margin-left: 5%;
            background-image:url(infeez/g-nl-bg-3.png);
            }
        #realex .carousel.us > div.bg2{
            background-image:url(infeez/g-us-bg-2.png);
            }
            #realex .carousel.us > div.bg1{
            background-image:url(infeez/g-us-bg-1.png);
            margin-right: 5%;
            }
            #realex .carousel.us > div.bg3{
            margin-left: 5%;
            background-image:url(infeez/g-us-bg-3.png);
            }
        #realex .carousel h4::before{
            content:'';
            width: 60px;
            height:60px;
            display:block;
            background-color:#ffffff;
            background-image:url(infeez/g-de-2.png);
            background-size: 90% auto;
            background-position:center;
            background-repeat:no-repeat;
            border-radius:50%;
            border:2px solid var(--bgblue);
            margin:10px auto;
            }
         #realex .carousel.de > div h4::before{
            background-image:url(infeez/g-de-2.png);
            }
           #realex .carousel.de div.bg1 h4::before{
            background-image:url(infeez/g-de-1.png);
            }
            #realex .carousel.de div.bg3 h4::before{
            background-image:url(infeez/g-de-3.png);
            }
            #realex .carousel.us > div h4::before{
            background-image:url(infeez/g-us-2.png);
            }
            #realex .carousel.us > div.bg1 h4::before{
            background-image:url(infeez/g-us-1.png);
            }
            #realex .carousel.us > div.bg3 h4::before{
            background-image:url(infeez/g-us-3.png);
            }
            #realex .carousel.nl > div h4::before{
            background-image:url(infeez/g-nl-2.png);
            }
            #realex .carousel.nl > div.bg1 h4::before{
            background-image:url(infeez/g-nl-1.png);
            }
            #realex .carousel.nl > div.bg3 h4::before{
            background-image:url(infeez/g-nl-3.png);
            }
            #realex .carousel.au > div h4::before{
            background-image:url(infeez/g-au-2.png);
            }
            #realex .carousel.au > div.bg1 h4::before{
            background-image:url(infeez/g-au-1.png);
            }
            #realex .carousel.au > div.bg3 h4::before{
            background-image:url(infeez/g-au-3.png);
            }
    #realex div h4{
        font-weight: 600;
        margin-bottom: 0px;
        background-image: linear-gradient(to bottom, transparent 0%, transparent 30px, #ffffff 30px, #ffffff 100%);
        }
         #realex div h5{
        margin-top: 0px;
        color: var(--bgblue);
        font-weight: 400;
        margin-bottom: 6px;
        }
        #realex div p{
        padding: 0px 20px;
        font-weight: 400;
        font-size:14px;
        }
    #realex .wp-gr.sliders{
    padding-bottom: 50px;
    margin-bottom: 50px;  
    }
    #realex:not(.noanim) .sliders .carousel-slide{
    max-width:unset;
    margin: 0px 15vw 0px 0px !important;   
    }
    #realex.noanim .carousel-slide{
    width:30% !important;
    }

#review1car{
    max-width: 65%;
    margin: -100px auto 100px;
    padding: 40px 5%;
    background-color: #fff;
    border-radius: 15px;
    display: block;
    position: relative;
    z-index:1;}
        #review1car h1{
        font-weight: 300;
        text-align: center;
        max-width: 90%;
        margin: 0px auto 50px auto;
        }
        #review1car div.devide{
            width: 1px;
            background-color: var(--lightblue);
            margin: 0px 2.3%;
            display: none;
            height: 150px;
            }
            #review1car div.logs{
            width: 30%;
            display: inline-block;
            height: 150px;
            padding: 20px;
            padding-top:70px;
            vertical-align: top;
            position: relative;
            text-align:center;
            font-size:14px;
            font-weight:300;
            line-height: 20px;
            background-color:transparent;}
                 #review1car div.logs:before{
                content:'';
                width: 100%;
                height: 100%;
                display: block;
                background-image: url(https://www.boxie24.com/wp-content/uploads/2024/09/Trusted-eshops-logo-300x145.png);
                background-size: 80% auto;
                background-repeat: no-repeat;
                background-position: center top;
                position: absolute;
                top: 0px;
                left: 0px;
                z-index:-1;
                }
                 #review1car div.logs.pilot{
                    color:var(--bgblue);
                    padding: 50px 20px 0px 20px;
                }
                 #review1car div.logs.pilot img{
                bottom:0px;
                }
                 #review1car div.logs.trusted:before{
                    background-size: 70% auto;
                }
                 #review1car div.logs.google:before{
                    background-image: url(https://www.boxie24.com/wp-content/uploads/2024/09/glogo-clip-300x123.png);
                }
                .boxes div.logs.google{
                border-radius: 6px;
                font-size: 14px;
                font-weight: 300;
                line-height: 20px;
                max-width: max-content;
                padding:30px;
                background-color: #ffffff;
                box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
                margin-top:-100px;
                position:absolute;
                left: 75%;
                text-align:center;
                z-index: 10000;
                }
                .boxes div.logs b {
  font-weight: 800;
  font-size: 16px;
  }
                .boxes div.logs.google > img{
                max-width: 150px;
  display: block;
  margin-bottom:10px;
                }
               /* .boxes div.logs.google:before{
                    content: '';
                    background-image: url(https://www.boxie24.com/wp-content/uploads/2024/09/glogo-clip-300x123.png);
                }*/
                 #review1car div.logs.pilot:before{
                    background-image: url(https://www.boxie24.com/wp-content/uploads/2024/09/Trustpilot-300x73.png);
                    top:6px;
                }
                 #review1car div.logs b{
                    font-weight:800;
                    font-size:16px;
                }
                 #review1car div.logsa{
                    border-bottom: 0px solid var(--bgblue);
                    font-weight: 500;
                    cursor:pointer;
                }
                 #review1car div.logs img{
                    display:block;
                    margin:5px auto;
                }

        #review1car.noanim .carousel-slide{
                width: 30%;
                display: inline-block;
                vertical-align: top;
            }
             #review1car.noanim .wp-gr.sliders{
                margin-top:0px;
             }
             #review1car.noanim div.devide{
                display:inline-block;
             }
             #review1car.noanim div.logs{
                width: 100%;
            }
             #review1car.noanim div.pilot img{
               position:absolute;
               bottom:0px;
               margin-left: calc(50% - 30px);
            }
             #review1car.noanim .carouseln-container{
                overflow:hidden;
            }

span.rated5{
    display:block;
    content:url(https://www.boxie24.com/wp-content/uploads/2024/09/5-star-rating-300x68.png);
    width: 100%;
    max-width: 150px;
    margin-left:auto;
    margin-right:auto;
  padding: 5px 10px;
}
.google span.rated5{
    padding: 5px 10px;
    }
#htit{
  margin: 40px 0px;
}
#htit .googlehd{
  margin: 0px 0px 30px 0px;
}
#htit .googlehd ins{
    margin-top:-4px;
}
#htit span.rated5{
margin:unset;
display: inline;
  margin-bottom: -14px;
}
#htit img{
width: 30px;
  margin-bottom: -9px;
}
#glogo, .fsprovider .glogo{
    width: 30%;
    color: #ffffff !important;
     text-align: left;
     padding-left: 100px;
     position: relative;
     
}

#glogo p{
    display: inline-block;
    font-size: 18px;
    width: 100%;
    margin-bottom: 0px;
    max-width: 230px;
}
#googlebar{
    color: #ffffff;
    padding: 10px 10px;
    max-width: 1260px;
    margin: 0px auto;
    position: relative;}
    #googlebar span{
    display: inline-block;  }
         #googlebar span:first-of-type{
        width: 65%;
        max-width: 655px;
        }
         #googlebar span.de:first-of-type{
        width: 70%;
        max-width: 755px;
        }
         #googlebar span.es:first-of-type{
        width: 45%;
        }
    #googlebar h2{
        color: #fbbc05 !important;
        text-align: left;
    }
    #googlebar h2 b{
    color: #ffffff !important;
    }
    #googlebar img{
    height: 25px;
    width: auto;
    }
    #googlebar #glogo{
    max-width: 320px;
    position: absolute;
    right: 0px;
    top: 40px;
    }
    #googlebar #glogo.nl, #googlebar #glogo.es{
    max-width: 350px;
    }


#glogo:before, .fsprovider .glogo::before{
margin-left: -100px;
    content: '';
    display: inline-block;
    background-image: url(infeez/Google_icon.webp);
    background-size: 80% auto;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    float: left;
}

    .fsprovider .glogo{
    border-radius: 10px;
    width: 300px;
    max-width: 300px;
    position: absolute;
    bottom: 30px;
    right: 170px;
    background-color: #ffffff;
    -webkit-box-shadow: 6px 2px 15px 1px rgba(60,80,250,0.21);
    box-shadow: 6px 2px 15px 1px rgba(60,80,250,0.21);}
        .fsprovider .glogo::before{
        background-image: url(infeez/glogo_24px.svg);
        background-color: var(--lightblue);
        border-radius: 50%;
        background-position: center;
        background-size: 70%;
        width: 70px;
        height: 70px;
        margin: 20px 0px 0px -80px;
        }
        .fsprovider .glogo.nl, .fsprovider .glogo.es{
        width: 350px;
        max-width: 350px;
        }
        .fsprovider .glogo.de{
        width: 320px;
        max-width: 320px;
        }
        .fsprovider .glogo p{
        padding: 20px 10px;
        color: var(--titlegrey);
        line-height: 22px;
        margin-bottom: 0px;
        font-size: 16px;
        }
    .fsprovider .img2{
    margin-top: 6px;
    }

#boxievs{
    width: 80%;
    margin: 0px auto;
    margin-top: 100px;}
#boxievs h2{
    text-align: center !important;
    }
#boxievs h4{
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 0px;
    cursor:pointer;
    }
#boxievs > div p{display: none;}
        #boxievs > div.tog p{display: block;}
#boxievs > .blk{
        display:block;
        text-align: left;
        padding: 10px 0px 10px 20px;
        position: relative;}
        #boxievs > .blk h4{
        margin-top: 0px;
        }
        #boxievs > .blk h4::after{
        content: '';
        color: var(--bgblue);
        position: relative;
        display:inline-block;
        margin-left: 10px;
        background-image: url(infeez/arrow_blue_down.svg);
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
        background-size: 80%;
        transform: rotate(180deg);
        margin-bottom: -4px;
        }
        #boxievs > .blk.tog h4::after{
        transform: rotate(0deg);
        }
        #boxievs > .blk::after{
        content: '';
        width: 18%;
        height: 100%;
        position: absolute;
        right: 22%;
        top: 0px;
        background-image: url(/wp-content/uploads/2024/08/check_18.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 45px;
        }
        #boxievs > .blk::before{
        content: '';
        width: 18%;
        height: 100%;
        position: absolute;
        right: 0px;
        top: 0px;
        background-image: url(/wp-content/uploads/2024/08/cross-1335.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 36px;
        }
        #boxievs > .blk:nth-of-type(odd) {
        background: #f1f6fb;
        }
        #boxievs > .blk img{
        margin-left: 10%;
        height: 45px;
        width: 45px;
        margin-top: 20px;
        display: inline;
        margin: 10px 5% 0px 5%;
        display: none;}
            #boxievs > .blk img.crossnw{
            height: 33px;
            width: 33px;
            margin: 20px 5% 4px 10%;
            }
        #boxievs > .blk.tog img{
        margin-top: 60px;
        }
        #boxievs > .blk > div{
        width: 60%;
        text-align: left;
        position:relative;
        display: inline-block;
        vertical-align:top;
        padding-left: 60px;
        padding-right: 20px;
        position: relative;
        margin-top: 10px;
        margin-bottom: 10px;
        }
        #boxievs > .blk > div::before{
        content:'';
        display: inline-block;
        width: 35px;
        margin-left: -60px;
        height: 100px;
        background-image: url('infeez/Scale-icon_200x200.png');
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        }
        #boxievs > .blk:nth-of-type(3) > div::before{
        background-image: url(infeez/Truck-icon_200x200.png);
        }
        #boxievs > .blk:nth-of-type(4) > div::before{
        background-image: url(infeez/Stopwatch-icon_200x200.png);
        }
        #boxievs > .blk:nth-of-type(5) > div::before{
        background-image: url(infeez/Part-icon_200x200.png);
        }
        #boxievs > .blk:nth-of-type(6) > div::before{
        background-image: url(infeez/Size-icon_200x200.png);
        }
        #boxievs > .blk:nth-of-type(7) > div::before{
        background-image: url(infeez/Piggybank-icon_200x200.png);
        }
        #boxievs > .blk:nth-of-type(8) > div::before{
        background-image: url(infeez/Shiled-icon_200x200.png);
        }
     #boxievs .vsheader{
    text-align: right;
    line-height: 20px;
    margin-top: 50px;
    margin-bottom: 20px;}
        #boxievs .vsheader img, #boxievs .vsheader h4{
        max-width: 18%;  
        display: inline-block;
        padding: 0px 20px;
        text-align: center;
        margin-top: -10px;
        vertical-align: top;
        }
        #boxievs .vsheader img{
        margin-right: 50px;
        }
        #boxievs .vsheader h4{
        max-width: 20%;
        max-width: 162px;
        opacity: 0.7;
        margin-top: 0px;
        font-size: 16px;
        }


#custfirst, #boxieteam{
    width: 85%;
    margin: 0px auto;
}
#custfirst{
    padding-right: 5%;
}
#boxieteam{
    padding-left: 5%;
}
#custfirst h2, #boxievs h2, #boxieteam h2{
    color: var(--bgblue);
    text-align: left;
}
#custfirst span, #boxieteam span{
    display: inline-block;
    width: 45%;
    vertical-align: middle;
    
}

#boxieteam .txt{
    padding-right: 5%;
}
/*
#boxieteam .txt{
padding-left: 7%;
}*/
#custfirst .img, #boxieteam .img{
    width: 55%;
}
#custfirst img{
    width: 90%;
}
#boxieteam img{
float: right;
}
.step1 {
	padding-top: 200px;
	background-repeat: no-repeat;
	background-image: url(/wp-content/uploads/2023/03/Icon_aantal_dozen.svg);
	background-size: 80% auto;
	background-position-x: center;
}

.step2 {
	padding-top: 200px;
	background-repeat: no-repeat;
	background-image: url(/wp-content/uploads/2023/03/Icon_step_pickup_wit_nr_new.svg);
	background-size: 80% auto;
	background-position-x: center;
}
.step3 {
	padding-top: 200px;
	background-repeat: no-repeat;
	background-image: url(/wp-content/uploads/2023/03/Icon_dozen_inpakken.svg);
	background-size: 80% auto;
	background-position-x: center;
}

.step4 {
	padding-top: 200px;
	background-repeat: no-repeat;
	background-image: url(/wp-content/uploads/2023/03/Icon_step_delivery-wit_new.svg);
	background-size: 80% auto;
	background-position-x: center;
}

.boxstep.nw .steps:before{
    content:'1';
    background-image:url(/wp-content/uploads/2023/11/hexastep.png);
    background-size: 100%;
    top: 0px;
    left: 20px;
    background-repeat: no-repeat;
    width:40px;
    height:50px;
    position:absolute;
    color:#ffffff;
    font-weight:900;
    font-size: 20px;
    line-height: 40px;
    
}
.boxstep.nw .steps{
    padding: 10px 25px;
    margin-bottom:0px;
    padding-top: 160px;
    background-size: 50% auto;
    background-position-y: 30px;
}
.boxstep.nw .steps h4{
    margin-bottom:6px;
}
.boxstep.nw .step1{
    background-image: url(/wp-content/uploads/2025/07/Step-1.png);
}
.boxstep.nw .step2{
    background-image: url(/wp-content/uploads/2025/07/Step-2.png);
}
.boxstep.nw .step2:before{
    content:'2';
    }
.boxstep.nw .step3{
    background-image: url(/wp-content/uploads/2025/07/Step-3.png);
}
.boxstep.nw .step3:before{
    content:'3';
    }
.boxstep.nw .step4{
    background-image: url(/wp-content/uploads/2025/07/Step-4.png);
}
.boxstep.nw .step4:before{
    content:'4';
    }
    .mob25 .boxstep.nw .steps{
    display:block;
    margin-bottom: 90px;
  background-position-x: center;
    }
    .mob25 .boxstep.nw .step4{
    margin-bottom:0px;
    }
    .mob25 .boxstep.nw .steps h4{
    margin-top:0px;
    }
.mob25 .boxstep.nw .steps p, .mob25 .boxstep.nw .steps h4{
    text-align:center;
    padding:0px;
}
.tablet25 .hexbg.bx{
    margin-bottom:0px !important;
}
.tablet25 .whitebar.boxstep.nw{
    padding: 0px;
    margin: 0px 7%;
}
.mob25 .hexbg .butbox{
    margin-top:-30px;
    -moz-box-shadow: 0 0 0 20px #ffffff;
-webkit-box-shadow: 0 0 0 20px #ffffff;
box-shadow: 0 0 0 20px #ffffff;
}
.new .steps{
  background-size: 70%;
  background-repeat: no-repeat;
  background-position-x: center;
  padding-top: 18%;
}
.new .steps img{
    display: none;
}

.new .steps:nth-of-type(1){
 background-image: url(/wp-content/uploads/2023/11/icons_proces_step1_blue_nr.png);
 }
 .new .steps:nth-of-type(2){
 background-image: url(/wp-content/uploads/2023/11/icons_proces_step2_blue_nr.png);
 }
 .new .steps:nth-of-type(3){
 background-image: url(/wp-content/uploads/2023/11/icons_proces_step3_blue_nr.png);
 }
 .new .steps:nth-of-type(4){
 background-image: url(/wp-content/uploads/2023/11/icons_proces_step4_blue_nr.png);
 }
.blockimg {
	display: block;
}

.steps .corr1 {
/*margin-bottom: 40px;*/;
}

.steps h2 {
	text-align: left;
	font-weight: 600;
}
.steps > .h4{
    max-width: 90vw;
    display:block;
    margin-top:22px;
    margin-bottom:22px;
}
.steps h4, .steps .h4 {
	font-weight: 700;
	font-size: 17px;
	color: var(--bgblue);
}

#steps:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 47%;
	border-radius: 30px;
	background-color: #e8f2ff;
	left: 0px;
	bottom: 0px;
}
.mob25 #steps.boxstep.nw{
    border:2px solid var(--bgblue);
    border-radius: 15px;
    margin:0px auto;
    width:86%;
    max-width: 500px;
}
.mob25 #steps.boxstep.nw{

}
#steps.boxstep.nw:after{
    content: unset;
}
#steps.boxstep.nw h2{
    margin-bottom:40px;
}
.mob25 #steps.boxstep.nw h2{
    margin-top:-80px;
    background-color: #fff;
    max-width: 70%;
}
.hexbg.blue #steps:after {
	width: 0;
}

.floatkop {
	float: left;
	position: absolute;
	top: 10px;
}

.floatkop h2 {
	margin-bottom: 0px;
	width: 140px;
	text-align: left;
	line-height: 30px;
}

.bblocks {
	width: 30%;
	display: inline-block;
	vertical-align: top;
	padding: 5% 10px;
	height: 280px;
	font-size: 24px;
	text-align: center;
	margin: 0px 3% 0px 0px;
	margin-bottom: 30px;
	background-color: var(--bgblue);
	color: #ffffff !important;
	background-image: linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,1));
}

.bblocks:last-child {
	margin-right: 0px;
}

.bblocks:hover {
	background-image: linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.15));
}

.bblocks h3 {
	color: #ffffff !important;
	font-size: 40px;
}

.bar {
	max-width: 1140px;
	margin: 0px auto;
}

#citygal, #calctop, #citygaln.carbg {
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('/wp-content/uploads/2022/06/lkw_bg.png');
	background-color: var(--bgblue);
	background-blend-mode: overlay;
	background-size: cover;
	position: relative;
	padding-bottom: 60px;
	text-align: center;
	z-index: 100;
	display:block;
}

#citygal.pgalboxes {
	background-image: none;
}

#calctop {
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('/wp-content/uploads/2023/01/Photo_transporter_international_2.png');
	background-color: var(--bgblue);
	background-blend-mode: overlay;
	background-size: cover;
	position: relative;
	padding-bottom: 60px;
	text-align: center;
	margin-bottom: 100px;
}

#calctop.en-au {
	background-image: url('/wp-content/uploads/2023/07/Boxie24-304-blauw.png');
	background-color: #ffffff;
	background-blend-mode: unset;
	background-position-y: bottom;
}

#calctop > img {
	position: absolute;
	width: auto;
	height: 80%;
	right: 10%;
	bottom: 0px;
	z-index: 10;
}

.container.calcontainer {
	margin-bottom: 100px;
}
.calcontainer #prices .searchdropdown, .calcontainer .zipbut2{
    display: inline-block !important;
}
#citygal.pgalprijzen, #citygal.pgalprijzen:after {
	background-image: unset;
	background-color: #ffffff;
}

#citygal.pgalprijzen h2 {
	color: var(--bgblue);
}

#citygal {
}

#calctop {
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
	overflow: hidden;
	padding-bottom: 0px;
}

#citygal::after, #calctop::after/*, #citygaln.carbg::after*/ {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: var(--darkblue);
	opacity: 0.5;
	left: 0px;
	top: 0px;
}
#citygaln.carbg{
background-color: var(--darkblue);
}
#citygaln.carbg .button h3{
    color: #000000 !important;
}
#citygaln.carbg .button:hover h3{
    color: var(--bgblue) !important;
}
#calctop.en-au::after {
	content: unset;
}

.pgal, .pgalboxes {
	background-image: none !important;
	background-color: transparent !important;
}

.pgal::after, .pgalboxes::after {
	background-color: #ffffff !important;
}

#citygal > * {
	position: relative;
	z-index: 1000;
}

#citygal > div, #citygaln > div {
	margin-top: 50px;
}

.city22 h2, #checklist h2 {
	color: #ffffff;
	font-weight: 300;
	text-align: center !important;
	margin: 50px auto 0px auto;
}

.city22 h2 .subtit, .city22 h4 {
	color: #ffffff !important;
}

.pgal h2, .pgal h4, .pgalboxes h2, .pgalboxes h4 {
	color: var(--bgblue);
}

.pgal h2, .pgalprijzen h2, .pgalboxes h2, .pgalboxes h4 {
	margin: 10px auto;
}

#galafter {
	margin-top: 0px;
}

#galafter:after {
}

.gal-prev {
	float: left;
	margin: 0px;
	position: relative;
	margin-top: 7%;
	cursor: pointer;
	margin-left: 30px;
}
.newgal .gal-prev {
    
}
.row {
	display: flex;
}

#better h2 {
	min-width: 400px;
}

#better .steps {
	min-width: 150px;
	width: 22%;
	background-color: #e8f2ff;
	margin-left: 0px;
	margin-left: 3%;
	padding-bottom: 20px;
}

#better img {
	padding: 15%;
	padding-bottom: 0px;
	margin-top: 10px;
}

#better .emoji {
	fill: var(--boxiegreen) !important;
	margin-top: 10px;
}

#better .steps:first-of-type {
	margin-left: 0px;
}

#better .steps, #better .steps p {
	font-size: 14px;
	font-weight: 700;
	line-height: 24px;
}

#better .steps h4, #better .steps .h4 {
	height: 50px;
	width: 100%;
	font-size: 24px;
	line-height: 30px;
}

#better .steps br {
	margin-bottom: 10px;
}

#betterblock {
	padding: 40px 0px;
}

#betterblock button {
	display: block;
	margin: 10px auto;
}

.wp-gr .grw-slider .grw-slider-btns.grw-slider-prev:before, .wp-gr .grw-slider .grw-slider-btns.grw-slider-next:before {
	width: 28px !important;
	height: 28px !important;
}

.grw-slider-btns.grw-slider-prev img, .grw-slider-btns.grw-slider-next img {
	width: 28px;
	height: 28px;
	cursor: pointer !important;
}

.wp-gr .grw-slider .grw-slider-btns.grw-slider-prev {
	left: -20px !important;
}

.wp-gr .grw-slider .grw-slider-btns.grw-slider-next {
	right: -20px  !important;
}

.wp-gr .grw-slider .grw-slider-btns:hover {
	border: 2px solid var(--boxiegreen);
}

.wp-gr .grw-slider .grw-slider-btns {
	content: '';
	color: #ffffff !important;
	width: 28px !important;
	height: 28px !important;
	background-color: #27b77a !important;
	border-radius: 50% !important;
	cursor: pointer;
}
.wp-gr .grw-btns svg{
    background-color: var(--boxiegreen);
    color: #fff !important;
    border-radius: 50%;
}
.wp-gr .grw-btns svg path{
    fill: #fff !important;
    stroke-width: 2px !important;
    stroke: #fff !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}
.reviews .wp-gr .grw-slider .grw-slider-review-inner, .grw-review-inner.grw-backgnd.gbg {
	font-family: 'Open Sans', Arial, sans-serif;
	padding: 30px !important;
	border-radius: 30px !important;
	background-color: #e8f2ff  !important;
}
.wp-gr .wp-google-time{
    display:none;
}
.wp-gr.wpac .wp-google-name span, .wp-gr .wp-google-wr a, .wp-gr .wp-google-name, .wp-gr .wp-google-time {
	font-family: 'Open Sans',Arial, sans-serif !important;
}

.reviews .wp-gr .grw-slider .grw-slider-review-inner > svg {
	display: none !important;
}

.reviews .wp-gr .grw-slider .grw-slider-review {
	background-color: #ffffff !important;
	padding: 10px !important;
}

.reviews .wp-gr .wp-google-text {
	font-size: 14px !important;
	font-family: "Open Sans",Arial, sans-serif!important;
	font-weight: 500;
	line-height: 22px !important;
}
.reviews .wp-google-feedback::-webkit-scrollbar {
    display: none !important;
}
.reviews .wp-gr .grw-slider .grw-slider-dot {
	background: var(--boxiegreen);
}

.reviews .wp-gr .grw-slider .grw-slider-dot.active {
	background: var(--boxiegreen);
}

.gal-prev:after {
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	margin-top: 9px;
}

.gal-next {
	float: right;
	margin: 0px;
	position: relative;
	margin-top: 7%;
	cursor: pointer;
	margin-right: 30px;
}
.newgal .gal-prev, .newgal .gal-next{
    margin-top: 0%;
}
.cgal {
	margin: 30px auto;
	max-width: 80%;
	white-space: nowrap;
	padding-bottom: 0px;
}

.cgal .owl-dots {
	display: none;
}

.lbluefw{
    width: 100vw;
    background-color: #eff6fc;
    padding: 50px  calc((100vw - 1260px)/2);
}
.xof{
    overflow-x: visible;
}
.xof .lbluefw{
    margin-left: calc(((100vw - 1260px)/2)*-1 );
}
.blockgal{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
    gap: 40px;
    grid-row-gap: 20px;
    margin: 40px 0px;
}
.blockgal h2, .blockgal.minor h3, .lbluefw h2, .lbluefw h3{
    color: var(--bgblue) !important;
     text-align: left !important;
     grid-column: 1/-1;
     width: 100%;
}
.lbluefw > h3{
font-weight: 600;
hyphens: none;
line-height:30px;
}
.lbluefw h2{
    margin: 0px 0px 40px 0px;
}
.blockgal.minor h3, .lbluefw > h3{
    font-size: 24px;
    margin-bottom: 20px;
    margin: 0px 0px 40px 0px;
}
.blockgal .crumbs, .lbluefw .crumbs{
    text-align: left !important;
     grid-column: 1/-1;
     margin-bottom: -30px;
}
.blockgal > div{
    border-radius: 6px;
    background-color: #ffffff;
    overflow: hidden;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    min-width: 265px;
    background-size: 100%;
    /*background-position: center 50%;*/
    background-repeat: no-repeat;
}
.blockgal > div.landsc{
    background-position: center top;
}
.blockgal >div> a{
    padding-top: 80%;
    display: block;
    width: 100% !important;
    max-width: 100% !important;
}
.blockgal >div> a > div{
padding: 25px 15px;
  background-color: #ffffff;
  margin-top: -50px;
  position: relative;
  }
.lesspad{
    padding-left: 40px !important;
    padding-right: 40px !important;
    padding-bottom: 20px !important;
}
.lesspad a.booking{
    margin-left: 20px;
    margin-right: -40px;
}
.blockgal.minor{
    margin-bottom: 0px;
}
.blockgal.minor .buttondiv a{
    width: fit-content !important;
    color: #ffffff !important;
    margin: unset;
     cursor:pointer;
}
.blockgal.minor .buttondiv a:hover, #awards .button:hover{
     border: 1px solid var(--bgblue) !important;
     color: var(--bgblue) !important;
    background-color: #ffffff !important;
}
.blockgal .button{
    margin-top: 0px !important;
    min-width: unset !important;
    width: 70% !important;
    margin-bottom: 0px;
}
.cgal.pgalprijzen.blockgal .button:hover h3{
    color: #ffffff !important;
    font-weight: 700;
}
.blockgal.minor >a{
display: block;
    padding: 15px;
    background-color: #ffffff;
        border: 1px solid #ffffff;
        text-align: center;
        border-radius: 6px;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    min-width: 265px;
   
}
.cgal.minor > a{
     max-width: unset !important;
}
.blockgal.minor >a:hover{
    border: 1px solid var(--bgblue);
    cursor:pointer;
}
.blockgal.minor >a:hover{
        font-weight: 700;
}
.blockgal p{
    text-align: center;
    color: #3a3a3a;
    font-weight: 500;
    margin-bottom: 10px !important;
}
.blockgal img{
    margin-top:-20%;
    margin-bottom:10px;
}
.blockgal.minor > div{

    text-align: center;
}
.blockgal.minor > div > a{
        padding: 15px;
        display: block;
        margin: 0px auto;
}
.blockgal.minor > .buttondiv{
    grid-column: 1/-1;
    background-color: unset;
     text-align: left;
     box-shadow: unset;
     margin-bottom: 20px;
}


.blockgal.minor a{
    color: #3a3a3a;
    width: unset !important;
}
.galblock {
	display: inline-grid;
	grid-template-columns: auto auto auto;
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );
}

.galblock > div {
	margin-right: 10px;
	max-width: 300px;
}

.city22 .button h3 {
	text-align: center;
}

.pgal .button h3, .pgalprijzen .button h3, .pgalboxes .button h3 , .carousel-slide .button h3{
	color: #ffffff !important;
	text-align: center !important;
}

.cgal h3, .galblock h3 {
	font-size: 15px;
	line-height: 10px;
	font-weight: 600;
	margin: 0px auto;
	color: #3a3a3a !important;
	margin-left: auto;
	margin-right: auto;
}

.pgalprijzen .button:hover h3 {
	color: #ffffff !important;
	font-weight: 600;
}

.cgal .button {
	min-width: 120px;
	max-width: 90%;
	position: relative;
	margin-top: -20px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
	padding: 12px 20px;
	display: block;
	border: 1px solid #ffffff !important;
}

.city22.pgalprijzen .button:hover h3 {
}

.city22 .button:hover h3 {
	color: var(--bgblue) !important;
}

.city22 .button {
	background-color: #ffffff !important;
}

.pgal .button, .pgal #galafter, .pgalprijzen .button, .pgalboxes .button {
	background-color: var(--bgblue) !important;
	border-color: var(--bgblue) !important;
	text-align: center;
}

.pgal select {
	border: 2px solid var(--bgblue);
}

.pgalprijzen .button h3 {
	text-align: center;
}

#citygal.pgal .button:hover h3, #citygal.pgalprijzen .button:hover h3, #citygal.pgalboxes .button:hover h3 {
	font-weight: 700;
	color: #ffffff !important;
}

.galblock h3 {
	color: #ffffff;
	text-shadow: 3px 3px 2px #474747;
	font-size: 26px;
}

.galtext {
	overflow-x: hidden;
}

.galtext .oranje strong {
	font-size: 19px;
	font-weight: 700;
}

.galblock .galtext {
	margin-top: -65px;
	padding-left: 10px;
	padding-bottom: 20px;
}

.cgall >div:hover, .galblock > div:hover {
	-webkit-box-shadow: -1px 0px 15px -3px rgba(0,0,0,0.53);
	box-shadow: -1px 0px 15px -3px rgba(0,0,0,0.53);
}

.cgal a img, .galblock a img {
	height: auto;
	width: 100%;
}

.cgal p {
	margin-bottom: 10px;
}

.galblock p {
	margin-bottom: 0px;
}

.cgal .slid {
	display: inline-block;
}

.teambanner {
	position: relative;
	margin-bottom: 0px;
}

.teambanner.stedenbanner, .teambanner.s_right {
	background-position-y: center;
}

.teambanner.s_right {
}

.teambanner img {
	height: 100%;
	display: block;
	width: 100%;
}

.teambanner .teambg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-image: url('/wp-content/uploads/2023/03/Honeycomb_white.svg'), url('/wp-content/uploads/2023/03/Honeycomb_white.svg');
	background-size: 60%;
	background-position: 180% 100px, -110% -180px;
	background-repeat: no-repeat, no-repeat;
}

.teambanner.s_right .teambg {
	background-position: 1480% 100px, -110% -180px;
/*	background-image: url('/wp-content/uploads-webpc/uploads/2022/06/Honeycomb_whiten.png.webp');
	background-position:  -110% -180px;*/;
}

.teambanner.stedenbanner > div {
	background-image: none;
}

.teambanner .boxie24, .teambanner .blogo {
	margin: 0px;
	position: absolute;
	bottom: 10px;
	left: 40px;
}

.teambanner .blogo {
	margin: 0px;
	position: absolute;
	bottom: 20px;
	left: 40px;
	width: 200px;
	height: auto;
}

.step {
	background-image: url('/wp-content/uploads/2023/03/Hexagon_800x730px.svg');
	background-image: url('/wp-content/uploads/2023/11/hexastep.png');
	background-size: 100%;
	background-repeat: no-repeat;
	font-size: 20px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 600;
	text-align: center;
}
.teambanner .step, .franch .step, .cityheadpict .step {
	width: 140px;
	height: 156px;
	position: absolute;
	top: 20%;
	left: 200px;
	font-size: 24px;
	-webkit-text-size-adjust: 24px;
	line-height: 27px;
}

.cityheadpict .step {
	right: 25%;
	left: unset;
	padding-top: 32px;
}
.cityheadpict .step.topright{
    right: 20px;
    top: 20px;
}
.franch .step {
	left: 10%;
}

.teambanner.s_right .step {
	top: auto;
	left: auto;
	bottom: 20%;
	right: 15%;
}

.teambanner.titleblock {
	background-size: cover;
	background-position: center;
	height: calc(1140px * 0.4);
}

.teambanner.titleblock > div {
	background-image: none;
}

.teambanner.titleblock .step {
	left: 30%;
	top: 15%;
}
	.teambanner.titleblock.top .step {
    left: 50%;
    top: 10%;
    }
.teambanner.titleblock h1 {
	color: #ffffff;
	text-shadow: 2px 2px 2px #5559CE;
	padding: 8%;
	width: 45vw;
	padding-bottom: 20px;
	position: absolute;
	bottom: 20px;
}

.stedenbanner {
	background-color: #e8f2ff;
	background-color: var(--lightblue);
	position: relative;
	margin-bottom: 100px;

}

.stedenbanner.prijzen{
    margin-bottom: 0px;
}
.stedenbanner .searchdropdown{
    width: 300px;
    margin-bottom: 20px;
    
}
.stedenbanner.prijzen .button{
    margin: 40px 0px 0px 0px;
    max-width: max-content;
    display: block;
}
.cityheadpict iframe {
	max-height: 130%;
	height: 130%;
	margin-top: -20%;
	max-height: 100%;
	height: 100%;
	margin-top: unset;
}

.gm-style .place-card-large {
	display: none !important;
}

.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.cityheadpict .step.stepmap {
	right: unset;
	left: -12%;
	top: 62%;
}

.cityhead {
	display: inline-block;
	position: relative;
	color: var(--bgblue);
	padding: 6% 2% 6% 6%;
	width: 47%;
}

.cityheadpict {
	width: 47%;
	min-height: 250px;
	position: absolute;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

.cityhead h4, .productseo h4, .seo h4 {
	font-weight: 700;
}

.cityhead .txt {
	display: inline-block;
	color: #3a3a3a;
}

#filman, #sidebarloc {
	float: right;
	border-top-left-radius: 30px;
	background-color: #fff;
	margin-top: -180px;
	display: block;
	z-index: 1000;
	position: relative;
	width: 30%;
	min-width: 380px;
	padding: 30px;
	padding-right: 4px;
}

.d2024 .stedenbanner{
    background-repeat:no-repeat;
    background-position: right center;
    background-size: auto 100%;
    margin-bottom:20px;
    }
.d2024 .citynameblock{
        background-color: rgba(0, 0, 193, 0.85);
        background-blend-mode: color-burn;
        width: 1260px;
        max-width: 1260px;
        display:block;
        padding:20px;
        margin:0px calc((100vw - 1260px) / 2);
        position:absolute;
        bottom:0px;}
         .d2024 .picklabel{
            position:absolute;
            background-color:var(--boxiegreen);
            padding:5px 20px;
            top: -38px;
            left:0px;
            color:#ffffff;
            width: max-content;
            font-size:14px;
            font-weight:700;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;}
             .d2024 .picklabel::after{
                content:'';
                display:inline-block;
                height:20px;
                width: 30px;
                background-image:url(infeez/truck.png);
                background-size:90%;
                background-repeat: no-repeat;
                margin-bottom:-2px;
                background-position-y:bottom;
                margin-left:10px;
                }
                .picklabel.pl25{
                background-color:#ffffff;
                color:var(--darkblue);
                }
                .picklabel.pl25::after{
                background-image:url(infeez/truckblue.png);
                content:unset;
                }
.d2024 .citynameblock .h1{
            color:#ffffff !important;
            margin:0px;
            font-weight: 800;
            font-size: 42px;
            line-height: 50px;
            }

.d2024 .cityhead {
    padding: 20px 0px;
    width:100%;
    }
.d2024 .cityheadpict2024 {
    position:relative;
    width: 50%;
    height: calc((100vw / 3.75) * 0.8);
    background-size: cover;
    background-position-y:center;
    background-repeat: no-repeat;
    }
.cityheadpict2024.pl25 {
background-image: url(https://www.boxie24.com/wp-content/uploads/2025/01/cityguys.webp),url(https://www.boxie24.com/wp-content/uploads/2025/01/Header-landing-page-new-truck.webp), url(https://www.boxie24.com/wp-content/uploads/2025/01/header-warehouse-faded-4600x900-1-scaled.webp);
  margin-left: 35%;
    width:65%;
    height: calc((100vw / 3) * 0.8);
  background-size: 65% auto,  60% auto, 80% auto;
  background-position: 80% bottom, left bottom, right bottom;
  max-height:392px;
  margin-left: calc((100vw - 1260px) /2);
  width: calc(100vw - ((100vw - 1260px) /2));
  height: calc((100vw / 3) * 0.8);
  width: 1600px;
  background-size: 40% auto, 30% auto, auto 110%;
  background-position: 67% bottom, 40% bottom, right bottom;
}
.cityheadpict2024.pl25.us, .cityheadpict2024.pl25.au {
background-image: url(https://www.boxie24.com/wp-content/uploads/2025/01/cityguys.webp),url(https://www.boxie24.com/wp-content/uploads/2025/01/Truck-AUS-header-landingpage-copy.webp), url(https://www.boxie24.com/wp-content/uploads/2025/01/header-warehouse-faded-4600x900-1-scaled.webp);
}
#htit{
  color: #fff;
  margin-left:calc((100vw - 1260px) / 2);
  left: calc((100vw - 1260px) / 2);
  left:0px;
  position: absolute;
}
#htit .h1{
font-size: 42px;
  font-weight: 800;
  line-height:50px;
}
.boxes .cityheadpict2024{
    height:100%;
    width: 100%;
    background-size: auto 100%;
  background-position: center bottom;
}

.boxes .bluebub{
    border-radius: 70px;
    padding: 20px 50px 20px 90px;
    background-color: rgba(0, 0, 193, 0.75);
  background-blend-mode: color-burn;
  color: #ffffff !important;
  font-size:22px;
  font-weight:800;
  line-height:32px;
  max-width: max-content;
  position:absolute;
  top: 20%;
  left:48%;
  max-height:150px;
}
.boxes .bluebub p{
margin:0px;
padding-left: 20px;
}
.boxes .bluebub p:first-of-type{
padding-left: 0px;
}
.boxes .bluebub p:last-of-type{
padding-left: 40px;
}
.boxes .bluebub img{
float:left;
 shape-outside: url('https://boxie24com.b-cdn.net/wp-content/uploads/2024/11/Group-2190.png'); 
  shape-image-threshold: 0.5;
  height: 385px;
  margin-left: -200px;
  margin-top: -100px;
}
 .boxes .stedenbanner, .boxtop.nw{
 height: calc((100vw / 3) * 0.8);
 background-size: cover;
 background-repeat:no-repeat;
 max-width: 1260px;
 max-height:250px;
 background-position-y: center;
 margin: 0px auto;
 }
 .mob.boxes .stedenbanner, .mob .boxtop.nw{
 width:100vw;
 margin-left:0px !important;
 margin-top:10px;
 height: calc((100vw / 3) * 0.5);
 }
.d2024 .cluster h4{
    margin-top: 0px;
    margin-bottom: 10px;
    }
.d2024 #cluster24{
    display: grid;
    grid-template-columns: 50% 50%;
    grid-column-gap: 20px;
    padding:10px 20px 10px 0px;}
     .d2024 #cluster24 a{
        display: inline-block;
        padding: 10px 20px 10px 45px;
        position:relative;
        font-weight: 400;
        color:var(--titlegrey);
        border-radius: 5px;
        box-shadow: 0px 0px 15px 0px #0000BE1A;}
         #cluster24 a h3{
         margin:0px !important;
         width: max-content !important;
        display: inline-block !important;
        color: var(--titlegrey) !important;
        font-weight: 400 !important;
        font-size: 16px;
         }
         .d2024 #cluster24 a:hover{
            color:var(--bgblue) !important;
            }
 .d2024 #cluster24 a::before{
            content: '';
              width: 30px;
              height: 20px;
              left: 0px;
              display: block;
              position: absolute;
              background-image: url(infeez/Vector.png);
              background-size: contain;
              background-position-x: right;
              background-repeat: no-repeat;
              top: 16px;
            }
.d2024 #cluster24 a::after {
              content: "";
              display: block;
              width: 25px;
              height: 25px;
              float: right;
              background-image: url("https://www.boxie24.com/wp-content/themes/boxie24underscore-child/infeez/arrow_blue_down.svg");
              background-repeat: no-repeat;
              background-size: 80%;
              transform: rotate(-90deg);
              }

.d2024 #introhead {
    width: 70%;
    padding: 0px 20px;
    display:inline-block;
    margin-bottom:40px;
    }
.d2024 .cityhead h1{
        color:var(--titlegrey);
        font-weight:700;
        font-size:20px;
        margin-bottom: 0px;
        }
.d2024 .cityhead.mob{
     padding:0px 7% 30px 7%;
    
}
.d2024 .cityhead.mob .txt{
     text-align:left;
}
.d2024 .cityhead.mob h1{
    font-size:20px !important;
}
#steps3storage{
padding-top: 80px;
width:103%;
color:var(--bgblue);
}
#steps3storage > *{
    border-radius:10px;
    display:inline-block;
    width:22%;
    aspect-ratio: 1/1;
  vertical-align: top;
  margin: 0px 2% 0px 0px;
    padding:10px;
    position:relative;
}
#steps3storage > div{
  text-align: center;
box-shadow: 6px 2px 15px 1px rgba(60,80,250,0.21);
font-size:16px;
line-height: 20px;
font-weight:500;
overflow:visible;
}
#steps3storage > div::before{
    content:'';
    position:absolute;
    width:35px;
    height:35px;
    top: -6px;
    left:-6px;
    background-image: url(infeez/hx2.png);
    background-size: contain;
    background-repeat:no-repeat;
}
#steps3storage > div:first-of-type::before{
background-image: url(infeez/hx1.png);
}
#steps3storage > div:last-of-type::before{
background-image: url(infeez/hx3.png);
}
#steps3storage > div img{
    margin:-30px auto 25px auto;
    width:60%;
    display: block;
}
#steps3storage.de > div.st3 img{
margin-bottom:15px;
}
#steps3storage > div ins{
    font-size:12px;
}
#steps3storage h2{
    background-color:var(--darkblue);
    color:#ffffff !important;
    margin-left:0px;
    text-align:left;
    font-size: 28px;
  line-height: 32px;
  width:26%;
   aspect-ratio:1/0.85;
   padding:20px;
   padding-top:60px;
}

#steps3storage.nl h2{
    padding-top:30px;
}
#steps3storage.en h2{
    padding-right:30px;
    padding-top:50px;
        font-size: 30px;
         line-height: 36px;
}
.d2024 .loclist{
    padding-top:0px;
    padding-bottom: 70px; }
     .d2024 .dimms {
        color: var(--titlegrey);
        font-weight:300;
        font-size: 14px;
        margin-bottom:10px;
        display:block;
        } 
.d2024 .loclist img{
        width:35%;
        margin-right:0px;
        margin-bottom: -50px;
        margin-top: 20px;
        }
.d2024 .loctxt .specs{
            float:right;
            width:55%;
            margin-top:0px;
            top:0px;
            right:0px;
            position:absolute;
            padding:0px;
            }
.d2024 .specs p{
            font-size:14px !important;
            margin-bottom: 0px;
            line-height: 35px;}
.d2024 .specs p.specp.discount{
                color:#ff9500 !important;
                
                }
                .mob25 p.specp.discount{
                line-height: 20px;
                }
.d2024 .specs p.specp.green{
                    color:var(--titlegrey) !important;
                }
.d2024 .price, .d2024 .price i.strikethrough{
            color:var(--titlegrey) !important;
            font-weight: 700;
            font-size:18px !important;
            }
            .price i.space{
                padding-left:5px;
            }
.d2024 i.strikethrough{
            font-weight: 300  !important;
            position:relative;
            text-decoration:none !important;
            padding: 0px 3px;
            margin-right: 5px;
            }
.d2024 i.strikethrough:before {
                position: absolute;
                content: '';
                left: 0;
                top: 45%;
                right: 0;
                border-top: 1px solid;
                border-color: inherit;
                -webkit-transform: skewY(-10deg);
                -moz-transform: skewY(-10deg);
                transform: skewY(-10deg);
                }
.d2024 .specs strong{
            font-weight:400;
            }
.d2024 .specs .sbutton{
            margin-top:20px !important;
            margin-left:0px !important;
            background-image:none;
            padding:10px 20px;
            }
.d2024 .midcol{
        width:40%;
        display:inline-block;
        vertical-align: top;
        }
.d2024 .loctxt {
         width: 62%;
        vertical-align: top;
        position:relative;
        float:right;}
.d2024 .midcol h3.pricesize{
            font-weight: 600;
            font-size:20px;
            color: var(--bgblue);
            display:block;
            }
             .d2024 .midcol i{
                font-size:20px;
                font-weight: 600;
                color: var(--bgblue);
                }
.d2024 .midcol ins{
                font-weight: 600;
                display:block;
                font-size:14px;
                } 
.d2024 .midcol span{
                font-weight: 600;
                padding-right:5px;
                }
.d2024 .midcol span.cb{
                font-weight: 600;
                display:none;
                }
.d2024 .loctxt p.cl{
        font-size:12px;
        padding:4px 20px;
        max-width: 40%;
        border: 1px solid var(--boxiegreen);
        border-radius: 30px;
        line-height:14px;
        width:max-content;
        text-align:center;
        }
.d2024 .loctxt p.rood.cl{
        border: 1px solid var(--error);
        }
    
.d2024 #sidebarloc{
    min-width: unset;
    width:27%;
    padding:0px;
    margin-bottom:40px;
    background-color:transparent; }
.d2024 #sidebarloc #mapnew{
        width:100%;
        aspect-ratio: 4/3;
        padding:0px;
        border-radius:10px;
        overflow:hidden;
        margin-bottom:10px;
        background-color:transparent;}
.d2024 #sidebarlociframe{
            width: 100%;
            height: 100%;
            }

.d2024 #infoblock{
    display:block;}
.d2024 #infoblock .tit{
            font-size:16px;
            font-weight:600;
            padding: 20px;
            padding-bottom: 0px;
        }
.d2024 #infoblock .google{
           color: #fbbc05;
           font-weight: 700;
           font-size:20px;
            margin: 0px 20px;
            padding-bottom:10px;
            border-bottom: 1px solid var(--lightblue);}
            .d2024 #infoblock .google a{
            color: #fbbc05 !important;
            }
.d2024 #infoblock .google ins{
            font-weight:400;
            color: var(--midgrey);
            font-size: 14px;
            }
.d2024 #infoblock span.rated5{
        margin:0px;
        display:inline-block;
        margin-bottom: -12px;
        }
.d2024 #infoblock .naw{
        padding: 20px;
        font-size:14px;
        font-weight:400;}
.d2024 #infoblock .naw > div{
            padding-left:36px;
            margin-bottom:4px;
            position:relative;}
.d2024 #infoblock .naw > div::before{
                content: '';
                width:20px;
                height:20px;
                left:0px;
                display:block;
                position:absolute;
                background-image: url(infeez/Vector.png);
                background-size:contain;
                background-position-x:center;
                background-repeat:no-repeat;
                top:4px;
                }
.d2024 #infoblock .naw > .pu::before{
            width: 25px;
            top:8px;
            background-image: url(infeez/truckblue.png);
            -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
            }
            .d2024 #infoblock .naw > .pu.tg::before{
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
            }
.d2024 #infoblock .naw > .telf::before{
            width: 25px;
            background-image: url(infeez/telblue.png);
            }
.d2024 #infoblock #open{
        background-color:#e7f0fa;
        margin-top: 40px;
        font-size:14px;
        font-weight:400;
        padding: 10px;
        border-radius:6px;
        }
        #infoblock.pl25 .cl2 #open{
        position:absolute;
        margin: 10px 0px;
        z-index:10000;
        width: calc(100% - 40px);;
        }
         #infoblock.pl25 .cl2 #open .bg{
            margin-left:-10px;
            margin-right:-10px;
         }
        .d2024 .nommbmap #infoblock #open{
        margin-top: 0px;
        }
.d2024 #infoblock #open > span{
            display:block;
            border-bottom: 0.5px solid var(--bgblue);
            padding-top: 4px;
            }
.d2024 #infoblock #open > span:last-of-type{
            border:0px;
            }
            .d2024 #infoblock #open .bg{
            background-color:#ffffff;
            border-radius:6px;
            padding:10px 20px;
            line-height: 22px;
            }
            #open .bg:first-of-type{
                margin-bottom:10px;
            }
.d2024 #infoblock #open .op, #open .bg b{
            color:var(--titlegrey);
            font-size: 16px;
            font-weight: 600;
            padding:0px;
            padding-left:20px;
            position: relative;
            margin-bottom: 10px;
            }
            .d2024 #infoblock #open .op.top{
            color:var(--bgblue);
            font-size: 18px;
            }
            #open .bg b{
            padding-left:0px;
            }
.d2024 #infoblock #open .op::before{
                content: '';
                width:30px;
                height:30px;
                left:-10px;
                top: -2px;
                display:block;
                position:absolute;
                background-image: url(infeez/stopw.png);
                background-size:contain;
                background-position-x:left;
                background-repeat:no-repeat;
               
                }
.d2024 #infoblock .button.blue, #qbut{
            background-color: var(--bgblue) !important;
            border-color:var(--bgblue);
            width:100% !important;
            text-align:center;
            margin-bottom: 14px;}
.d2024 #infoblock .button.blue:hover, #qbut:hover{
                background-color: #ffffff !important;
            }
           
.d2024 #infoblock .button.white{
            background-color: #ffffff !important;
            color:var(--bgblue) !important;
            width:100% !important;
            text-align:center;
            border-color:var(--bgblue);}
.d2024 #infoblock .button.white:hover{
                background-color: var(--bgblue) !important;
                color:#ffffff !important;
            }
.d2024 #helpbar.block{
        margin: 40px 0px 00px 0px;
        width: 100%;
        border-radius: 5px;
        padding: 30px;
        position: relative;
        overflow: hidden;
        background-color: #3c50fa;}
.d2024 #helpbar.block::after{
    content: '';
  width: 130%;
  aspect-ratio: 2/1;
  display: block;
  position: absolute;
  background-color: var(--darkblue);
  transform: rotate(59deg);
  aspect-ratio: 1/2;
  top: -130px; 
  opacity: 0.4; 
}
.d2024 #helpbar.block img {
            width: 40%;
            height: auto;
            position: absolute;
            bottom: 0px;
            right: 0px;
            z-index: 1;
            margin-right: 0px;
            }
.d2024 #helpbar.block img::after {
            content: '';
            width: 200%;
            height: 170%;
            display: block;
            position: absolute;
            background-color: #3243f1;
            transform: rotate(55deg);
            }
.d2024 #helpbar.block h2, .d2024 #helpbar.block h3 {
            color: #ffffff !important;
            text-align: left;
            margin: 0px;
            width: 100%;
            display: block;
            z-index: 1;
            position: relative;
            font-size: 20px;
            line-height: 25px;
            font-weight: 300;
            }
.d2024 #helpbar.block h3 b{
    font-weight: 800;
}
.d2024 #helpbar.block .helptxt {
            position: relative;
            width: 100%;
            margin-top: 20px;
            bottom: unset;
            right: unset;
            z-index: 1;
            margin-bottom: 35px;
            }
.d2024 #helpbar.block .button{
            background-color: #ffffff !important;
            color: var(--bgblue) !important;
            border-color:#ffffff;
            }
.d2024 #helpbar.block .phone::before{
            color: var(--boxiegreen);
            }
              #morespacen, #qbut{
                width: 45% !important;
                display:inline-block;
                text-align: center;
            }
            #qbut{
            margin-right: 5%;
            }
.d2024 #calctry{
    border-radius: 5px;
    padding: 30px;
    position: relative;
    overflow: hidden;
    background-color: #3c50fa;
    background-color: var(--lightblue);
    margin-top:40px;}
.d2024 #calctry > *{
        z-index:1;
        display:block;
        position:relative;
        margin:0px;
        }
.d2024 #calctry h2, .d2024 #calctry h3{
        font-size: 20px;
        line-height: 25px;
        color: var(--bgblue);
        font-weight:700;
        text-align:left;
        }
.d2024 #calctry::before {
        content: '';
        width: 70%;
        height: 100%;
        overflow: hidden;
        display: block;
        background-image: url(/wp-content/uploads/2024/09/calctry.png);
        background-repeat: no-repeat;
        float: right;
        background-size: 100%;
        position: absolute;
        top: 10%;
        right: -50px;
        }
.d2024 #calctry p{
        line-height: 24px;
        font-size: 14px;
        padding:20px 0px;
        }
.d2024 #pubar{
    position:relative;
    min-width:1260px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);}
.d2024 #pubar > div{
    height:140px;
    position: absolute;
    left: 0px;
    width: 100%;
    top: 0px;
    }
.d2024 #pubar > span {
    width:38%;
    background-color: var(--boxiegreen);
    padding:15px 40px;
    display:inline-block;
    z-index:10;
    position: relative;}
 .d2024 #pubar > span .h2{
        color: #ffffff !important;
        font-size: 28px;
        text-align: left;
        line-height: 32.5px;
        font-weight: 300;
        margin:24px 0px;
        }
.d2024 #pubar > span .h2 b{
      font-weight: 800;  
      }
 .d2024 #pubar > span .h2::after{
        content:'';
        width:0px;
        height:0px;
        position:absolute;
        right:-26px;
        top:0px;
        border-top: 74px solid transparent;
        border-left: 26px solid var(--boxiegreen);
        border-bottom: 65px solid transparent;
        }
.d2024 #pubar .pubarpoint{
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-left: 50px solid var(--boxiegreen);
    border-bottom: 60px solid transparent;
    }
.d2024 #pubar img{
    display:block;
    left:50%;
    position:absolute;
    height: 100%;
    width:auto;
    z-index:2;
    top:0px;} 
.d2024 #pubar img:first-of-type{
        left:25%;
        z-index:3;
        }
.d2024 #pubar img:last-of-type{
        left:unset;
        right:0px;
        z-index:1;
        }
    #more-space24{
    /*background-color: #e7f0fa;*/
    width: 100%;
    border-radius:6px;
    margin: 20px auto 0px auto;
    padding:20px;
    background-size: 35%;
  background-repeat: no-repeat;
  background-position: 20px bottom;
  position: relative;
    }
     #more-space24 > div:not(.lable){
     padding-left:40%;
     text-align:right;
     margin-top:-20px;
     }
     #more-space24 .lable{
        background-color:var(--lightblue);
        color: var(--bgblue);
        font-weight:700;
        position:absolute;
        right:60%;
        padding: 6px 15px;
        border-radius: 6px;
       top: 20px;
     }
    #more-space24 h4{
     color: var(--titlegrey);
     margin-bottom: 0px;
    font-size: 22px;
    margin-top: 20px;
    }
.d2024 #whystore{
    padding-top: 100px;
    padding-bottom: 80px;
    background-color: #e7f0fa;}
.d2024 #whystore h2, .d2024 #whystore h3{
        color: var(--bgblue);
        font-weight:800;
        width: 1260px;
        margin: 10px auto 30px auto;
        font-size: 34px;
  line-height: 44px;
  text-align: center;
        }
.d2024 #whystore ul{
        width: 1260px;
        margin: 10px auto;
        display: grid;
        grid-template-columns: 25% 25% 25% 25%;
        padding:0px 80px;}
.d2024 #whystore ul li{
            display:inline-block;
            background-color:#ffffff;
            aspect-ratio:1/1;
            padding:20px 35px;
            list-style-type: none;
            margin:20px;
            vertical-align:top;
            color: var(--bgblue);
            text-align:center;
            font-weight:600;
            line-height:22px;
            border-radius:5px;}
.d2024 #whystore ul li::before{
                content:'';
                display:block;
                width:55%;
                aspect-ratio:1/1;
                margin:20px auto 30px auto;
                background-color:#e7f0fa;
                border-radius: 50%;
                background-image: url(infeez/why1.png);
                background-size: 60%;
                background-repeat: no-repeat;
                background-position: center;
                }
.d2024 #whystore ul li:nth-child(2)::before{
                background-image: url(infeez/why2.png);
                }
.d2024 #whystore ul li:nth-child(3)::before{
                background-image: url(infeez/why3.png);
                }
.d2024 #whystore ul li:nth-child(4)::before{
                background-image: url(infeez/why4.png);
                }
.d2024 #whystore ul li:nth-child(5)::before{
                background-image: url(infeez/why5.png);
                background-size: 50%;
                }
.d2024 #whystore ul li:nth-child(6)::before{
                background-image: url(infeez/why6.png);
                background-size: 55%;
                }
.d2024 #whystore ul li:nth-child(7)::before{
                background-image: url(infeez/why7.png);
                }
.d2024 #whystore ul li:nth-child(8)::before{
                background-image: url(infeez/why8.png);
                }

.d2024 #rentinghow{
    border-radius: 10px;
    border: 2px solid var(--orange24);
    padding: 30px;
    margin: 130px 3% 60px 3%;
    overflow: visible;
    text-align:center;}
.d2024 #rentinghow h2, .d2024 #rentinghow h3{
        color: var(--bgblue);
        margin: -30px auto 20px auto;
        background-color:#ffffff;
        width:max-content;
        padding: 0px 30px;
        margin-top: -60px;
        font-size: 34px;
  line-height: 44px;
  text-align: center;
  width: 100%;
  font-weight: 300;
        }
        .d2024 #rentinghow h3 b{
        font-weight: 800;
        }
.d2024 #rentinghow ul{
        display: grid;
        grid-template-columns: 25% 25% 25% 25%;
        margin:0px;
        padding:0px 40px 20px 40px;}
.d2024 #rentinghow ul li{
            display:inline-block;
            background-color:#ffffff;
            aspect-ratio:1/1;
            color:var(--bgblue);
            text-align:center;
            font-weight:600;
            line-height:22px;
            padding: 0px 50px;}
.d2024 #rentinghow ul li::before{
                content:'';
                display:block;
                width:100%;
                aspect-ratio:1/1;
                margin:30px auto 20px auto;
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                }
.d2024 #rentinghow ul li:nth-child(1)::before{
                background-image: url(/wp-content/uploads/2024/09/rent-1.png);
                }
.d2024 #rentinghow ul li:nth-child(2)::before{
                background-image: url(/wp-content/uploads/2024/09/rent-2.png);
                }
.d2024 #rentinghow ul li:nth-child(3)::before{
                background-image: url(/wp-content/uploads/2024/09/rent-3.png);
                }
.d2024 #rentinghow ul li:nth-child(4)::before{
                background-image: url(/wp-content/uploads/2024/09/rent-4.png);
                }


.button.vspace.center{
    max-width: 300px;
}
#filman.prijzen{
    margin-top: -100px;
    position: absolute;
    right: 0px;
    border-bottom-left-radius: 30px;
}
#filman.prijzen #storagelocation{
    margin-bottom: 0px !important;
}
#filman.es {
	width: 40%;
}

.filiaalman {
	display: inline-block;
}

.filman {
	width: 60px;
	height: 60px;
	background-image: url('/wp-content/uploads/2022/03/supportspill.png');
	background-size: cover;
	background-color: #ffffff;
	border-radius: 50%;
	display: inline-block;
	margin-right: 20px;
	vertical-align: top;
}

.filiaalman .txt {
	display: inline-block;
	color: #3a3a3a;
	width: auto;
	max-width: calc(100% - 60px);
	font-size: 18px;
	position:absolute;
	height:60px;
	line-height: 40px;
	left:110px;
}

.filiaalman .txt b {
	font-weight: 700;
	color: var(--bgblue);
	vertical-align: middle;
	line-height: 24px;
	display: inline-block;
}

.product .filman {
}

.product .filiaalman {
	width: 100%;
	padding-left: 0px;
	padding-top: 30px;
	margin-bottom: 20px;
}

.product .filiaalman .txt {
	vertical-align: super;
	width: 50%;
	display: inline-block;
	line-height: 24px;
}

.product .filiaalman .txt b {
	color: #3a3a3a;
}

.product .filiaalman .button {
	vertical-align: top;
	text-align: left;
}

.joinforces .step {
	font-size: 20px;
}

.map {
	position: relative;
}

.map .step {
	width: 140px;
	height: 154px;
	position: absolute;
	bottom: 20%;
	right: 10%;
	color: #e8f2ff;
	color: #ffffff;
	hyphens: none;
/*	padding: 24px 10px;*/;
}

.map .step.us {
	width: 120px;
	right: unset;
	left: 45%;
	font-size: 18px;
}

.franchstep {
	width: 140px;
	height: 156px;
	position: absolute;
	bottom: 20%;
	right: 10%;
	/*color: #e8f2ff;*/
	hyphens: none;
	padding: 24px 10px;
	line-height: 30px;
	position: absolute;
	top: -20px;
	left: 7%;
	z-index: 1200;
	padding-top: 40px !important;
}

.teambanner h2 {
	position: absolute;
	width: 95vw;
	top: 0px;
	font-size: 59px;
	font-size: 5vw;
	font-weight: 900;
	text-align: right;
	margin: 100px auto;
	margin: 5vw auto;
	color: #ffffff !important;
}

#checklist {
	position: relative;
	overflow: hidden;
	padding-bottom: 60px;
	background-color: var(--bgblue);
	color: #ffffff;
	text-align: left;
	width: 100%;
}

#checklist  table {
	width: 70%;
	margin: 30px 15%;
	z-index: 700;
	position: relative;
	border-collapse: collapse;
}

#checklist > .button {
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-align: center;
}

#checklist  table tr:first-of-type td {
	text-align: center !important;
}

#checklist.ophaal table, .ophaal p {
	border-collapse: collapse;
	max-width: 60%;
	text-align: center;
	margin: 20px auto;
	z-index: 100;
	position: relative;
}

#checklist.ophaal td {
	text-align: center;
	padding: 0px;
	font-weight: 600;
	height: 80px;
}

#checklist.ophaal table {
	margin-bottom: 60px;
}

.ophaal table h5 {
	font-size: 24px;
	margin: 0px;
	padding: 30px 0px;
	display: block;
	height: 80px;
	line-height: 30px;
}

.ophaal table td span {
	padding: 30px 0px;
	display: block;
	width: 100%;
	border-top: 1px solid #fff;
	height: 80px;
	line-height: 30px;
}

.ophaal table tr {
	border-top: 1px solid var(--boxiegreen);
}

.ophaal table tr:first-of-type {
	border-top: 0px;
}

.blck {
	border: 1px solid var(--boxiegreen);
	padding: 20px;
}

#checklist table tr:nth-child(n+10) {
  /*display: none;*/;
}

#checklist {
	padding: 50px 0px 60px 0px;
}

#checklist h2 {
	font-weight: 900;
	width: 90%;
}

.checkmore {
	text-align: left;
	cursor: pointer;
}

.checkmore .vinkk {
	border-radius: 50%;
	overflow: hidden !important;
	display: inline-block !important;
	margin: 0px 10px -10px 0px !important;
	width: 28px !important;
	height: 28px !important;
	background-size: 100% !important;
	background-position-y: -2px;
}

#checklist td {
	text-align: left;
	font-weight: 700;
	padding: 10px 10px 10px 0px;
}

.center {
	text-align: center !important;
}

.topline {
	border-top: 4px solid var(--boxiegreen);
}
h4.topline{
    margin-top: 20px !important;
    padding-top: 10px;
    border-top: 1px solid var(--bgblue);
}
h4.firstline, h4.topline{
    font-size: 20px !important;
    margin-top: 10px;
    margin-bottom: 0px;
    font-weight: 700 !important;
}
.newsum h4.firstline, .newsum h4.topline{
display: inline-block !important;
  max-width: 100%;
margin-top: 0px;
margin-bottom:0px !important;
font-size: 16px !important;
  }
h4.firstline .strikethrough, h4.firstline .mobtot{
    text-decoration:none;
    float:right;
    display:block;
    
}
.topline td {
	padding: 40px 10px 10px 0px !important;
}

.botline {
	border-bottom: 4px solid var(--boxiegreen);
}

.botline td {
	padding: 10px 10px 40px 0px !important;
}

.checklist .vinkk {
	width: 36px;
	height: 41px;
	display: block;
	/*background-image: url('/wp-content/uploads/2023/03/Checkmark_green.svg');*/
	background-size: cover;
	margin: 0px auto;
	background-position-x: -3px;
}

.checklist .cross {
	width: 36px;
	height: 41px;
	display: block;
	/*background-image: url('/wp-content/uploads/2023/03/Crossmark_wit.svg');*/
	background-size: cover;
	margin: 0px auto;
}

.fw.aanbiedingcheck {
	padding: 50px 15% 50px 15%;
}

.aanbiedingcheck table, .ophaal table {
	border-collapse: collapse;
}

.aanbiedingcheck .cross {
	background-image: url('/wp-content/uploads/2023/03/Crossmark_blue.svg');
}

.aanbiedingcheck td {
	text-align: left;
	font-weight: 700;
	color: var(--bgblue);
}

.aanbiedingcheck td:not(:first-of-type) > b {
	width: 100%;
	display: block;
	text-align: center;
}

.aanbiedingcheck p, .aanbiedingcheck tr:first-of-type {
	border-bottom: 1px solid var(--bgblue);
	color: var(--bgblue);
}

.aanbiedingcheck h2 {
	margin-bottom: 50px;
	margin-top: 0px;
}

.center {
	width: 100%;
	text-align: center;
	display: block;
}

.tdhead span, .tdhead b {
	margin: 4px 0px;
	text-align: center;
	width: 100%;
	display: block;
	border-bottom: 2px solid var(--boxiegreen);
	border-top: 2px solid var(--boxiegreen);
	line-height: 20px;
	padding: 5px 0px;
}

#checklist.checkblock tr:first-of-type td b {
	line-height: 20px;
	text-align;
}

#checklist.checkblock tr td:first-of-type:not(.tdhead) {
	padding-right: 40px;
	line-height: 20px;
	font-weight: 500;
}

.checkblock::after {
	content: '';
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url('/wp-content/uploads/2023/03/Hexagon_darkblue.svg');
	background-blend-mode: darken;
	position: absolute;
	width: 50%;
	height: 50%;
	right: -20%;
	transform: rotate(-20deg);
	bottom: 0;
	opacity: 0.3;
}

.checkblock.ophaal::after {
	left: -10%;
	bottom: -30%;
	right: auto;
/*background-image: url('/wp-content/uploads/2022/09/Icon_white.png');
background-blend-mode: darken;*/
	width: 50%;
	height: 100%;
	opacity: 0.2;
}

.reviews {
	background-color: #ffffff;
	max-width: 1260px !important;
}

.reviews h2 {
	text-align: center !important;
}

.bl14 {
	display: block;
	font-size: 14px;
}

.bl24 {
	display: block;
	font-size: 16px;
	font-weight: 400 !important;
}

.p14 {
	display: block;
	font-size: 16px;
	font-weight: 400 !important;
}

.fextra {
	font-weight: 800 !important;
}

.pgal .fextra {
	font-weight: 600;
	color: var(--bgblue);
}

#overboxie {
	width: 80%;
	margin: 0px auto;
}

#overboxie h2 {
	text-align: left;
	margin: 0px;
	color: var(--bgblue);
	padding: 30px 0px;
}
#overboxie.fsprovider{
    margin-top: 0px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 50px;
    margin-bottom: 40px;
}
#overboxie.fsprovider .txt{
    padding: 20px 0px;
    width: 45% !important;
    text-align:left;
}
#overboxie.fsprovider .txt p{
    width: 90%;
}
#overboxie.fsprovider h1{
    padding-top: 0px !important;
    font-weight: 400 !important;
}
#overboxie.fsprovider > img{
    height: 95%;
    width: auto;
    top: 20px;
    right: 0px;
     float: right;
     position:absolute;

}

#overboxie button, #overboxie .button {
	margin: 30px 0px;
}

#overboxie a:not(.button) {
	display: block;
}

#overboxie p {
}

#overboxie:not('.fsprovider') p b {
	color: var(--bgblue);
	padding: 20px 0px;
	display: block;
}

#overboxie > div:last-of-type {
	/*color: #ffffff !important;*/
	width: 45%;
	display: inline-block;
	font-weight: 500;
}

.overboxieimg {
	margin-top: 40px;
	width: 50%;
}

#overboxie > img {
	width: 30%;
	display: inline-block;
	margin-bottom: -90px;
}

.overboxieimg {
	float: right;
}

.bluebar .logoos br {
	display: none;
}

#parking {
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('/wp-content/uploads/2022/06/parking.png');
	background-color: var(--darkblue);
	background-blend-mode: overlay;
	background-size: cover;
	position: relative;
	padding: 70px;
}

#parking::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: var(--darkblue);
	opacity: 0.5;
	left: 0px;
	top: 0px;
}

#parking .boxie24 {
	background: url('infeez/Icon_white100w.png');
	background-repeat: no-repeat;
	background-size: 60px auto;
	position: relative;
	z-index: 100;
}

#faqblock {
	width: 80%;
	padding: 40px 70px;
	min-width: 320px;
	background-color: #e8f2ff;
	border-radius: 30px;
	margin-top: 100px;
}

#faqblock.white {
	background-color: #ffffff;
	margin-top: 20px;
	margin-bottom: 20px;
}

#faqblock .tabs, #faqblock .faq-specs h2 {
	display: none;
}

#faqblock .faq-specs .tabcontainer {
	width: 100%;
}

#faqblock .faq-specs .tabcontainer .active {
	border: 0px;
	padding: 10px 20px;
	background-color: #e8f2ff;
	color: var(--bgblue) !important;
}

#faqblock .faq-specs .tabcontainer > div.hexnumber, .franchcheck div.hexnumber {
	width: 40px;
	height: 60px;
	padding: 0px;
	background-image: url('/wp-content/uploads/2022/06/Hx_green.png');
	background-repeat: no-repeat;
	background-size: 100% auto;
	float: left;
	margin-top: 10px;
	position: relative;
	margin-right: 20px;
}

.hexnumber span {
	width: 100%;
	color: #ffffff;
	font-weight: 800;
	font-size: 24px;
	text-align: center;
	padding-top: 6px;
	display: block;
	line-height: 32px;
}

#faqblock .faq-specs {
	padding-top: 40px;
}

#faqblock .faq-specs .tabcontainer > div {
	width: 49%;
	display: inline-block;
	vertical-align: top;
	float: left;
	padding: 0px;
}

#faqblock .faq-specs .tabcontainer > div > div {
	width: auto;
	line-height: 24px;
	display: block;
	font-weight: 400;
}

#faqblock .faq-specs .tabcontainer > div:first-of-type > div {
	padding: 0px;
}

#faqblock .faq-specs .tabcontainer > div:nth(2) > div {
	padding: 0px;
}

.tabcontainer .fqbut {
	margin-top: 30px;
	margin-bottom: 10px;
	font-weight: 700 !important;
	padding: 0px !important;
}

#faqblock .qa {
	line-height: 24px !important;
	display: block;
	position: relative;
	padding-left: 30px;
	margin-left: 20px;
	margin-bottom: 10px;
	cursor: pointer;
	color: #3a3a3a;
	font-weight: 400;
}

#faqblock  div div > .qa:last-of-type {
	margin-bottom: 50px;
}

#faqblock  div div > .fqbut {
	margin-top: 0px;
}

#faqblock .qa:before {
	content: '';
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-right: 10px;
	border-radius: 50%;
	color: #ffffff;
	font-weight: 900;
	background-color: var(--boxiegreen);
	text-align: center;
	line-height: 20px;
	margin-bottom: -4px;
	cursor: pointer;
	margin-left: -30px;
	background-image: url('infeez/plus.svg');
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: center;
}

#faqblock .qa:not(.tog):hover {
	font-weight: 600;
}

#faqblock .qa.tog:before {
	content: '';
	background-color: var(--bgblue);
	background-image: url('infeez/minus.svg');
}

#faqblock .qa>div h4 {
	color: var(--bgblue);
	margin-top: 0px;
	width: 80%;
}

#faqblock .qa>div {
	display: none;
	position: absolute;
	background-color: #ffffff;
	border-radius: 30px;
	padding: 30px 30px !important;
	z-index: 1;
	-webkit-box-shadow: 5px 5px 6px -2px rgba(0,0,0,0.22);
	box-shadow: 5px 5px 6px -2px rgba(0,0,0,0.22);
}

#faqblock .qa.tog>div {
	display: block;
	break-inside: avoid-column;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	-o-column-break-inside: avoid;
	-ms-column-break-inside: avoid;
	column-break-inside: avoid;
}

#faqblock .qa > div img {
	float: right;
	cursor: pointer;
	width: 30px;
	height: 30px;
	margin-bottom: -30px;
}

.franchcheck div.hexnumber {
	margin-left: -60px;
}

#faqblock.franchcheck p {
	padding-left: 60px;
}

#faqblock .faq-specs .tabcontainer p {
	margin-left: 60px;
	margin-top: -10px;
	line-height: 24px;
	min-height: 30px;
}

.whitebar {
	margin-bottom: 0px;
	padding: 0px 50px;
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
}

.whitebar.flex {
	display: flex;
}

.whitebar img {
	width: 100%;
}

#more-space {
	text-align: left;
	border-radius: 30px;
	/*background-image: url('/wp-content/uploads/2022/11/Banner_drivers4_100x480px.jpg');*/
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 30%;
	position: relative;
	margin-bottom: 100px;
	background-position-x: center;
	/*height: 40vw;*/
	height: calc(1260px * 0.45);
	min-height: 240px;
}

#more-space.en-au {
	/*background-image: url('/wp-content/uploads-webpc/uploads/2023/07/Boxie24-153-4.png.webp');*/
}

#more-space.calcmore-space {
	margin-top: 60px;
}

#more-space > div {
	margin-bottom: -30vw;
	background-color: #e6f0ff;
	padding: 60px;
	width: 50%;
	margin-left: 40%;
	border-radius: 30px;
	position: relative;
}

#morespace {
	text-align: left;
}

#more-space p {
	margin: 20px 0px;
	font-size: 20px;
	max-width: 500px;
}

#more-space h2 {
	color: var(--bgblue);
	max-width: 70%;
	text-align: left;
	font-weight: 800;
	margin-bottom: 40px;
	margin-top: 0px;
}

#more-space .wit {
	display: inline-block;
	width: auto;
}

#more-space .help-line-number::before {
	content: '\e942';
	font-family: icons;
	font-size: 32px;
	color: var(--bgblue);
	text-indent: 1.1vw;
	line-height: 4.1vw;
	margin-right: 10px;
	margin-top: 1px;
}

#how h2 {
	color: var(--bgblue);
	text-align: left;
	font-size: 36px;
	font-weight: 600;
}

.faq-specs h3 {
	cursor: pointer;
	width: 100%;
	padding: 0px 20px;
	font-size: 22px;
	border-left: 3px solid rgb(0, 123, 255);
	margin: 0px 0px 20px 0px;
}

.faq-specs .tabs .open {
	background-color: var(--bgblue);
	color: #ffffff;
}

.klapuit {
	display: inline-block;
}

.klapin {
	display: none;
}

.faq-specs h3:after {
	content: " \25B7";
	float: right;
	font-size: 12px;
}

.faq-specs .tabs .open:after {
	content: " \25BD";
}

.faq-specs strong {
	margin-left: 20px;
	margin-bottom: 30px;
	display: inline-block;
	display: none;
	color: #000000;
	font-weight: normal !important;
}

.faq-specs .tabcontainer {
	display: inline-block;
	width: 25%;
	vertical-align: top;
	margin-top: -2px;
}

.faq-specs .tabs {
	float: right;
	width: 75.1%;
	margin-left: -3px;
	margin-bottom: 50px;
	vertical-align: top;
}

.tabcontainer > div >div {
	display: inline-flex;
	padding: 10px 30px;
	cursor: pointer;
	font-size: 16px;
	font-weight: 700;
}

.faq-specs .tabcontainer >div {
	width: 100%;
	color: var(--bgblue);
	padding: 10px 0px;
}

.faq-specs .tabcontainer .active {
	border: 1px solid #d4d4d4;
	border-right: 1px solid #ffffff;
	padding: 10px 20px;
	background-color: var(--bgblue);
	color: #ffffff;
}

.faq-specs .tabs >div {
	border: 0px;
}

.wrapfind {
	padding: 40px 0px;
}

.wrap .elementor-image-box-description {
	min-height: 100px;
}

.wrapitem {
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #a9a9a9;
/*transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;*/
	margin: 10px 10px 10px 10px;
	padding: 20px 20px 50px 20px;
	text-align: center;
	vertical-align: top;
}

.owl-four .wrapitem {
}

.wrapitem > a:first-child {
	height: 220px;
	display: block;
	margin-top: 10px;
	max-width: 100%;
	width: 100%;
	overflow: hidden;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
}

.wrapitem img {
	height: 100% !important;
	position: relative;
	margin: 0px auto !important;
}
/*
.de-de .one > a:first-child{

background-image: url('infeez/best-preis-garantie-badge-de.png');
}
.two > a:first-child{
background-image: url('infeez/business-storage_2.jpg');
}
.three > a:first-child{
background-image: url('infeez/boxie24-umzugskiste_full.jpg');
}
.nl-nl .one > a:first-child{
background-image: url('infeez/best-preis-garantie-badge-nl.png');
}
.en-us .one > a:first-child, .en-nl .one > a:first-child, .en-de .one > a:first-child{
background-image: url('infeez/best-preis-garantie-badge-en.png');
}
*/
.owl-foru .owl-carousel .owl-item img {
	width: auto !important;
	height: 100%;
	object-fit: cover;
	max-width: initial;
}

.wrapitem .blauw {
	height: 50px;
	line-height: 26px;
}

.wrapitem .blauw a {
	color: var(--bgblue);
}

.bar.serviceblok {
    margin-left: 0px;
  margin-right: 0px;
}

.magazincontainer, .bar.serviceblok {
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax(150px, 1fr) );
	grid-gap: 3%;
	margin-bottom: 100px;
}
.magazincontainer{
    display: grid;
    gap: 20px;
  grid-template-columns: repeat(3, 1fr);
}

.bar.serviceblok {
padding: 0px;
}
.entry-content .bar.serviceblok{
    margin-top: 100px;
    margin-bottom: 0px;
}
.magazincontainer h2 {
	width: 100%;
}

.magazin .wrapitem, .serviceblok .wrapitem {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.serviceblok .wrapitem {
	text-align: left;
	max-width: 364px;
	border: 0px;
}

.serviceblok .wrapitem >div {
	height: 200px;
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 20px;
}

.serviceblok .wrapitem span {
	padding: 0px 10% 10% 10%;
	display: block;
}

.serviceblok .wrapitem span h3 a {
	color: var(--bgblue) !important;
}

.serviceblok .wrapitem span > a {
	display: block;
	color: rgb(68, 68, 68) !important;
	border-bottom: 1px solid #ffffff;
	width: max-content;
}

.serviceblok .wrapitem span > a:hover {
	text-decoration: underline;
	text-decoration-thickness: 1.5px;
	text-underline-offset: 2px;
}

.serviceblok .wrapitem span a::before {
	content: '';
	width: 20px;
	height: 20px;
	display: inline-block;
	background-image: url('infeez/arrow_blue_down.svg');
	background-size: auto 60%;
	background-repeat: no-repeat;
	transform: rotate(-90deg);
	border-bottom: 1px solid #ffffff;
}

.serviceblok .wrapitem span > a:hover:before {
	text-decoration: none;
}

.serviceblok .wrapitem span h3 a::before {
	content: unset;
}

.wrapitem .owl-stage-outer {
	height: 200px;
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 30px;
	border-top-right-radius: 0px;
}

.wrapitem .owl-stage-outer a {
	height: 100%;
}

.magazin .post-content {
	text-align: left;
	line-height: 26px;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
  /* Instead use this non-standard one: */
	word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

.magazin .post-content .entry-title > * {
	font-size: 24px;
	line-height: 1.3;
	font-weight: 700;
	margin-bottom: 1rem;
	word-break: break-word;
	color: var(--bgblue) !important;
}
.magazin .post-content h3 {
	font-size: 24px;
	line-height: 1.3;
	font-weight: 700;
	margin-top: 22px;
	margin-bottom: 22px;
	word-break: break-word;
	color: var(--bgblue) !important;
}

.wrapitem .post-image {
	position: relative;
}

.wrapitem .post-image .post-date {
	position: absolute;
	right: 0;
	top: 10px;
	z-index: 2;
	width: 40px;
	text-align: center;
	font-weight: 500;
	margin-right: 6px;
}

.wrapitem .post-date .day, .post-item .post-date .day {
	display: block;
	font-size: 16px;
	font-weight: 700;
	padding: 5px 0;
	background-color: #f4f4f4;
	color: var(--boxiegreen);
}

.wrapitem .post-date .month, .post-item .post-date .month {
	box-shadow: 0 -1px 0 0 rgba(0,0,0,.07) inset;
	color: #FFF;
	font-size: .9em;
	padding: 0 0 2px;
	display: block;
	background-color: var(--boxiegreen);
}

.post-date .month {
	text-transform: capitalize;
}

.wrapitem .clearfix {
	text-align: left;
}

.wrapitem .btn {
	display: inline-block;
	font-weight: 400;
	font-size: 10px;
	padding: 5px 20px;
	margin-top: 10px;
	line-height: 1.5;
	color: var(--bgblue);
	text-align: center;
	vertical-align: middle;
	user-select: none;
	cursor: pointer;
	border: 1px solid var(--bgblue);
	border-radius: 30px;
	text-transform: uppercase !important;
}

.wrapitem .btn:hover {
	color: #ffffff !important;
	background-color: var(--bgblue);
}

.porto-block-location-content h2 {
	/*text-align: left;
	font-weight: 600;*/;
}

.porto-block-location-content .scrollback:after, article .scrollback:after, .scrollback:after {
	content: " \25B2 Return to top";
	color: var(--bgblue);
	cursor: pointer;
	font-size: 14px;
	float: right;
}

:lang(nl) .scrollback:after {
	content: " \25B2 Terug naar boven";
}
:lang(de) .scrollback:after {
	content: " \25B2 Nach oben";
}
:lang(es) .scrollback:after {
	content: " \25B2 Hasta arriba";
}
.indx {
	margin: 20px 0px;
	background-color: #f9f9f9;
	padding: 20px;
	border-radius: 8px;
}

.indx.toggled {
}

.indx > div p:first-of-type {
	margin-top: 20px;
}

.indx > div p {
	display: none;
}

.indx a, .indx a:hover {
	color: var(--titlegrey);
}

#indxheader bold {
	font-weight: 700;
	cursor: pointer;
	padding-bottom: 10px;
}

#indxheader i {
	cursor: pointer;
	font-style: normal;
}

.indx #indxheader .hd {
	display: none !important;
}

.indx.toggled #indxheader .hd {
	font-variant: normal;
	display: inline !important;
}

.indx.toggled #indxheader .sh {
	font-variant: normal;
	display: none !important;
}

.indx_H3, .indx_h3 {
	padding-left: 20px;
}

.indx_H4, .indx_h4 {
	padding-left: 40px;
}

.porto-block-location-content p {
	font-weight: 400;
	font-size: 16px;
	line-height: 32px;
	letter-spacing: 0;
	/*margin: 0px;
	margin-bottom: 10px;
	font-weight: 400;
font-size: 16px;
line-height: 32px;
letter-spacing: 0;
color: #3a3a3a;*/;
}

.porto-block-location-content a {
	color: var(--bgblue);
}

.porto-block-location-content ul {
	padding-left: 2rem;
	margin-top: 0;
	margin-bottom: 1rem;
	margin-left: 0px;
}

.porto-block-location-content ol {
	padding-left: 2rem;
	margin-top: 0;
	margin-bottom: 1rem;
	margin-left: 0px;
}

.porto-block-location-content ol li {
	margin-bottom: 1rem;
}

.tabcontainer .active {
	border: 1px solid #d4d4d4;
	border-bottom: 3px solid #ffffff;
	padding: 10px 20px;
}

.tabs >div {
	display: none;
	padding: 10px 30px;
	border: 1px solid #d4d4d4;
	margin-top: -2px;
}

.tabs .check li {
	line-height: 24px;
	padding-bottom: 6px;
}

.tabs .active {
	display: block !important;
}

.tabcontainer .tabs .active {
	padding: 0px;
	border: 0px;
}

#text-3 h2 {
	width: 100%;
	font-size: 29px;
	line-height: 30px;
}

#text-3 h2 img {
	float: right;
	margin-right: -30px;
	margin-top: -40px;
}

.formtit {
	line-height: 50px;
	font-size: 42px;
	line-height: 30px;
	width: 100%;
	display: table-cell;
	min-height: 60px;
	position: relative;
}

.formtit .roundsticker {
	width: 70px;
	height: 70px;
	right: 10px;
	position: absolute;
	margin-top: -65px;
	font-size: 14px;
	font-weight: 700;
}

.en .roundsticker {
	font-size: 18px;
}

.en .roundsticker:before {
	font-size: 20px;
	line-height: 22px;
	margin-top: 2px;
}

.nl .roundsticker:before, .de .roundsticker:before {
	font-size: 18px;
	line-height: 18px;
}

.de .roundsticker {
	font-size: 12px;
}

.formtit p {
	margin: 0px;
}

.whiteform .roundsticker {
	display: none !important;
}

.whiteform .formtit {
	margin-top: 40px;
	color: var(--bgblue);
}

.whiteform .formtit p {
	max-width: 100%;
}

input.wpcf7-submit, input.wpcf7-select {
	box-shadow: none;
	text-shadow: none;
}

input.wpcf7-submit {
	margin: 20px 0px 10px 0px;
	padding: 10px 20px;
	margin-bottom: 10px;
	border: 1px solid var(--boxiegreen);
}

select, select option {
	background-color: #ffffff;
	text-shadow: none;
	font: 'Open Sans', Arial, sans-serif !important;
	width: 100%;
	padding: 10px;
	font-size: 14px;
}

select {
	webkit-appearance: none !important;
	-ms-appearance: none !important;
	-moz-appearance: none !important;
	background: #fff url('infeez/select-bg.svg') 96% 49%/26px 60px no-repeat;
	background-size: auto 100%;
	background-position-x: right;
	background-color: rgb(255, 255, 255);
	text-indent: .01em;
	border-radius: 0;
	padding-right: 25px;
	font: 'Open Sans', Arial, sans-serif !important;
}

.dropnew > option:hover {
	background-color: var(--bgblue) !important;
	color: #ffffff;
}

.ui-widget {
	font-family: 'Open Sans', Arial, sans-serif !important;
	font-size: 16px;
}

.ui-selectmenu-menu {
	margin-right: 20px !important;
}

.ui-menu .ui-menu-item > div {
	padding: 0px 20px;
}

.ui-selectmenu-menu .ui-menu {
	max-height: 250px;
	overflow-y: scroll;
}

.ui-selectmenu-button.ui-button {
	border-radius: 30px;
	padding: 10px 20px;
	background-color: #ffffff !important;
}

.ui-menu .ui-menu-item {
	font-weight: 500;
}

.ui-selectmenu-text {
	padding: 0px 0px;
	/*min-width: 200px;*/
	font-size: 16px;
	/*font-weight: 700;*/
	max-width: 90%;
}

.ui-selectmenu-button.ui-button {
	max-width: 90vw;
}

.ui-button .ui-icon.custom-icon {
	background-image: url('/wp-content/uploads/2023/03/Button_arrow_right.svg');
	background-size: auto 100%;
	height: 43px;
	width: 43px;
	margin: -10px;
	margin-right: -20px;
}

.ui-button .ui-icon.custom-icondown, .searchdropdown .ui-icon.custom-icondown {
	background-image: url('/wp-content/uploads/2023/03/Button_arrow_down.svg');
	background-size: auto 100%;
	height: 43px;
	width: 43px;
	margin: -10px;
	margin-right: -20px;
}
.searchdrop .ui-icon.custom-iconglass{
    background-image: url('/wp-content/uploads/2023/09/search-12.svg') !important;
	background-size: auto 50%;
	background-position: center;
	border-radius: 50%;
	background-color: var(--bgblue);
	height: 43px;
	width: 43px;
	margin: -10px;
	margin-right: -20px;
	background-repeat: no-repeat;
}

.ui-button .ui-icon.custom-icondownblue, .searchdropdown .ui-icon.custom-icondownblue, #fixinfo .ui-icon.custom-icondownblue {
	background-image: url('/wp-content/uploads/2023/03/Button_arrow_down_blue.svg');
	background-size: auto 100%;
	height: 43px;
	width: 43px;
	margin: -10px;
	margin-right: -20px;
	
}

.ui-button:hover .ui-icon.custom-icondownblue, .ui-button:focus .ui-icon.custom-icondownblue {
	background-image: url('/wp-content/uploads/2023/03/Button_arrow_down_blue.svg');
}

.ui-button:hover .ui-icon.custom-icon, .ui-button:focus .ui-icon.custom-icon, .ui-button:hover .ui-icon.custom-icondown {
	background-image: url('/wp-content/uploads/2023/03/Button_arrow_down.svg');
}

.ui-button:focus .ui-icon.custom-icondown {
	background-image: url('/wp-content/uploads/2023/03/Button_arrow_right.svg');
}

.ui-widget.ui-widget-content {
	border: 0px solid #c5c5c5;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	border-top: 1px solid #ffffff;
}

.ui-selectmenu-button-open {
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	border-bottom: 1px solid #ffffff !important;
}

.ui-selectmenu-button-closed .ui-button:focus {
	border-radius: 30px !important;
}

.ui-selectmenu-button-closed .ui-button:focus .ui-icon.custom-icon {
	background-image: url('/wp-content/uploads/2022/06/Button_arrow_right.png') !important;
}

.ui-selectmenu-button {
	width: auto !important;
}

.ui-menu > .ui-menu-item:first-of-type {
	/*display: none;*/;
}

.ui-state-default .ui-icon.custom-button {
	background-image: url( http://upload.wikimedia.org/wikipedia/commons/5/5f/Triangle-purple.svg);
}

.ui-selectmenu-open {
	display: block;
	border-radius: 30px;
}

.filter-viewing .ui-selectmenu-button.ui-button, .filter-viewing .ui-selectmenu-open {
	border-radius: 0px !important;
}

.ui-front {
	z-index: 1000 !important;
}

#q30-button, #q31-button {
	width: 100% !important;
	border: 1px solid var(--bgblue);
	background-color: #ffffff;
}

.wpcf7-select {
    /*background-color:#ffffff;*/;
}

[class*="flag-"] {
	width: 16px;
	height: 11px;
	background-repeat: no-repeat;
}

.flag-container {
	width: 100%;
	color: #3a3a3a !important;
}

.flag-container li {
	list-style: none;
}

.intl-tel-input {
	font-family: 'Open Sans',Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 32px;
	letter-spacing: 0;
	color: #3a3a3a;
	width: 30px;
	background-color: transparent;
	height: 21px;
	margin-bottom: -20px;
	position: relative;
	z-index: 10000;
	padding-left: 10px;
	cursor: pointer;
	display: none !important;
}

.intl-tel-input.allow-dropdown .selected-flag {
	width: 100%;
}

.selected-flag .country-name, .selected-flag .dial-code {
	display: none;
}

#q4, #q4b, #q4c {
	padding-left: 20px ;
}

.intl-tel-input .country-list {
	position: relative;
	z-index: 2;
	list-style: none;
	text-align: left;
	padding: 0;
	margin: 0 0 0 -1px;
	box-shadow: 1px 1px 4px rgba(0,0,0,.2);
	background-color: #fff;
	border: 1px solid #CCC;
	white-space: nowrap;
	max-height: 200px;
	overflow-y: scroll;
	width: 300px;
	margin-left: -10px;
	padding-left: 10px;
	font-size: 14px;
	border-radius: 20px;
	background-color: var(--bgblue);
	color: #fff !important;
}

.col2form .intl-tel-input .country-list {
	position: absolute;
}

.colblock {
	display: inline-block;
	position: relative;
}

.qprivate .country-list {
	color: var(--bgblue) !important;
	border: 1px solid var(--bgblue);
	background-color: #ffffff;
}

.country-list .country-name, .country-list .dial-code {
	padding-right: 10px;
}

.flag-box {
	display: inline-block;
	margin-right: 10px;
	width: 24px;
	height: 16px;
	margin-top: 15px;
}

.iti-flag {
	display: block;
	height: 100%;
	width: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
	background-size: 100%;
}

/*.iti-flag.be {
	display: block;
	background-image: url('infeez/be.png');
}

.iti-flag.de {
	display: block;
	background-image: url('infeez/de.png');
}

.iti-flag.us {
	display: block;
	background-image: url('infeez/us.png');
}

.iti-flag.au {
	display: block;
	background-image: url('infeez/au.png');
}

.iti-flag.dk {
	display: block;
	background-image: url('infeez/dk.png');
}

.iti-flag.it {
	display: block;
	background-image: url('infeez/it.png');
}

.iti-flag.nl {
	display: block;
	background-image: url('infeez/nl.png');
}

.iti-flag.fr {
	display: block;
	background-image: url('infeez/fr.png');
}

.iti-flag.pl {
	display: block;
	background-image: url('infeez/pl.png');
}*/

.wpcf7-response-output {
	margin-top: 0px;
}

.qformcont {
	box-shadow: 0 0 17px 1px rgba(0,0,0,.22);
	transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
	padding: 44px 44px 0px 44px;
	width: 50%;
	display: inline-block;
	vertical-align: top;
}

.qside {
	float: right;
	vertical-align: top;
	overflow: visible;
	width: 45%;
}

.qside #imgout #sguyq {
	left: 80%;
}

.qside .mainhexx {
	margin-left: 0px;
}

.gside-imgs {
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax(20%, 1fr) );
	width: 40vw;
	padding-top: 100px;
	position: absolute;
	bottom: 30px;
}

.gside-imgs img {
	padding-right: 5%;
	max-height: 150px;
	max-width: 90px;
}

.gside-imgs br {
	display: none;
}

.white {
	background-color: #ffffff;
	margin-top: -2px;
}

.txtwhite {
	color: #ffffff;
	font-size: 29px;
	line-height: 30px;
}

.txtwhite h2 {
}

.whiteside {
	margin-left: -30px;
	margin-right: -30px;
	line-height: 38px;
	font-size: 30px;
	font-weight: 700;
	text-align: center;
}

#secondary .whiteside p {
	margin: 10px 0px;
}

.secbottom {
	background-color: #ffffff;
	transform: rotate(180deg);
	line-height: 0;
	margin-top: -2px;
	position: relative;
}

.secbottom svg {
	fill: var(--darkblue);
	stroke: var(--darkblue);
}

.bottom {
	background-color: transparent;
	height: 40px;
	margin-top: 10px;
	margin-right: -30px;
	margin-bottom: 0px;
	margin-left: -30px;
	min-height: 40px !important;
}

.bottom svg {
	fill: #ffffff;
	stroke: #ffffff;
}

form br, .qformcont br {
	display: none;
}

/*
*  +++++++++++++++++++++++++++++++++++++++ POPUP
*/
.dialog-type-lightbox, .dialog-type-lightbox2, .dialog-type-lightbox3,  .dialog-type-lightbox4,  .dialog-type-lightbox5, .pop-lb, .pop-AB, #calcbg, .pop-CB, #CBpop {
	position: fixed;
	height: 100%;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 100000;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding-top: 30px;
}
#popup-choice{
    max-width:max-content;
}
#popup-choice h3{
    margin-bottom:0px;
    margin-top:20px;
}
#popup-choice > .wrap{
    padding: 0px 20px 30px 20px;
}
.mob25 #popup-choice > .wrap{
    line-height:24px;
}
.mob25 #popup-choice > .wrap h3{
margin-bottom: 10px;
  line-height: 24px;
}
#CBframe{
    margin-left: auto;
  margin-right: auto;
  display: block;
  height: 100vh;
  width: 100vw;
  max-width: 400px;
  border:0px !important;
  font-size: 14px !important;
}
.cb-body__wrap{
    font-size: 10px !important;
}
#CBframe .cb-cart--multiple .cb-item__price, #CBframe .cb-cart--multiple .cb-item__name{
     font-size: 14px !important;
}
#calcbg{
    background-color: var(--bgblue);
    display:none;
}   
.pop-AB .wrap , .pop-CB .wrap{
	max-width: 600px !important;
	min-height: 300px;
	position: relative;
	padding-top: 0px !important;
	border: 0px !important;
   /* -webkit-box-shadow: 0px 0px 38px 23px rgba(13, 21, 91,0.77) !important; 
box-shadow: 0px 0px 38px 23px rgba(13, 21, 91,0.77) !important;*/
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-left: auto;
	margin-right: auto;
}
.pop-CB .wrap{
    margin: auto;
  position: relative;
}
.pop-AB h3 {
	font-size: 32px;
	font-weight: 900;
	line-height: 35px;
	margin: 0px 0px 40px 0px !important;
}

.pop-AB .txt {
	padding: 40px;
	padding-bottom: 50px;
	width: 60%;
	height: 100%;
	background-color: var(--lightblue);
	display: inline-block;
}

.pop-AB .img {
	width: 40%;
	position: absolute;
	left: 60%;
	top: 0px;
	height: 100%;
	padding: 30px;
	background-image: url(/wp-content/uploads/2023/08/ABemployee.png) !important;
	background-repeat: no-repeat !important;
	background-position: center 80px;
}

.pop-AB .img a {
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	bottom: 40px;
}

.pop-AB .img .phone:hover::before {
	color: var(--bgblue);
}

.pop-AB .but {
	border-radius: 30px;
	background-color: #ffffff;
	color: var(--bgblue);
	margin-top: 20px;
	position: relative;
	height: 50px;
	font-weight: 500;
	padding: 10px;
	padding-left: 60px;
	padding-right: 30px;
	width: max-content;
}

.pop-AB .txt > div:before {
	content: '';
	width: 50px;
	height: 50px;
	position: absolute;
	left: 0px;
	top: 0px;
	display: inline-block;
	border-radius: 50%;
	background-color: var(--bgblue);
	background-image: url(/wp-content/uploads/2023/08/Truck_100x100px_white.png);
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: center;
}

.pop-AB .txt > div:last-of-type:before {
	background-image: url(/wp-content/uploads/2023/08/Euro_100x100px_white.png);
}

.pop-AB .txt > div:first-of-type:before {
	background-image: url(/wp-content/uploads/2023/08/Size_100x100px_white.png);
}

.blurr, .blurcheck {
	position: fixed;
	height: 100%;
	width: 100%;
	bottom: 0;
	left: 0;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	z-index: 9999;
	background-color: black;
	opacity: 0.7;
}

#popup {
	min-width: 736px;
	max-width: 75%;
	background-color: #ffffff;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10%;
}

.homescreen #popup {
	max-width: 1280px;
	margin: 30px auto;
	height: auto;
}

.homescreen #popup .picker {
	min-height: 70vh !important;
}

.popdown {
	position: relative;
	height: 33px;
	width: 34px;
	float: right;
	color: var(--bgblue)!important;
	text-align: center;
	font-family: inherit;
	font-weight: 400;
	font-size: 12px !important;
	line-height: 36px;
	cursor: pointer;
	margin: 0px !important;
}

#popup .titles {
	padding: 25px;
	background-color: var(--bgblue);
}

#popup h2 {
	width: 30%;
	display: inline-block;
	font-size: 15px;
	color: #ffffff;
	margin: 0px;
	font-weight: 700;
}

#popup .picker {
	margin: 0px;
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax(22%, 1fr) );
	justify-items: center;
}

#popup .bg {
	background-image: url('infeez/1280px-BlankMap-World_gray.png');
	background-size: auto 90%;
	margin: 20px 10px 50px 10px;
	display: inline-block;
	padding-top: 0px;
	background-repeat: no-repeat;
	background-position: 50%;
	width: 100%;
}

#popup .picker a {
	width: 100%;
	display: block;
	height: 100px;
}

#popup .picker a img {
	margin-bottom: -10px;
}

#popup .picker h2 {
	padding: 0px;
	color: var(--bgblue);
	font-size: 19px;
	height: 70px;
	width: 100%;
	padding-top: 0px;
}

#popup .picker h2 span a {
	width: 40%;
	font-size: 15px;
	text-align: left;
	color: var(--boxiegreen) !important;
	display: inline-block;
}

#popup .picker h2 span a:first-child {
	text-align: right;
}

#popup .picker h2 span i {
	font-style: normal;
	padding-left: 2%;
	padding-right: 3%;
	display: inline-block;
}

#popup .picker > div {
	vertical-align: middle;
	display: inline-table;
	min-width: 200px;
	height: 20vw;
	padding-top: 5vw;
}

#popup .picker span {
	vertical-align: middle;
	display: inline-table;
	width: 100%;
}

.homescreen #popup {
	margin-top: 40px;
}

.homescreen #popup .picker > div {
	display: block;
	height: auto;
	padding: 10px;
	width:100%;
}

.homescreen #popup .picker > div > a, .homescreen #popup .picker > div > h2 {
	width: 200px;
	display: inline-block;
	text-align: left;
	font-weight: 400;
	font-size: unset;
}

.homescreen #popup .picker p {
	margin: 0px;
	display: inline-block;
}

.homescreen #popup .picker > div > h2 {
	color: #444141 !important;
	width: auto;
	padding-top: 10px;
}

.homescreen #popup .picker > div > h2 a {
	color: #444141 !important;
}

.homescreen #popup .picker > div > a {
	text-align: right;
	padding-right: 40px;
}

.homescreen #popup .picker {
	display: block;
	max-width: 100%;
	grid-template-columns: unset;
	position: relative;
	text-align: left;
	padding: 0px 15%;
	overflow-y: visible !important;
}

.homescreen .lbut {
	display: inline  !important;
	margin-left: 20px;
	background-color: var(--lightblue);
	height: unset !important;
	width: auto;
	padding: 10px 20px;
	border-radius: 30px;
	color: var(--bgblue) !important;
}

.dialog-type-lightbox2 >.wrap, .dialog-type-lightbox3 >.wrap, .dialog-type-lightbox5 >.wrap, .pop-lb > .wrap, .pop-AB > .wrap {
	background: #fff;
	max-width: 900px;
	margin: 0px auto;
	overflow-y: hidden;
	position: relative;
	padding-top: 30px;
	border-radius: 30px;
	border: 1px solid var(--bgblue);
	-webkit-box-shadow: -1px 0px 15px -3px rgba(0,0,0,0.53);
	box-shadow: -1px 0px 15px -3px rgba(0,0,0,0.53);
}

.dialog-type-lightbox2 .wrap .wrap, .dialog-type-lightbox3 .wrap .wrap, .dialog-type-lightbox5 .wrap .wrap, .pop-lb .wrap .wrap, .pop-AB .wrap .wrap {
	margin: 20px;
	max-height: 80vh;
	overflow-y: auto;
	padding: 0px 10px 30px 10px;
	position: relative;
}

.dialog-type-lightbox5 td {
	text-align: left !important;
}

.dialog-type-lightbox5 td:nth-child(2) {
	width: 30%;
}

#popup-price h2 {
	display: none;
}

#popup-price li, #popup-price h4, #popup-price h5 {
	text-align: left;
}

#popup-insurance .wrap, .dialog-type-lightbox5 .wrap {
	text-align: left;
}

.dialog-type-lightbox10.pop-lb > .wrap {
	max-width: 1000px !important;
}
.pop .table.newsum {
  border-spacing: 0;
  border-collapse: separate;
  margin:0px !important;
}
section.rounded{
    border-radius: 6px !important;
  overflow: hidden;
  border: 1px solid var(--lgrey);
  margin: 30px 0px;
  overflow-y:scroll;
}
.table.newsum tr:not(.colhnext) td{
padding:0px;
}
.table.newsum .colhnext{
    background-color: var(--lightblue);
}
.table.newsum .colhnext strong{
    color: var(--bgblue);
}
.table.newsum .colhnext .corner strong {
     color:#ffffff !important;
}
.table.newsum .colhnext td:first-of-type{
     background-color: var(--bgblue);

}
.table.newsum .colhnext td:not(.corner) {
 border-right: 1px solid var(--lgrey);
}
.table.newsum ul{
    border-left: 1px solid var(--lgrey);
    padding-left: 0px;
    border-right:0px;
}
.pop .check li::before{
    height: 20px !important;
  position: relative;
}
.pop.fh{
overflow-y:hidden;
}

.mob25 .pop.fh{
    padding-top: 0px;
    height:100vh;
    z-index: 100001;
    
}
.mob25 #popup-price.newsum > .wrap{
    max-height: unset;
    overflow-y:hidden;
}

.mob25 #popup-price.newsum {
    background-color: var(--lightblue);
    border-radius:6px;
    border:unset;
    margin-top:0px !important;
}
.mob25 #popup-price.newsum .wrap{
    margin:0px !important;
    padding-left:0px;
    padding-right:0px;
    padding-bottom: 0px;
}

.mob25 #popup-price.newsum .wrap > div > *, .mob25 #popup-price.newsum .wrap > div > div > ul, .mob25 #popup-price.newsum .wrap > div > div > p{
    margin-left:20px;
   margin-right:20px;
}
.mob25 #popup-price.newsum .wrap > div > div > ul{
    margin-bottom:30px;
}
.mob25 #popup-price.newsum .wrap > div > div{
    margin-left:0px;
    margin-right:0px;
    padding-bottom: 30px;
    overflow-y:scroll;
   
}
.mob25 #popup-price.newsum #scrll{
     overflow-y:scroll;
     margin-top:30px;
}
.mob25 section.rounded{
    border-radius:0px;
    padding:20px;
    border:unset;
    margin-bottom:10px;
}
.mob25 #scrll section.rounded{
    margin-top:0px;
}
.mob25 .table.newsum{
    border-bottom: 1px solid var(--lightblue);
    padding-bottom: 30px;
}
.mob25 .table.newsum .colhnext td{
    border-right:unset;
    padding-bottom:0px;
    padding-left:0px;
    padding-top:20px;
}   
.mob25 .table.newsum .ul1{
    display:none;
}
.mob25 .table.newsum .corner{
    font-size:16px;
    font-weight:bold;
    background-color:unset !important;
    
}
.mob25 .table.newsum .corner strong{
color:var(--titlegrey) !important;
}
.table.newsum tr td:first-of-type ul{
border-left: 0px;
}

.table.newsum li{
    list-style-type: none;
    border-bottom: 1px solid var(--lgrey);
    padding: 10px;
    height:55px;
    font-size:14px;
    line-height: 18px;
    display: flex;
  flex-direction: row;
  align-items: center;
}
.table.newsum .ul1 li{
    font-weight:600;
}
.mob25 .table.newsum li{
    border:0px;
    height:unset;
    padding:0px;
    padding-top:4px;
    padding-bottom:4px;
}
.mob25 .table.newsum .ul1 li{
    font-weight:400;
}
.mob25  .wrap .table.newsum li::before{
content: unset !important;
}
.table.newsum ul li:last-of-type{
    border-bottom:0px;
}
.pop-lb td ul {
	margin: 0px;
	padding-left: 14px;
	font-weight: 400;
}
.pop-lb ul.check{
    font-weight: 400;
}

.colh {
	font-size: 20px;
	border-bottom: 1px solid #000000;
}

.pop-lb .table tr {
	vertical-align: top;
}

.colhnext td {
	text-align: left;
}

.plan h3 {
	text-align: center;
}

#popup-call {
	background: #fff;
	width: 450px;
	padding: 0px;
	margin: auto;
}

#popup-call > div {
	width: 70%;
	margin: auto;
	padding: 20px;
}

#trustedbadge {
	float: left;
	position: fixed;
	left: 10px;
	bottom: 20px;
}

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

._1a3h51u {
	left: -250px !important;
}

.bgblack {
	background-color: #000000;
	color: #ffffff !important;
}

.bgorange {
	background-color: var(--bannerorange);
	color: #ffffff !important;
}

.wrap >span {
	display: block;
	margin: 20px 0px;
}

.wrap .plan {
	display: inline-block;
	width: 30%;
	margin-right: 2%;
	text-align: center;
	font-weight: 300 !important;
	background: #f7f7f7;
	vertical-align: top;
	font-size: 14px;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.plan {
	min-width: 240px;
}

.col3 .plan {
	min-width: auto;
}

#popup-insurance .de-de .plan, #popup-insurance .nl-nl .plan, #popup-insurance .en-de .plan, #popup-insurance .en-nl .plan {
	width: 45%;
}

.plan-price {
	padding: 20px 0px;
	font-size: 40px;
	display: block;
	font-weight: 500;
}

.price-label {
	display: block;
	font-size: 14px;
	padding: 0px 10px;
}

.plan h3 {
	margin: 0px;
	margin-bottom: 20px;
	padding: 6px;
}

.plan h6 {
	background: #ffffff;
	padding: 30px 10px;
	margin-bottom: 0px;
	border: 1px solid #f7f7f7;
	height: 100px;
	font-size: 14px;
	font-weight: 400;
	margin-top: 0px;
}
/*+++++++++++++++++++++++++++++++++++++ fullwidth  +++++++++++++++++++++++++++++++*/
.fullwidth {
	overflow-x: visible;
}

.fullwidth h1 {
}

.fullwidth .head {
	background-color: rgb(248, 249, 250);
	display: flex;
	padding: 10px 20px;
	margin: 50px 0px;
}

.fullwidth .head h2 {
	display: block;
	width: 100%;
	text-transform: uppercase;
}

.fullwidth .head div {
	min-width: 50%;
}

.fullwidth .head p {
	display: flex;
}

#citygal2 > h2 {
	display: none;
}

.page_q {
	background-color: rgb(248, 249, 250);
	margin: 20px auto;
	min-width: 300px;
	max-width: 420px;
	transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
	padding: 25px 25px 25px 25px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 16px 0px;
}

.page_q h2 {
	color: var(--bannerorange) !important;
}

.page_q span {
	display: block;
	border-left: 4px solid var(--bgblue);
	padding-left: 20px;
}

.fullwidth .wrap {
	padding: 30px 0px;
}

.fullwidth .col2 .plan {
	width: 40%;
}

.fullwidth .col2 .plan h6 {
	min-height: 150px;
	max-height: 200px;
	height: auto;
}

.fullwidth .col3 h6 {
	height: auto;
	font-size: 16px;
	font-weight: 600;
	margin-top: 0px;
	padding-top: 30px;
}

.plan h6 small {
	font-size: 100%;
	font-size: 16px;
	font-weight: 600;
}

.package > div {
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 200px;
	margin-bottom: 0px;
}

.blanket {
	background-image: url('infeez/moving-package-blanket.svg');
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 200px;
	margin-bottom: 0px;
	background-color: #ffffff;
}

.bubble {
	background-image: url('infeez/moving-package-bubble-wrap.svg');
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 200px;
	margin-bottom: 0px;
	background-color: #ffffff;
}

.paper {
	background-image: url('infeez/moving-package-wrapping-paper.svg');
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 200px;
	margin-bottom: 0px;
	background-color: #ffffff;
}
/*+++++++++++++++++++++++++++++++++++++ fullwidth end +++++++++++++++++++++++++++++++*/
/*
* locations ___________________ locations 
*/
.storage #secondary {
	width: 20%;
	background-color: transparent;
}

.storage #primary {
	width: 100%;
	padding: 0px 10%;
}
.storage.d2024 > {

}
.storage.d2024 #primary{
    width: 70%;
	padding: 0px 20px;
	margin-right:0px;
}

.product #primary, .student #primary {
	width: 90%;
	padding: 40px 0px 100px 0px;
	margin: 0px auto;
	margin-top: 0px !important;
	display: block;
}

.product #primary{
    padding-bottom:50px;
}
.xflow #primary{
    width: 100%;
}
#primary.checkpage {
    padding-top: 0px;
}
#primary.boxes{
margin-top:50px !important;
width:100%;
}
.product.notopm #primary{
    padding-top: 0px;
}
#showcontr {
	height: 40px;
	background: var(--bgblue);
	padding: 0px 20px;
	position: relative;
	color: inherit;
	border: 1px solid #e7e7e7;
	display: inline-block;
	float: left;
	margin: 5px;
	border-radius: 20px;
	cursor: pointer;
}

.fbuttxt {
	color: #ffffff;
	display: inline-block;
	font-weight: 700;
	float: left;
	line-height: 38px;
}

#showcontr svg {
	fill: var(--bgblue);
	width: 42px;
	height: 36px;
	stroke: #ffffff;
	display: inline-block;
	float: right;
}

.price_label, .start_label, #found, #found2 {
	padding-bottom: 20px;
}

#found {
	float: left;
	margin-left: 20px;
	padding-bottom: 0px;
	padding-top: 10px;
}

.price_label button {
	float: right;
	width: 50%;
}

.start_label .from {
	display: inline-block;
	float: left;
}

.start_label .to {
	display: inline-block;
	float: right;
}

.price_slider_wrapper {
	padding: 10px 0px;
	border: 0px solid rgb(35, 35, 35, 0.2);
	background-color: #ffffff;
	max-width: 243px;
	display: inline-block;
	width: 30%;
	font-weight: 700;
	float: left;
}

fieldset {
	border: 0px;
	border-bottom: 1px solid #d2e6ff;
	padding: 20px 0px;
}

.radioblue {
	color: var(--bgblue) !important;
}

.radioblue i {
	font-style: normal;
	font-weight: 300;
}

fieldset > fieldset {
	border: 0px;
	padding: 0px;
}

label input {
	width: 20px;
	display: inline-block;
}

.living-units > div {
	background-color: #f5f5fa;
	border-radius: 50px;
	padding: 0px 10px;
	margin-bottom: 20px;
	cursor: pointer;
}
.d2024 .living-units > div, .d2024 .filter-units > div{
    width: max-content;
    background-color: unset;
    border: 1px solid var(--lightblue);
    border-radius: 4px;
    display:inline-block;
    margin-bottom: 0px;
    padding: 0px 10px;
    cursor:pointer;
    }
    .d2024 .living-units{
    display:inline-block;
    margin-right: 10px;
    border:0px;}
        .d2024 .living-units > div.act{
            background-color: var(--lightblue);
            color: var(--bgblue);
            background-color: #d2e6ff;
            }
            .d2024 .living-units > div:hover{
            background-color: #d2e6ff;
            }
            .d2024 .living-units > div.act h4, .d2024 .living-units > div:hover h4 {
	        color: var(--bgblue) !important;
	        }

        .d2024 .living-units ins.m1{
        display:none;
        }
    .d2024 .filter-units{
    display:inline-block;
    border:0px;
    float:right;}
         .d2024 .filter-units > div{
        font-weight:700;
        color: var(--bgblue);}
            .d2024 .filter-units > div.f_m0{
            border-right:0px;
            border-top-right-radius: 0px;
            border-bottom-right-radius: 0px;
            }
            .d2024 .filter-units > div.f_m1{
            border-left:0px;
            border-top-left-radius: 0px;
            border-bottom-left-radius: 0px;
            font-weight:700;
            color: var(--bgblue);
            }
            .d2024 .filter-units > div.act{
            background-color: var(--lightblue);
            color: var(--bgblue);
            }
            .d2024 .filter-units > div:hover{
            background-color: #d2e6ff;
            }


.living-units > div:hover, .living-units > .act {
	background-color: #d2e6ff;
}
.living-units > div:hover h4, .living-units > .act h4 {
	color: var(--bgblue) !important;
}

.living-units > div img {
	height: 60px;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	margin-top: 20px;
	margin-left: 10px;
}

.living-units > div h4, .living-units > div b {
	display: inline-block;
	line-height: 14px;
	margin-top: 30px;
	margin-bottom: 15px;
	font-weight: 700;
}

.living-units > div h4 p, .living-units > div b p {
	font-weight: 400;
	font-size: 14px;
}

.city-help {
	font-weight: 400;
}

.city-help h3, .city-help > b {
	font-family: 'Open Sans',Arial, sans-serif;
	font-weight: 800;
	font-size: 15px;
	color: #313131 !important;
	margin-top: 10px;
	margin-bottom: 15px;
	display: block;
}

.star-help {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
}

.star-help .blue {
	color: var(--bgblue);
	font-weight: 900;
}

.button.calcbut {
	margin-top: 0px;
	background-image: url('/wp-content/uploads/2022/11/calcwit.png');
	background-repeat: no-repeat;
	background-size: auto 24px;
	background-position: 10px center;
	padding-left: 40px;
}

.button.calcbut:hover {
	background-image: url('/wp-content/uploads/2022/09/Calculator_800x800px.png');
}

#doublerange input {
	width: 50%;
	display: inline-block;
}

#slidemin {
	transform: rotateY(180deg);
	margin-right: -3px;
}

#locations {
	display: inline-block;
	vertical-align: top;
	width: 60%;
	margin-left: 10%;
	vertical-align: top;
	padding: 0px 0px;
	z-index: 1000;
	position: relative;
	margin-bottom: 60px;
}

.student #locations , .d2024 #locations{
	width: 100%;
	z-index:0;
}
.d2024 #locations{
border-top: 1px solid var(--lightblue);
margin-left:0px;
}
.stedenbanner h2 {
	color: var(--bgblue);
	text-align: left;
	font-size: 22px;
	line-height: 30px;
	font-weight: 700;
	/*font-weight: 300;*/;
}

.fulltxt {
	display: none;
}
.productseo .fulltxt{
    display: block !important;
}
.cityhead .btn-readmore {
	display: block;
	color: var(--bgblue);
	cursor: pointer;
	float: right;
}
.citymore, .cityless{
    display: block;
    cursor: pointer;
    display: none;
}
.cityhead .txt .points {
	font-style: normal;
}

.stedenbanner .step b {
	font-size: 28px;
	font-weight: 900;
}

#locations h1, .storage h1.tit {
	display: block;
	letter-spacing: 0;
	font-family: 'Open Sans', Arial, sans-serif;
	color: var(--bgblue) !important;
	font-weight: 300;
}

#locations h1 b, .storage h1.tit b {
	font-weight: 800;
}

.product #locations h1 {
}

#locations .entry-content, .student #locations .entry-content {
	margin-top: 50px;
}

.product #locations, .student #locations {
	width: 100%;
	margin: 0px;
}

.product #locations .entry-content, .student #locations .entry-content {
	margin-top: 0px;
}

.loclist {
	display: block;
	border-left: 0px solid #e7e7e7;
	border-bottom: 0.5px solid var(--bgblue);
	width: 100%;
	padding: 50px 0px;
}
.loclist.more{
    border:0px;
    padding-bottom: 0px;
}
.filterhide, .paghide {
	display: none !important;
}

.location-pagination {
	font-size: 16px;
	text-align: right;
	font-weight: 500;
	border-bottom: 1px solid #e7e7e7;
	height: 50px;
	margin-top: 60px;
}

.product .location-pagination {
	display: none;
}

.pgbottom {
	background-color: #ffffff;
	text-align: center;
	border: 0px;
}

.pgbottom span {
	display: inline-block;
}

.pgbottom .pagcontainer {
}

.location-viewing, .filter-viewing {
	width: 50%;
	float: right;
	margin-right: 7px;
	height: 40px;
}

.pgbottom .location-viewing {
	float: left;
}

.location-viewing span, .filter-viewing span {
	display: inline-block;
}

.pag_count, .filter_switch {
	width: 100px;
	font-size: 1em;
	padding: 0 25px 0 8px;
	box-shadow: none;
	border: 1px solid #e4e4e4;
	height: 34px;
	border-radius: 0;
}

.filter_switch, .filter_switch .ui-selectmenu-open {
	border: 0px !important;
	border-radius: 0px;
}

.filter-viewing .ui-button {
	border: 0px !important;
}

#ui-id-1-menu {
	border-radius: 0px;
	border: 0px;
	width: auto;
}

.filter-viewing .ui-selectmenu-text {
	min-width: 100px !important;
	padding-left: 0px;
}

.filter-viewing .ui-selectmenu-button.ui-button, #ui-id-1-menu .ui-menu-item > div {
	padding-left: 10px !important;
	font-weight: 700;
}

.filter-viewing .ui-button .ui-icon.custom-icondownblue {
	width: 30px;
	height: 30px;
	margin-top: -2px;
}

.page-numbers {
	clear: none;
}

.product .page-numbers {
	display: none;
}

.page-numbers ul {
	display: block;
	margin: 0px;
	padding: 5px;
}

.page-numbers li {
	border: 0px;
	margin-left: 5px;
	display: inline-block;
	padding: 0;
	list-style: none;
}

.page-numbers li a, .currentnumber {
	border: 0px solid #ccc;
	border-radius: 0;
	color: #7b858a;
	display: block;
	font-size: 18px;
	margin: 0 0 5px;
	padding: 0 .5em;
	line-height: 2.1em;
	min-width: 2.2em;
	height: 2.2em;
	text-decoration: none;
	text-align: center;
	font-weight: 400;
	border: 0px solid #ffffff;
}

.currentnumber {
	color: #313131;
	font-weight: 700;
}

.page-numbers li a:hover {
	font-weight: 700;
	border: 0px solid #0277fd;
}

.page-numbers  .prev, .page-numbers  .next, .next.unitrow {
	background-color: var(--bgblue);
	background-image: url('/wp-content/uploads/2022/11/Button_arrow_right_blue.png');
	background-position: right;
	background-size: auto 100%;
	background-repeat: no-repeat;
	color: #ffffff;
	padding: 4px 30px 6px 20px;
	border-radius: 30px;
	display: inline-block;
	position: relative;
	font-weight: 500;
	float: none;
	width: auto;
	margin-bottom: 10px;
	min-width: 120px;
	font-size: 14px;
	cursor: pointer;
}

.next.unitrow {
	background-image: unset;
	margin: 10px auto;
	display: block;
	max-width: 150px;
	border: 1px solid var(--bgblue);
	text-align: center;
	padding-right: 20px;
	font-weight: 600;
}

.next.unitrow:hover {
	background-color: #ffffff;
	color: var(--bgblue);
}

.page-numbers  .prev {
	background-image: url('/wp-content/uploads/2022/11/Button_arrow_left_blue.png');
	margin-right: 6px;
	padding: 4px 20px 6px 40px;
	background-position: left;
}

.loclist > img {
	width: 45%;
	display: inline-block;
	vertical-align: top;
	-webkit-flex: 0 0 250px;
	-ms-flex: 0 0 250px;
	flex: 0 0 250px;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 250px;
	margin-right: 3%;
}

.product .loclist > img, .student .loclist > img {
	width: 100%;
}
#secondary > .vspace{
    display:none;
}
.product .loclist.fixed > img, .product .loclist.fixedmargin  > img{
    
}
.loclist.fixedmargin{

    
}
.loclist.fixedmargin .loctxt{

    
}
.product .loclist.fixed > img{

}
.seencoll {
	border-top: 1px solid #e7e7e7;
	padding-top: 10px 20px;
	margin-top: 60px;
	color: #000000 !important;
	margin-bottom: 10px;
	padding: 10px 10px 0px 10px;
	line-height: 20px;
}

.seen {
	padding: 10px 20px;
	width: 100%;
	display: block;
	color: #000000 !important;
}

.seen >img {
	max-width: 30%;
	height: auto;
	display: inline-block;
	margin-right: 2%;
	vertical-align: top;
}

.seen .rtext {
	width: 65%;
	vertical-align: top;
	display: inline-block;
}

.seen h3, .seen h4 {
	font-weight: 400;
	display: inline-block;
	font-size: 16px;
	color: #000000 !important;
	line-height: normal;
	margin: 0px;
}

.seen h3 {
	font-weight: 200;
	line-height: normal;
}

.seen h4 {
	margin-top: 10px;
}

.seen h4 b {
	font-weight: 700;
	font-size: 16px;
}

.seen h4 i {
	font-style: normal;
	font-weight: 200;
	font-size: 14px;
}

#hlimg {
	position: relative;
	background-size: auto 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
  /*margin-left: 40px;
	margin-right: 40px;*/;
}

#hlimg img {
	width: 100%;
}

#galholder {
	width: 100%;
	display: block;
	margin-bottom: 40px;
}

.prod-gallery2 {
	display: block;
	height: 90px;
	overflow: hidden;
}

.prod-gallery2 > div {
	height: 90px;
}

.prod-gallery2 .galimg {
	cursor: pointer;
	display: inline-block;
	max-width: 100%;
	height: 90px;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border: 0.5px solid var(--bgblue);
}

.loctxt {
	vertical-align: top;
	display: inline-block;
	width: 50%;
}

.product .loctxt {
	width: 30%;
}

.product .loctxt >img {
	width: 100%;
}

#galholder {
	float: left;
}

.loctxt .stars, .loctxt .img2 {
	height: 20px;
	margin-left: 10px;
	margin-bottom: -3px;
}

.loctxt .specs {
	padding-left: 25px;
	padding-top: 10px;
	overflow-x: visible;
}

.product .loctxt .specs {
	padding: 0px;
}

.product .loctxt .specs p {
	width: 33%;
	float: left;
	font-weight: 700;
	padding: 10px 4px;
	text-align: center;
}

.depop {
	cursor: pointer;
	position: relative;
	display: inline-block;
	padding-left: 6px;
}

.popp {
	display: none;
	border: 1px solid var(--boxiegreen);
	padding: 20px;
	width: 300px;
	max-width: 100vw;
	position: absolute;
	background-color: #fff;
	left: -150px;
	font-weight: 300;
	z-index: 100;
}

.dblue {
	color: #002d75;
}

.buttonblue {
	background-color: var(--bgblue);
	color: #ffffff;
	margin: 0px auto;
	display: block;
	border-radius: 30px;
	width: auto;
	padding: 8px 20px;
	text-align: center;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	z-index: 100;
	position: relative;
	display: none;
}

h2.filq {
	display: none;
	color: var(--bgblue);
	text-align: center !important;
	margin-top: 20px !important;
}

.filiaalman .txt2 {
	display: none;
	text-align: center !important;
	width: 50%;
	min-width: 300px;
	margin: 14px auto 10px auto;
}

.perc::before {
	content: '';
	width: 51px;
	height: 51px;
	background-image: url('infeez/perc.png');
	background-size: auto 100%;
	background-repeat: no-repeat;
	display: block;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

.deliv::before {
	content: '';
	width: 51px;
	height: 51px;
	background-image: url('infeez/deliv.png');
	background-size: auto 100%;
	background-repeat: no-repeat;
	display: block;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

.stock::before {
	content: '';
	width: 51px;
	height: 51px;
	background-image: url('infeez/stock.png');
	background-size: auto 100%;
	background-repeat: no-repeat;
	display: block;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

.stock {
	margin: 0px;
}

.product .uitroep, .product .smiley {
	position: relative !important;
	margin-left: 0px !important;
	margin-right: 6px !important;
}

.loctxt .green {
	color: var(--boxiegreen);
}

.loctxt .specs .vink, .loctxt .specs .smiley, .loctxt .specs .sbutton {
	margin-left: -25px;
	line-height: 20px;
	text-align: center;
}

.specs .sbutton.booked,.specs .sbutton.booked:hover {
	background-color: #d2e6ff !important;
	color: #ffffff !important;
	border: 0px !important;
	background-image: none !important;
	cursor: default;
}

.loctxt .specs .smiley {
	margin-right: 5px;
}

.loctxt p {
}

.loctxt h3 {
	font-weight: 600;
	margin-top: 0px;
	font-size: 16px;
	color: rgb(71, 71, 71);
	line-height: 22px;
}

.product .loctxt h3, .product .loctxt h1 {
/*font-size: 36px;*/
	font-weight: 400;
	line-height: normal;
	color: var(--bgblue);
}

.product .loctxt h3 b, .product .loctxt h1 {
	font-weight: 800;
}

.product .loctxt h3 p, .product .loctxt h1 p {
	font-size: 16px;
	font-weight: 300;
}

.product .loctxt h1 p {
	margin-top: 0px;
}

.loctxt h3 img, .loctxt h1 img {
	display: inline-block;
	max-width: 96px;
	height: auto;
	padding-left: 15px;
}

#order.loctxt h1 img {
	width: unset;
	max-width: unset;
	float: right;
}

.pricesize, .price {
	font-weight: 600;
	margin-top: 0px;
	padding: 5px;
	padding-left: 0px;
	border: 0px solid #f4f4f4;
	color: var(--bgblue);
	line-height: 1;
	display: block;
}

.pricesize{
	font-weight: 600;
	font-size: 24px;
}
h3.pricesize {
	font-weight: 600;
	font-size: 24px;
    color: var(--bgblue);
    width: auto;
    display: inline;
}
i.bxes{
    display: inline-block;
}
i.bxes.mob{
    display: none;
}
.price {
	font-size: 24px;
	font-weight: 800;
}
.price.rule{
    font-size: 16px;
	font-weight: 500;
	line-height: 20px;
}
.pricesize i, .price i, i.bxes {
	font-weight: 300;
	font-size: 14px;
	color: var(--titlegrey);
	font-style: normal !important;
	display: inline-block;
}

.price i.strikethrough {
	font-size: 16px;
	font-weight: 400;
	padding-right: 10px;
	color: var(--bgblue) !important;
	text-decoration-thickness: 1px;
}

.loctxt h3 {
	margin-bottom: 0px;
}

.loctxt h3:first-letter {
	text-transform: uppercase;
}

.price i {
	font-style: normal !important;
	color: var(--titlegrey);
	font-weight: 300;
}

.product .price {
	color: var(--bgblue);
	font-weight: 500;
	font-size: 24px;
}

.product .price i, .product .pricem2 i, .product .pricesize i, .product .price.new span {
	font-size: 24px;
	font-style: normal !important;
	font-weight: 400;
	color: var(--titlegrey);
}
.product .price i.varrule{
    color: red;
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
.product .price.new span, .product .price.new span i {
	font-size: 18px;
	font-weight: 500;
	color: var(--boxiegreen);
	display: inline-block;
	vertical-align: top;
}

.price.new, .checkout .price.new {
	color: red !important;
	font-size: 18px !important;
}

.student .rabatt .price.new {
	margin-top: 20px;
}

.checkout .groen.bold {
	margin-top: 0px;
}

.product .pricesize i {
	font-size: 24px !important;
	font-weight: 400;
}

.product .price.old,.product .price.action {
	display: none;
}
#eerste{
    display: block;
    font-size: 16px;
    font-style: italic;
  line-height: 20px;
}
.strikethrough {
	text-decoration: line-through;
	text-decoration-color: currentcolor;
	text-decoration-thickness: auto;
	text-decoration-thickness: 1.5px;
}

.specs {
	margin-top: 15px;
}

.specs p {
}

.specp {
	margin-bottom: 0px;
	margin-top: 0px;
}

.specs .groen, .specs .rood {
 	/*line-height: 20px;*/;
}

.specs a , .specs a:hover , .specs a:focus,.specs a:active {
	color: #ffffff;
}

.specs .sbutton, #studentunits .loctxt .sbutton {
	cursor: pointer;
	width: auto !important;
	padding: 10px 20px;
	margin-top: 40px;
	display: block;
	background-color: var(--boxiegreen);
	border: 1px solid var(--boxiegreen) !important;
	color: #ffffff;
	font-weight: 500;
	line-height: 20.6px;
	border-radius: 20px;
	padding-right: 40px;
	background-image: url('/wp-content/uploads/2022/06/Button_arrow_right.png');
	background-position: right;
	background-repeat: no-repeat;
	background-size: auto 100%;
	white-space: nowrap;
}

#studentunits .loctxt .sbutton.nostudent {
	margin: 0px 30px;
}

.storage article h2 {
/*font-size: 42px;*/
	text-align: left;
	margin: 0px;
	color: var(--bgblue);
	line-height: 44px;
}

#secondary-timebuts {
	width: 33%;
	float: right;
	vertical-align: top;
}

.checkout #secondary-timebuts {
	float: none;
	margin-left: 5%;
	margin-top: 50px;
	display: inline-block;
}
#secondary-timebuts.rules{

background-color: #fff;
}
.checkout #order {
	float: right;
	margin-right: 5%;
}

#secondary-timebuts h3 {
	font-size: 20px;
	margin-top: 0px;
	line-height: 25px;
}

.product .loctxt h4, #secondary-timebuts h4 {
	font-size: 24px;
	margin-top: 10px;
	margin-bottom: 0px;
}
.checkpage h4{
  
}
.product-side > i {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 14px;
	font-style: normal;
	font-weight: 500;
	display: block;
}

#secondary-timebuts .white {
	font-weight: 700;
	color: var(--bgblue) !important;
	margin: 10px auto;
	text-align: center;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: var( --e-global-color-05ec242 );
	box-shadow: 0px 0px 32px -24px rgba(0,0,0,0.5);
	padding: 30px 10px;
	font-size: 30px;
}

.product-side {
	margin-top: 40px;
	border-top: 1px solid var(--bgblue);
}

.infopop::after {
	content: "?";
	display: inline-block;
	color: var(--bgblue) !important;
	position: relative;
	width: 20px;
	height: 20px;
	border: 1.5px solid var(--bgblue) !important;
	border-radius: 50%;
	cursor: pointer;
	padding: 4px;
	margin-left: 20px;
	margin-right: -20px;
	font-style: normal;
	line-height: 10px;
	text-align: center;
}
.boxes .infopop{
width: 40px;
  display: inline-block;
  vertical-align: top;
}
.boxes .infopop.bx3{
width: 20px;
}
.mob .boxes .infopop.bx2{
}
.naw .infopop::after, .specs .infopop::after, .boxes .infopop::after{
    content: "i";
    border: 1.5px solid var(--lightblue) !important;
    color: var(--lightblue) !important;
    font-family: serif;
    font-style:unset;
    margin-left: 4px;
    width: 18px;
	height: 18px;
	font-weight:bold;
}
.boxes .infopop.bx3::after{
    font-family: serif;
    margin-top:0px;
    margin-left: 4px !important;
}
.naw .infopop.act::after, .specs .infopop.act::after, .boxes .infopop.act::after{
    border: 1.5px solid var(--bgblue) !important;
    color: #ffffff !important;
    background-color:var(--bgblue);
}
.citypop{
    position: absolute;
    background-color:#ffffff;
  padding: 20px;
  left: 100%;
  width: 90%;
  float: left;
  line-height: 20px;
  font-weight: 400;
  top: 0px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 2px 25px -3px rgba(60,80,250,0.21);
-moz-box-shadow: 0px 2px 25px -3px rgba(60,80,250,0.21);
box-shadow: 0px 2px 25px -3px rgba(60,80,250,0.21);
font-size: 14px;
}
#cp1.citypop{
left: unset;
right:30%;
margin-top:30px;
  z-index: 1;
}

.citypop .close, .nonzoom .close{
    position:absolute;
    top:10px;
    right:10px;
    width:20px;
    height:20px;
    background-image: url('infeez/cross3lb.svg');
  background-repeat: no-repeat;
  background-size: 60%;
  background-position: top right;
  cursor:pointer;
  
}

.rules .infopop::after{
    content: "i";
    font-weight: 900;
    line-height: 9px;
    font-size: 14px;
    margin-top: 13px;
    position: absolute;
    margin-left: 10px;
}

#locations h6 {
	font-size: 16px;
	margin: 30px 0px 0px 0px;
}

.loclist h6 > p {
	font-weight: 700;
	color: var(--bgblue);
	margin-bottom: 20px;
}

.loclist .prodinfo a {
	font-weight: 700;
}

#locations h6:last-of-type {
	padding-top: 30px;
	border-top: 0.5px solid var(--bgblue);
}

.student #locations h6:last-of-type {
	padding-top: 0px;
	border: 0px;
	margin-bottom: 20px;
	margin-top: 0px;
}

.student #secondary-timebuts  h6.student {
	margin-bottom: 20px !important;
	border: 0px !important;
}

.student .product-side {
	border-top: 0px !important;
}

.student #locations .product-side h6 {
	border-top: 1px solid var(--bgblue);
	padding-top: 20px !important;
}

.student #locations .prodinfo h6 {
	padding-top: 20px;
	margin-bottom: 0px;
}

.loclist {
	font-weight: 400;
}

.loclist a {
	font-weight: 800;
}

.product-time > div {
	border-radius: 30px;
	padding: 8px 10px;
	display: inline-flex;
	background-color: transparent;
	width: 47.5%;
	margin: 6px 6px	6px 0px;
	border: 1px solid var(--bgblue);
	cursor: pointer;
	text-align: center;
	font-weight: 700;
	color: var(--bgblue);
	justify-content: center;
	align-items: center;
}

.nl .product-time > div {
	font-size: 15px;
}

.product-time > div > i {
	padding: 0px;
	margin: 0px;
	float: left;
	font-weight: 400;
	font-style: normal;
	padding-bottom: 0px !important;
	padding-left: 10px;
	display: none;
}

.rabatt .product-time.times > div, .rabatt .insr > div {
	border-radius: 20px;
}

.rabatt .product-time > div > span b {
	display: block;
	font-weight: 300;
	width: 100%;
}
.rabatt .product-time > div > span b i{
    display: block;
    font-size: 10px;
    font-style: normal;
    line-height: 10px;
}
.rabatt .product-time > div span > i {
	display: block;
	font-style: normal;
	font-weight: 300;
	width: 100%;
}
.newsum .rabatt .product-time > div span > i{
    display: none;
}
.newsum .rabatt .rule26 .product-time > div span > i, .rule26 .product-time div b.info{
display: block !important;
font-weight: 700;
	font-size: 14px;
}
.newsum .rules .rule26 .product-time > div span b, .rule26 .product-time div b.info{
    color: var(--boxiegreen) !important;
    font-size: 14px;
}
.newsum .rules .rule26 .product-time.times > div span b{
font-size: 20px;
}
.rule26 div.verz{
    margin-bottom:20px;
}
.groen.bold {
	margin-top: 10px;
	font-weight: 800;
	display: block;
}

.topborder {
	border-top: 0.5px solid var(--bgblue);
	margin-top: 20px;
	padding-top: 20px;
}

.product-time .didsave {
	margin-top: 10px;
	color: var(--boxiegreen) !important;
	font-weight: 500;
	font-size: 18px;
	font-style: normal !important;
}

.saveinfo {
	color: #3a3a3a !important;
	font-size: 15px;
	display: block;
}
section > .saveinfo{
    border: 1px solid var(--boxiegreen);
    padding: 20px;
    font-weight: 300;
    border-radius: 6px;
}
.product-time >div:hover, .product-time .active {
	background-color: var(--bgblue);
	color: #ffffff;
}

.insr > div, .pick > div {
	vertical-align: top;
}

.product-time.en-us  > div, .product-time.es-us  > div {
	width: 46.5%;
}

.product-time.en-us  > div:first-of-type, .product-time.es-us  > div:first-of-type {
	width: 98%;
}

.product-time.en-us .onn, .product-time.es-us .onn {
	float: right;
}

.product-totals {
	border-top: 1px solid var(--bgblue);
	margin: 50px 0px;
	padding: 30px 0px 0px 0px;
}
.product-totals.checkout{
    border-top: 0px solid var(--bgblue);
    margin: 0px !important;
}
.checkout .product-totals {
	margin-top: 30px;
	padding-top: 20px;
}

.checkout .product-totals .dur {
	line-height: 20px;
	padding-bottom: 4px;
}
.dur.line2{
    display: none;
}
.product-totals >div {
	display: block;
	width: 100%;
	font-weight: 700;
	font-size: 14px;
}

.checkout .product-totals > div > div {
	display: inline-block;
	max-width: 75%;
	line-height: 18px;
}

.checkout .product-totals > div span {
	float: right;
}

.product-totals .maxtit {
	display: inline-block;
	line-height: 18px;
	padding-right: 1%;
	max-width: 80%;
}

.fltr, .pickupgroen > span, .nextdiscount > span, .dur > span {
	float: right;
	text-align: right;
}
.fltr.amount{
    line-height:18px;
  
}
.nextdiscount {
	font-weight: 500 !important;
}

.pickupgroen {
}

.product-totals .subtotal {
	font-size: 18px;
	text-align: left;
	color: var(--bgblue);
	padding-bottom: 4px;
}

.product-totals .subtotal i {
	font-style: normal;
	font-size: 15px;
	font-weight: 400;
	color: #3a3a3a;
}

.wc-pao-col1 {
	width: 80%;
	text-align: left;
}

.dur, .verzln {
	width: 100%;
}

.rabatt .dur, .rabatt .verzln, .mobtot, .subtotal .ipreis {
	display: none;
}
.newsum .verzln{
    display:block;
}
.pufee {
	color: var(--boxiegreen);
	font-size: 16px !important;
	line-height: 22px;
}

.divtnext, .tnext {
	font-weight: 400 !important;
}

.dur i, .verzln i {
	font-style: normal;
	font-weight: 500;
}

.subline {
	display: block;
	margin-top: -7px;
	margin-bottom: 7px;
}

.checkout .dur .subline {
	margin-top: 0px;
}

.verzln br {
	display: none;
}

#order {
	width: 40%;
	vertical-align: top;
	display: inline-block;
}

#q25 .wpcf7-list-item, #q25 input, #q25 .wpcf7-list-item span {
	display: inline-block !important;
}

#q25 input {
	width: 25px;
}

#q25 .wpcf7-list-item {
	width: auto !important;
	margin-left: 0px;
	margin-right: 20px;
}

#putflags3, .iti {
	z-index: 10000;
}
#putflags3, #flagform1 p{
    margin-bottom:0px;
}
#flaglab.nw{
min-height: 0px !important;
margin: 0px;
}
.iti{
    width: 100%;
    margin-bottom: 10px;
}
.iti.span50{
 width: 48%;
display: inline-block;
    vertical-align:top;
}
.iti__country-name{
    color: var(--titlegrey) !important;
    font-size: 14px;
}
.errorflags{
float:right;
margin-bottom: 0px !important;
display:none;
}
#order form p:last-of-type {
	margin-bottom: 0px;
}

#order >.annul {
	text-align: left;
	width: 100%;
	display: block;
	font-style: normal;
	line-height: 15px;
	font-size: 14px;
	font-weight: 400;
	color: var(--boxiegreen);
	margin-top: 10px;
}

#order > .annul b {
	font-weight: 800;
}
#order > .annul > span{
    display: block;
    padding-top: 20px;
    line-height: 18px;
}
.rules .annul{
    text-align: center;
    font-weight: 400;
    font-size: 11px;
    padding: 20px;
    line-height: 16px;
}
#order .col2form form {
	columns: 1;
}

.checkout-vraag {
	margin-top: 30px;
	padding: 50px !important;
	border: 1px solid var(--bgblue);
}

.checkout-vraag h4 {
	border: 0px !important;
	margin-top: 0px !important;
	color: var(--bgblue);
	margin-bottom: 0px !important;
}

.checkout-vraag p {
	margin-top: 0px !important;
}

.checkout-vraag .filiaalman {
	padding-top: 0px;
}

.checkout-vraag .filiaalman .txt {
	width: 70%;
	margin-left: 5%;
}

.checkout-vraag .filiaalman .button {
	margin-bottom: 0px !important;
	text-align: left;
}

.borderdiv {
	border: 1px solid rgba(0, 0, 0, 0.125);
	padding: 0px 20px 20px 20px;
}

#items {
	width: 40%;
	float: right;
	padding: 20px;
	border: 1px solid var(--lightgrey);
	padding-top: 0px;
}

#ui-datepicker-div {
	z-index: 1000 !important;
}

.page-template-checkout #primary {
	width: 100% !important;
}

.page-template-checkout .entry-title {
	display: none;
}

.page-template-checkout .entry-content, .page-template-checkout .entry-content h2 {
	text-align: center;
}

.details-price {
	text-align: right;
}

.paymentlogoos {
	background: #ffffff;
	padding: 15px 5px;
	border-bottom: 0px solid #dfdfdf;
	display: flex;
/*grid-template-columns:repeat( auto-fit, minmax(30px, 1fr) );*/
	justify-content: center;
	padding-top: 20px !important;
}

.paymentlogoos img {
	max-height: 50px;
}

#p-nl img {
/*width: 20%;*/;
}

#p-de img {
/*width: calc(100% / 6);*/;
}

#colophon {
	background-color: var(--bgblue);
	position: relative;
	overflow: hidden;
	color: #fff;
	padding: 50px 10%;
}

#colophon .button {
	background-color: var(--darkblue) !important;
	margin: 10px 0px;
	width: 100%;
	line-height: 20px;
	border-color: var(--darkblue);
	max-width: 300px;
	text-align: center;
	padding: 10px 20px;
}

.site-title, .site-description {
	display: none;
}

.right-sidebar .content-area {
	max-width: 600px;
	margin-right: 10px !important;
	vertical-align: top;
}

.right-sidebar .widget-area {
	min-width: 450px;
	vertical-align: top;
}

.widget-title {
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	color: #313131 !important;
	margin-top: 10px;
/*text-transform: uppercase;*/;
}

.widget-title b {
	font-weight: 700;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 16px;
	color: #313131 !important;
	margin-top: 10px;
}

.inl {
	display: inline-block;
}

.ri {
	text-align: right;
}

.fr {
	float: right;
	margin-top: 3px;
}

.hidden {
	display: none !important;
}

.hide, .de, .en, .nl {
	display: none;
}
/*
* ++++++++++++++++++++++++++++++++++ CALCULATOR
*/
.calculator header {
	width: 100%;
}

.calculator header h1 {
	color: var(--titlegrey) !important;
	text-align: center;
}

.calculator #primary {
	width: 52%;
	padding-left: 0px  !important;
	padding-right: 0px  !important;
	display: inline-block;
}

#secondarycalc {
	width: 35vw;
	float: right;
}

#secondarycalc .bgdarkblue {
	min-height: 400px;
	padding-top: 30px;
	padding-bottom: 30px;
}

#secondarycalc h3 {
	color: #ffffff;
}

#secondarycalc >div {
	padding-left: 20px  !important;
	padding-right: 20px  !important;
	color: #ffffff;
}

.spaceitems {
	background-color: #ffffff;
}

.spaceitems .wrap {
	margin: 0 0 2% 0;
	display: none;
	min-width: 270px;
	width: 48%;
	background-size: auto  100% !important;
	background-position: 0px  !important;
	border-bottom: 0.5px solid var(--bgblue);
}

.spaceitems .wrap:nth-child(even) {
	margin-right: 3%;
}

.open .wrap {
	display: inline-block;
}

#primary.calcprim {
	width: 100%;
	padding-bottom: 20px;
	margin-top: -4px !important;
}

#calccol1 {
	display: inline-block;
	width: 30%;
	vertical-align: top;
	padding: 0px 40px 40px 40px;
	border-radius: 30px;
	border: 1px solid #e7e7e7;
	margin-right: 5%;
	overflow: hidden;
}

#calccol1 .button >span {
	cursor: pointer;
	width: 100%;
	display: block;
}

#calccol1 .button.wit {
	background-color: #ffffff !important;
	font-weight: normal !important;
	color: #2b2b2b;
	border: 1px solid #e7e7e7;
	width: 100% !important;
	margin: 4px 0px;
	cursor: pointer;
}

#calccol1 .button.wit b {
	font-weight: normal !important;
	float: right;
}

#calccol1 .button.wit.filled {
	border: 1px solid var(--bgblue);
}

#calccol1 .button.wit.croom {
	background-color: #d2e6ff !important;
}

#calccol1 .totals, #totals {
	background-color: #d2e6ff;
	margin-left: -40px;
	margin-bottom: -40px;
	width: 136%;
	padding: 30px 50px;
	color: var(--bgblue) !important;
}

#totalsbottom #totals {
	width: 100%;
	margin: 0px;
	background-color: var(--darkblue);
}

#totalsbottom #totals span {
	width: auto;
	margin-right: 10px;
	color: #ffffff;
	font-weight: 800;
	font-size: 24px;
}

#totalsbottom #prices {
	width: 100%;
	margin: 0px;
	border-radius: 0px;
	min-height: 80px;
}

a.button.zipbut {
	cursor: pointer;
	left: 40vw;
}

#totalsbottom #prices h3 {
	display: none;
}

#totals .n0 {
	display: none;
}

#totalsbottom {
	position: fixed;
	bottom: 0px;
	z-index: 100000;
	width: 100%;
	top:unset;

}

#totalsbottom.sticktop {
	bottom: unset;
	position: fixed;
	top: 0px;
}
#totalsbottom.sticktopnew {
    bottom: unset;
	position: absolute;
    top:0px;
	height:100%;
	display:none;
}

#totalsbottom.sticktop .calcform #allitems {
	display: none;
}

#totalsbottom.sticktop .calcform {
}

.calcform.yscroll {
	overflow-y: scroll;
	width: 110%;
	padding-right: 30px;
}

#totals .n2 {
	text-align: right;
}

#calccol1 #cube {
	display: none;
}

#calccol1 #cube.cube23 {
	display: block;
	margin-bottom: 80px;
}

#cubetxt.cube23 {
	display: block;
	text-align: left;
	margin-top: 50px;
}

#taballitems {
	display: inline-block;
	width: 65%;
	padding: 0px 10px;
	vertical-align: top;
	color: #2b2b2b;
	padding: 0px;
}

#taballitems h3 i {
	font-style: normal;
	font-weight: 300;
}

#taballitems div h3 {
	font-size: 8px;
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 10px;
	padding: 4px 10px;
	background: rgb(255,255,255);
	background: linear-gradient(266deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 51%, rgba(4,50,69,1) 100%);
	width: 100%;
	display: none;
	margin-top: -30px;
	margin-bottom: 20px;
}

#taballitems .open h3 {
    /*padding-left: 10px;
    content: ' \25BD';*/
	display: block;
}

.spaceblock {
	position: relative;
	width: 100%;
	padding: 0px;
	margin: 0px;
	text-align: left;
	border-bottom: solid #043245 0px;
	overflow-x: hidden;
	padding-bottom: 10px;
	padding-left: 80px;
	min-height: auto;
}

.spimg {
	position: absolute;
	top: 20px;
	right: 0px;
    /*-webkit-filter: drop-shadow(5px 5px 15px 0px rgba(0,0,0,0.4));
    filter: drop-shadow(5px 5px 15px 0px rgba(0,0,0,0.4));
	*/
	background-size: auto  50px !important;
	background-position: left  !important;
}

.spimg>div {
	bottom: 10px;
	left: 0px;
	position: relative;
}

.spimg .txt, .plus, .min {
	width: 30px;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
}

.plus, .min {
	border-radius: 50%;
	background-color: var(--bgblue);
	cursor: pointer;
	font-size: 16px;
	font-weight: 900;
	color: #ffffff;
	background-image: url('infeez/plus.svg');
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center;
}

.min {
	background-image: url('infeez/minus.svg');
}

.spaceitems h3 {
	display: none;
}

.noselect {
	-webkit-touch-callout: none;
 /* iOS Safari */
	-webkit-user-select: none;
 /* Safari */
	-khtml-user-select: none;
 /* Konqueror HTML */
	-moz-user-select: none;
 /* Firefox */
	-ms-user-select: none;
 /* Internet Explorer/Edge */
	user-select: none;
 /* Non-prefixed version, currently
                                    supported by Chrome and Opera */;
}

.disable {
	pointer-events: none;
	opacity: 0.3;
}

.spaceblock h6 {
	font-weight: 600;
	font-size: 16px;
	position: absolute;
	padding: 0px;
	margin-top: 10px;
	line-height: 18px;
	position: relative;
	margin-bottom: 0px;
}

.spaceblock h6.es {
	font-stretch: condensed;
}

.spaceblock h6>i {
	font-size: 12px;
}

.spaceblock p {
	width: 100%;
	margin-top: 40px;
	text-align: left;
	font-style: italic;
	font-size: 14px;
	position: relative;
	margin: 0px;
}

.spaceblock p span {
	display: block;
	padding: 0 5px 0 0;
	margin: 0px;
	line-height: 16px;
	display: inline-block;
}
/*  duplicates in total column */
.seccalc {
	margin: 0px 0px 20px 0px;
	display: none;
}

#gather {
	position: relative;
	display: inline-block;
	padding-bottom: 5px;
	width: 55%;
	vertical-align: top;
	margin-right: 3%;
}

#floor {
	padding-top: 0px;
	display: inline-block;
	max-width: 200px;
	width: 40%;
	vertical-align: top;
}

#gather h2, #floor h2 {
	font-size: 16px;
	font-weight: bold;
}

#gather h3 {
	font-size: 16px;
	font-weight: bold;
	display: none;
	margin: 10px;
	margin-left: 0px;
	margin-bottom: 0px;
}

#gather .spaceitems {
	border: 0px;
	padding-bottom: 0px;
}

#gather .spaceitems div {
	padding-left: 0px;
	display: none;
	font-size: 0.9rem;
}

#gather .spaceitems p {
	display: none;
}

#gather .n0 {
	width: 10%;
	display: inline-block;
	cursor: pointer;
	color: red;
	font-weight: bold;
}

#gather .n1 {
	width: 65%;
	display: inline-block;
}

#gather .n2 {
	width: 20%;
	display: inline-block;
	text-align: right;
}

.totals {
	margin-top: 20px;
	font-weight: bold;
}

.totals span {
	width: 50%;
	display: inline-block;
}

.tot23 .n1 {
	width: 70%;
	display: inline-block;
}

.tot23 .n2 {
	width: 30%;
	display: inline-block;
}
#totalsbottom #totals.tot23 {
    position:relative;
}
#totalsbottom #totals.tot23 span{
    font-size:20px;
}
#totalsbottom #totals.tot23 span.n2{
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color:  var(--boxiegreen);
    margin-right: 0px;
    padding: 30px 20px;
}
#toggleBottom{
    width: 100%;
    background-color: #d2e6ff !important;
    color: var(--darkblue) !important;
    font-size:20px;
    position:relative;
}
#toggleBottom.citytog{
     padding: 10px 50px;
     border-top: 1px solid #fff;
}
#toggleBottom h3{
     font-size:20px;
}
#toggleBottom .close{
    border-radius:50%;
    border: 1px solid #fff;
    right:10px;
    top:10px;
    background-size: 100%;
    background-image: url('/wp-content/uploads/2022/11/Button_arrow_up_blue.png');
}
#toggleBottom.citytog .close{
    display: block;
}
#toggleBottom .close.open{
    background-image: url('/wp-content/uploads/2022/11/Button_arrow_down_blue.png');
}
#prices {
	padding: 20px 40px;
	background-color: var(--bgblue);
	border-radius: 20px;
	width: 100%;
	display: none;
	color: #ffffff;
	margin-top: 40px;
}
#prices > div {
	margin-top: 20px;
}

#prices button {
	background-color: #fd6826;
}

#prices h3 {
	color: #ffffff !important;
	margin: 0px;
}

#prices input, #prices  textarea {
	background-color: #ffffff;
}

#prices > button, #prices > input, #prices h3, .calcontainer #prices .searchdropdown {
	width: auto;
	display: inline-block;
	margin-right: 20px;
}
.calcontainer #prices .searchdropdown{
    margin-bottom: -10px;
    min-width: 300px;
    margin-top:0px;
}
.calcform {
	position: relative;
}

.calcform form {
	margin-left: 0px;
}

.calcblock {
	margin-left: 6%;
	margin-right: 6%;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;
	width: 100%;
	margin-bottom: 0px;
	max-width: 600px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	padding-top: 4px;
	padding-bottom: 3px;
	color: #26b679;
	font-weight: 300;
	font-size: 18px;
	min-width: 160px;
	box-shadow: none;
	z-index: 1;
	width: 100%;
}

.dropdown-content.show {
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
	border-top-left-radius: 22px;
	border-top-right-radius: 22px;
	background-color: #ffffff;
}

#searchDropDuration.dropdown-content.show{
background-color: #ffffff !important;
}
#site-navigation .dropdown-content.show {
	background-color: var(--lightblue);
	border-top-left-radius: 24px;
	border-top-right-radius: 24px;
	border: 2px solid var(--bgblue);
	border-top: 0px;
}

.searchdropdown {
	max-width: 300px;
	position: relative;
	margin-bottom: 120px;
	min-height: 40px;
}

.city22 .searchdropdown {
	margin: 20px auto;
	min-width: 300px;
	max-width: 400px;
	z-index: 10000;
}

.entry-content > .searchdropdown {
	max-width: 400px;
}

form .searchdropdown {
	margin-bottom: 14px;
	max-width: 100%;
}

.searchdrop {
	border-radius: 20px;
	font-weight: 400;
	font-size: 16px;
	padding: 0px !important;
	position: absolute;
	z-index: 101;
	overflow: hidden;
}
#drop_period.searchdrop{
position: relative;
}
.searchdrop .scroll {
	max-height: 250px;
	overflow-y: auto;
}

#cityscroll {
	position: absolute;
	display: hidden;
}

.searchdrop .scroll a {
	text-align: left;
	background-color: #fff;
}
.searchdrop .scroll a.booked{
    color: var(--lightblue) !important;
}
#site-navigation .searchdrop a {
	background-color: var(--lightblue);
}

#searchDrop5, #searchDrop30, #searchDropDuration {
	background-color: transparent;
	z-index:1000;
}
#flagform1 #searchDrop5{
    z-index:1002;
}
#flagform1 #searchDrop31{
    z-index:1001;
}
/*
#searchDrop5.show{
border-bottom-left-radius: 0px;
}*/
#searchDrop5 .scroll {
	
}

#searchDrop5.show #sinput5 {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
}

#sinputnav, .sinput.home {
	outline: none !important;
	font-weight: 400;
	font-size: 16px;
	border: 2px solid var(--bgblue);
	background-color: var(--lightblue);
	color: var(--bgblue);
	border-radius: 30px;
	padding: 9px 16px;
}
.sinput.home{
    border: 1px solid var(--bgblue) !important;
}

#sinput, #sinput30, #sinputprice, #sinputmap, #sinputstudent,#sinputprov, .sinput {
	outline: none !important;
	font-weight: 400;
	font-size: 16px;
	/*margin-left: 20px;
	margin-bottom: 10px;
	margin-right: 20px;
    max-width: 260px;*/
	padding: 9px 16px;
	background-color: #ffffff !important;
	border: 1px solid var(--bgblue);
	border-radius: 30px;
}

.sinput:select, .sinput:focus, #sinput:select, #sinput:focus, #sinput30:select, #sinput30:focus, #sinputprice:select, #sinputprice:focus, #sinputmap:select, #sinputmap:focus, #sinputstudent:select,  #sinputstudent:focus, #sinputnav:select,  #sinputnav:focus, #sinputprov:select, #sinputprov:focus {
	outline: none !important;
}

label.nomarge {
	min-height: 0px;
}

.nomarge .wpcf7-form-control-wrap {
	min-height: 0px;
	height: 0px;
}

.nomarge .wpcf7-not-valid-tip {
	min-height: 50px;
}
/* Links inside the dropdown */
.dropdown-content a , #cityscroll a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.dropdown-content.searchdrop a, #cityscroll a {
	padding: 12px 16px;
	color: rgb(43, 43, 43);
	padding: 4px 0px 4px 20px;
	display: none;
	padding: 6px 0px 6px 20px;
}

#site-navigation .dropdown-content.searchdrop a {
	color: var(--bgblue);
}
.boxes .dropdown-content.searchdrop a, #sinput_34a9c1, #amountchoice{
    font-weight:300 !important;
}

#sinput_34a9c1, #amountchoice{
 border: 1px solid var(--lightblue);
}
.dropdown-content.searchdrop.show a {
	display: block;
}

.newcitydrop .dropdown-content.searchdrop.show {
	position: relative;
	height: 300px;
}

.searchdrop .ui-icon {
	position: absolute;
	right: 21px !important;
	top: 11px;
}

.searchdrop.show .ui-icon {
	background-image: url('/wp-content/uploads/2023/03/Button_arrow_right.svg');
}

.searchdrop.show .ui-icon.custom-icondownblue {
	background-image: url('/wp-content/uploads/2023/03/Button_arrow_right_blue.svg');
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color: var(--bgblue) !important;
	color: #ffffff !important;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
	display: block;
} 


/* +++++++++++++++++++++++++++++++++++++++++++++++++ HEXA ++++++++++++++++++++++++++++++++++++ */

.mainhexx {
	--s: 200px;
  /* size of a hexagon */
	--m: 0px;
    /* space between each heaxgon */
	--r: calc(var(--s)*3*1.1547/2 + 4*var(--m));
	display: flex;
	font-size: 0px !important;
	width: 450px;
	padding: 30px 10px !important;
	margin-left: -100px;
	position: relative;
	min-height: 200px !important;
	height: 410px !important;
}

#containerhexx {
	padding: 0px !important;
	min-height: 300px;
	line-height: 0;
	margin-bottom: 30px;
	filter: drop-shadow(10px 10px 203px  rgba(122,171,216,0.53));
	filter: drop-shadow(-1px 6px 50px rgba(122,171,216, 0.5));
}

.storage #secondary {
	position: relative;
	overflow-x: visible;
}

.containerhexx >div {
	width: var(--s);
	height: calc(var(--s)*1.1547);
	margin: var(--m);
	display: inline-block;
	clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%);
	-webkit-clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%);
	margin-bottom: calc(var(--m) - var(--s)*0.2885);
   /*margin-bottom: calc(var(--m) - var(--s)*0.35);*/
	box-sizing: border-box;
	padding: 2px;
	box-shadow: 10px 10px 203px -29px rgba(0,0,0,0.53);
}

.containerhexx h6 {
	height: 100%;
	float: left !important;
	text-align: center;
	width: 100%;
	color: #ffffff;
	padding: 0px 4px;
	padding-top: 0px;
	font-weight: 500;
	padding-top: 25%;
	margin: 0px;
  /*text-shadow: 2px 2px 3px #27628c;*/
	position: relative;
	box-sizing: initial;
}

.containerhexx h6 span {
	display: block;
	font-size: 16px;
}

.containerhexx h6 a {
	font-size: 20px;
	color: #ffffff;
	font-weight: bold;
}

.containerhexx h6 span:nth-child(3) {
	font-size: 14px;
}

.starthexx {
	display: none !important;
	box-sizing: border-box;
	background-color: transparent;
}

.greentxt {
	position: absolute;
	color: var(--boxiegreen) !important;
	max-width: 200px;
	font-size: 22px;
	text-align: right;
	margin-top: 60px;
}

.greentxt a {
	display: block;
}

.meedoenbut {
	background-color: #22c873;
	cursor: pointer;
}

.meedoenbut >div {
	background-color: #22c873;
}

.meedoenbut:hover >div >div {
	background-color: var(--boxiegreen);
}

.meedoenbut > div > div {
	float: left;
	width: 100%;
	margin: 0px !important;
	height: 100%;
	-webkit-clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%);
	clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%);
	background-color: #22c873;
	padding-top: 8%;
}

.containerhexx>div>div>img {
}

.containerhexx>div>div {
	background-color: #ffffff;
	float: left;
	width: 100%;
	margin: 0px !important;
	height: 100%;
 /*  = 1/cos(30)  */
	-webkit-clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%);
	clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%);
	background-repeat: no-repeat;
	background-size: auto 100%;
	cursor: pointer;
}

.imgout {
	margin-left: 200px  !important;
	background-color: var(--boxiegreen);
}

.imgout > div {
	background-color: #ffffff;
	-webkit-clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 0%, 50% 0%);
	clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 0%, 50% 0%);
	-webkit-clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%);
	clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%);
}

#imgout {
	position: absolute;
	-webkit-clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 0%, 50% 0%);
	clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 0%, 50% 0%);
	-webkit-clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 0%, 50% 0%);
	clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 0%, 50% 0%);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position-x: 4px;
	background-position-y: 4px;
	top: 30px;
	left: 206px;
	width: 210px;
}

#imgout >div {
}

#imgout img {
   /*overflow: visible;*/;
}

.qside #imgout img {
	left: 72%;
}

.containerhexx::before {
	font-size: 0px !important;
	content: "";
	width: calc(var(--s)/2 + var(--m));
	float: left;
	height: 350px;
	shape-outside: repeating-linear-gradient( transparent 0 calc(var(--r) - 3px), #fff 0 var(--r));
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++ CUBE CALCULATOR ++++++++++++++++++++++++++++++++++++ */

:root {
	--cubeside: 49px;
	--cubesidemini: 24.5px;
	--cubebot: 220px;
	--cubebotmini: 50px;
}

#cube {
	width: 100px;
	height: 213px;
	margin: -20px 0px 20px 60px;
	background-color: transparent;
	border: 0px #a4b5bc solid;
}

.D3Cubemini {
	width: 50px;
	height: 75px;
	top: 0px;
	transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
	-moz-transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
	-webkit-transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
	margin: auto;
	position: relative;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	float: left;
	scale: 50%;
}

#D3Cube {
	width: 100px;
	height: 150px;
	height: 250px;
	height: 220px;
	top: 50px;
	transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
	-moz-transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
	-webkit-transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
	margin: auto;
	position: relative;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

#D3Cube > div {
	position: absolute;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	float: left;
	overflow: hidden;
	background-color: rgba(4,50,69,0.1);
	background: linear-gradient(266deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 51%, rgba(4,50,69,0.1) 100%);
	border: 1px #a4b5bc solid;
}

.D3Cubemini > div {
	position: absolute;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	float: left;
	overflow: hidden;
	background-color: rgba(38, 182, 121, 90);
	border: 1px #ffffff solid;
}

#side1 {
	transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ( var(--cubebot) );
	-moz-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ( var(--cubebot) );
	-webkit-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ( var(--cubebot));
	background-color: rgba(38, 182, 121, 90) !important;
	width: 100px;
	height: 100px;
}

.side1 {
	transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(var(--cubesidemini));
	-moz-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(var(--cubesidemini));
	-webkit-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(var(--cubesidemini));
	width: 50px;
	height: 50px;
}

#perclab {
	font-size: 16px;
	color: #2b2b2b;
	position: absolute;
	left: -80px;
	transform: translate(0px, 220px);
}

#cubetxt {
	text-align: right;
	display: none;
}

#side2 {
	transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ( var(--cubeside) );
	-moz-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ( var(--cubeside) );
	-webkit-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ( var(--cubeside) );
	background: linear-gradient(215deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.3) 51%, rgba(4,50,69,0.3) 100%) !important;
	width: 100px;
	height: 150px;
	height: 220px;
}

.side2 {
	transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ( var(--cubesidemini) );
	-moz-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ( var(--cubesidemini) );
	-webkit-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ( var(--cubesidemini) );
	width: 50px;
	height: 75px;
	height: 125px;
}

#side3 {
	transform: translateX(0px) translateY(0px) translateZ( var(--cubeside) );
	-moz-transform: translateX(0px) translateY(0px) translateZ( var(--cubeside) );
	-webkit-transform: translateX(0px) translateY(0px) translateZ( var(--cubeside) );
	width: 100px;
	height: 150px;
	height: 220px;
}

.side3 {
	transform: translateX(0px) translateY(0px) translateZ( var(--cubesidemini) );
	-moz-transform: translateX(0px) translateY(0px) translateZ( var(--cubesidemini) );
	-webkit-transform: translateX(0px) translateY(0px) translateZ( var(--cubesidemini) );
	width: 50px;
	height: 75px;
	height: 125px;
}

#side4 {
	transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ( var(--cubeside) );
	-moz-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ( var(--cubeside) );
	-webkit-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ( var(--cubeside) );
	width: 100px;
	height: 150px;
	height: 220px;
}

.side4 {
	transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ( var(--cubesidemini) );
	-moz-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ( var(--cubesidemini) );
	-webkit-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ( var(--cubesidemini) );
	width: 50px;
	height: 75px;
	height: 125px;
}

#side5 {
	transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ( var(--cubeside) );
	-moz-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ( var(--cubeside) );
	-webkit-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ( var(--cubeside) );
	background: linear-gradient(135deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.3) 51%, rgba(4,50,69,0.3) 100%) !important;
	width: 100px;
	height: 150px;
	height: 220px;
}

.side5 {
	transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ( var(--cubesidemini) );
	-moz-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ( var(--cubesidemini) );
	-webkit-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ( var(--cubesidemini) );
	width: 50px;
	height: 75px;
	height: 125px;
}

#side6 {
	transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ( var(--cubebot) );
	-moz-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ( var(--cubebot) );
	-webkit-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ( var(--cubebot));
	width: 100px;
	height: 100px;
	background: linear-gradient(225deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.6) 51%, rgba(4,50,69,0.6) 100%) !important;
	top: -50px;
}

.side6 {
	transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ( var(--cubebotmini) );
	-moz-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ( var(--cubebotmini) );
	-webkit-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ( var(--cubebotmini));
	width: 50px;
	height: 50px;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++ RANGE SLIDER +++++++++++++++++++++++++++++++++++ */
.slider-container {
	padding: 20px 10px 20px 0px;
}

#slider-round, #slider-round-m {
	height: 16px;
	border-radius: 9px;
}

#slider-round .noUi-base, #slider-round-m .noUi-base, {
	border-radius: 9px !important;
}

.slider-round .noUi-background {
	background-color: #ffffff;
	;
}

#slider-round .noUi-handle, #slider-round-m .noUi-handle {
	height: 26px;
	width: 26px;
	top: -12px;
	left: -13px;
	border-radius: 50%;
	background: var(--bgblue);
	border: 1 solid var(--bgblue);
	box-shadow: none;
	margin: 5px;
}

.noUi-handle::after, .noUi-handle::before {
	display: none !important;
}

.noUi-connect {
	background: #f5f5fa !important;
	box-shadow: inset 0 0 3px rgba(51,51,51,.45);
	box-shadow: none !important;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++ RESPONSIVE ++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
a.porto-product-filters-toggle {
	display: none;
}
/* product page absolute */
#secondary-timebuts {
	width: 40%;
	display: inline-block;
	float: right;
	top: 10px;
	right: 0px;
	background-color: #e8f2ff;
	padding: 0px;
}

#secondary-timebuts > div {
	padding: 40px;
	padding-bottom: 0px;
}

.darkblue {
	background-color: var(--darkblue);
	padding: 40px !important;
}

.checkout .darkblue {
	display: none;
}

.product .loclist, .student .loclist {
	margin: 0px;
	padding: 0px;
	width: 55%;
	display: inline-block;
	padding-bottom: 50px;
	border: 0px;
}
.loclist.checkout {
    width:40%;
    background-color: var(--lightblue);
    padding: 40px;
    padding-top: 0px;

}
.boxes .loclist.checkout, .newsum .loclist.checkout {
border: 1px solid var(--lightblue);
  background-color: unset;
  padding-bottom:0px;
  padding-top:20px;
}
.newsum .sizeblocks:not('#blocksline'){
    display:unset;
    text-align:center;
     position:relative;
     display: inline-block;
  width: 100%;
  padding:0px 1%;
}

.newsum .sizeblock{
    border-radius:6px;
    text-align:center;
    position:relative;
    border: 1px solid var(--lightblue);
    cursor:pointer;
   
}
.newsum .sizeblocks:not('#blocksline') .sizeblock{
     display: inline-block !important;
}
.newsum .sizeblock:hover{
    background-color:var(--lightblue);
}
.newsum .sizeblocks .pricesize, .newsum .rabatt .product-time > div:not(.not) > span, .newsum .rabatt .product-time > div > span b, .newsum .checkout .loctxt.singleprod h2 ins.maat{
    color: #3a3a3a !important;
} 
.newsum .rabatt .product-time > div > span b{
    font-weight:800 !important;
    font-size: 20px;
}
.newsum .rules .product-time > div span i b{
 font-weight:700 !important;
}
.newsum .rules .product-time > div span b{
 font-size: 24px;
}
.newsum .rules .rules #q25 .wpcf7-list-item{
color: #3a3a3a !important;
}
.newsum .sizeblocks .pricesize{
     font-size: 24px !important;
     padding:5px 5px 0px 5px !important;
}
.newsum .checkout .loctxt.singleprod h2{
line-height: 40px !important;
margin-bottom:0px;
font-size:28px;
}
.newsum section h2{
font-size:26px;
}
.newsum h2 a.butt{
    border-radius: 6px;
    float:right;
    background-color: #ffffff;
    color: var(--bgblue);
    border: 0.5px solid var(--bgblue);
    margin: 0px;
    margin: 0px;
  font-size: 14px;
  padding: 0px 16px;
  line-height: 32px;
}
.newsum section a.butt:hover{
     background-color: var(--bgblue);
    color: #ffffff;
}
.newsum .rerun{
    display:none;
}
.mrg4px{
margin-left:4px;
}
.mob25 .mrg4px{
    margin-left:0px;
}
.newsum .loctxt.mtop {
  margin-top: 30px !important;
  }
.newsum .saveinfo, .newsum .sizeline {
  color: var(--midgrey) !important;
  border:0px !important;
  padding:0px 0px 20px 0px !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
  }
  .newsum .saveinfo{
    display:none !important;
  }
  .newsum .rules .product-time.times > div.active::after{
    display:none !important;
  }
.newsum .sizeblocks .trio{
    width: 100%;
    display: grid;
    position:relative;
    gap:20px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 100px);
    padding:30px 0px;
    display:none;
}
.newsum .uno{
    width: 30%;
    height:94px;
}
.newsum .sizeblocks .trio:first{
    display: grid;
}
.newsum section .cont{
position:relative;
padding:0px 30px;
}
.newsum .plusblock, .newsum .minblock{
    position:absolute;
     width: 30px;
     text-align:center;
     line-height: 40px;
     left:0px;
     top: 45px;
     cursor:pointer;
}
 .newsum.mob25 .plusblock, .newsum.mob25 .minblock{
    display:block;
    left:unset;
    right:unset;
    top:unset;
    margin: 0px auto;
  position: relative;
  rotate: 90deg;
  display:none !important;
}
.mob25 .product-side:not(.rule26) #blocksline{
    gap: 0px;
    padding:0px;
height: auto;
  max-height: auto;
  overflow-y: visible;
}

.newsum.mob25 #scrollcont{
    padding:10px 0px;
  height: 280px;
  overflow-y: auto;
  max-height: unset;
  margin:20px 0px;
  width:100%;
}
.newsum .plusblock div:hover, .newsum .minblock div:hover{
      border: 1px solid var(--bgblue);
      color:#ffffff;
      background-color:var(--bgblue);
}
.newsum .minblock{
left: unset;
  right: 0px;
  }
.newsum .plusblock div, .newsum .minblock div{
margin-top:60%;
     border: 1px solid var(--lightblue);
 border-radius:4px;
 color: var(--bgblue);
}
.newsum .loclist.checkout {
    border:unset;
    padding: 0px;
}
.newsum .rules .product-time{
    padding: 20px 0px 20px 0px;
}

.newsum .sizeblock.actblock, .newsum .rules .product-time .active, .newsum .rules .rules #q25 .wpcf7-list-item.active{
    border: 3px solid var(--bgblue);
}
.newsum #secondary-timebuts.rules section{
    border:0px;
}
.newsum.mob25 #secondary-timebuts.rules section{
    padding-top:0px;
}
.newsum .product-side .numcirk{
    display:none;
}
.newsum .product #primary{
    width:100% !important;
}
.newsum.tablet25 .product #primary{
max-width: 90% !important;
margin-left:auto;
margin-right:auto;
padding:0px !important;
}
.newsum.liggend .product #primary{
    max-width: unset !important;
    padding-left:30px !important;
    padding-right:30px !important;
}
.newsum form section, .newsum .noscrolltotals, .newsum div.wpcf7{
    padding:0px;
}
.newsum form > h2, .newsum form > .noscrolltotals h2{
    margin: 20px 0px 30px 0px;
}
.newsum .loclist.checkout img{
    max-width:400px;
    margin-left:0px !important;
    margin-bottom:0px;
}
.newsum.tablet25 .loclist.checkout img{
    display:block;
}
.newsum.liggend #allincl{
    
}
.mob .boxes .loclist.checkout{
    border:0px;
    margin-bottom:30px;
}

#mobgal{
    display:none;
}
@media only screen and (max-width: 950px) {
html{
max-width: 100vw;
  overflow-x: hidden;
}
.product.boxes{
    margin-right:0px;
}
.boxes .loclist.checkout{
    width:45%;
    border: 1px solid var(--lightblue);
}
.boxes .loctxt{
     text-align:left !important;
}
.boxes .loclist.checkout .hl img{
    max-width:500px;
    width:95% !important;
}
   /* .boxes.product .loclist.boxesCB{
        width: 45% !important;
    }
    .boxes #secondary-timebuts.rules{
        width: 50% !important;
    }*/
.page-template-CB-boxtemplate #page > #awards{
    margin:60px auto !important;
}
    .boxes #flagform1 label{
        width:47% !important;
    }
    .boxes #flagform1 label.lab50{
        margin-right:3% !important;
    }
    .boxes #flagform1 #cbtextarea, .boxes #flagform1 label.check14{
        width:97% !important;
    }
    .boxes #flagform1 label.lab50, #periodlab{
        display:inline-block;
         width:47% !important;
    }
    .boxes #flagform1 #submitlabel{
        width:100% !important;
    }
    .boxes #flagform1 #drop_period.searchdrop, #rentinfo #drop_period.searchdrop{
        position:absolute !important;
    }
    .boxes #flagform1 .searchdropdown{
        margin-bottom:0px !important;
    }
@media screen and (max-width: 421px) {
    .boxes.product .loclist.boxesCB{
    width: 100% !important;
    }
     .page-template-CB-boxtemplate #page > #awards{
        margin:20px auto 60px auto !important;
     }
   .boxes #flagform1 label, .boxes #flagform1 label.lab50{
    width:100% !important;
}
}
@media screen and (max-width: 640px){

        .mob .sizeblockspack{
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(4, 135px);
    display:block;
    padding-bottom: 10px;
}
.mob .sizeblockspack > .sizeblock{
    display:block;
}
.mob .sizeblockspack .sizeblock .loctxt, .mob .sizeblockspack .sizeblock , .mob .sizeblockspack .sizeblock .pricesize{
    width:100% !important;
    transform:unset !important;
}
.mob .sizeblockspack .sizeblock .loctxt{
    margin-bottom:0px !important;
}
.mob .sizeblockspack .sizeblock{
    margin-bottom:10px !important;
    }
.mob .sizeblockspack .sizeblock p, .mob .sizeblock.p0 p{
min-height:unset;
margin-bottom:0px;
padding-left:20px !important;
}

.mob .sizeblock.p0 .pricesize{
     margin-top:0px !important;
     margin-bottom:10px !important;
}
.mob .sizeblock .puntlab, mob .sizeblock.p0 .puntlab{
    text-align:left;
    padding-left:20px !important;
}
.mob .sizeblock.p0 p{
    padding:10px 20vw;
    text-align:left;
}
}
@media screen and (min-width: 420px) {
    .boxes #secondary-timebuts.rules{
        width: 100% !important;
    }
    .boxes.product .loclist.boxesCB{
    display:inline-block !important;
    width:65% !important;
    margin-right: 5%;
    border:unset !important;
    }
    .boxes .loclist.checkout .hl img{
        margin-bottom: -20px;
    }
    #mobgal{
        display:inline-block;
        width:25%;
        vertical-align: top;
        padding-top: 30px;
        text-align:right;
    }
    #mobgal .boxsgal{
    max-width: 150px;
    }
    
    #mobgal .boxsgal > div{
        width:100%;
        display:block;
        margin-top:20px;
        
    }
    .container.product{
        padding-left:0px !important;
        padding-right:0px !important;
    }
    .container.product.boxes{
        margin-top:0px;
    }
    }
    @media screen and (min-width: 750px) {

    .mob.sizeblockspack {
    grid-template-columns: repeat(2, 1fr) !important;
    grid-template-rows: repeat(2, 135px) !important;
    }
    }
}
@media only screen and (min-width: 951px) {
.mob.tblet .boxes .loclist.checkout{
    width:45%;
    border: 1px solid var(--lightblue);
}
.boxes .loclist.checkout .hl img{
    margin-bottom:-10px !important;
}
}
.mob.tblet #primary{
    margin-top:0px !important;
}
.boxes .hl{
    height: 250px;
  text-align: center;
   margin-left:-40px;
   width: calc(100% + 80px);
   margin-bottom:30px;
}
.boxes #hl1, .boxes #hl2{
    width:30px;
    height:30px;
background-image:url(https://www.boxie24.com/wp-content/themes/boxie24underscore-child/infeez/arrow_blue_down.svg);
    background-size:25px auto;
    background-position-x: left;
    background-repeat:no-repeat;
  position:absolute;
  top: 150px;
  left:0px;
   cursor:pointer;
      transform: rotate(90deg);
      z-index:1000;

}
.boxes #hl1::hover, .boxes #hl2::hover{
box-shadow: 0 0 6px 6px #3c50fa1f;
}
.boxes #hl2{
    left:auto;
    right:0px;
     background-position-x: right;
       transform: rotate(-90deg);
}
.mob .boxes .hl{
    height: unset;
    margin-bottom: -10vw;
}
.mob.tblet .boxes .hl{
    margin-bottom:0px;
}
.mob .boxes #hl1{
    /*top: 30vw;*/
}
.mob.tblet .boxes #hl1, .mob.tblet .boxes #hl2{
    top: 150px;
}
.product .loctxt, .student .loctxt {
	width: 100%;
	position: relative;
}
.loclist.checkout img{
    margin-bottom: 20px;
    width: 100%;
}
.boxes .loclist.checkout .hl img{
    margin:-30px 0px 0px 0px;
    width: auto;
   filter: drop-shadow(0px 10px 8px #5d6efa60);
}
.loclist.checkout.checkoutCB.fixed img{

}
.loclist.checkout.checkoutCB.fixed{
   /*padding-top:40px;*/
}
#putflags, #putflags2, #putflags4 {
	position: relative;
	z-index: 10000;
	text-align: left;
}

.mob{
	display: none;
}

.mobile-nav-toggle {
	display: none;
}

.price.new span.ipreis {
	display: none !important;
}

@media only screen and (max-width: 1500px) {
.loclist.checkout img{
        margin-bottom: 20px;
        width: 80%;
        margin-left: 10%;
    }
}
@media only screen and (max-width: 1280px) {
.xof .lbluefw{
        padding-left: 7%;
        padding-right: 7%;
}
#overboxie.fsprovider{
    overflow:hidden !important;
    border-radius: 20px;
    width: auto;
}
    #overboxie.fsprovider, .xof .crumbs.mobblue, #googlebar,#howitworks{
        margin: 0px 5%;
    }
    #overboxie.fsprovider .txt {
        width: 35% !important;
    }
    #overboxie.fsprovider h1{
        width: 130%;
    }
    #overboxie.fsprovider > img{
        right: unset;
        left: 30%;
        top: 0px;
    }
    .fsprovider .glogo{
        right: unset;
        left: 60%;
        bottom: 50px;
    }
    .w100vw.gbar, #reviews24{
        margin-left: 0px !important;
    }
    #helpbar:not(.block) > img{
        position: absolute;
        margin-right: 0px !important;
        right: 0px;
        bottom: 0px;
    }
    
    #howitworks{
        max-width: 100%;
        padding: 50px 0px;
    }
    #howitworks .img{
        padding-top: 8vw;
    }
    #howitworks .steps24{
       margin-left: 35%;
    }
    .sliders .wp-google-feedback{
        overflow-y: hidden;
    }
    #reviews24 .googlebar, #reviews24 .reviews{
    width: 75%;
        max-width: 1080px;
    }
    #reviews24 .reviews{
        width: 75%;
        padding: 0px;
    }
    .boxfit.nw{
        width:100%;
    }
}
@media only screen and (max-width: 1260px) {
    .boxes #flagform1 label, .boxes #flagform1 label.lab50{
    width:100% !important;
}
.mob.tblet .boxes .loctxt{
    margin-bottom:-20px;
    text-align:right;
}
	.custom-logo-link {
		margin-left: 0px;
	}
    .d2024 #whystore {
    width:100vw;
    margin-left:0px;
    }
	.checkout #secondary-timebuts {
		margin-left: 0px;
		width: 45%;
	}

	.checkout #order {
		width: 45%;
	}
	.w100vw.gbar.reviewtop > div{
        padding: 30px 0px 100px 0px;
        width: 60%;
        margin-left: 7%;
    }
    .reviewsh1 div.pilot img {
        margin-top: 10px;
    }
      .reviewtop .crumbs.mobblue {
    background-color: var(--darkblue);
    color: #fff !important;
    margin-top: 0;
    max-width: max-content;
    padding: 6px 16px;
    border-bottom-right-radius: 15px;
    position: absolute;
    z-index: 100;
    margin: 0;
    left:0px;
    top:0px;
  }
   .w100vw.gbar.reviewtop {
    padding: 0;
    margin-top: 10px !important;
  }
  .w100vw.gbar.reviewtop > img{
    position:absolute;
    bottom:0px;
    width:auto;
    height:90%;
    left:65%;
  }
  .reviewsh1{
    margin-top:-50px;
  }
  .w100vw.feedback::before{
    margin-top: 50px;
    height: calc(100% - 50px);
  }
  #googlebar{
    padding:10px;
    margin:0px;
  }
  #googlebar #glogo{
    width: 35%;
  }
  #helpbar .helptxt{
    right: 120px;
    max-width:320px;
  }
}

@media only screen and (max-width: 1050px) {
	.checkout #order {
		margin-right: 0px;
	}
	#glogo::before{
	    margin-top:5px;
	}

}

@media only screen and (min-width: 1100px) and (max-width:1280px){
 .boxes.product .loclist.boxesCB:not(.fixed):not(.fixedmargin){
        width: 45% !important;
    }
    }
@media only screen and (min-width: 950px) {
	.main-navigation ul li:hover>ul, .main-navigation ul li.focus>ul {
    /* left: auto; */
		display: block;
 /* Added */;
	}

}

@media only screen and (max-width:980px) {
.w100vw.gbar.reviewtop > div h2{
    padding-top:30px;
}

.w100vw.gbar.reviewtop > img{
   
}

	.franch input.wpcf7-submit {
		position: relative;
		float: none;
		width: 100% !important;
		display: block;
		margin-top: 10px;
	}

	.franch span[data-name="your-tel"] {
		width: 100% !important;
		margin-bottom: 10px;
	}

	.franch .im {
		right: -10%;
	}
}

@media only screen and (max-width:960px) {
 
	.hometop .im.enau img {
		margin-left: -20%;
		height:100%;
	}
	 #case > p{
        max-width:60%;
    }
    #case .exp {
        bottom:50px;
    }
    #case .achiev {
        margin-top:30px;
    }
}
@media only screen and (max-width:1250px) {
#paggmb .pagbut{
    margin-right: 15px;
}
#taglinenew .carousel-slide {
        flex: 0 0 33.3% !important;
    }
}

.nav25.mob .site-branding > .mobile-nav-toggle {
		display: block;
		width: 23vw !important;
		max-width: 23% !important;
		margin-top: 0% !important;
		left: 40px;
		top: unset;
		display: flex;
		align-items: center;
		height: 100%;
		position: absolute;
		padding: 0px;
		margin-bottom: 0px;
	}
#masthead.nav25.mob {
    padding-top: 0px;
    position: relative !important;
    top: unset;
    display:block;
  }	
#masthead.nav25.mob .menu-item-has-children > ul{
        display:none !important;
    }
     #masthead.nav25.mob .main-navigation ul{
        float:none !important;
     }
   #masthead.nav25.mob .main-navigation ul > li{
        width:100%;
        display:block;
    }
    #masthead.nav25.mob .mobsub-arrow::before, #masthead.nav25.mob .mobsub-arrow.closed::before{
     
     }
@media only screen and (max-width:950px) {
#googlebar span:first-of-type {
  max-width: 480px !important;
}
#more-space24 {
background-size: 25vw;
}
#more-space24 > div:not(.lable) {
  padding-left: 30vw;
  }
  #morespacen, #qbut{
  width: max-content !important;
  }
.realex .revs > div{
   
}
	#cluster{
	    width:48% !important;
	     margin-right: 4%;
	}
	.cluster > #cluster:last-of-type{
	    margin-right: 0px;
	}
#totalsbottom.sticktopnew, #totalsbottom.sticktopnew #toggleBottom {
    display:block;
}
.pricenav{
    display: none !important;
}

	.fcol a.toptit {
		max-width: 80%;
	}

	.fcol .mobsub-arrow {
		margin-top: -40px;
	}

	#calctop article {
		max-width: 70%;
	}

	#masthead {
		padding-top: 0px;
		position:relative !important;
		top:unset;
	}

	.safaricoll2, .safaricoll3, .safaricoll1 {
		width: 100%;
	}

	.blogo {
		max-width: 192px !important;
		width: 80%;
		vertical-align: middle;
	}

	.site-branding > .mobile-nav-toggle {
		display: block;
		width: 23vw !important;
		max-width: 23% !important;
		margin-top: 0% !important;
		left: 40px;
		top: unset;
		display: flex;
		align-items: center;
		height: 100%;
		position: absolute;
		padding: 0px;
		margin-bottom: 0px;
	}
    .tablet25 .site-branding > .mobile-nav-toggle {
        margin:0px;
    }
	.container.fullwidth {
		margin-top: 0px;
	}

	#tagline {
		display: block;
		position: relative;
		overflow-y: hidden;
	}

	.tagline.green.boxes {
		margin-bottom: 0px !important;
	}

	.tagline img {
		margin-left: auto;
		margin-right: auto;
		display: block;
		float: none;
	}

	#hphonecontainerrr {
		margin-right: 0px;
		float: right;
		min-width: 25%;
		max-width: 25%;
	}

	#hphonecontainer div {
		padding: 0px;
		position: relative;
		display: block;
		height: 100%;
	}

	#hphonecontainer .button div {
		display: inline-block;
		text-align: left;
		padding: 0px;
		width: 100%;
		height: 100%;
		margin: 0px !important;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#hphonecontainer div .teltxt {
		display: block !important;
		padding: 0px !important;
		margin: 0px !important;
		line-height: 20px;
		font-size: 15px;
		padding-bottom: 10px;
		padding-left: 50px !important;
		text-align: left;
		width: 100% !important;
	}

	#hphonecontainer div b, #hphonecontainer div p, #login.button, #googletop {
		display: none !important;
	}

	#hphonecontainer .hphonecont {
		margin-bottom: 0px !important;
		padding: 0px !important;
		height: 100%;
		border-radius: 0px;
	/*test*/
		margin-top: 0px;
		vertical-align: top;
	}

	#hphonecontainer .button.tel {
		vertical-align: top;
		margin: 0px;
		padding: 0px;
		border-radius: 0px;
		height: 100%;
		text-align: left;

		display: block;
		height: 100%;
	}
    #hphone{
        padding: 10px 20px  10px 10px !important;
    }
	#hphonecontainer .phone a {
		width: 60px !important;
		height: 60px;
		border-radius: 50%;
	}
    #hphonecontainer .phone b{
        padding-left: 30px;
    }
	#hphonecontainer .phone::before {
		font-size: 20px;
        margin-top: -6px;
	}

	#hphonecontainer .phone .teltxt::before {
		content: '\e942';
		font-family: icons;
		font-size: 40px;
		border-radius: 50%;
		color: var(--boxiegreen);
		background-color: #ffffff;
		border: 1px solid #ffffff;
		margin-top: 10px;
		margin-top: 4px;
		margin-bottom: 10px;
		margin-bottom: unset;
		display: inline-block;
		position: absolute;
		width: 34px;
		height: 34px;
		font-size: 20px;
		line-height: 29px;
		text-align: center;
		margin-left: 0px;
		font-weight: 500;
		left: 0px;
	}

	#hphonecontainer div {
		padding-left: 10px;
		padding-right: 10px;
		padding: 0px;
		position: relative;
		display: flex;
		height: 100%;
	}

	#hphonecontainer .tel div {
		display: inline-block;
		text-align: left;
		padding: 0px;
		width: 100%;
		height: 100%;
		margin: 0px !important;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#hphonecontainer .hphonecont > div {
		padding: 10px 10px 15px 20px;
		width: 100%;
		display: block;
	}

	#hphonecontainer div .teltxt {
		font-size: 14px;
		line-height: 20px;
		font-weight: 400 !important;
		padding-left: 50px !important;
		width: 100%;
		margin-top: 0px !important;
		text-align: left;
	}

	#hphonecontainer:hover {
		
	}

	#hphonecontainer:hover .button {

	}

	#hphonecontainer:hover .button.tel:after {
		color: var(--bgblue);
		border: 1px solid var(--bgblue);
	}

	#hphonecontainer:hover .button.tel {
		border: 0px !important;
	}
/*.login-icon{
	display:inline-block;
	width: 40px;
	height: 40px;
	margin-top: 20px;
	margin-right: 0px;
}*/
	#masthead > .login-icon {
		display: block;
		margin-left: 20px;
		width: 50px;
		height: 50px;
		position: absolute;
		left: 20px;
		top: 30px;
		background-image: url(/wp-content/uploads/2022/11/Acount_login_800x800px.png);
		background-repeat: no-repeat;
		background-size: cover;
		cursor: pointer;
		z-index: 100;
	}

	.site-branding {
		background-image: none;
		height: auto;
		text-align: left;
		position: relative;
		overflow: hidden;
	}

	.main-navigation ul li:hover>ul, .main-navigation ul li.focus>ul {
    /* left: auto; */
		display: none;
 /* Added */;
	}

	.mobile-nav-togglerrr {
		display: none;
		display: inline-block;
		padding: 0px;
		width: 100px;
		margin-top: -10vw;
		position: absolute;
		margin-left: 30px;
	}

	.mobile-nav-toggle {
	/*width: 23vw !important;
	max-width: 23% !important;
	margin-top: 0% !important;
	left: 10px;
	display: flex;
	align-items: center;
	height: 100%;
	position: absolute;*/;
	}

	.main-navigation ul {
		display: block;
		display: none;
		background-color: var(--bgblue);
	}

	.sub-menu .coll2, .sub-menu .coll3 {
		columns: 1;
	}

	#site-navigation {
		background-color: transparent;
		height: unset;
	}

	#site-navigation > div {
		display: none;
	}

	#site-navigation li {
		width: 100%;
		margin: 0px;
	}

	#site-navigation > div > ul > li, #site-navigation li {
		border-top: 1px solid #ffffff;
	}

	#site-navigation > div > ul > li:last-of-type {
	/*border-bottom: 1px solid #ffffff;*/;
	}

	#site-navigation > div > ul > li > a, #site-navigation > div > ul ul a {
		padding: 20px 10px 20px 40px;
	}

	#site-navigation > div > ul ul a {
		padding: 20px 10px 20px 60px;
	}

	#site-navigation .sub-menu .sub-menu {
	}

	#site-navigation .sub-menu .sub-menu a {
		padding: 20px 10px 20px 80px;
		width: 100%;
	}

	.sub-arrow {
		display: none !important;
	}

	.menu-item-has-children > a:after, .has-kiddies > a:after {
		content: unset;
		display: none;
	}
    .nochildren .mobsub-arrow{
        display: none !important;
    }
	.safariblock {
		display: block !important;
	}

	.mobsub-arrow {
		line-height: 1.2;
		text-align: center;
		display: block;
		width: 20px;
		height: 20px;
		position: absolute;
		left: 250px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-top: -24px;
		color: var(--bgblue);
		border: 1px solid #ffffff;
		cursor: pointer;
	}

	.mobsub-arrow {
		-webkit-box-align: revert;
		left: auto;
		position: relative;
		display: inline-block;
		float: right;
		width: 20px;
		height: 20px;
		margin: 0px;
		border: 0px;
	}

	.mobsub-arrow:before, .mobsub-arrow.closed:before {
		content: ' ';
		width: 20px;
		height: 20px;
		background-image: url('infeez/arrow_white_down.svg');
		background-size: 100%;
		background-repeat: no-repeat;
		display: block;
	}

	.mobsub-arrow:hover {
	}

	.nav-menu .mobsub-arrow {
		float: none;
	}

	.sub-menu .mobsub-arrow {
	/*display: none !important;*/;
	}

	li.toggled > .mobsub-arrow::before, .fcol.toggled .mobsub-arrow::before {
	/*content: '\00d7';
	color: #ffffff;
	font-weight: 900;
	background-image: none;
	line-height: 20px;
	font-size: 40px;
	margin-bottom: -20px;
	position: absolute;*/
		content: '';
		margin-top: 6px;
		background-image: url('infeez/cross3.svg');
		position: absolute;
		background-size: 90%;
	}

	li.toggled .mobsub-arrow::before {
	}
/*.closed.mobsub-arrow::before{
content: ' + ';
font-weight: 900;
color: #ffffff;
}
.mobsub-arrow:hover::before{
color: var(--bgblue);
}
.mobsub-arrow::before{
content: ' - ';
font-weight: 900;
color: #ffffff;
}*/
	.main-navigation ul {
		padding-bottom: 30px;
	}

	.fll, .flr {
		width: 100%;
		float: none;
	}

	.subshow {
		position: relative;
	}

	.main-navigation ul ul, .main-navigation.toggled ul ul {
		display: none;
	}

	.main-navigation ul>li:hover {
		background-color: var(--bgblue);
	}

	#site-navigation .sub-menu a {
		font-weight: 400;
	}

	#site-navigation .sub-menu:hover a, #site-navigation .sub-menu .sub-menu:hover li {
		background-color: transparent;
	}

	#site-navigation .sub-menu a:hover {
		font-weight: 900;
		background-color: transparent;
	}

	.main-navigation:not(.nav25) ul>li:hover , #page:not(.nav25) .is-hover a {
		background-color: var(--darkblue);
		color: #ffffff !important;
	}

	.main-navigation ul>li a:hover ul {
		display: none;
	}

	.main-navigation.toggled ul {
		display: block;
		float: left;
		width: 100%;
		background-color: var(--bgblue);
		z-index: 10000;
		position: relative;
		padding-bottom: 0px;
	}

	li.toggled > .sub-menu {
		display: block !important;
		position: relative;
		float: none;
		margin-left: 20px;
		left: 0px;
	}

	#site-navigation .sub-menu .sub-menu {
		display: none;
	}

	li.toggled .sub-menu  .sub-menu {
		position: relative;
		display: none;
		float: none;
		margin-left: 0px;
		margin-top: 0px;
		left: 0px;
	}

	li.toggled .sub-menu li.toggled .sub-menu {
		display: block;
	}

	.main-navigation ul .sub-menu {
		margin-left: 0px;
		position: relative;
		padding: 0px;
		text-align: left;
		background-color: #3441e2;
	}

	.sub-menu:hover > * {
		display: block;
	}

	#site-navigation ul > li:not(.searchmob) a {
		padding: 10px 20px;
		font-size: 16px;
		font-weight: 700;
		color: #ffffff !important;
		display: inline-block;
		width: 80%;
	}
	

	.menu-item-has-children::before {
		top: 6px;
		left: 30%;
	}

	.toggled .toggle-icon>div {
		display: none;
	}

	.toggled .toggle-icon::before {
		content: "\00d7";
		color: #ffffff;
		font-family: text;
		font-size: 80px;
		line-height: 40px;
		margin-left: -20px;
	}

	.toggle-inner {
		display: flex;
		justify-content: left;
		position: relative;
		padding: 0px;
	}

	.toggle-icon {
		padding: 0px;
		display: block;
		overflow: hidden;
		width: 30px;
		height: auto;
		margin-left: 0px !important;
	}

	.toggle-icon > div {
		background-color: #ffffff;
		border-radius: 4px;
		width: 100%;
		height: 5px;
		margin: 0px 0px 6px 0px;
	}

	#hphonecontainer #switch {
		height: 50px;
		position: absolute;
		z-index: 120;
		top: 30px;
		vertical-align: top;
		left: 120px;
		padding: 0px;
		display: none;
	}

	#switch .mobbut, .nav25 .mobbut {
		height: 50px;
		width: 50px;
		background-size: cover;
		background-repeat: no-repeat;
		display: inline-block;
		border: 1px solid #ffffff;
		border-radius: 50%;
		vertical-align: middle;
		margin-right: 10px;
	}
     .nav25 .mobbut {
     	height: 18px;
		width: 24px;
		border-radius:0px;
		margin-right: -10px;
		margin-top: -4px;
     }
	#switch .arrowdown {
		display: none;
	}

	#langpick {
		margin-left: 0px;
	}

	#tagline, #tagline .container {
		background-color: #d2e6ff;
	}

	#hphonecontainer {
		display: inline-block;
		padding: 0px;
		margin-top: 0px;
		max-height: 500px;
		position: absolute;
		top: 0px;
		bottom: 0px;
		right: 0px;
		vertical-align: top;
		background-color: unset;
		padding-right:20px;
		float: right;
	}
	.pricenav.mob23{
	float:right;
    display: block !important;
    height: 40px !important;
    margin-top: 20px !important;
    
    min-width: min-content !important;
}
    .pricenav.mob23 a{
        padding: 10px 20px !important;
        display: block;
    line-height: 16px;
    }
	#hphonecontainer .hphonecont{
	    width: max-content;
	    margin-top: 20px;
    height: 40px;
    float:right;
	}
    #hphonecontainer .hphonecont > div{
        padding:0px !important;
    }
     .mob23 #hphonecontainer #hphone{
        
     }
      #hphonecontainer .button.tel{
        border-radius: 30px;
        padding-left: 20px;
      }
      #hphonecontainer div b{
        display:block !important;
      }
	#footer_locations {
		padding: 20px;
	}

	.fcolscroll {
		width: 100%;
		padding-right: 10px;
	}

	.fcol.ext .fcolscroll {
		height: auto;
	}

	.whitebar {
		padding: 20px;
	}

	.hometop > div {
		width: 50%;
	}

	.teambanner {
		height: 40vw;
	}

	#overboxie, #map {
		padding: 0px;
	}

	#better .steps {
		width: 23%;
	}

	.map .txt {
		width: 50%;
	}

	.map .step.us {
		left: 50%;
	}

	.map {
		padding: 0px;
		width: 100%;
		max-width: 86vw;
		padding-top: 40px;
	}

	#mapdrop {
		margin-bottom: 30px;
	}

	.map > img {
		min-width: 50%;
	}

	#mapdrop li a {
  /*padding: 9px;*/
		line-height: 20px;
		font-weight: 600;
	}

	.mapimg {
		width: 50%;
		position: absolute;
		bottom: 20%;
	}

	.map .step {
		bottom: 30%;
	}
  /*+++++++++++++++++productpage +++++++++++++++*/
	.storage #primary, .student #primary {
		padding: 0px 5%;
	}

	.storage #secondary {
		width: 32%;
		float: right;
	}

	.product #primary, .student #primary {
		width: 100%;
		padding-left: 5% !important;
		padding-right: 5% !important;
	}
    #totalsbottom.newsum.closed .sizegreen{
        text-align: left;
        padding-left:5vw !important;
        width: unset !important;
        font-size: 16px;
        line-height:26px;
    }
	#secondary-timebuts {
		width: 35%;
		position: absolute;
		top: 0px;
		right: 0px;
	}

	a.porto-product-filters-toggle {
		-webkit-align-items: center;
		align-items: center;
		height: 36px;
		background: #fff;
		padding: 0 10px 0 3px;
		text-transform: uppercase;
		color: inherit;
		border: 1px solid #e7e7e7;
		display: inline-block;
		float: left;
		margin: 7px;
	}

	a.porto-product-filters-toggle svg {
		fill: #fff;
		width: 28px;
		stroke: #212529;
	}

	.fbuttxt {
		height: 34px;
		display: inline-block;
		vertical-align: top;
	}

	.cityhead {
		display: block;
	}

	.location-pagination {
		height: auto;
	}

	#showcontr, #found, .filter-viewing {
	/*float: none;
	width: 100%;
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;*/;
	}
	.container.storage:not(.product) .category-landing{
	    position:relative;
	    padding-top: 0px;
	    /*padding:40px 0px 40px 0px;*/
	}
    .category-landing > #showcontr{
       /* position: absolute;
        top: 30px !important;
        right: 10px;*/
        float: right;
    }
    .location-pagination{
        margin-top:0px;
    }
    #filman{
        display:none;
    }
    #found{
        display:none;
    }
    .category-landing h2.nonmob{
        max-width:calc(100% - 150px);
        display:inline-block;
        min-width:300px;
    }
	.filter-viewing span {
	}

	#ui-id-1-button {
		display: inline-block;
		text-align: left;
	}

	.hexbg:not(.checkout) #steps:not(.nw) .steps {
		width: 100%;
		display: block;
		padding-bottom: 20px;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 60px;
		border-radius: 40px;
		background-color: #d2e6ff;
		padding-left: 10vw;
		padding-right: 10vw;
	}

	.hexbg.student #steps .steps {
		background-color: unset !important;
	}

	.hexbg:not(.checkout) #steps div:nth-of-type(n+2) {
		margin-top: -90px;
	}

	.hexbg:not(.checkout) #steps div:last-of-type {
		padding-bottom: 40px;
	}
	.hexbg.blue.checkout{
	    margin-bottom: 50px !important;
	     margin-top: -50px !important;
	}
	
    .hexbg.blue.checkout h2{
        padding: 20px;
        background-color: var(--bgblue);
        color: #fff !important;
        margin:0px;
        width: 100%;
        bottom: 0px;
        max-width: 100%;
    }
    .hexbg.blue.checkout .subtit{
        display: none;
    }
     .hexbg.checkout #steps{
     padding: 0px;
     padding-top:100px;
     }
      .hexbg.checkout #steps .steps{
        margin: 10px 0px 0px 0px;
      }
     .hexbg.checkout h4{
        margin-top: 0px;
        margin-bottom: 10px;
     }
     #secondary-timebuts.rules{
         width: 100% !important;
        float: unset !important;
     }
     #secondary-timebuts.rules .product-side{
        width: 100% !important;
     }
     #totalsbottom.not('.newsum') #producttotals, #totalsbottom.not('.newsum') #producttotals h4, #totalsbottom.not('.newsum') h2{
        color: #fff !important;
     }
     #totalsbottom h2{
        max-width: 75vw;
     }
     #totalsbottom #producttotals{
        padding-top:0px !important;
        position:relative;
     }
     #producttotals .didsave{
        margin:30px 0px !important;
        
     }
     #totalsbottom #producttotals .didsave{
        
        margin-bottom: 20px !important;
     }
     #totalsbottom.newsum #producttotals .didsave{
        margin-top:10px !important;
        margin-bottom: 30px !important;
     }
     #totalsbottom h2 i{
        font-weight: 300;
        font-style: normal;
     }
     .sizeblocks{
     
     }
     .checkout .darkblue{
        display: block;
        position: relative;
     }
     .loclist.checkout::not(.boxesCB){
        display: none !important;
     }
     
     section .loclist.checkout{
        display: block !important;
        width: 100% !important;
        background-color: #fff;
        margin-bottom:0px;
     }
     section .loclist .loctxt{
        display: none !important;
     }
     section .loclist.checkout img {
        margin-bottom: 0px;
    }
	.steps img {
		padding: 0px 30px;
		max-width: 180px;
		margin-top: -60px;
		margin-left: auto;
		margin-right: auto;
	}

	#steps.boxstep {
		background-color: transparent !important;
	}

	.boxstep .steps p, .boxstep .steps h4, .boxstep .steps .h4 {
		width: 100%;
		display: block;
		text-align: left;
		padding-left: 120px;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.boxstep .steps h4, .boxstep .steps .h4 {
		margin-top: 0px;
	}

	.steps p {
		line-height: 25px;
		margin-top: 10px;
	}

	.boxstep .steps {
		width: 80% !important;
		max-width:250px;
		padding-top: 20px;
		background-size: 140px auto;
		background-position: left 0px;
		background-color: transparent !important;
		margin: 0px auto;
		position: relative;
		z-index: 10;
		padding-right: 20px !important;
	}

	.step1 {
		background-color: transparent !important;
		background-image: url(/wp-content/uploads/2023/01/aantal_dozen_blauw_2.png);
	}

	.boxstep:before {
/*content: '';
	width: 8px;
		background-color: var(--bgblue);
		position: absolute;
		bottom: 160px;
		top: 400px;
		left: calc(10vw + 137px);
		z-index: 1;*/;
	}

	.step2 {
		background-color: transparent !important;
		background-image: url(/wp-content/uploads/2023/01/Icon_step_pickup_nr_new.png);
	}

	.step3 {
		background-color: transparent !important;
		background-image: url(/wp-content/uploads/2023/01/dozen_inpakken_blauw_2.png);
	}

	.step4 {
		background-color: transparent !important;
		background-image: url(/wp-content/uploads/2023/01/Icon_step_delivery_nr_new.png);
	}

	.step2 {
		margin-top: -70px !important;
	}

	.step3, .step4 {
		margin-top: -50px !important;
	}

	.vertgal {
		width: 100%;
		float: none;
	}

	.vspace.boxfit {
		margin-bottom: 0px !important;
		padding-bottom: 0px;
	}

	.boxfit #hlimg {
		width: 100%;
		height: 70vw;
		background-position-y: bottom;
		background-position-x: center;
	}

	.vertgal > div {
		width: 24%;
		display: inline-block;
		margin-right: 1%;
		height: 16vw;
	}

	.boxfit .legenda {
		margin-top: -50px;
		width: 50%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		min-width: 250px;
		left: unset;
	}

	#citygal.pgalboxes {
		background-color: var(--bgblue) !important;
	}

	.pgalboxes::after {
		content: unset !important;
	}

	#citygal.pgalboxes h2, #citygal.pgalboxes h4 {
		color: #ffffff !important;
	}

	#citygal.pgalboxes h2 {
		padding-top: 40px;
	}

	#citygal.pgalboxes .button {
		background-color: var(--boxiegreen) !important;
	}

	#citygal.pgalboxes .button {
		border-color: var(--boxiegreen) !important;
	}
/*.tagline.boxes{
	background-color: transparent;
	width: 100$;
	height: 60px;
}
.tagline.boxes > div{
	display: none;
}*/
	#faqblock.faqpage h2 {
		border-radius: 0px;
		width: 100%;
		max-width: 100%;
		margin: 0px;
	}
	
	 .sizegreen{
        color: #fff;
        background-color: var(--boxiegreen); 
        font-weight: 900;
        font-size: 26px;
        line-height: 36px;
        position: absolute;
        display: none !important;
        top: 0px;
        bottom: 0px;
        left: 0px;
        width: 25vw;
        text-align: center;

    }

    .newsum  .sizegreen, #totalsbottom.newsum.darkblue, #totalsbottom.newsum #was, #totalsbottom.newsum #time {
        background-color: #ffffff;
        color: var(--titlegrey);
    }
     #totalsbottom.newsum.closed{
        box-shadow: 0px 2px 25px -3px #3c454e8c;
    }
    #totalsbottom.newsum #prodh2 .maat, #totalsbottom.newsum #prodh2 .cuub{
         color: var(--titlegrey) !important;
    }
    #totalsbottom.newsum #is, #totalsbottom.newsum #prodh2{
        color: var(--bgblue) !important;
    }
    #totalsbottom.newsum #prodh2{
        margin:0px;
    }
    #totalsbottom.newsum .open{
        border: 1px solid var(--bgblue);
        background-color: var(--bgblue);
        top:30px;
        z-index:100;
    }
    #totalsbottom.newsum h4.firstline{
        width:100%;
    }
    .singleprod .sizegreen{
        
    }
    .closed .sizegreen{
        display: block !important;
        padding: 30px;
    }
   
    .sizegreen b{
        display: block;
        overflow: visible;
    }
    .sizegreen i{
        display: block;
        font-weight: 300;
        font-style: normal;
    }
    .closed .sizegreen i{
        display:none;
    }
    #mobsub{
    
    }
    #is, #was, #time{
    font-size: 20px;
        color: #ffffff;
        font-weight: 700;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    #was{
        font-weight: 300;
        
    }
    #site-navigation #taglinenew{
        background-color:#d2e6ff;
        display:block;
    }
    #site-navigation.toggled #taglinenew{
        display:none !important;
    }
    #site-navigation #taglinenew .carousel-slide {
    background-color:#d2e6ff;
        flex: 0 0 33.3%;
    }
}

@media only screen and (max-width: 1130px) {
	#secondary-timebuts {
		width: 45%;
	}
    #secondary-timebuts.rules{
        width: 50% !important;
    }
	.product .loclist, .student .loclist{
		width: 45%;
	}
	.newsum .loclist.checkout{
	    width: 40%;
	}
	.newsum  #secondary-timebuts.rules{
	    width: 60% !important;
	    margin-right:0px !important;
	}
	.newsum .loclist.checkout img{
	     width: 80% !important;
	}
    .loclist.checkout{
       
    }
	.site-branding {
		width: 90%;
	}

	.site-branding.home {
		width: 100%;
	}

	#googletop {
		display: none !important;
	}

	.boxtop .boxsub {
		padding-top: 6vw;
	}
}

@media only screen and (max-width: 1260px) {
#boxplus div{
	    margin-top: 16px;
	}
#case{
padding:40px;
}
#case .exp {
right:40px;
}
#case .exp.max {
top: unset;
bottom:40px;
  right: 20px;
  width: 100%;
    max-height: 100%;
    max-width: calc(100% - 40px);
}
#case .exp.max img{
    max-height: unset;
    max-width: unset;
}

.banner.franch h1 br {
	display:none;
	}
	.banner #frform{
	padding:40px;
	}
	.banner.franch p{
	    max-width:80%;
	}
	.banner.franch > img{
	    margin-right:15%;
	    height:90%;
	}
	.container.hexfranch{
	    width: 100%;
        padding-left: 7%;
        padding-right: 7%;
	}
	.hexfranch #steps::after{
	    width: 86%;
        margin-left: 7%;
    }
	.container.hexfranch .whitebar{
	    padding: 30px 10px 50px 10px;
	    max-width:100vw;
	}
	.banner.map{
	    width:100vw;
	    height: auto;
        aspect-ratio: 3/1;
        padding-right: 7vw;
	}
	
	.franch2.new{
	    width:90vw;
	}
	.hexfranch h2{
	    width:75%;
	}
	.new .w50, .new .franch2.w50 {
	width: 50%;
	}
	.franch2 .legenda{
	bottom:20px;
	left:40px;
	}
	.franch2 .legenda.actloc {
	left:-150px;
	}
	#easy{
	    width:80%;
	}
	#easy img{
	    right;25%;
	}
	#bafter {
	background-size: 100% auto;
	background-position-y: 40px;
	aspect-ratio: 2/1;
	}
	#bafter #fx{
	left: 0px;
	}
	@media only screen and (max-width: 980px) {
	    .new .w50 {
	    width: 60%;
	    }
	    .new .franch2.w50 {
	    width: 40%;
	    }

	}
	@media only screen and (max-width: 950px) {
/*	#faqblock.faq2024.frbied h2{
font-size: 34px !important;
line-height:44px !important;
}*/
        .container.hexfranch .whitebar {
        padding-top:0px;
        padding-bottom:0px;
        }
        .hexfranch .steps {
          width: 24%;
          margin-top: 80px;
        }
        .hexfranch #steps::after{
        height:60%;
        }

		.new .w50 {
	     width: 100% !important;
	     display:block;
	     }
	     .new .w50 h2, .new .w50 p{
	        text-align:center;
	     }
	     .franch2.new{
	    width:80vw;
	    }
	     .franch2.new .franchmap > img{
	     margin-bottom:-10vw;
	     }
	     .franch2 .legenda{
	     position:relative;
	     left:unset;
	     margin-bottom:50px;
	     width: max-content;
	     padding-right:20px;
	    }
	    .franch2 .legenda.actloc {
	    left:unset;
	     margin-bottom:10px;
	    }
	   #waiting p{
	    max-width:50%;
	   } 
	   #waiting h2{
	    max-width:65%;
	   } 
	   #waiting::after {
	    right:-20vw;
	   }
	}
	@media only screen and (max-width: 900px) {
        .banner.franch {
            aspect-ratio: 2/1;
            padding:0px;
            margin-bottom: 300px;
        }
        .banner.franch > img{
            transform: scaleX(-1);
            right: 20vw;
            bottom:10vw;
        }
        .banner.franch .crumbs{
            display:block;
        }
	    .banner #frform{
	    position:absolute;
	    display:block;
	    background-color:var(--bgblue);
	    margin:40px auto;
	    width:90%;
        max-width: 500px;
        margin: 30vw calc((100vw - 500px) /2);
        z-index: 1000;
        text-align: center !important;
	    }
	    .banner.franch h1, .banner.franch p{
	    text-align:center;
	    max-width:100%;
	    }
	    .container.hexfranch{
	      padding:10vw;
	      background-color: #e8f2ff;
	    }
	     .hexfranch #steps::after{
	     height:100%;
	     }
	    .hexfranch .steps{
	        display:block;
	        width:100%;
	        background-color:transparent;
	        padding-bottom: 0px;
	        margin-bottom:0px;
	        margin-top: 30px;
	    }
	    .hexfranch .steps img, .hexfranch .steps .h4{
	        width: 30vw;
	        margin:10px auto;
	        max-width: unset;
	        min-width:200px;
	    }

	    .frbied.faq2024 > div{
	        width: 100%;
	        padding:0px;
	    }
	    #faqblock.faq2024.frbied p{
	        max-width: 400px;
            margin: 0px auto 20px auto;
            min-height:unset;
	    }
	    
	    #easy{
	    background-image:url(https://www.boxie24.com/wp-content/uploads/2024/11/Warehouse_Boxie24.webp);
	    overflow:hidden;
	    position: relative;
	    }
	    #easy h2{
	    color:var(--bgblue) !important;
	    }
	    #easy span div{
	        display:block;
	        width:80%;
            border-radius:30px;
            margin:20px auto;
            max-width:400px;
            background-color: rgba(35, 185, 120, 0.8);
            background-blend-mode: color-burn;
            text-align:center;
            padding:40px;
	    }
	    #easy span div:first-of-type{
	        background-color: rgba(0, 0, 193, 0.8);
            background-blend-mode: color-burn;
             border:0px;
              text-align:center;
	    }
	    #easy h4, #easy h4.green {
	    width: 100% !important;
	    color: #ffffff !important;
	    font-size:22px;
	    text-align:center;
	    padding:10px !important;
	    margin:unset !important;
	    border:unset !important;
	    text-indent: 0px;
	    
	    }
	    #easy span div:first-of-type p, #easy p.green{
	        margin:6px !important;
	        display:inline-block;
	    }
	    #easy p.green{
	        color:var(--boxiegreen)!important ;
	        background-color:#ffffff;
	    }
	    #easy img {
	        right: 0px;
            height: 30vw;
	    }
	    /* #waiting::after { https://www.boxie24.com/wp-content/uploads/2024/11/Banner_B2B_1920x760px.webp*/
	  
	}
	@media only screen and (max-width: 900px) {
	.banner.map{
	aspect-ratio: 2.5/1;
	background-size: 120% auto;
    background-position-x: 20%;
    padding:20px 7%;
	}
	.banner.map .lblueblok{
	    width: 15vw;
        height: 15vw;
        padding-top: 3vw;
        font-size: 2.3vw;
        line-height: 4vw;
      margin-right: 1vw;
      margin-top: unset;
      margin-bottom: calc(-85vw /2.5);
    
	}
	.banner.map .lblueblok b{
        font-size:3.5vw;
    }
	}
	.map > img {
		min-width: 20%;
	}

	.map .txt {
		width: 35%;
	}

	.map .step.us {
		left: 35%;
	}

	.white .phone::before {
		text-indent: 7px;
		line-height: 43px;
	}

	.product .price {
		font-size: 24px;
	}

	.product .price::before {
		width: 60px;
		height: 60px;
	}

	.whitebar {
		max-width: 100%;
		padding: 50px 10%;
	}

	.whitebar.usps {
		padding: 0px 10% 50px 10%;
	}

	.whitebar.qprivate {
		margin: 5% 10%;
	}

	.logoos img, .imgline img {
		max-height: 60px;
	}

	.teambanner.titleblock h1 {
		width: 50%;
		line-height: 46px;
	}

	.teambanner.titleblock .step {
		left: auto;
		right: 20%;
		top: 20%;
	}

	.usps.boxes {
		background-position-x: 120%;
		background-position-y: center;
		background-size: auto 75%;
	}

	.usps.boxes .col2block {
		width: 75%;
	}
}

@media only screen and (max-width: 1081px) {

	.mob #boxplus div, #boxplus div{
	    margin-top: 16px;
	}
    .realex {
        width: 85%;
    }
    #reviews24 .googlebar,  #reviews24 .reviews{
        width: 90%;
    }
	.container, .bar {
		padding-left: 34px;
		padding-right: 34px;
		background-size: 100%;
		overflow-x: hidden;
	}

	.site-branding {
		padding-left: 0px;
		padding-right: 34px;
	}

	.site-branding.home {
		padding-left: 0px;
		padding-right: 0px;
	}

	.fw, .fullwidth {
		padding: 0px;
		background-size: cover;
	}

	#primary.seo-page {
		width: 55%;
		padding: 50px 7vw 25px 7vw;
		margin-right: 0px;
	}
    #primary.seo-page.col2blocks {
      max-width: 1260px;
      margin: 50px auto;
      width: 90%;
      padding: 50px 0px;
      display: block;
    }
    .entry-content .bar.serviceblok{
        margin-top: 40px;
    }
	#primary.noparent {
		padding: 50px 7vw 25px 7vw;
	}

	#secondary.seopage {
		margin-right: 7vw;
		float: right;
	}

	#secondary .hometop {
		padding: 50px 3vw 50px 3vw;
	}
    .hometop{
        overflow:visible;
    }
	.container.magazinowl {
		padding-left: 34px;
		padding-right: 34px;
	}
	#steps::after{
	    height: 57%;
	}
    .quotetopnew{
        width: 100vw;
        height: auto;
        text-align: left;
        background-size: 100%;
        margin-top: 10px !important;
    }
    .quotetopnew .crumbs{
        border-bottom-right-radius: 6px;
        display: block;
        background: rgba(250,250,250, .9);
        padding: 5px 20px 10px 20px;
        width: max-content; 
    }
    .quotetopnew .crumbs > *{
        color: var(--bgblue) !important;
    }
    .lbluefw .crumbs{
        display: none;
    }
    a.crumbb{
        font-weight: 600 !important;
        margin-left: 2px;
    }
    .quotetopnew > div h1{
        background: rgb(60,80,250);
        background: linear-gradient(180deg, rgba(60,80,250,1) 0%, rgba(46,61,187,1) 100%);
        border-radius: 6px;
        padding: 20px;
        text-align:center;
        margin: 50px auto 0px auto;
    }
    .quotetopnew .dropdiv{
         margin: 20px auto 0px auto;
         display: block;
         max-width: 500px;
    }
    .quotetopnew .searchdropdown{
        max-width: 100%;
        margin-left: 0px;
        min-width: unset;
        width: 100%;
        
    }
    .quotetopnew > div{
        position: relative;
        margin: 0px;
        background: unset;
        bottom: 30px;
        text-align:center;
    }
	.site-branding {
		background-size: auto 80%;
	}

	.supportguy {
		margin-top: 0px;
	}

	.movebg, .oops {
		max-width: 100%;
	}

	.cgal a {
		width: calc((100vw - 48px) / 3);
		max-width: calc((100vw - 48px) / 3);
	}

	.badges {
		display: none;
	}

	#better h2 {
		max-width: 100%;
	}

	.qside .mainhexx {
		margin-left: -70px;
	}

	.qside #imgout #sguyq {
		left: 72%;
	}

	.storage #primary, .student #primary, .fw.cluster {
		padding: 0px 4%;
		width: 100%;
	}

	.product #primary {
		padding-top: 40px;
	}

	.cityhead {
		padding: 80px 5%;
	}

	.owl-icons {
		padding: 0px 10%;
		text-align: center;
	}

	.owl-icons li {
		width: auto;
	}

	.owl-icons .owl-dots {
		text-align: center;
	}

	.owl-icons button.owl-dot {
		width: 10px;
		height: 10px;
		margin: 20px 10px;
		display: inline;
		border-radius: 50%;
		background-color: rgb(60, 80, 250, 0.4) !important;
	}

	.owl-icons .owl-dots .active > span {
		background-color: var(--bgblue);
	}

	.owl-icons .owl-dot > span {
		width: 10px;
		height: 10px;
		display: block;
		border-radius: 50%;
	}
	.tagline > div {
  width: 90%;
  }
  #page.subpg25.v26 #primary.seo-page{
  margin:0px;
  }
  #page.mob25.subpg25.v26 #primary article{
    padding-left: 10vw;
    padding-right:10vw;
    margin-top: 0px;
    width:100vw;
  }
  #page.subpg25.v26 .seoh1{
    width: 80vw;
    margin-left:10vw;
    padding:30px;
    padding-top:40px;
  }
  
  .vidbar{
    padding:30px 5vw 30px 5vw;
    display:block;
  }
  #myvideo{
    width:100%;
    height:unset;
    }
  .vidwrap, .vidbar .txt{
    display:block;
    width:80vw;
    max-width: 80vw;
    margin: 0px auto;
    padding:0px;
  }
  .vidbar .txt{
    margin-top: 20px;
  }
.v26 .vidbar p.h2{
    margin:0px auto;
    padding: 0px 0px 20px 0px;
}

@media only screen and (max-width: 1045px) {
    #citygaln .carousel-slide {
        flex: 0 0 25%;
        padding-top: 25%;
        }
    #citygaln .carousel-slide > a{
        bottom: 30px;
        left: 5px;
        right: 5px;
    } 
}

@media only screen and (max-width: 951px) {
.hometop #badges24{
    left: 34%;
      width: 15%;
      top: 24%;
}
.hometop #badges24:not(.au){
    left: 24vw;
}
.mobcrumbs{
    display: block;
}
.cityhead .crumbs{
     display: none;
}
		#hphonecontainer .phone: :after{
	content: unset;
	}
/* footer mobile */
	#colophon {
		padding: 0px;
	}

	#tagline {
		font-size: 14px;
		max-height: 50px;
		overflow-y: hidden;
	}

	#fnav {
		display: block;
	}

	.container.fw, .container.fullwidth {
		width: 100vw !important;
	}

	.homescreen {
		padding: 0px 10vw;
	}

	.homescreen #popup .picker {
		padding: 0px;
	}

	.homescreen #popup .picker > div > a {
		width: 100px;
	}
	  .bar.serviceblok{
	    grid-template-columns: unset;
	    display:block;
	  }   
	 .bar.serviceblok .wrapitem {
        display: block;
        width: 100%;
        max-width: 100%;
        margin-bottom: 50px;
    }
    .bar.serviceblok .wrapitem span h3:first-of-type{
        margin-top: 0px;
    }
    .bar.serviceblok .wrapitem > div{
        width: 40%;
        height: 30vw;
        display: inline-block;
        vertical-align:top;
    }
   .bar.serviceblok .wrapitem > span{
    display:inline-block;
    width: 50%;
    padding-right: 0px;
    padding-bottom: 0px;
   }

    .serviceblok .pdroplist{
        display:none;
    }
    .serviceblok .dropcontainer{
        padding: 10px 20px;
        width: 48%;
    }
    .service .pagedrop::after{
        display: block;
    }
    .dropcontainer:hover{

    }

	.fcol {
		padding: 0px 40px;
		margin: 0px;
		width: 100%;
		border-top: 1px solid #ffffff;
		width: 100%;
	}

	#footer_locations .cols {
		justify-content: space-between;
		padding: 40px 20px;
	}

	.fcol h4 {
		width: 100%;
	}

	.fcolscroll {
		display: none;
		overflow-y: visible;
		max-height: 1000px;
		padding-bottom: 20px;
	}

	.fcolscroll a {
		font-size: 16px;
		padding: 6px 20px;
		font-weight: 600;
	}

	.fcol h4 {
		cursor: pointer;
	}

	.fcol h4:hover .fcolscroll {
		display: block;
	}

	.toggled .fcolscroll {
		display: block;
	}

	.toggled h4 .mobsub-arrow:before {
	/*transform: rotate(-90deg);*/;
	}

	.socfooter {
		padding: 0px;
		width: 100%;
		display: block !important;
		line-height: 20px;
	}

	.fcol .soc {
		display: none;
	}

	.dropcontainer {
		width: 48%;
	}

	.boxtop {
		background-color: #ffffff;
	}

	.boxtop h1 {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}

	.boxtop .im {
		margin-top: 50px;
	}

	.boxtop .im img {
		margin-right: -10px;
	}

	.boxtop .im img:last-of-type {
		margin-right: 0px;
	}

	.boxtop .boxsub {
		padding-top: 22vw;
		font-size: 4vw;
		line-height: 5vw;
	}

	.boxbut {
		margin-bottom: 50px;
	}

	.boxcontainer {
		padding: 0px;
	}
   
	.whitebar.usps.boxes {
		padding: 0px;
		background-color: #d2e6ff;
		width: 100%;
		padding: 30px 0px;
		background-image: url(/wp-content/uploads/2023/01/Drivers7_350x420px.png);
		background-size: 40%;
		background-position: right bottom;
	}

	.usps.boxes h2 {
		text-align: center;
	}

	.usps.boxes .col2block {
		text-align: left;
		columns: 1;
		padding-left: 20%;
	}
   
	.usps.boxes .button {
		display: inline-block;
	}

	.hexbg.blue::after {
		background-color: #ffffff;
	}

	.hexbg.blue h2, .hexbg.blue h3 {
		color: var(--bgblue) !important;
	}

	.hexbg.blue h3 {
		font-size: 28px;
		line-height: 32px !important;
	}

	.pickup .whitebar {
		padding-left: 0px;
		padding-right: 0px;
	}

	.hexbg.blue .subtit {
		color: #3a3a3a !important;
	}
	 .quotetopnew{
	    background-size: auto 100%;
	 }
	     /* steps new */
	#steps.new{
	    background-color: #3c50fa;
	    margin: 60px 7% 100px 7%;
	    border-radius: 15px;
	    overflow: hidden;
	    position: relative;
	    padding: 50px 5%;
	}
	#steps.new::after{
	     background-color: var(--darkblue);
	     position: absolute;
	     padding: 100%;
	     border-radius: 0px;
	     transform: rotate(10deg);
        bottom: -360px;
        left: -500px;
        width: 1000px;
        height: 1000px;    
	}
	#steps.new h2, #steps.new .h4{
	    color: #ffffff !important;
	}
	
	#steps.new .h4{
	    font-size: 24px;
	    line-height: 32px;
	}
	#steps.new .steps{
	    background-color: unset !important;
	    background-size: 60%;
	    padding-top: 45vw;
	    margin-bottom: 0px;
	}
	.new .steps:nth-of-type(1){
        background-image: url(/wp-content/uploads/2024/06/icons_proces_step1_white_green_nr.png);
    }
    .new .steps:nth-of-type(2){
        background-image: url(/wp-content/uploads/2024/06/icons_proces_step2_white_green_nr.png);
    }
    .new .steps:nth-of-type(3){
        background-image: url(/wp-content/uploads/2024/06/icons_proces_step3_white_green_nr.png);
    }
    .new .steps:nth-of-type(4){
        background-image: url(/wp-content/uploads/2024/06/icons_proces_step4_white_green_nr.png);
    }
	#steps.new img{
	    max-width: unset;
	    margin-top: unset;
	}
    #steps.new p{
        display: none !important;
    }
   
}

.mob23 .nav-menu {
	padding-bottom: 0px;
}

@media only screen and (max-width: 950px) {
#page{
    margin-top: 0px;
}
    .blocktext{
        padding: 40px 40px 30px 40px;
    }
	#hphonecontainerrr {
		min-width: 25%;
		max-width: 25%;
	}

	.mobile-nav-toggle {
		width: 23vw !important;
		max-width: 23% !important;
		margin-top: 0% !important;
		left: 40px;
		display: flex;
		align-items: center;
		height: 100%;
		position: absolute;
		padding: 0px;
	}
    .mob23 #site-navigation {

    }
	.mob23 #lgbutnew, .mob23 #pickmob, #calcnav {
		display: block !important;
	}
    .bar.serviceblok {
        
    }
	.blogo {
		float: none;
		max-width: 192px !important;
	}

	.custom-logo-link {
		float: left;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 30%;
		padding: 10px 0px 15px 0px;
		width: 40%;
	}

	#zip {
		display: inline-block;
		float: left;
		width: 50%;
		margin-right: -50px !important;
	}

	.zipbut {
		width: 50% !important;
		padding: 10px 20px;
		border-radius: 30px;
		padding-right: 50px;
		background-image: url('/wp-content/uploads/2022/06/Button_arrow_right.png');
		background-position: right;
		background-repeat: no-repeat;
		background-size: auto 100%;
		white-space: nowrap;
		position: absolute;
		margin: 0px;
	}

	#taballitems h3 {
		display: none;
	}

	#calctop {
		background-image: unset;
		border-radius: 0px;
		margin-bottom: 0px;
	}

	#calctop::after {
		background-color: transparent;
	}

	#calctop > img {
		right: -7%;
		height: 90%;
	}

	#calctop article {
		padding: 50px 50px;
		width: 90%;
	}

	#calctop ol {
		margin-bottom: 0px;
	}

	#calccol1 {
		width: 100%;
		border: 0px;
		padding: 0px;
		border-radius: 0px;
	}

	#calccol1 > h3 {
		display: none;
	}

	.container.calcontainer {
		margin-bottom: 0px;
		padding: 0px;
	}

	#calccol1 .totals {
		position: sticky;
		bottom: 0px;
	}

	.button > .spaceitems.open {
		margin: 0px -50px -10px -50px;
		padding: 10px 50px;
	}

	#calccol1 .button.wit {
		border-radius: 0px !important;
		background-color: #d2e6ff !important;
		padding-bottom: 0px;
		margin: 2px 0px;
	}

	#calccol1 .button.wit:hover {
		color: #2b2b2b !important;
	}

	#calccol1 .button {
		padding: 10px 50px;
		background-color: #d2e6ff !important;
		border-bottom: 3px solid #ffffff;
	}

	#calccol1 .button.wit b {
		margin-right: 50px;
	}

	#calccol1 .button > span::after {
		content: '';
		background-image: url('/wp-content/uploads/2022/11/Button_arrow_down_blue.png');
		background-repeat: no-repeat;
		background-size: contain;
		width: 30px;
		height: 30px;
		position: absolute;
		display: block;
		margin-top: -26px;
		right: 30px;
	}

	#calccol1 .button.croom > span::after {
		background-image: url('/wp-content/uploads/2022/11/Button_arrow_up_blue.png');
	}

	#calccol1 .button > span {
		padding-top: 10px;
		padding-bottom: 16px;
	}
    #productblock{
        position:relative;
        max-width:500px;
        width:100%;
    }
    #productblock h3{
        margin-top: 20px;
        display:block !important;
    }
   #totalsbottom .searchdropdown{
    margin-bottom:20px !important;
   }
    #prices.new{
        position:relative;
    }
   #prices.new #quantum{
   }
   .spaceitems.newwww {
    padding: 10px 30px !important;
   }
   .spaceitems.new .wrap{
    background-size: auto 70% !important;
   }
   .spaceitems.new .spaceblock{
    padding-left: 60px;
   }
	.plus, .min {
		line-height: 30px;
	}

	#allitemslabel {
		display: none;
	}

	#more-space.calcmore-space {
		margin-top: -26px;
	}

	#popform, #popcall {
		padding: 50px 10% 70px 10%;
		max-width: 100vw;
		margin: 0px;
	}
}

@media only screen and (max-width: 950px) {
#reviews24 .googlebar {
    width: 100%;
    min-width: unset;
}
#realex.noanim .sliders .carousel-slide{
   flex: 0 0 31%;
    display: inline-block;
    max-width: 33%;
}
#realex.noanim .bg1:last-of-type{
   
}
#realex.noanim .carousel > div:nth-child(4), #realex.noanim .carousel > div:nth-child(5), #realex.noanim .carousel > div:nth-child(6){
     display:none;
}
#helpbar{
   margin: 50px auto -80px auto;
}
#helpbar .helptxt {
    position: absolute;
    right: 50px;
}
#helpbar .helptxt p{
    margin-top:10px;
}
#helpbar h2{
    width: 50%;
}
.quotetopnew{
    background-size: cover;
}
.thanks{
padding:40px;
}
.thanks > div.bookingtxt {
    background-image:none;
}
div.bookingtxt h3{
    text-align: center;
}
div.bookingtxt ul{
    text-align: center;
    padding-right: 0px;
    padding-left:0px;
    max-width: 70vw;
    margin: 0px auto;
}
div.bookingtxt li::before{
    position:relative;
    margin:auto;
    height: 50px;
    width: 50px;
    margin-bottom: 10px;
}
div.bookingfoot{
    text-align: center;
    background-position: center 40px;
    background-size: 50px;
    padding-left: 40px;
    padding-top: 100px;
}
div.bookingfoot >*{
    max-width: 70vw;
}
div.bookingfoot b{
    display:block;
    padding-bottom: 20px;
}
	.checkout.student #secondary-timebuts {
		margin-top: 0px;
	}

	#locations.student > #order {
		padding-top: 0px !important;
	}

	body > #checkbutton {
		position: sticky;
		bottom: 0px;
		z-index: 100000;
		width: 100%;
		padding: 10px !important;
	}

	.site-branding {
		padding: 0px;
		width: 100%;
	}

	.hometop > div.fdiv {
		width: 50%;
	}

/* steden mob */
	.product {
		margin-top: 40px;
	}
    .newsum.mob25 .product {
		margin-top: 20px;
	}
	.product .filiaalman {
		text-align: center;
		margin-top: 50px;
	}

	.product .price.old, .product .price.action {
		display: block;
	}

	.product .price.action {
		color: var(--bgblue);
		font-weight: 900;
	}

	.product .price.old i, .product .price.new i {
		float: right;
		padding: 0px;
	}
    .product .price.old i{
       
    }
	.price.old b {
		font-size: 20px;
		font-style: normal !important;
		font-weight: 400 !important;
		color: var(--titlegrey) !important;
	}

	.price.new {
		font-size: 20px;
	}

	.price.new span.ipreis {
		display: block !important;
		font-size: 24px !important;
		color: var(--bgblue) !important;
		font-weight: 700 !important;
		padding-bottom: 10px;
	}

	.buttonblue, .filiaalman .txt2 {
		display: block;
	}

	.filiaalman .txt {
		display: none !important;
	}

	h2.filq {
		display: block;
	}

	.filman {
		width: 150px;
		height: 150px;
		margin-bottom: -20px;
		margin-right: 0px;
	}

	#secondary-timebuts > div > h4 {
		display: block;
	}

	#reshead h4 {
		font-size: 27px;
		font-weight: 700;
	}

	#reshead .searchdropdown {
		margin-bottom: 20px !important;
	}

	.product .loclist, #secondary-timebuts, .student .loclist {
		width: 100%;
		padding: 0px;
	}

	.product .loclist {
		margin-left: 0%;
		display: none;
		margin-bottom: 60px;
	}
    .product .loclist.boxesCB{
        display: block;
    }
	.mobtot, .subtotal .ipreis {
		display: inline-block;
	}

	.nomobtot,.product-totals .mobtot {
		display: none;
	}

	.loclist > img {
		width: 45%;
	}

	.loctxt {
		width: 50%;
	}

	#secondary-timebuts {
		position: relative;
		vertical-align: top;
		display: block;
		float: none;
	}

	#galholder {
		display: inline-block;
		float: none;
		position: relative;
		width: 100%;
		padding: 20px 0px;
		margin-right: 0px;
	}

	#hlimg > img {
		height: auto;
	}

	.prod-gallery {
		display: inline-block !important;
		width: calc(65vw - 300px);
		vertical-align: top;
		padding-top: 20px;
	}

	#galholder .tagline {
		display: inline-block;
		padding-left: 20px;
		vertical-align: top;
	}

	#galholder .white {
		display: inline-block;
		vertical-align: top;
		width: 100%;
	}

	.prodinfo > * {
		display: none;
	}

	.prodinfo h6:first-of-type {
		display: block;
	}

	.prodinfo.resp h6:first-of-type {
		border-top: 0px solid blue !important;
	}

	.solution {
		text-align: center;
		padding-top: 0px;
	}

	.solution h2, .solution p {
		width: 100%;
		text-align: center;
		padding-right: 0px;
	}

	.solution h2 {
		padding: 0px 10% 0px 10%;
	}

	.solution .button {
		margin: 40px auto 10px auto;
	}

	.nonmob {
		display: none;
	}

	.mob {
		display: block;
	}

	.location-pagination {
		border-bottom: 0px;
	}

	.filter-viewing label {
		min-width: 100px;
		text-align: left;
	}

	.filter-viewing .ui-selectmenu-text {
		min-width: 50px !important;
	}

	#fieldset0 label {
		width: 49%;
		display: inline-block;
	}

	#primary,  .storage #primary, .student #primary, #secondary-timebuts, .tabcontainer > div, .qformcont, .qside, .bblocks, .storage #secondary {
		width: 100%;
		max-width: 100%;
		display: block;
	}

	#primary {
		margin-top:-10px !important;
	}

	.seopage #secondary {
	}

	.tagline > div {
		width: 100%;
	}

	#controllers {
		display: none;
		margin: 10px -7%;
		width: 104vw;
		max-width: 110vw;
	}

	#controllers > fieldset, #controllers > .filter-viewing {
		width: 100%;
		padding: 0px 7%;
		border-bottom: 1px solid #d2e6ff;
	}

	#controllers > .filter-viewing {
		height: auto;
		display: block;
		padding-left: 8.5%;
	}

	#controllers > fieldset .widget-title {
		padding-top: 10px;
	}

	#fieldset0 {
		border-bottom: 1px solid #d2e6ff;
		padding: 10px 0px;
	}

	#fieldset1 {
		padding-bottom: 10px;
	}

	#controllers .toggle {
		display: block;
		background-color: #d2e6ff;
		color: var(--bgblue) !important;
		margin: 10px 0px;
		padding: 30px 7%;
	}

	#controllers .toggle h3 {
		margin: 0px;
		display: inline-block;
		font-size: 16px;
	}

	#controllers .toggle .close {
		float: right;
		font-weight: 500;
		margin-top: -10px;
	}

	#controllers .toggle .close:after {
		content: '';
		display: inline-block;
		color: #ffffff;
		font-weight: 600;
		font-size: 44px;
		line-height: 35px;
		margin-bottom: 5px;
		margin-left: 20px;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background-color: var(--bgblue);
		border: 1px solid var(--bgblue);
		position: relative;
		vertical-align: middle;
		text-align: center;
		cursor: pointer;
		background-image: url('infeez/cross3.svg');
		background-size: 50%;
		background-repeat: no-repeat;
		background-position: center;
	}

	#controllers .toggle .close:hover::after {
		color: var(--bgblue);
		background-color: #ffffff;
		background-image: url('infeez/cross3blue.svg');
	}

	.living-units > div h4 p, .living-units > div b p {
		display: inline-block;
	}

	.living-units > div h4 p:before, .living-units > div b p:before {
		content: ' - ';
		padding-left: 10px;
	}

	#locations {
		width: 100%;
		margin: 0px;
	}

	#more-space {
		border-radius: 0px;
	/*height: 85vw;*/
		margin-left: -15%;
		margin-right: -15%;
		padding-top: 50vw;
		height: auto;
		background-size: contain;
		background-position-x: unset;
		background-position-y: unset;
	}

	#more-space > div {
		width: 100%;
		margin-left: 0px;
		border-radius: 0px;
		text-align: center;
		margin-bottom: 0px;
		bottom: 0px;
		right: 0px;
		top: unset;
		position: relative;
		padding-left: 20%;
		padding-right: 20%;
	}

	#more-space h4 {
		text-align: center;
		max-width: 100%;
	}

	.porto-block-location-content, .seo, .productseo {
		columns: 1;
		text-align: left;
	}
    #citycluster{
        margin: 0px auto;
        padding:0px;
        overflow: visible;
    }
	.pstoragetop > div, .quotetop > div {
		width: 50%;
	}

	.checkout #order, .checkout #secondary-timebuts, .newsum  #secondary-timebuts.rules, .newsum .loclist.checkout img, .newsum .loclist.checkout{
		width: 100% !important;
	}

	.checkout #order {
		padding: 10%;
	}

	.checkout .filiaalman {
		margin-top: 0px;
	}

	#faqblock .faq-specs .tabcontainer > div {
		width: 100%;
	}
		.checkstep{
	    width: 100%;
	    text-align: left;
	    padding-left: 250px;
	}

	.checkstep > *{
         text-align: left !important;
         vertical-align: top;
         display: inline-block;
	}
    .checkstep > span{
        padding: 40px 0px 40px 30px;
        max-width: 100%;
        width: 100%;
        margin-right: -100px;
    }
	.checkstep img{
	    max-width: 220px;
	    margin-left: -250px;
	    width: 250px;
	}
	.checkstep > b{
	    margin-left: 0px;
	    text-align: center !important;
	}
	.realex{
	    padding-left:34px;
	    padding-right:34px;
	}
}

@media only screen and (max-width: 920px) {
  .reviewsh1{
    width: 80%;
    max-width: unset;
  }
   #citygaln .carousel-slide {
        flex: 0 0 33.3%;
        padding-top: 33.3%;
        }
    #citygaln .carousel-slide > a{
        bottom: 30px;
        left: 5px;
        right: 5px;
    }

     #site-navigation #taglinenew .carousel-slide{
     flex: 0 0 33.3%;
    }
    .magazincontainer{
        grid-template-columns: repeat(2, 1fr);
    }
	.whitebar.flex {
		display: block;
	}

	.d22 .col2 {
		width: 100%;
		margin-bottom: 80px;
	}

	.d22 .col2:last-of-type {
		margin-bottom: 0px;
	}

	.d22 .col2 .im {
		height: 40vw;
	}

	.product #primary {
		padding-bottom: 0px;
	}

	.whiteform {
		border: 0px solid;
		margin-top: -20px;
	}

	.whiteform .formtit {
		color: #ffffff;
		padding-top: 20px;
	}

	.page-child #primary {
		width: 100%;
	}

	#primary.seo-page {
		margin-right: 0px;
		max-width: 100%;
		width: 100%;
	}

	#secondary.seopage {
		margin-right: auto;
		float: none;
		position: relative;
		max-width: 100% !important;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}

	#secondary .hometop {
		background-color: #d2e6ff;
		max-width: 66vw;
		margin-left: auto;
		margin-right: auto;
		padding-left: 10vw;
		padding-right: 10vw;
	}

	#secondary .hometop .wpcf7, #secondary .hometop > div {
		background-color: #d2e6ff !important;
	}

	#secondary .hometop > div:first-of-type {
		margin-top: 0px;
	}

	#secondary .hometop > img {
		display: none;
	}

	#secondary .hometop > h2 {
		display: block;
		color: var(--bgblue);
		width: 60%;
		margin-left: auto;
		margin-right: auto;
	}
/* test seopage */
	#secondary.seopage {
		margin-top: 0px;
	/*background-image: url(/wp-content/uploads/2022/11/2021-07-03_boxie24_0504_adjusted_header2.png);
	background-position: 10vw center;
	background-size: auto 120%;
	background-repeat: no-repeat;*/;
	}

	#secondary.seopage .hometop > h2 {
		width: 100%;
		margin-top: 10vw;
		margin-bottom: 0px;
	}

	#secondary.seopage .hometop {
		border: 0px;
		border-radius: 0px;
		margin-left: auto;
		margin-right: auto;
		background-color: transparent !important;
		padding: 0px 50px 0px 40px;
		max-width: 450px;
	}

	#secondary.seopage .hometop .wpcf7, #secondary.seopage .hometop > div {
		background-color: transparent !important;
	}

	#secondary.seopage  .hometop input:not([type="submit"]), #secondary.seopage  .hometop #q5-button {
		border: 1px solid var(--bgblue) !important;
	}

	#secondary.seopage .vspace {
		margin-bottom: 20px !important;
	}

	.stoptions ul {
		padding: px 0% 100px 0px;
	}

	p.lblueblok {
		font-size: 1.8vw;
	}

	p.lblueblok b {
		font-size: 2.5vw;
	}
}
@media only screen and (max-width: 861px) {
   #citygaln .carousel-slide {
        flex: 0 0 50%;
        padding-top: 50%;
        }
    #citygaln .carousel-slide > a{
        bottom: 30px;
        left: 5px;
        right: 5px;
    }
}
@media only screen and (max-width: 850px) {
.mob #steps3storage, #steps3storage.line{
    width:100%;
    padding:0px 20px;
    margin-top:60px !important;
    margin-bottom: 0px !important;
    max-width: 500px !important;
}
.mob #steps3storage > *, #steps3storage.line > *{
    color:var(--darkblue);
    background-color:#ffffff !important;
    aspect-ratio: unset;
    width:100%;
    display:block;
    box-shadow:unset !important;
    vertical-align:bottom;
    text-align:left;
}
 #steps3storage.line > *{
    color:var(--bgblue);
 }
.mob #steps3storage h2, #steps3storage.line h2{
    color:var(--bgblue) !important;
    padding:0px;
    margin-bottom: 20px;
}
#steps3storage.line h2{
    font-weight:800;
}
.mob #steps3storage > div, #steps3storage.line > div{
    padding-left: 100px;
    padding-top: 50px;
    padding-bottom: 30px;
    height: 130px;
}
.mob #steps3storage > div::before, #steps3storage.line > div::before{
    content:unset;
}
.mob #steps3storage > div::after, #steps3storage.line > div::after{
content:'';
    height:1px;
    width: calc(100% - 100px);
    background-color:var(--lightblue);
    position:absolute;
    left:100px;
    bottom:0px;
}
.mob #steps3storage > div img, #steps3storage.line > div img{
    margin:unset;
    width: 25vw;
    float:left;
    margin: -30px 20px -10px -120px;
    max-width: 100px;
    vertical-align: middle;
}

/*    left: 40%;
      width: 15%;
      top: 24%;
}*/
     .overboxieimg{
        width: 50vw ;
        float: none;
      margin: 0px auto;
    }
    #overboxie > div:last-of-type, #overboxie h2{
        width: 100% !important;
        text-align: center;
    }
	.fcol h4 {
		padding-right: 20px;
		height: 40px;
		line-height: 22px;
	}

	.gside-imgs img {
		max-height: 120px;
		max-width: 75px;
	}

	.faq-specs .tabcontainer, .faq-specs .tabs {
		width: 100%;
	}

	.faq-specs .tabcontainer .active {
		padding: 0px;
		background-color: #ffffff;
		border-right: 1px;
	}

	.faq-specs .tabs {
		margin-left: 0px;
		margin-bottom: 10px;
	}

	.faq-specs h3 {
		font-size: 16px;
		line-height: 22px;
		padding: 6px 10px;
	}

	.faq-specs h3:after {
	}

	.teambanner.titleblock h1 {
		width: 60%;
		padding-bottom: 10px;
	}

    .teambanner.titleblock.not('.top') .step {
		right: 10%;
	}
	.col2block, .col2form form, #sort > div {
		columns: 1;
	}

	.qprivate.qbusiness .colblock {
		width: 100%;
		margin-bottom: 0px;
	}

	.col2form .colblock {
		width: 100%;
	}

	.quotetop > div {
		width: 50%;
	}

	.map .step.us {
		left: 45%;
	}
	.entry-content .bar.serviceblok {
        grid-template-columns: unset;
        grid-gap:unset;
        max-width:100%;
        margin-top:50px;
    }
    .bar.serviceblok > div {
        display: block;
        width: 100%;
        max-width: 100%;
        
    }
    .serviceblok .wrapitem >div {
        height:300px;
        width: 100%;
    }
}

@media only screen and (max-width: 820px) {

#realex:not(.noanim) .sliders .carousel-slide{
   margin: 0px 50px 0px 0px;
     flex: 0 0 48%;
     scale:1 !important;
     max-width:50%;
     padding-top:12%;
}
#realex:not(.noanim) .wp-gr.sliders{
    padding:0px 30px;
}

	.seo {
		-webkit-columns: 1 !important;
		-moz-columns: 1 !important;
		columns: 1 !important;
	}

	.entry-content .seo h2 {
	}

	.page-child #primary, .page-child #secondary {
		width: 100%;
	}

	.page-child #secondary {
		position: relative;
		max-width: 100%;
	}

	.page-template-checkout #primary {
		padding: 0 0px 25px 0px;
	}
    #primary.checkpage{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
	#items {
		width: 50%;
	}

	#order {
		width: 50%;
	}

	.porto-block-location-content {
		padding: 0px 20px 80px 0px;
	}

	#switch {
		display: none;
		vertical-align: top;
	}

	#switch img {
		cursor: pointer;
		max-width: 42px;
	}

	#googletop h3, #googletop p {
		display: none;
	}

	#hphonecontainer>div {
		margin-top: 0px;
	}

	#hphonecontainer .teltxt {
		margin-bottom: 10px;
		margin-top: 0px;
	}

	.bblocks {
		margin: 0px 2% 30px 0px;
		font-size: 20px;
		height: 240px;
	}

	.bblocks h3 {
		font-size: 30px;
	}

	.qformcont {
		padding: 20px 20px 0px 20px;
	}

	.site-branding {
		padding-bottom: 0px;
		padding-left: 15px;
		padding-right: 15px;
	}

	#colophon {
		text-align: left;
	}

	.fcol h4 {
		padding-right: 0px;
		height: auto;
	}

	.site-info {
		text-align: center;
	}

/*+++++++++++++++ gallery +++++++++++++++ */
	.wrapitem {
	}

	.findcont {
		height: 770px;
		margin-left: 24px;
		margin-right: 24px;
		padding: 0px;
		overflow: hidden;
	}

	.porto-block-location-content {
		line-height: 30px;
	}

	.porto-block-location-content ul {
		margin: 0 0 20px 0px;
	}

	.product:not(.boxes) {
		/*padding-left: 24px;
		padding-right: 24px;*/
	}

	.row {
		display: block;
	}

	.steps, #better .steps {
		width: 47%;
		margin-left: 2%;
	}
    .hexbg.checkout .steps{
        width: 24%;
        margin-left: 0px !important;
        padding-top: 20px;
    }
    
    .hexbg.checkout .steps img{
        padding-left: 0px;
        padding-right: 0px;
    }
    .hexbg.blue.checkout h2{
        max-width: 100%;
    }   
	.qside .mainhexx {
		margin-top: 40px;
	}

	.stoptions ul {
		background-position: 170% 140px;
		padding: 0px 0% 100px 0px;
		background-size: 70%;
	}

}

@media only screen and (max-width: 801px) {
 .mob #steps3storage > div ins {
    display:block;

 }
	.container, .bar, .map {
		padding-left: 20px;
		padding-right: 20px;
	}

	.boxcontainer {
		padding: 0px;
	}

	.fw, .fullwidth {
		padding: 0px;
	}

	.fullwidth .col2 .plan {
		width: 46%;
	}

	.fullwidth .col2 .plan h6 {
		height: 200px;
	}

	.franch .im {
		right: -10%;
	}
}

@media only screen and (max-width: 761px) {

	.gal-prev, .gal-next {
		display: none;
	}

	.page-template-checkout .mainhexx {
		display: none;
	}

	.greentxt {
		position: relative;
		max-width: 100%;
		text-align: center;
		margin-top: 0px;
	}

	#items {
		float: none;
		width: 100%;
	}

	#order {
		width: 100%;
	}

	.dialog-type-lightbox, .dialog-type-lightbox2, .dialog-type-lightbox3, .dialog-type-lightbox4, .dialog-type-lightbox5 {
		position: absolute;
	}

	#popup {
		max-width: 100%;
		width: 100%;
		min-width: 100%;
		margin: 0px;
		height: 100vh;
		background: rgb(255,255,255);
		background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 24%, rgba(0,0,0,0.8001401244091386) 46%, rgba(0,0,0,0.8029412448573179) 100%);
	}

	#popup .bg {
		display: inline-block;
		background-color: #ffffff;
		margin: 0px;
	}

	#popup .picker {
		grid-template-columns: repeat( auto-fit, minmax(100%, 1fr) );
		justify-items: left;
		overflow-y: scroll;
		padding: 0px;
		padding-left: 10px;
	}

	#popup .picker > div {
		width: 100%;
		padding-top: 0px;
		height: 90px;
	}

	#popup .picker a {
		width: 25%;
		display: inline-block;
		height: auto;
	}

	#popup .picker h2 a {
		width: auto;
	}

	#popup .picker a img {
		margin-bottom: -10px;
	}

	#popup .picker h2 {
		width: 75%;
		display: inline-block;
		padding: 0px;
	}

}



#langswitch {
	display: none !important;
	height: 26px;
	font-size: 16px;
}

.mob23 #tagline {
	font-size: 14px;
	max-height: 50px;
}

.mob23 #site-navigation > div > ul > li > a, .mobel {
	font-size: 16px !important;
}

.mobel {
	font-weight: 700 !important;
}

.mob23 #site-navigation > div > ul > li > a, .mob23 #site-navigation > div > ul ul a {
	padding: 15px 0px 15px 40px;
	width: 85%;
	max-width: 400px;
}

.mob23 #site-navigation > div > ul ul a {
	font-size: 14px !important;
	padding-left: 60px;
}

.mob23 .toggle-icon, .toggle-icon {
	width: 30px;
	height: auto;
	margin-left: 0px !important;
}

.mob23 .toggle-inner, .toggle-inner {
	height: unset;
	margin-left: 0px !important;
}

.mob23 .toggled .toggle-icon::before {
	content: '';
	margin-left: 0px;
	display: block;
	background-image: url('infeez/cross3.svg');
	background-repeat: no-repeat;
	background-position-y: top;
	background-size: 80%;
	width: 36px;
	height: 33px;
}

.mob23 .st0 {
	fill: #ffffff;
	stroke: #ffffff;
	stroke-width: 20;
	stroke-linecap: round;
	stroke-miterlimit: 10;
}

.mob23 .toggle-icon > div, .toggle-icon > div {
	width: 100%;
	height: 5px;
	margin: 0px 0px 6px 0px;
}

.mob23 .toggle-text, .toggle-text {
	line-height: 26px !important;
	color: #fff !important;
	font-size: 14px;
	padding-left: 8px;
	font-weight: 400;
}

.mob23 .toggle-text:hover {
	color: #ffffff !important;
}

.mob23 .custom-logo-link {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 10px 0px 15px 0px;
	margin-right: 0px;
	float: left;
	width: 40% !important;
}



.mob23 #hphonecontainer:hover .phone > div::after, .mob23 #hphonecontainer:hover .phone .teltxt::before {
	border: 1px solid var(--bgblue);
	color: var(--bgblue);
}



.mob23 #hphonecontainer .phone::after {
	content: unset;
}

.mob23 #hphonecontainer .phone .teltxt::before {
	display: inline-block;
}
/*.mob23 #hphonecontainer .phone .teltxt::before{
content: '\e942';
	font-family: icons;
	font-size: 40px;
	border-radius: 50%;
	color: var(--boxiegreen);
	background-color: #ffffff;
	border: 1px solid #ffffff;
	margin-top: 10px;
	margin-top: 4px;
	margin-bottom: 10px;
	margin-bottom: unset;
	display: inline-block;
	position: absolute;
	width: 34px;
	height: 34px;
	font-size: 20px;
	line-height: 29px;
	text-align: center;
	margin-left: 0px;
	font-weight: 500;
	left: 0px;
}*/
.mob23no #hphonecontainer > div {
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	display: block;
	height: 100%;
}

.mob23 #hphonecontainer .tel div {
	display: inline-block;
	text-align: left;
	padding: 0px;
	width: 100%;
	height: 100%;
	margin: 0px !important;
	display: flex;
	justify-content: center;
	align-items: center;
}

.mob23 #hphonecontainer .hphonecont > div {
}

#hphonecontainer div .teltxt {
	font-size: 15px;
	line-height: 20px;
	font-weight: 400 !important;
	padding-left: 50px !important;
	width: 100%;
	margin-top: 0px !important;
}

.mob23 #hphonecontainer div .de.teltxt {
}

#pickmob {
	display: none;
	padding: 20px 0px;
	text-align: left;
	padding-right: calc(100vw - 432px);
}

#pickmob > #switch {
	top: unset;
	left: unset;
	position: relative !important;
	float: right;
	display: inline-block;
	padding: 0px 5px;
	height: unset;
	margin-top: -4px;
}

#pickmob > #switch .mobbut {
	width: 30px;
	height: 30px;
	margin-left: 10px;
	margin-right: 0px;
}

#pickmob > #switch .arrowdown:after {
	margin-top: 4.5px;
	width: 20px;
	height: 20px;
}

#pickmob > #switch .arrowdown.open:after {
	content: '';
}

#pickmob > #switch .arrowdown.open:before {
	content: '';
	display: block;
	background-image: url('infeez/cross3.svg');
	background-size: 75%;
	width: 26px;
	height: 30px;
	position: absolute;
	background-repeat: no-repeat;
	background-position: right bottom;
}

#pickmob .arrowdown {
	background-color: transparent;
	margin-left: 0px;
	display: inline-block !important;
}

#pickmob > #langswitch {
	padding-left: 40px;
	display: inline-block !important;
	color: #ffffff;
	font-size: 14px !important;
}

#pickmob > #langpick li a {
	padding-left: 50%;
	width: 100%;
	padding-left: 362px;
	text-align: left;
}

#pickmob > #langpick li {
	padding-left: 0px !important;
}

.underline, .noline {
	color: #ffffff;
	text-transform: uppercase;
	display: inline-block;
	text-align: left;
	padding: 0px 5px 5px 5px;
	margin: 0px 3px;
	font-size: 16px;
	font-weight: 700 !important;
}

.noline a {
	padding: 0px !important;
}

.underline {
	border-bottom: 2px solid #d2e6ff;
}

.noline:hover {
	cursor: pointer;
	border-bottom: 2px solid #d2e6ff;
}

@media only screen and (max-width: 751px) {
    .vspace.vspacetop,  .vspace.vspacetop .crumbs{
        margin-top:0px !important;
    }
 #helpbar {
      margin: 50px 0px 60px 0px;
      width: 100vw;
      border-radius: 0px;
      padding:20px 7%;
      position:relative;
    overflow:hidden;
     background-color: #3c50fa;
   
    }
     #helpbar::after{
     content:'';
     width: 230vw;
    height: 160vw;
     display:block;
     position:absolute;
     background-color:#3243f1;
     transform: rotate(55deg);
     }
#helpbar h2, #helpbar.nl h2, #helpbar.de h2, #helpbar.es h2 {
    width: 80%;
    display:block;
    z-index:1;
    position:relative;
}
#helpbar .helptxt p{
    display:block;
    margin-top: 20px;
    margin-left:10px;
}
#helpbar .helptxt{
    position:relative;
    width:100%;
    margin-top:20px;
    bottom:unset;
    right:unset;
    z-index:1;
}
    #helpbar > img {
    z-index:1;
    }
#review1car{
    width:100%;
    max-width:100%;
    margin:0px;
    padding: 0px;
    background-color: unset;
    margin-bottom: 60px;
}
.w100vw.gbar.reviewtop{
padding: 0px;
margin-top: 10px !important;
}

.w100vw.gbar.reviewtop > div{
    padding-bottom:50px;
    width: 55vw;
}
.w100vw.gbar.reviewtop > div h2{
    padding-top:30px;
}
.w100vw.gbar.reviewtop > div h2, .w100vw.gbar.reviewtop > div i{
    margin-left:0px;
}
.w100vw.feedback{
    padding: 40px 7%;
    text-align: center;
    background-color: #eff6fc;
    padding-bottom: 100px;
}


#review1car .wp-gr.sliders{
   display:block !important;
}
#review1car .carouseln-container{
    padding:20px 0px;
}

#review1car div.logs, .reviewh1 div.logs{
    background-color: #ffffff;
    width: 100% !important;
    max-width: unset;
    height: 25vw;
    padding-top:12vw;
    }
    #review1car div.logs.google{
         padding-top:13vw;
    }
 /*   #review1car .carousel-slide{
        margin-right: 8vw;
    }
    */

#review1car .carousel-slide{
    box-shadow: 6px 2px 15px 1px rgba(60,80,250,.21);
    -webkit-box-shadow: 6px 2px 15px 1px rgba(60,80,250,.21);
    }
    .reviewsh1 div.logs{
       
    }
    .reviewsh1 div.logs::before{
        top:20px;
    }
#review1car.noanim{
    width: 100%;
    max-width: 100%;
    margin-left: 0px;
    overflow-x: visible;
    h1{
    width: 80%;
     margin:20px auto 40px auto;
    }
    .carousel-slide{
        flex: unset;
        margin:10px;
        background-color: #ffffff;
        padding:10px 0px;
    }
    .carouseln-container, .wp-gr.sliders{
        overflow-x: visible;
    }
    div.logs{
    width:100%;
    }
    div.pilot img{
        margin-top: 10px;
    }
}
.reviewsh1 > div.devide{
    background-color:unset;
}
.reviewsh1  div.logs::before{
    z-index:unset;
}
.w100vw.feedback h2{
     text-align: center;
}
.w100vw.feedback::before{
    content:unset;
}
.feedback .blockgal{
    display:block;
    margin:0px 0px 40px 0px;
}
.feedback .blockgal .gmb{
    background-image:unset;
    position:relative;
    width:100%;
    padding:10px 0px 10px 20px;
    margin-bottom: 20px;
     border: 0px;
}
.gmb > *{
    text-align:left;
}
.gmb h4{
    margin-top:0px;
}
.gmb h4::after{
    display:inline-block;
    width: 30%;
    vertical-align: middle;
    float:right;
    margin-right:80px;
}
.blockgal .gmb p{
    padding:10px;
    background-color:var(--bgblue);
    position:absolute;
    right:0px;
    top:0px;
    bottom:0px;
    margin:0px !important;
    color:#ffffff !important;
    width: 50px;
}
.gmb p i{
    display:none;
}
    #taglinenew .carousel-slide{
     flex: 0 0 50% !important;
    }
     #reviews24 .googlebar, #reviews24 .reviews{
        max-width: unset;
        min-width: unset;
     }
     div.rpi{
    margin-left:0px;
    margin-right:0px;
}

    #overboxie.fsprovider{
        padding-bottom: 0px;
        margin-bottom: 0px;
        border-radius: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }
    #overboxie.fsprovider > img{
        position: relative;
        top: unset;
        height: auto;
        right: unset;
        left: unset;
        float: unset;
        width: 100%;
        margin-bottom: 0px;
        max-width: 120vw;
        width: 120vw;
        margin-left: -15vw;
    }
    #overboxie.fsprovider .glogo, #howitworks .img{
        display: none;
    }
    #overboxie.fsprovider .txt{
        width: 100% !important;
        padding: 20px 7%;
        padding-bottom: 0px;
        text-align: center;
    }
     #overboxie.fsprovider .button{
        margin-bottom: 0px;
         margin-top: 20px;
     }
   .xof .crumbs.mobblue{
        background-color: var(--darkblue);
        color: #ffffff !important;
        max-width: max-content;
        padding: 6px 16px;
        border-bottom-right-radius: 15px;
        position: absolute;
        z-index:100;
        margin: 0px;
        top: 0px;
    }
     .reviewtop .crumbs.mobblue{
        top:0px;
     }
    .crumbs.mobblue a,  .stedenbanner.d2024 .crumbs a{
        color: #ffffff !important;
    }
    .crumbs.mobblue a:last-child{
        font-weight: 500 !important;
    }
    .crumbs.mobblue a:not(:last-child), .stedenbanner.d2024 .crumbs a:not(:last-child){
    border-bottom:1px solid #ffffff;
}
     #howitworks{
        max-width: 100%;
        padding: 0px 7% 0px 7%;
        margin: 0px;
     }
     #howitworks h2{
     display: none;
     }
    #howitworks .txt{
        position: relative;
        display: block;
        float: unset;
    }
    #howitworks .steps24,  #howitworks .nl .steps24,  #howitworks .de .steps24{
        margin: 0px 0px 20px 0px;
        padding: 0px;
        width: 100%;
        overflow: visible;
    }
     #howitworks .steps24 ul{
        display:none;
     }
     #howitworks .steps24.tog ul{
        display: block;
     }
    #howitworks .steps24::before, #howitworks .steps24:first-of-type::before, #howitworks .steps24:last-of-type::before,  #howitworks .steps24:first-of-type::after,  #howitworks .steps24:last-of-type::after,  #howitworks .steps24::after{
    content: unset;
    }
   #howitworks .steps24 h4{
    background-color: var(--bgblue);
    color: #ffffff !important;
    margin-top: 0px;
    padding: 15px 10px 15px 20px;
    border-radius: 10px;
    cursor: pointer;
   }
   #howitworks .steps24.tog{
    border-radius: 10px;
    overflow: hidden;
   }
   #howitworks .steps24.tog h4{
    border-radius: 0px;
   }
   #howitworks .steps24 h4::after{
    content:'';
    background-repeat: no-repeat;
	background-image: url(infeez/Truck-icon_200x197px.png);
	float: right;
    width: 120px;
    height: 120px;
    display: block;
    background-size: 50%;
    background-position-x: 80%;
    margin-top: -4px;
    margin-bottom: -100px;  
    }
    #howitworks .steps24:first-of-type h4::after{
         background-image: url(infeez/Chair-icon_200x243px.png),url(infeez/Checklist_icon.webp);
         background-position: 40% 10%, 20% 0%;
        background-size: 30%, 20%;
        margin-right: -10%;
    }
    #howitworks .steps24:last-of-type h4::after{
         background-image: url(infeez/Warehouse-icon_200x160px.png);
         margin-right: -6px;
    }
   #howitworks .steps24 ul{
    padding-left: 36px;
    padding-right: 20px;
    margin: 20px 0px;
   }
   #howitworks .steps24 ul li{
        margin: 10px 0px;
   }
   #howitworks .nvis{
    display: none;
   }
   .w100vw{
    margin: 0px !important;
   }
   .w100vw.gbar{
        margin-bottom: 0px !important;
        overflow: visible;
   }
   #googlebar{
    padding: 40px 7%;
   }
   #googlebar span:first-of-type, #googlebar span.de:first-of-type{
    width: 100%;
   }
   #googlebar h2{
    text-align: center;
    margin-bottom: 0px;
    }
   #googlebar #glogo{
    position: relative;
    width:unset;
    margin-left: auto;
     margin-right: auto;
     box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;
     margin-top:0px;
   } 
    #glogo{
        background-color: #ffffff;
        border-radius: 10px;
        display: block !important;
        margin-bottom: -70px;
        margin-top: 20px;
        width: 100%;
        padding: 20px;
        padding-left: 120px;
        z-index: 1;
    }
    #glogo::before {
          background-image: url(infeez/glogo_24px.svg);
          background-color: var(--lightblue);
          border-radius: 50%;
          background-position: center;
          background-size: 70%;
          width: 70px;
          height: 70px;
          margin: 10px 10px 0px -90px;
  }
    #glogo p{
    color: var(--titlegrey);
    font-size: 14px;
    line-height: 22px;
    padding-top: 4px;
    }
    #googlebar .img2{
        margin-top: 10px;
        display: block;
    }
    .realex{
        margin-top: 90px ;
    }
    #boxievs{
    margin: 0px;
    width: 100%;
    }
     .vspace.boxievscont{
        padding: 100px 7%;
        background-color: #f1f6fb;
        margin-bottom: 0px !important;
    }
    #boxievs .blk{
        background-color: #ffffff !important;
        padding: 0px;
        box-shadow: 6px 2px 15px -7px rgba(60,80,250,0.21);
           -webkit-box-shadow: 6px 2px 15px -7px  rgba(60,80,250,0.21);
           text-align: left;
           position: relative;

    }

    #boxievs .blk:nth-of-type(2){
     border-top-left-radius: 15px;
     padding-top: 0px;
       box-shadow: 6px 2px 15px 1px rgba(60,80,250,0.21);
         -webkit-box-shadow: 6px 2px 15px 1px  rgba(60,80,250,0.21);
     }
    #boxievs .blk::after{
        content: '';
        width: 22%;
        height: 100%;
        position: absolute;
        background-color: #def5e8;
        right: 22%;
        top: 0px;
        background-image: url(/wp-content/uploads/2024/08/check_18.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 36px;
    }
     #boxievs .blk::before{
        content: '';
        width: 22%;
        height: 100%;
        position: absolute;
        background-color: #ffffff;
        right: 0px;
        top: 0px;
        background-image: url(/wp-content/uploads/2024/08/cross-1335.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 30px;
    }

    #boxievs .blk > div::before{
    content: unset;
    width: 0px;
    }

    #boxievs .blk > div{
    padding: 0px 20px;
    width: 60%;
    }
    #boxievs .blk h4{
        margin-bottom: 10px;
        cursor: default;
    }
    #boxievs .vsheader{
        position: relative;
        margin-bottom: 0px;
    }
    #boxievs .vsheader img{
            display: none;      
    }
    #boxievs .blk img.checknw{
        visibility: hidden;
    }
    #boxievs .vsheader h4{
        background-color: #ffffff;
        min-width: 22%;
        border-top-right-radius: 15px;
        padding: 20px 10px;
        text-align: center;
        font-weight: 400;
        font-size: 14px;
        max-width: 20%;
         box-shadow: 6px 2px 15px 1px rgba(60,80,250,0.21);
         -webkit-box-shadow: 6px 2px 15px 1px  rgba(60,80,250,0.21);
    }
    #boxievs .vsheader::before{
        content: '';
        position: absolute;
        width: 22%;
        height: 100%;
        background-image: url(infeez/hexlogo.png);
        background-repeat: no-repeat;
        background-size: 40%;
        background-position: center;
        right: 22%;
        background-color: #d9f0e7;
    }
    #boxievs .vsheader h4 ins{
        display: none;
    }
     #boxievs .blk:last-of-type{
         border-bottom-right-radius: 15px;
         border-bottom-left-radius: 15px;
         overflow-y: hidden;
     }
    #boxievs .blk h4::after{
        content: unset;
    }
    #boxievs .blk img, #boxievs .blk.tog img{
        margin: 25px 5% 0px 5%;
        z-index: 1;
        position: relative;
    }
    #boxievs .blk img.crossnw, #boxievs .blk.tog img.crossnw {
       /* position: absolute;
        top: 22px;
        margin-top: 0px;
        right: 1.8vw;*/
        display:none;
    }

    #boxievs .tog p{
       /* width: 70vw;
        position: relative;
        z-index: 1;
        padding-top: 6px;
        background-color: #fff;
        */
        display: none;
    }
    #custfirst{
    width: 100vw;
    padding: 0px;
    }
     #custfirst img{
        width: unset;
     }
    #custfirst > img{
        width: 120vw;
        margin-bottom: -60px;
        max-width: 120vw;
        margin-left: -10vw;
    }
    #custfirst .img{
        position: relative;
        width: 200px;
        height: auto;
        margin-bottom: -40px;
    }
    #custfirst span.txt{
        width: 100vw;
        padding: 0px 7vw;
        text-align: center;
    }
    #custfirst h2{
         text-align: center;
    }
    #boxieteam{
        background-color: #f1f6fb;
        margin: 0px;
        width: 100%;
        padding: 0px;
    }
    #boxieteam .img{
        width: 100%;
        background-color: #fff;
        width:120vw;
        margin-left: -10vw;
    }
    #boxieteam img{
        float: unset;
        width: 100%;
         margin-bottom: -10px;
          margin-bottom: -30px;
    }
    #boxieteam .txt,  #boxieteam h2{
        width: 100%;
        text-align: center;
    }
     #boxieteam .txt{
        padding: 30px 7% 40px 7%;
     }
    #reviews24{
        background-color: #ffffff;
        padding: 20px;
    }
    #reviews24 .googlebar, #reviews24 .googlebar h2, #reviews24 .googlebar .h2{
        text-align: center;
        width: 100%;
    }
    #reviews24 .googlebar h2, #reviews24 .googlebar .h2{
        width: 100%;
        max-width: 100%;
        padding: 0px 20px;
    }
    #reviews24 .subt, #reviews24 .googlebar .glogo .img2, #reviews24 .redirect{
        display: none;
    }
     #reviews24 .googlebar span{
        display:block;
        width: 100%;
    }
     #reviews24 .googlebar .glogo{
        padding-left: 0px;
        float: none;
        width: 100%;
        max-width: 100%;
        margin-top: 20px;
     }
     #reviews24 .googlebar .glogo::before{
        display: block;
        margin-left: unset;
       width: 100%;
        margin: 0px 0% 20px 0%;
        background-size: auto 130%;
        background-position-x: center;
     }
      #reviews24 .googlebar .glogo p{
      margin-top: 10px;
      color: var(--titlegrey);
        display: block;
        font-size: 14px;
      }
      #reviews24 .reviews{
        margin-top: 30px !important;
        width: 200vw !important;
        margin-left: -52vw;
      }
      #realex{
        margin-top: 90px !important;
        width: 209vw !important;
        margin-left: -52vw;
    }
    #realex h2, #realex .subt{
        width:100vw;
        margin-left:52vw;
        margin-right:0px;
    }
    #realex .subt{
        margin-bottom:0px;
    }
    .realex .carousel > div{
        background-size: 120%;
    }
      #reviews24 .sliders .carousel > div.noBA,  #realex .sliders .carousel > div.noBA{
        scale: 100% !important;
      }
      #reviews24 .sliders .carousel , #realex .sliders .carousel {
        padding-top: 20px;
        }
        .carousel-slide, .sliders .grw-review, #realex .sliders .carousel-slide{
            flex: 0 0 34%;
           
         }
     #reviews24 .sliders .carousel-slide, #realex .sliders .carousel-slide{
         padding: 0px;
     }
       #reviews24, #reviews24 .reviews{
        margin-bottom: 0px !important;
       }
       #reviews24 .reviews .wp-gr .wp-google-text, .sliders .gnamen {
        font-size: 12px !important;
       }
       #reviews24 .reviews .wp-gr .wp-google-text{
            line-height: 20px !important;
       }
       .rpi-info{
            width: unset;
            display: inline-block;
       }
       .rpi-stars .rpi-star::after {
          width: 15px;
          height: 15px;
          }
       div.rpi-img{
            width: unset;
            display: inline-block;
            padding-right: 10px;
       }
        .wp-gr.sliders .wp-google-left img, img.rpi-img{
            width: 35px !important;
            height: 35px !important;
            margin-top: 10px;
       }
       .wp-gr.sliders .wp-star svg{
             width: 16px !important;
            height: 16px !important;
       }
     #reviews24 .wp-gr:not(.wp-dark) .grw-review-inner.grw-backgnd{
        border: 1px solid var(--lightblue) !important;
        border-radius: 10px !important;
        background-color: #ffffff !important;
     }
     #faqblock.faq2024 .qa > div{
        max-width: 100%;
        width: 100%;
        margin: 0px !important;
        padding: 10px 0px 10px 40px !important;
        background-color: transparent;
     }
	.hometop.student {
		padding-top: 0px;
		margin-top: 0px;
	}

	.hometop.student h1 {
		width: 100%;
		max-width: 500px;
		margin: 20px auto;
		display: block;
		position: relative;
		top: unset;
		margin-top: 50px;
		text-align: center;
		padding-left: 0px !important;
	}
   
	.hometop.student > div:last-of-type {
		float: none;
		width: 100%;
		text-align: center;
		position:relative;
	}

	.hometop.student .im {
		position: relative;
		width: 100%;
		height: 40vw;
		top: 0px;
		background-size: auto 100%;
	}
    .hometop.zindxauto{
        
    }
    .hometop #badges24.au, .hometop #badges24:not(.au){
        position: relative;
      width: 100vw;
      bottom:unset;
      right:unset;
      padding:unset;
      border-radius:unset;
      top: unset;
      left: unset;
      margin-right: unset;
      height: auto;
      text-align: center;
      background-color: #ffffff;
      margin-bottom: 30px;
      padding-top: 20px;
      z-index: unset;
      float:unset;
  }
  #badges24.au img, #badges24:not(.au) img {
      padding: 20px;
      display: inline-block;
      float: unset;
      width: 30%;
      margin: unset;
      height: auto;
    }
     #badges24.de img{
     width: 48%;
     }
	.check.student {
		max-width: fit-content;
		margin: 40px auto 60px auto;
	}

	.student h2 {
		max-width: 100%;
		text-align: center;
		padding: 0px;
		font-size: 18px;
	}
	#primary.seo-page.col2blocks .entry-content > p{
        max-width:100%;
    }
    
    #primary.seo-page.col2blocks section, #primary.seo-page.col2blocks section.textblocks{
        display: block;
    }
    #primary.seo-page.col2blocks section >*, #primary.seo-page.col2blocks section.textblocks > *, #primary.seo-page.col2blocks section.textblocks > :first-child{
        margin-left: 0px !important;
        margin-right: 0px !important;
        display: block;
        width: 100% !important;
    }
    #primary.seo-page.col2blocks section img{
        margin-bottom: 30px;
    }
    section .colblock h3:first-of-type{
        margin-top: 50px;
    }
    .serviceblok .wrapitem >div{
        height:100px;
    }
	.student .rabatt .price.new, .didsave, {
		font-size: 16px !important;
	}

	.saveinfo {
		font-size: 14px !important;
	}

	.student loctxt .img2 {
	}

	.student #steps h2 {
		padding-bottom: 30px;
	}

	#steps .subtit {
		padding: 10px 10% 20px 10%;
	}

	.student.units p {
		max-width: 90%;
	}

	#studentunits .loctxt {
		max-width: 500px;
		margin: 0px auto 20px auto;
	}
		#studentunits.nostudent{
		    display: block;
		    border: 0px solid var(--bgblue);
		    border-radius: 20px;
		    padding: 30px;
		    margin-top: 10px;
		}
    #studentunits.nostudent > div{
    border: unset;
        width: 100%;
        padding: 0px !important;
        text-align: left !important;
        margin: 0px;
    }
     #studentunits.nostudent > div:hover{
        background-color: #fff;
     }
      #studentunits.nostudent > div:hover span{
        text-decoration: underline;
        text-decoration-thickness: auto;
        text-decoration-thickness: 1.5px;
        text-underline-offset: 2px;
    }
    .nostudent .pricesize{
        color: rgb(58, 58, 58);
        font-weight: 400 !important;
        font-size: 16px !important;
    }
    .nostudent .pricesize:before{
        content: '';
          width: 20px;
          height: 20px;
          display: inline-block;
          background-image: url('infeez/arrow_blue_down.svg');
          background-size: auto 60%;
          background-repeat: no-repeat;
          transform: rotate(-90deg);
          border-bottom: 1px solid #ffffff;
    }
    #studentunits.nostudent > div img, #studentunits.nostudent > div .sbutton.nostudent{
        display:none;
    }
    
	#studentunits .loctxt .sbutton {
		max-width: 500px;
		margin: 40px auto 20px auto;
	}

	.bluebar.student {
		margin-left: 0px;
		padding: 20px;
	}

	.bluebar.student .button.calcbut {
		display: block;
		width: fit-content !important;
		margin: 20px auto 0px auto !important;
	}

	.hexbg.student #steps .steps {
		background-color: unset;
	}

	.hexbg.student #steps div:last-of-type {
		padding-bottom: 0px;
	}
    .bluebar.faq.student h2{
        font-size: 22px;
        margin-bottom: 20px;
    }
	.fw .bluebar.faq.student {
		padding-left: 30px;
		padding-right: 30px;
	}
	.seo-page .bluebar.faq.student {
		padding-left: 7vw;
		padding-right: 7vw;
		width: 100vw;
		margin-left: -7vw;
		margin-top: 30px !important;
	}

	.bluebar.faq.student th, .bluebar.faq.student td {
		width: 50%;
		padding: 0px;
		vertical-align: top;
	}

	.bluebar.faq.student h3 {
		font-size: 16px;
		line-height: 30px;
		position: relative;
		padding-right: 50px;
		hyphens: none;
	}

	.bluebar.faq.student h3:after {
		right: 0px;
		position: absolute;
		top: 30px;
	}

	.mob23 #hphonecontainer {
		
	}

	.custom-logo-link {
	}

	h1 {
		font-size: 34px;
		line-height: 40px !important;
	}

	h2{
		font-size: 28px;
		line-height: 32px !important;
	}
	
	#footer_locations h2 {
		text-align: left;
		margin-left: 0px;
	}

	#faqblock {
		margin-top: 50px;
	}

	.dropcontainer {
		width: 100%;
		max-width: 500px;
	}

	.fcol h4 a, .fcol a.toptit {
		font-size: 16px;
	}

	#footer_locations {
		padding: 20px 40px;
	}

	#footer_locations .cols {
		padding: 40px 20px 40px 0px;
		justify-content: space-between;
	}

	.quotetop .blogo, .quotetop .button, .teambanner .blogo {
		display: none;
	}

	#secondary .hometop {
		background-color: #d2e6ff !important;
		margin-left: auto;
		margin-right: auto;
	}

	.vspace, .seo {
		margin-bottom: 10vw !important;
	}

	.col50r #q5new-button {
		margin-left: auto;
		margin-right: auto;
	}

	.col50r .button:first-of-type {
		margin-left: 10%;
		margin-right: 10%;
	}

	#steps::after {
		display: none;
	}
    #steps.new::after {
        display: block;
    }
	.seo h2 {
		text-align: left;
	}

	.usps h4, .reviews h4 {
		font-size: 16px;
		line-height: 24px;
		margin-top: 10px;
	}

	.usps h5 {
		font-size: 18px;
	}

	.subtit {
		font-size: 16px;
	}

	.ui-button:hover .ui-icon.custom-icon, .ui-button:focus .ui-icon.custom-icon, .ui-button:hover .ui-icon.custom-icondown, .ui-button .ui-icon.custom-icondown {
  /*background-image: url('/wp-content/uploads/2022/11/Button_arrow_down_blue.png');*/;
	}

	.ui-button:focus .ui-icon.custom-icondown {
	/*background-image: url('/wp-content/uploads/2022/11/Button_arrow_right_blue.png');*/;
	}

	.w50 {
		width: 100%;
		padding: 0px;
	}

	.w50 p {
		text-align: center;
	}
    .container.hometop{
        overflow: visible !important;
       
    }
    .container.hometop.student{
        height:auto;
    }
	.hometop > div.fdiv {
		display: block;
		width: 100%;
		margin-top: 60vw;
		float:none;
		text-align:center;
	}
    .hometop .im.enau{
        padding-left: 50% !important;
    }
     .hometop .im.enau img{
        position:relative;
        float: none;
        margin: 0px;
     }
	.hometop h1 {
		position: absolute;
		margin-top: 20px;
		width: 45%;
	}

	.hometop .im {
		display: block;
		width: 100%;
		height: 60vw;
		top:0px;
	}

	.hometop .im img {
		height: 100%;
		width: auto;
		margin-right: -10%;
		margin-top: 2%;
		float:right;
	}

	.d22 .hometop .step {
		display: none;
	}

	.franch {
		height: 60vw;
		background-size: cover;
	}

	.whitebar.franch2 {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	#popbut {
		height: 20px;
	}

	.franchmap {
		position: relative;
		margin-bottom: 40px;
	}

	#imghere {
		margin-bottom: 0px;
	}

	#imghere .button {
		position: relative;
		margin-bottom: 0px;
	}

	#frform {
		display: none;
		border-radius: 30px;
		position: absolute;
		float: none;
		margin: 20px auto;
		top: 0px;
		background-color: var(--bgblue);
		padding: 15% 7%;
		color: #ffffff;
		right: unset;
		width: 100%;
		min-width: 100%;
		top: 15vw;
	}
    .banner #frform{
        width: 80vw;
		min-width: 80vw;
		margin: 30vw 10vw !important;
    top: unset !important;
    }
	#frform .close {
		display: block;
	}

	#frform .button {
		margin-top: 10px;
		display: block;
		width: 100% !important;
		top: unset !important;
		bottom: unset !important;
		position: relative;
		max-width: max-content;
	}

	#frform h1 {
		color: #ffffff !important;
	}

	p.lblueblok {
		font-size: 16px;
		width: 32%;
	}

	p.lblueblok b {
		font-size: 4.5vw;
	}

	.w50 p.lblueblok:last-of-type {
		margin-right: 0px !important;
	}

	.franchcheck > div:first-of-type {
		display: block;
		position: relative;
		margin: 0px 0px 50px 0px;
		width: 100%;
		height: 40vw;
		min-height: 240px;
		background-size: cover;
		background-image: url(/wp-content/uploads/2022/12/StorageUnits-min.jpg);
	}

	#faqblock.franchcheck {
		padding: 0px;
		text-align: center;
		padding-bottom: 30px;
		margin-top: 30px;
	}

	#faqblock.franchcheck > *:not(div) {
		margin-left: 10%;
		width: 80%;
	}

	#faqblock.franchcheck p {
		text-align: left;
	}

	#faqblock.franchcheck h2 {
		text-align: center;
	}

	.franchstep {
		top: 50px;
		left: 150px;
	}

	.franchcheck .im {
		top: 0vw;
		left: 60%;
		height: 40vw;
		overflow-y: hidden;
		width: 40%;
	}

	.franchcheck > .im {
		display: none;
	}

	.franchcheck > div > .im {
		display: block;
		bottom: 0px;
		top: unset;
	}

	.w50 h2 {
		width: 100%;
		text-align: center;
		max-width:300px;
	}

	.w50 .button {
		position: absolute;
		bottom: 30px;
	}
    .franch2 .w50 .button {
    display:none;
    }
	#overboxie p, #overboxie h2, #overboxie > div:last-of-type {
		text-align: center;
	}

	.pstoragetop {
		background-image: url(/wp-content/uploads/2022/09/Photo_Employee_Livingroom-1024x683.jpg);
		background-size: 200%;
		background-position: center top;
		height: auto;
		overflow-y: visible;
		overflow-x: visible;
	}

	.pstoragetop div h1, .quotetop > div h1 {
		color: #ffffff !important;
		text-align: left;
		margin: 0px !important;
		padding-bottom: 10px;
	}

	.pstoragetop .searchdropdown {
		margin: 0px !important;
	}

	.quotetop .formtit p {
		padding-bottom: 0px;
		margin-bottom: 0px !important;
	}

	.quotetop {
		background-image: url(/wp-content/uploads/2022/09/Employee_truck2.jpg);
		background-size: cover;
		background-position: center;
		position: relative;
		overflow: visible;
	}

	.quotetop .boxie24 {
		display: none;
	}

	.pstoragetop > div, .quotetop > div {
		position: relative;
		background-color: transparent;
		width: 100%;
		float: none;
		min-width: 250px;
		width: 70%;
		padding-top: calc( 100vw - 50%);
		padding-bottom: 30px;
	}
    .quotetop, .pstoragetop{
        overflow: visible !important;
    }
    .quotetop .searchdropdown{
        margin-left:0px;
    }
	.quotetop > div {
		width: 80%;
	}

	.quotetop .formtit {
		text-align: left;
	}

	.quotetop #q5new-button {
		margin: 10px 0px;
	}

	.quotetop .phone {
		margin-right: 10px;
	}

	.pstoragetop > div, .teambanner.titleblock > div {
		position: relative;
		width: 100vw;
		bottom: 0px;
		padding: 100px 30px 40px 30px;
		text-align: left;
	}

	.pstoragetop > div > br {
		display: none;
	}

	.pstoragetop h1 {
		font-weight: 400;
		line-height: 60px;
		color: #ffffff;
		text-align: left;
		max-width: 350px;
		hyphens: none;
		margin: 0px;
		margin-bottom: 40px;
	}

	.pstoragetop p, .pstoragetop p span {
		text-align: left;
		max-width: 480px;
		margin-left: 0px !important;
		float: none;
	}

	.pstoragetop .button {
		display: inline-block;
		float: none;
		margin-right: 20px;
	}

	.teambanner.titleblock > div {
		padding: 300px 10px 40px 50px;
	}

	.pstoragetop:before, .teambanner.titleblock:before, .quotetop:before {
		content: '';
		width: 100%;
		height: 100%;
		background: rgb(255,255,255);
		background: linear-gradient(180deg, rgba(255,255,255,0) 19%, rgba(29,37,140,0.7273109927564776) 53%);
		position: absolute;
		display: block;
		background-position: left bottom;
		bottom: 0px;
		background-blend-mode: multiply;
	}

	.teambanner.titleblock:before {
		bottom: 0px;
		background: linear-gradient(180deg, rgba(255,255,255,0) 19%, rgba(29,37,140,0.4) 73%);
	}

	.teambanner.titleblock {
		height: auto;
		background-size: cover;
		background-size: auto 100%;
        background-position-x: 70%;
	}

	.teambanner.titleblock .step {
		left: 10%;
		top: 10%;
	}
    .teambanner.titleblock.top .step {
      left: 10%;
    }
	.teambanner.titleblock h1 {
		position: relative;
		width: auto;
		max-width: 350px;
		padding: 0px;
		margin-bottom: 0px;
	}

	.hoeveel div:first-of-type {
		width: 100%;
		padding: 10% 15% 10% 15%;
	}

	.hoeveel p:first-of-type {
		width: 100%;
	}

	.hoeveel .button {
		margin-right: 0px !important;
	}

	.hoeveel.prijzen {
		width: 80% !important;
		min-height: 100vw;
		border-radius: 30px;
		padding-top: 60vw;
		position: relative;
		overflow: visible;
		background-size: 150%;
		text-align: center;
	}

	.hoeveel.prijzen div:first-of-type {
		width: 100%;
		padding: 50px 40px;
		position: relative;
		z-index: 1000;
		border-bottom-left-radius: 30px;
		border-bottom-right-radius: 30px;
		text-align: center;
		float: none;
		overflow: hidden;
	}

	.hoeveel h2, .hoeveel p {
		width: 100%;
	}

	.hoeveel:not(.prijzen) {
		background-image: none;
	}

	.hoeveel div:first-of-type::before {
		left: 50vw;
		top: 30%;
		background-size: 100%;
	}

	.hoeveel .im {
		right: -200px;
		display: none;
	}

	.hoeveel .im img {
		width: 60%;
	}

	.hoeveel.prijzen .im {
		right: unset;
		top: 10vw;
		left: 25vw;
		width: 100%;
		height: 300px;
	}

	.hoeveel.prijzen .im img {
		width: 50%;
	}

	.hoeveel.prijzen p:first-of-type, .hoeveel.prijzen h2 {
		width: 100%;
		text-align: center;
	}

	.hoeveel.prijzen .button {
		margin-right: 0px !important;
		margin-bottom: 0px;
	}

	#inbegrepen {
		position: relative;
	}

	#inbegrepen > img {
		display: none;
	}

	#inbegrepen .lblue {
		border-radius: 30px;
		width: 50vw;
		padding: 20px 50px;
		margin-bottom: 0px;
	}

	#inbegrepen .img {
		background-repeat: no-repeat;
		margin-top: 16vw;
		right: 10%;
		top: 5vw;
		width: 65%;
		height: auto;
		background-image: url(/wp-content/uploads/2022/09/Interior_1.png);
		z-index: 100;
		background-size: 200%;
		background-position: -60vw -30vw;
		bottom: 21vw;
		background-size: cover;
		background-position: right bottom;
	}

	#inbegrepen:before {
		content: '';
		position: absolute;
		left: 40vw;
		width: 40vw;
		height: 20vw;
		background-image: url(/wp-content/uploads/2022/11/inbegrepen_bg1-768x418.png);
		top: 0vw;
	}

	#inbegrepen:after {
		content: '';
		position: absolute;
		left: 40vw;
		width: 40vw;
		height: 20vw;
		background-image: url(/wp-content/uploads/2022/11/inbegrepen_bg1-768x418.png);
		bottom: 0px;
	}
/*aanbiedingcheck*/
	.aanbiedingcheck {
		background-color: var(--bgblue);
	}

	.aanbiedingcheck h2 {
		color: #ffffff;
	}

	.aanbiedingcheck .cross {
		background-image: url('/wp-content/uploads/2022/07/Crossmark_white.png');
	}

	.aanbiedingcheck td {
		text-align: left;
		font-weight: 700;
		color: #ffffff;
	}

	.aanbiedingcheck td:not(:first-of-type) > b {
		width: 100%;
		display: block;
		text-align: center;
	}

	.aanbiedingcheck p, .aanbiedingcheck tr:first-of-type {
		border-bottom: 1px solid #ffffff;
		color: #ffffff;
	}

	.fw.aanbiedingcheck {
		padding: 70px 10% 70px 10%;
	}

	.bar.aanbiedingcheck {
	}

	.calculatorr {
		margin-top: 0px !important;
		overflow-y: visible;
		background-position: right -10vw;
		background-repeat: no-repeat;
		height: auto;
		background-size: auto 80vw;
	}

	.calculatorr > div {
  	/*float: none;
  	position: relative;
	bottom: 0px;*/
		margin: 0px 15vw;
		width: 70vw;
		padding: 50px 7vw;
		text-align: center;
		margin-top: 30vw;
	}

	.calculatorr h2 {
		text-align: center;
	}

	.hometop .boxie24, .hometop button:not('iti__selected-country') {
		display: none;
	}

	.hometop .inputarrowright {
		background-color: var(--bgblue);
	}

	.whitebar.usps {
		padding: 0px 10% 0px 10%;
		text-align: center;
	}

	.usps h5::before {
		margin-right: 10px;
		margin-left: -40px;
	}

	#citygal.pgal .button {
		font-weight: 700 !important;
		padding: 15px;
		background-color: var(--bgblue) !important;
		max-width: 50%;
		border-color: var(--bgblue) !important;
	}

	#citygal.pgal .ui-selectmenu-button.ui-button {
		color: var(--bgblue);
	}

	.cgal .button {
		margin-top: -30px;
		background-color: var(--boxiegreen) !important;
		max-width: 50%;
		border-color: var(--boxiegreen) !important;
	}
    .blockgal.cgal .button{
       background-color: var(--bgblue) !important;
       border-color: var(--bgblue) !important;
    }
	.cgal .button h3 {
		color: #ffffff !important;
	}

	.cgal .button:hover h3 {
		color: #ffffff !important;
		font-weight: 800;
	}

	.whitebar.qprivate {
		margin: 10% 4%;
		padding:8%;
	}

	.colblock {
		display: inline-block;
		position: relative;
		width: 100%;
	}
	.col2form .colblock{
	    padding-right: 0px;
	}

	#faqblock.white {
		background-color: #e8f2ff;
	}
    #faqblock div div > .fqbut{
        margin-top:20px !important;
    }
    #faqblock .tabcontainer > div > div > .fqbut {
        margin-top: 30px !important;
    }
	.tabcontainer .active {
		padding: 0px;
		background-color: #ffffff;
	}

	.tabcontainer .tabs > .active {
		padding: 10px 20px;
	}

	.tabcontainer > div {
		padding: 0px;
	}

	.fullwidth .tabcontainer > div >span {
/*background-color: #CACACA;
padding: 10px 20px;
width: 100%;
display: block;
border-bottom: 2px solid #ffffff;*/;
	}

	.page-child #primary {
		width: 100%;
		padding: 0;
	}

	#primary.seo-page, #primary.noparent {
		padding: 50px 7vw 25px 7vw;
	}
	#primary.checkpage{
	    padding: 0px !important;
	}

	.steps {
		width: 100%;
		display: block;
		padding-bottom: 140px;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 60px;
		border-radius: 40px;
		background-color: #d2e6ff;
		padding-left: 10vw;
		padding-right: 10vw;
	}
	
	.hexbg.checkout #steps{
	    padding-top: 40px;
	}
	
	.hexbg.checkout h4{
	    padding: 0px 20px;
	}
	 #secondary-timebuts.rules{
	 padding: 0px;
	 }
    .hexbg.checkout .steps{
        width: 24%;
        display: inline-block;
        background-color: transparent;
        padding-bottom: unset;
		max-width: unset;
		margin-left: unset;
		margin-right: unset;
		margin-top: unset;
		border-radius: unset;
		background-color: #unset;
		padding-left: unset;
		padding-right: unset;
    }
	.bar {
		padding-left: 10%;
		padding-right: 10%;
	}

	#betterblock >p {
		display: none;
	}

	#better, #better .row {
		padding: 0px;
	}

	#better .row {
		width: 180%;
		margin-left: -40%;
	}
/*#better .steps, #better .steps:first-of-type{
  width: 80%;
  margin: 0px 10%;
  display: inline-block;
  }
#better .steps p{
  color: var(--bgblue);
  padding: 0px 50px;
}
#better{
	padding-left: 0px;
  padding-right: 0px;
}
#better .row{
	    width: 100%;
}
#better img{
	padding: 0px;
}*/
	#citygal {
		background-image: none;
	}

	#citygal .cgal a {
		height: 60vw;
	}

	#citygal .m40c, #citygaln .m40c {
		width: 80vw;
		margin: 0px auto;
		padding-left: 10px;
		padding-right: 10px;
	}

	#citygal .m40c > div, #citygaln .m40c > div {
		margin-left: auto;
		margin-right: auto;
	}

	#better .owl-dots {
		text-align: center;
	}

	#better .owl-dot {
		width: 10px;
		height: 10px;
		margin: 20px 10px;
		display: inline;
		border-radius: 50%;
	}

	#better .owl-dots .active > span {
		background-color: var(--boxiegreen);
	}

	#better .owl-dot > span {
		width: 10px;
		height: 10px;
		display: block;
		border-radius: 50%;
		background-color: #90dcbb;
	}

	.cgal {
		max-width: 100%;
	}

	#citygal > div {
		width: 180%;
		margin-left: -40%;
		padding: 0px;
		padding-bottom: 50px;
	}

	#better .owl-stage, #citygal .owl-stage {
		display: flex !important;
		margin-top: 30px;
	}

	#better .owl-carousel .owl-item .steps {
		width: 100%;
		height: 100%;
		object-fit: cover;
		max-width: initial;
	}

	#citygal .owl-carousel .owl-item > div {
		display: block;
	}

	#citygal .cgal a {
		display: block;
		max-width: 100%;
		width: 100%;
		height: 40vw;
	}

	#citygal .cgal a img {
		border-radius: 20px !important;
		height: 100%;
		width: 150%;
	}

	#citygal .owl-carousel .owl-item img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		max-width: initial;
	}
    .de #citygal .owl-carousel .owl-item img{
        width: unset !important;
		height: 100%;
		object-fit: cover;
		max-width: initial;
    }
	#citygal .owl-nav {
		display: none;
	}

	.teambanner {
		background-size: cover;
		background-position: top center;
	}

	.teambanner > div {
		position: relative;
		height: 100%;
	}

	.teambanner .teambg {
		background-size: 80%;
		background-position: 300% 200px, -310% -180px;
	}

	.teambanner.s_right .teambg {
		background-size: 60%;
	}

	.teambanner > div > img {
		width: 100%;
		height: auto;
	}

	.teambanner .step {
		left: unset;
		right: 10%;
	}

	.teambanner .boxie24 {
		display: none;
	}

	#checklist.ophaal {
		padding-bottom: 0px !important;
	}

	#checklist table {
		max-width: 100%;
		width: 85%;
		margin: 30px 7%;
	}
    #checklist > .button{
        max-width: max-content;
    }
	#checklist.ophaal table, .ophaal p {
		max-width: 100%;
		width: 80%;
		z-index: 100;
		position: relative;
	}

	.checkblock.ophaal::after {
		content: none;
	}

	#checklist.ophaal .bgdarkblue {
		background-color: var(--darkblue);
		position: relative;
		overflow: hidden;
		padding: 40px 0px;
	}

	#checklist.ophaal .bgdarkblue:after {
		content: '';
		left: 80vw;
		top: 30px;
		right: auto;
		background-image: url('/wp-content/uploads/2022/11/Hexagon_darkblue.png');
		width: 50vw;
		height: 100vw;
		display: block;
		position: absolute;
		background-size: 100%;
		background-repeat: no-repeat;
		z-index: 2;
	}

	.checklistfw {
		width: 100vw !important;
		margin-left: -7vw;
	}

	#overboxie > div {
		width: 100% !important;
	}

	.overboxieimg {
		margin-top: 0px;
	}

	#overboxie button {
		margin: auto;
	}

	.whitebar .fqbut span {
		padding-left: 40px;
		display: block;
	}

	.page article .seo {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
		-webkit-column-gap: 0;
		-moz-column-gap: 0;
		column-gap: 0;
	}

	.logoos img, .imgline img {
		max-height: 50px;
	}

	#primary {
		padding-left: 0px;
		padding-right: 0px;
	}

	#callbackbut, #out-callbackbut {
	/*display: none !important;*/;
	}





	.tabs {
		margin-top: 0px;
	}

	.tabcontainer .active {
		border: 1px solid #d4d4d4;
	}

	.tabcontainer .tabs .active {
		border: 0px;
	}

	.qside {
		position: relative;
		float: none;
		overflow: hidden;
	}

	.qside .mainhexx {
		height: auto;
		margin-left: 0px;
	}

	.qside #imgout #sguyq {
		left: 42%;
	}

	.gside-imgs {
		position: relative;
		width: 100%;
	}

	.product .loclist {
		width: 100%;
		padding: 0px;
	}

	.fw.storeicons {
		padding: 3% 8% 4% 8%;
	}

	.prijzentop {
		background-size: 100%;
		background-position: top center;
		background-image: url(/wp-content/uploads/2022/11/prijzentop-mob.png);
		height: 70vw;
		margin-top: 0px;
	}

	.prijzentop.en-au {
		background-image: url(/wp-content/uploads/2023/07/Boxie24-172-3.png);
	}

	.prijzentop > div:first-of-type {
		background-image: unset;
	}

	.prijzentop > div {
		width: 100%;
		padding: 0px;
	}

	.prijzentop .lblue {
		width: 100%;
		display: block;
		background-color: #ffffff;
		padding: 5%;
		padding-bottom: 15%;
	}

	.prijzentop .lblue .col50r {
		width: 100%;
		text-align: center;
	}

	.col50r .searchdropdown {
		margin: 10px auto auto !important;
		position: relative;
	}

	.prijzentop > div:first-of-type {
		padding: 15% 5% 5% 5%;
		margin-top: 70vw;
		background-color: #ffffff;
	}

	.prijzentop h2, .prijzentop h1, .prijzentop .htit {
		margin: 0px;
		text-align: center;
		padding: 0px;
	}

	.prijzentop h2 {
		font-size: 28px;
	}

	.prijzentop h2 i {
		font-size: 16px;
		line-height: 28px;
	}

	.prijzentop h1, .prijzentop .htit {
		width: 80%;
	}

	.prijzentop h2::before {
		position: relative;
		display: block;
		margin: 0px auto;
		width: 120px;
		height: 120px;
		background-size: 80px;
		margin-top: 30px;
	}

	#citygal.pgal {
		background-color: #d2e6ff !important;
	}

	#citygal.pgal.homegal {
		background-color: #ffffff !important;
		padding-bottom: 0px !important;
		margin-bottom: 0px !important;
	}

	#citygal.pgalprijzen {
		background-color: #d2e6ff !important;
		padding-top: 40px;
	}

	#citygal.pgalprijzen:after {
		content: none;
	}

	#citygal.pgalprijzen h2 {
		color: var(--bgblue);
	}

	.map.prijzen .step, #mapdrop .sub-menu {
		display: none;
	}

	#mappdropnav-button {
		display: block;
		margin-top: 20px;
		margin: 20px auto 10px auto;
	}

	#mapdrop .searchdropdown {
		display: block;
		margin: 10px auto;
	}

	.map .mapimg {
		position: relative;
		width: 100%;
		padding: 0px;
		margin-bottom: 0px;
		text-align: center;
	}

	.map .mapimg img {
		width: 100%;
		margin-top: 20px;
		margin-bottom: 40px;
	}

	.bieden td {
		vertical-align: top;
		display: block;
	}

	.bieden tr:first-of-type td > b, .bieden td .button {
		display: inline-block;
		margin: 0px;
	}

	.bieden table tr:not(:first-of-type) {
		border: 0px;
	}

	.bieden tr:nth-child(2), .bieden tr:nth-child(3),  .bieden tr:nth-child(4) td>*:not(a), td.ustd {
		display: none;
	}

	.bieden .append {
		display: block;
		border-bottom: 1px solid #d2e6ff;
		padding-bottom: 20px;
		margin-bottom: 30px;
	}

	.bieden .infopop::after {
		color: #ffffff !important;
		border-color: #ffffff !important;
		margin-right: 0px;
	}

	.append > b {
		border-top: 1px solid #d2e6ff;
		margin-top: 20px;
		padding-top: 10px;
		display: block;
	}

	.append em, .append em strong {
		font-weight: 700;
	}

	.infopop::after {
		color: #ffffff;
		border: 1.5px solid #ffffff;
	}

	.popbubble {
		width: 80%;
		margin: 0px 10%;
	}

	.bieden tr:first-child td > b:first-child {
		padding: 10px 20px;
		background-color: var(--bgblue);
		color: #fff;
		border-radius: 30px;
		text-align: center;
		font-weight: 700;
		margin-bottom: 10px;
		display: inline-block;
		border: 0px;
	}

	.tagline {
		display: grid;
		justify-content: space-around;
	}

	.tagline > div {
		display: block;
	}

	.tagline > div >div {
		display: block;
	}

	#mapdrop .sub-menu {
		display: none !important;
	}

	.map .txt {
		width: 100%;
		padding-right: 0px;
	}

	.map .step.us {
		left: 20px;
	}

	.butbot {
		text-align: center;
	}

	.butbot .button {
		display: inline-block;
	}

	.map .txt > .button {
		display: none;
	}

	.map .txt, .map img {
		width: 100%;
		display: block;
		float: none;
	}

	#mapdrop {
		width: 90%;
		position: relative;
		z-index: 1000;
		margin-left: 20px;
	}

	.mapbut2 {
		margin: 0px auto;
	}

	.map .mapimg img {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.map h2, .map h4 {
		text-align: center;
  /*color: var(--bgblue);*/
		margin: 5px auto;
		width: 100%;
	}

	.cityheadpict {
		width: 100%;
		position: relative;
		height: 50vw;
	}

	.cityheadpict iframe {
		width: 100%;
	}

	.cityhead {
		background-color: #ffffff;
		padding-bottom: 0px;
		width: 100%;
	}
    .prijzen .cityhead{
        padding: 80px 5%;
    }
    .prijzen .cityhead.newtop{
        padding-top: 0px;
        padding-bottom: 40px;
    }
    .cityhead .txt a{
        color:var(--bgblue) !important;
    }
	.cityhead .txt {
		width: 100%;
		text-align: center;
		color: #3a3a3a;
	}
	
	.prijzen .cityhead .searchdropdown, .prijzen .cityhead .button {
	display:block;
      margin-left: auto;
      margin-right: auto;
      max-width: 300px;
  }

	#filman {
		display: none;
	    margin-top: 50px;

	}

	.filiaalman .txt {
		text-align: left;
		width: auto;
		display: inline-block;
	}

	.filiaalman .hphonecont.button {
	/*display: block;*/;
	}

	.usps.boxes .col2block {
		padding-left: 0px;
	}

	#faqblock div {
		line-height: 24px !important;
		float: none;
		padding: 0px !important;
	}
     #faqblock.frbied div{
        padding-left:40px !important;
     }
    #faqblock.faq2024.frbied, #easy{
    width: 90vw;
    }
	#faqblock .faq-specs .tabcontainer > div > div {
		margin-top: 20px;
	}

	#faqblock .qa {
		display: none;
	}
	#faqblock.faq2024 .qa.qa24{
	 display: block !important;
	 margin-left: 0px;
	 }
    #faqblock.faq2024{
        background-color: #ffffff !important;
        width: 80vw;
    }
    #faqblock.faq2024 .qa::before{
        margin-right: -20px;
    }
    #faqblock.faq2024 h2, #faqblock.faq2024 .h2{
        margin-top: -20px;
    }
	#faqblock .fqbut {
		cursor: pointer;
		padding-right: 40px !important;
	}

	#faqblock .fqbut:after {
		content: '';
		background-image: url('/wp-content/uploads/2022/11/Button_arrow_down_blue.png');
		background-repeat: no-repeat;
		background-size: contain;
		width: 30px;
		height: 30px;
		position: relative;
		display: block;
		float: right;
		margin-right: -40px !important;
	}

	#faqblock .fqbut.tog:after {
		background-image: url('/wp-content/uploads/2022/11/Button_arrow_up_blue.png');
	}
    #easy span div {
        max-width:unset;
        width: 90%;
    }
	.boxstep .steps {
		width: 100% !important;
		padding-right: 20px !important;
	}

	.boxstep::before {
		left: 139px;
	}

	.bar.owl-mag {
		padding: 0px;
	}

	.container.magazinowl {
		padding: 0px 7vw;
		margin-bottom: 0px !important;
	}

	.container.magazinowl .owl-dot {
		display: inline-block;
	}

	.pop {
		background-color: transparent;
	}

	.popdown {
		background-image: url(/wp-content/uploads/2022/12/icon_close_800x800px.png);
		background-repeat: no-repeat;
		background-size: cover;
		cursor: pointer !important;
		position: absolute;
		right: 20px;
		top: 20px;
		width: 30px;
		height: 30px;
		background-color: transparent;
	}

	.dialog-type-lightbox2 > .wrap, .dialog-type-lightbox3 > .wrap, .dialog-type-lightbox5 > .wrap {
		position: absolute;
		border-radius: 30px;
		border: 1px solid var(--bgblue);
		overflow: visible;
		max-height: unset;
		margin-left: auto;
		margin-right: auto;
		left: 10vw;
		right: 10vw;
	}

	.mob23 #tagline .container, #tagline .container {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	.table * {
      display: contents;
    }
    .table {
      display: flex;
      flex-direction:column;
    }
    .table th, .table td, .table li {
      display:block;
      text-align:left;
    }
    .wrap .table li::before {
        content: '•';
        display: inline-block;
        width: 20px;
        font-size: 16px;
        font-weight: 900;
    }
    .table tr > *:nth-child(1) { order:1;}
    .table tr > *:nth-child(2) { order:2;}
    .table tr > *:nth-child(3) { order:3;}
    .table tr > *:nth-child(4) { order:4;}
    .table tr > *:nth-child(5) { order:5;}
    .table tr > *:nth-child(6) { order:6;}
    .table tr > *:nth-child(7) { order:7;}
    .table tr > *:nth-child(8) { order:8;}
    
    .rules .infopop::after{
        margin-top: 8px;
    }
    
   /* .carouseln-container{
        min-width: 200vw;
        margin-left: -75vw;
    }
    .carousel {
    transform: translateX(25%);
    }
    .carousel-slide > a{
        border-radius: 20px !important;
        left:20px;
        right:20px;
        height:40vw;
    }
    .carousel-slide {
      flex: 0 0 25%;
      padding-top: 45vw;
    }*/
    .newgal .gal-prev, .newgal .gal-next {
        display: block !important;
        margin-left: 10px !important;
         margin-right: 10px !important;
    }

}

.block {
	display: block !important;
}
.mob #htit{
margin-left:20px;
margin-top:0px;
z-index: 1;
}
.mob #htit .crumbs{
    background-color:transparent;
    position:relative;
    padding:0px;
}
.mob #htit .h1{
    display:block;
    font-size: 5vw;
  line-height: 6vw;
}
.mob .picklabel.pl25{
   display:none;
}

.nommbmap #mapnew{

    visibility:hidden;
}

.mob .citynameblock.pl25{
    bottom:0px !important;
}
.mob #infoblock.pl25{
    margin-top:20px !important;
}
.mob #infoblock.pl25 .cl2{
  position:relative;
}
.mob #infoblock.pl25 #open.opened{
box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.5);
}

 #awards.sb.mob, .tabmob #awards.sb{
    margin:40px 20px 20px 20px;
}  
.mob .citypop, .nommbmap #cp1.citypop, .tabmob .citypop, .tabmob #cp1.citypop{
    left:0px;
    width:100%;
    margin-top:30px;
    z-index:10000;
    max-width: 500px;
}

@media only screen and (max-width: 730px) {
#more-space24 {
background-size: 20vw;
}
#more-space24 > div:not(.lable) {
  padding-left: 25vw;
  }
  }
@media only screen and (max-width: 680px) {

#more-space24 {
background-size: 15vw;
}
#more-space24 > div:not(.lable) {
  padding-left: 20vw;
  }
  #qbut{
  margin-right: 10px;
  }
.w100vw.gbar.reviewtop > img{
    left:60%;
}
.newgal .gal-prev, .newgal .gal-next {
display: none !important;
}
    #CBcheckout.p50, #submitlabel.p50{
        width: 100% !important;
        margin-left: 0px !important;
    }
    #submitlabel.p50{
        margin-top: 20px;
    }
}
@media only screen and (max-width: 640px) {
#realex:not(.noanim) .sliders .carousel-slide{
   margin: 0px 20vw 0px 0px;
   max-width: 80vw;
        padding-top:13%;
        background-size: 120% auto;
        background-position-x: center;
        padding-bottom:20px;
   /* flex: 0 0 90vw;
    scale: 1 !important;
    max-width: 90vw;*/
}

#realex:not(.noanim) .wp-gr.sliders{
    margin-left: 9vw;
    padding: 0px;
    margin-top:-10px;
}
  #realex h2, #realex .subt{
    width:80vw;
     margin-left: 10vw;
  }
  #realex{
    margin-left: 0vw;
  }
    .magazincontainer{
        grid-template-columns: repeat(1, 1fr);
    }
	.site-branding {
		height: auto;
		padding-bottom: 0px;
	}

	.mob23 #tagline, #tagline, #taglinenew .carousel {
		max-height: 42px !important;
	}
    #taglinenew .carousel, #taglinenew .carousel-slide{
    }
	#masthead > .login-icon, #switch .mobbut {
		width: 40px;
		height: 40px;
	}

	#hphonecontainer .button.tel {
		padding: 0px;
		padding-top: 4vw;
	}

	#hphonecontainer div .teltxt {
		line-height: 20px;
		padding-bottom: 10px;
	}

	.whiteside {
		margin-left: 0px;
		margin-right: 0px;
	}

	.movebg #secondary .bottom {
		max-width: 300px;
		margin-top: 10px;
	}

	.bluebar select {
		max-width: 460px;
	}

	.qformcont {
		padding: 20px 20px;
	}

	#secondary-timebuts {
		margin: 0px;
	}
	.sizeblocks, .sizeblocks.nl, .sizeblocks.de, .sizeblocks.us, .sizeblocks.au{
	    grid-template-columns: unset;
	    grid-template-rows: unset;
	}

	.rules .product-time {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 90px);
    }
    .rules .product-time > div:hover:after{
        content: unset;
    }
    .rules .product-time.times > div.active:after{
        content: unset;
    }
    .rules .product-time.insr, .rules .product-time.pick {
        grid-template-rows: repeat(1, 90px);
    }
	.sizeblocks > .sizeblock, .newsum .sizeblocks > .sizeblock{
	    text-align: left;
	    display: table-cell;
	    padding: 10px 30px;
	    display:none;
	}
	  .newsum .sizeblocks{
	    padding-top:10px;
	    height: 350px;
      overflow-y: scroll;
      max-height: 275px;
	  }
	.newsum .sizeblocks > .sizeblock{
	    width:100%;
	    padding: 10px 10px;
	    margin: 10px 0px;
	}
	#blocksline .sizeblock.hidden{
	    display:block !important;
	}
	#fixinfo.fixed{
	    width:100vw !important;
	    right:0px;
	}
	.sizeblock .loctxt{
	    width: 60% !important;
	    display: inline-block;
	    padding: 0px;
	}
	.sizeblock .toplabel{
	    position: relative;
        float: right;
        top: unset;
        right: unset;
        margin-top: 4px;
	}
	.sizeblock .pricesize, .sizeblock .price{
	    text-align: left;
	    width: max-content;
        display: inline-block;
        padding-right: 10px;
	}
	.sizeblocks.de .sizeblock .price, .sizeblocks.us .sizeblock .price{
	    display: inline-block !important;
	}
	.rules .rules .namewrap{
	    grid-template-columns: repeat(1, 1fr);
	}
	.rules .rules #q25 {
        grid-template-columns: repeat(2, 1fr);
    }
    .span50{
        width: 100%;
        margin-right: 0px !important;
    }
      .closed .sizegreen{
      padding: 30px 0px !important;
      }
	 .hexbg.blue.checkout h2{
	    font-size: 18px;
	 }
	.hexbg.checkout .steps{
	    width: 24%;
	}
	.hexbg.checkout .steps h4, .hexbg.checkout .steps .h4{
	    font-size: 15px;
	}
   
	.product .loclist {
		width: 100%;
	}

	.loctxt {
		padding: 20px;
	}

	.product .crumbs {
		padding-left: 20px;
		display: block;
	}

	.loclist .crumbs {
		padding-left: 0px;
		margin-bottom: 20px;
	}

	.crumbs a {
		display: inline-block;
	}
    .storpost .crumbs a {
        display: inline;
    }
	.product .loctxt, #galholder {
		width: 100%;
	}

	.prod-gallery {
		width: 60%;
		margin-right: 2vw;
	}

	.footnote {
		max-width: 90%;
		font-weight: 400 !important;
	}

	#galholder {
		display: block;
	}

	.student #galholder {
		padding-top: 0px;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}

	.student .prod-gallery2 .galimg {
		max-height: 70px;
	}

	.student .loctxt .img2 {
		display: block;
		margin-left: 0px;
	}

	.student .rabatt .price.old, .student .rabatt .price.new .action, .student .rabatt .price.new .ipreis {
		display: none !important;
	}

	.container.student {
	}

	.checkout h4.student {
		font-size: 22px !important;
		hyphens: none;
	}

	#galholder .tagline >div {
		float: left;
	}

	.porto-block-location-content {
		padding: 0px 0px 80px 0px;
	}

	.stoptions ul {
		columns: 2;
		padding: 0px 0% 150px 0px;
		padding-right: 0%;
	}

	.whitebar.stoptions {
		background-size: 40%;
		background-position: right 120%;
	}

	.teambanner .teambg {
		background-position: 350% 100px, -270% -150px;
	}

	#secondary .hometop {
		max-width: 100vw;
		border-radius: 0px;
	}

	.spaceitems .wrap {
		width: 100%;
	}

	.boxtop .im {
		margin-top: 50px;
		min-width: 640px;
		margin-left: calc( (100vw - 640px) / 2);
	}

	.boxtop .boxsub {
		padding-top: 150px;
		font-size: 24px;
		line-height: 30px;
	}

	#pickmob > #langpick li a {
		padding-left: 50%;
	}
	.hexbg.blue.checkout {
        margin-bottom: 0px !important;
         display: none;
    }
	.hexbg.checkout #steps, .hexbg.blue.checkout h2{
	    display: none;
	}
	 .spaceitems.new .wrap{
	    width: 100%;
	 }
	.checkstep{
	    padding-left: 0px;
	    text-align: center;
	    margin-left: 0px;
        margin-right: 0px;
	}
	.checkstep h3{
	    text-align: center !important;
	}
	.checkstep > span {
      padding: 40px 0px;
      max-width: 100%;
      width: 100%;
      margin-right: 0px;
       text-align: center !important;
    }
	.checkstep img {
	    margin: 0px auto;
        display: block;
	}
	.checkstep > b {
	    left: calc((100% - 170px)/2);
	}
	#page.subpg25.v26 #primary.seo-page::before{
	    content:unset;
	}   
	  #page.subpg25.v26 .seoh1{
	  width:100vw;
	  background-color: var(--boxiegreen);
	  position:relative;
	  margin: 0px;
    top: 0px;
    border-radius: 0px;
    color:#ffffff !important;
	  }
	  #page.subpg25.v26 .seoh1 h1{
	    color:#ffffff;
	    line-height: 50px !important;
	  }
	  #page.subpg25.v26 .seoh1 .crumbs{
	    display:none;
	  }
	  #page.subpg25.v26 .seoh1 p{
	      height:unset;
    max-height:unset;
	  }
	  .v26 .vidbar p.h2{
	    text-align:center;
	    padding: 0px 5vw 20px 5vw;
	  }
	  .butbar{
	  position:relative;
	  padding:0px;
	  margin:0px;
	  padding-top:40px;
	  bottom:unset;
	  }
	  .butbar .button{
	    width:100% !important;
	    display:block;
	    margin:10px 0px;
	    text-align:center;
	  }
}

@media only screen and (max-width: 600px) {

#more-space24 {
background-image: none !important;
padding: 20px 7vw;
}
#more-space24 .lable{
    display:none;
}
#more-space24 > div:not(.lable) {
  padding-left: 0vw;
  text-align:center;
  }
  #qbut, #morespacen{
  display:block;
  width: 100% !important;
  text-align:center;
  }
}
@media only screen and (max-width: 580px) {
#review1car h1{
    width: 85vw;
     margin:20px 0px 40px 57vw;

}
#review1car{
    width: 200vw;
    max-width: 200vw;
    margin-left: -57vw;

    
}
#review1car div.logs::before{
    top:20px; 
}
#review1car .carousel-slide{
box-shadow: unset;
    -webkit-box-shadow:unset;
}
#review1car div.logs{
    background-color: #ffffff;
    width:80% !important;
    height:50vw;
    margin:20px 0px;
    padding-top:25vw !important;
    max-height:280px;
    scale:1 !important;
    box-shadow: 6px 2px 15px 1px rgba(60,80,250,.21);
    -webkit-box-shadow: 6px 2px 15px 1px rgba(60,80,250,.21);
}
#review1car div.logs.pilot{
     padding-top:30% !important;
     
}
#review1car div.logs.pilot::before{
background-position-y: 20px;
}

    #boxievs .blk > div{
    padding: 0px 20px;
    width: 50%;
    }
    #boxievs .blk img.crossnw, #boxievs .blk.tog img.crossnw {
        position: relative;
        float: right;
    }
    .labelw, #cbbut, .labelw input{
        display:block;
        width: 100% !important;
    }
     #cbbut{
        margin-top: 0px;
        margin-bottom: 40px;
        margin-left: 0px;
     }
     #citygaln .carouseln-container{
        min-width: 250vw;
        margin-left: -75vw;
    }
    #citygaln .carousel {
    transform: translateX(33.3%);
    }
   #citygaln .carousel-slide > a{
        border-radius: 20px !important;
        left:20px;
        right:20px;
        height:40vw;
    }
    #citygaln .carousel-slide {
      flex: 0 0 33.3%;
      padding-top: 40vw;
    }
    #citygaln .carousel-slide .button{
        margin-top:-3vw;
        width: 70% !important;
        margin: -3vw 15% 0px 15% !important;
    }
   #taglinenew .carousel-slide {

   }
}

@media only screen and (max-width: 568px) {
	#cluster{
	    width:100% !important;
	     margin-right: 0;
	     margin-bottom: 20px;
	}
	.fw.cluster{
	    padding-bottom: 40px;
	}
	#calctop article {
		max-width: 90%;
	}

	#calctop > img {
		display: none;
	}

	.homescreen #popup .picker > div {
		margin-left: 0px;
	}

	.homescreen #popup .picker p {
		padding-top: 20px;
		padding-bottom: 40px;
		display: block;
	}

	.homescreen #popup .picker > div > a {
		display: block;
		width: 100%;
		text-align: center;
		padding: 0px;
		font-size: 16px !important;
	}

	.homescreen #popup .picker > div > h2 {
		width: 100%;
		padding: 30px 0px 10px 0px !important;
		text-align: center;
		font-size: 16px !important;
		position: relative;
		height: unset;
	}

	.fullwidth .head {
		display: block;
	}

	.fullwidth .head div {
		min-width: 100%;
	}

	.fullwidth .plan {
		min-width: 100%;
		margin-bottom: 20px;
	}

	.fullwidth .col2 .plan h6 {
		height: auto;
	}

	.package > div {
		background-size: auto;
	}

	/*#callbackbut, #out-callbackbut {
		height: 60px;
		left: -1px !important;
		top: unset !important;
		bottom: 20px !important;
		width: 70px;
		display: block !important;
	}*/
    #out-callbackbut.us{
    
    }
    #out-callbackbut.formdiv.us{
        display:block !important;
    }
	#callbackbut .phone, #out-callbackbut .phone {
		/*top: 0px;
		left: 10px;
		left: 0px;
		width: 60px;
		border-radius: 0px;
		border-top-left-radius: 0px !important;
		border-bottom-left-radius: 0px !important;
		border-top-right-radius: 30px !important;
		border-bottom-right-radius: 30px !important;
		width: 70px;
		height: 50px;*/
		
	}

	#callbackbut:hover .phone, #out-callbackbut:hover .phone {
		border: 1px solid #ffffff;
		border-left: 0px;
	}

	#callbackbut .phone::before, #out-callbackbut .phone::before {
		right: unset;
		line-height: 30px;
		margin-top: 8px;
		font-size: 28px;
		left: 12px;
	}
	#out-callbackbut .phone::before {
	    left: 2px;
	}

	#callbackbut .callbg, #callbackbut .callhexx, #callbackbut .callhexx.callmanhexx {
		display: none !important;
	}

	#out-callbackbut .callbg, #out-callbackbut .callhexx, #out-callbackbut .callhexx.callmanhexx {
		display: none !important;
	}

	#trustedbadge {
		display: none !important;
	}

	.loclist > img, .loclist > .loctxt {
		width: 100%;
	}

	.filter-viewing {
		margin-top: 20px;
		width: 100%;
	}

	.category-landing > #showcontr.mob{
	    height:auto;
	    padding:0px;
	    line-height: 0px;
	    width: 93px;
	}
	 .category-landing > #showcontr.mob > *{
	    float:unset;
	    width:100%;
	    text-align:center;
	}
	.category-landing > #showcontr.mob > svg{
	    margin-top: -6px;
	}

	#locations {
		border-top: 1px solid #d2e6ff;
		margin-top: 40px;
	}

	.product #locations {
		border-top: 0px solid #d2e6ff;
	}

	.loclist {
		padding: 0px 0px 20px 0px;
	}

	.fcol {
		width: 100%;
	}
	
    .sizeblock .loctxt {
      width: 60% !important;
    }
    .closed .sizegreen{
        padding: 30px 20px;
        font-size: 20px;
        line-height:22px;
    }
     #is, #was, #time {
        font-size: 16px;
     }
     #totalsbottom h2{
        font-size: 22px;
     }
	.stoptions ul {
		padding-right: 0px;
	}

	h3, h4, h5, h6 {
 /*word-wrap: break-word;
  overflow-wrap: break-word;*/
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	.storeicons h2 {
		padding: 0px 10%;
	}

	.teambanner {
		background-size: cover;
	}

	.calculatorr {
		height: auto;
	}

	.calculatorr > div {
		margin: 100px 10vw;
		margin-bottom: 0px;
		width: 80vw;
	}

	.mob23 .toggle-text {
		font-size: 13px !important;
	}
	 .bar.serviceblok .wrapitem span h3:first-of-type{
        margin-top: 30px;
    }
    .bar.serviceblok .wrapitem > div, .bar.serviceblok .wrapitem > span{
    min-height: 40vw;
        width: 100%;
    }
     .blockgal, .minorgal{
        display: block;
        grid-template-columns: unset;
     }
    .blockgal > div{
        width: 100%;
        overflow-y: hidden;
        max-height: 45vw;
        margin-bottom: 20vw;
    }
    .blockgal > div.landsc {
      background-position: center top;
    }
    .blockgal a > div{
        background-color: #fff;
          padding-top: 20px;
          margin-top: -25vw;
          margin-bottom: 20px;
          position: relative;
          padding-bottom: 20px;
    }
    .blockgal > div > a > div{
        position: absolute;
        width: 100%;
        background-color: transparent;
        margin-top: -25vw;
        padding: 5vw 0px;
    }

    .blockgal.minor .buttondiv a{
        margin: 0px auto;
        max-width: 100%;
    }
    .blockgal.minor > a{
        margin-bottom: 20px;
        min-width: 100%;
    }
    #popcall .button{
        display: block;

      max-width: fit-content;
      margin-left: 0px;
      text-align: center;
    }
    
}

@media only screen and (max-width: 520px) {

     #site-navigation #taglinenew .carousel-slide{
     flex: 0 0 100% !important;
    }
	.hometop .im img {
	}

	.hometop  h1 {
	    width: 50%;
	}

	.poptit{
	}

	.seo.homeseo {
		padding: 70px 7% !important;
	}

	.hoeveel h2 {
		hyphens: none;
	}

	#faqblock {
		width: 100%;
		border-radius: 0px;
		margin-bottom: 0px;
		padding: 20px 10vw;
	}

	#faqblock .qa.tog > div {
		width: 100vw;
		padding: 40px 10vw;
		left: calc((10vw + 20px) * -1);
		left:-10vw;
	}

	.vspace.nomarge{
		margin-bottom: 0px !important;
	}
	.teambanner {
		height: 50vw;
	}

	.teambanner .teambg {
		background-image: none;
	}

	.teambanner > div > img {
		display: none;
	}

	#inbegrepen {
		padding: 40px 0px;
	}

	#inbegrepen .img {
		right: 0px;
	}

	#inbegrepen .lblue {
		width: 70vw;
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
		padding-right: 30px;
	}

	#searchzip, #q5new, #q5new-button, #searchzip-button, #searchzip3-button {
		width: 100%;
	}

	#checklist.ophaal td {
	}

	.bieden td .button {
		margin: 10px 0px;
	}

	#faqblock {
		margin-top: 0px !important;
	}

	.w50 {
		padding: 0px;
	}

	p.lblueblok {
		padding: 20px 14px;
		width: 31%;
	}

	p.lblueblok b {
		font-size: 26px;
	}

	.checkout #order {
		padding: 10% 0px;
	}

	#secondary.seopage {
		background-image: none;
	}

	#secondary.seopage .hometop {
		max-width: 100%;
		padding: 0px 10vw;
		margin: 0px;
	}

	#popform {
		width: 100%;
		margin: 0px;
	}

	.step.ger {
		bottom: 10%;
		right: 0px;
	}

	#pickmob > #langpick li a {
		padding-left: 60px;
	}

	.mob23  #hphonecontainer .phone > div::before {
		margin-top: -3px !important;
	}

	.site-branding > .mobile-nav-toggle,  .mobile-nav-toggle {
		left: 40px;
	}

	.mob23 .toggle-icon, .toggle-icon {
		width: 22px;
	}

	.mob23 .toggled .toggle-icon::before, .toggled .toggle-icon::before {
		background-position-y: center;
		background-size: 70%;
		width: 30px;
		height: 28px;
	}

	.mob23 .toggle-icon > div, .toggle-icon > div {
		width: 100%;
		height: 3.5px;
		margin: 4px 0px 4.5px 0px;
	}
}

@media only screen and (max-width: 490px) {
.fwpagedrop {
width: 85vw;
  margin-left: -4vw;
}
  .mob #steps3storage > div {
  padding-left:120px;
  }
 .mob #steps3storage > div img {
    max-width: 100px;
    margin: -20px 20px -10px -120px;
 }

.w100vw.gbar.reviewtop > img{
    height:80%;
}
 #glogo::before{
    width: 80px;
    height: 80px;
    margin: 4px 0px 0px -100px;
    position: absolute;
 }
	.hometop .im img {
		margin-right:-25%;
	}
	.stedenbanner.prijzen .cityheadpict {
  background-image: url(/wp-content/uploads/2022/09/Photo_team_international_3-300x200.jpg);
}
    .stedenbanner.prijzen .searchdropdown{
        max-width: 100%;
    }
	.hometop  h1 {
		width: 60%;
		margin-top: 1vw;
	}

	#masthead > .login-icon {
		margin-left: 0px;
	}

	#hphonecontainer {
		max-width: 30%;
	}

	#pickmob > #switch {
		margin-right: calc( 15% - 30px);
	}

	#langpick li {
		width: 100vw !important;
	}
    .sizeblocks > .sizeblock{
	    padding-right: 0px;
	    padding-left: 20px;
	    overflow: hidden;
	}
	
	.sizeblock:not(.packge) .loctxt {
      width: 80% !important;
      top: 15px !important;
    }
    .de .sizeblock:not(.packge) .loctxt {
        top: 20px !important;
    }

      .sizeblock .toplabel{
        width: 30%;
        border-radius: 0px;
        position: absolute;
        top: 0px;
        bottom: 0px;
        right: 0px;
        margin-top: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 14px;
      }
    .sizeblock .toplabel{
    padding-top:26px;
    }
    .de .de .sizeblock .toplabel, .nl .nl .sizeblock .toplabel{
        padding-top:14px;
    }
    #totalsbottom #totals.tot23 span{
        font-size:16px;
    }
    #totalsbottom #totals.tot23{
        padding:20px 20px;
    }
    #toggleBottom.citytog{
        padding: 10px 20px;
    }
    #totalsbottom #totals.tot23 span.n2{
        padding-top:20px;
    }
    #productblock th{
        font-size:16px;
    }
      #productblock td, #productblock th{
        display:inline-block;
        min-width:50%;
    }
    #productblock tr th:last-of-type{
        width: auto;
        float: right;
    }
    #totalsbottom #prices.new{
        padding-left:20px;
        padding-right:20px;
    }
    #totalsbottom #callbackbut, #totalsbottom #out-callbackbut{
         margin-right:-22px;
    }
    #res23{
        margin-top:20px;
    }
    #productblock tr:first-of-type > th{
         margin-bottom:10px;
    }
    #productblock tr:first-of-type > th:first-of-type{
        margin-bottom:-5px;
    }
   #productblock tr, #productblock tr > td:first-of-type, #productblock tr > th:first-of-type, #productblock tr:last-of-type > th:last-of-type{
         width:100%;
         display:block;
         }

}



@media only screen and (max-width: 430px) {
	h1 {
		font-size: 36px;
		line-height: 44px;
	}

	h2 {
		font-size: 30px !important;
		line-height: 40px;
	}

	h2 {
	}

	.hometop .im.enau img {
		margin-left: 25%;
	}
    .hometop.enes h1{
    font-size: 32px;
    line-height:36px;
        width: 55%;
      margin-top: 0vw;
      min-width: 220px !important;
    }
    
	.buttonblue, .filiaalman .txt2 {
		display: block;
		min-width: 100%;
	}

	.checkout-vraag {
		padding: 30px 7% !important;
	}

	.site-main p, body, .entry-content {
		font-size: 14px;
		line-height: 26px;
	}

	.reviews .wp-gr .wp-google-text {
		font-size: 14px !important;
	}

	.map h4 {
		font-size: 20px;
	}

	.p14, .bl24, button, input[type="button"], input[type="reset"], input[type="submit"], .button, .btn-yellow, .ui-selectmenu-text {
		font-size: 14px;
	}

	.prijzentop h2 i {
		font-size: 14px;
	}

	.teambanner.titleblock h1 {
		font-size: 40px;
		line-height: 50px;
	}

	.mobile-nav-toggle {
		top: unset;
		max-width: unset;
		margin-left: 10px !important;
	}

	.franchstep {
		left: 50px;
	}

	#masthead > .login-icon {
		margin-left: 80px;
	}

	#switch {
		left: 170px;
	}

	#hphonecontainer div .teltxt {
		line-height: 18px;
		font-size: 14px;
		padding-bottom: 10px;
	}

	#hphonecontainer .button.tel {
		padding-top: 10vw;
	}

	.product-time > div {
		width: 100%;
	}

	.storage #secondary {
		display: block;
		width: 100%;
		padding-bottom: 30px;
	}

	#secondary > div {
		padding: 50px 20px;
		max-width: 300px;
	}

	.container, .bar, .map {
		padding-left: 0px;
		padding-right: 0px;
		overflow-x: hidden;
	}
    .quotetop {
      overflow: visible !important;
    }
	#citygal h2 {
		padding: 0px 10px;
	}

	#citygal h2 br:last-of-type {
		display: none;
	}

	#citygal .m40c, #citygaln .m40c {
		width: 90vw;
		padding-bottom: 0px;
	}

	#faqblock {
		padding: 20px 10vw;
	}

	#faqblock .tabcontainer > div {
		font-size: 14px;
	}

	#better {
		padding-left: 10px;
		padding-right: 10px;
	}

	#better h2 {
		min-width: 80%;
	}

	#better .row {
		width: 100vw;
		margin-left: 0%;
	}

	#better .owl-carousel .owl-item .steps {
		width: 90vw;
		margin-left: 0px;
	}

	#better .steps:first-of-type {
		margin-left: 0px;
	}

	#better button {
		border-radius: 30px;
		line-height: 20px;
		padding: 15px;
	}

	#checklist table {
		max-width: 90vw;
		margin: 30px 5%;
		width: 90vw;
	}

	.reviews {
		padding: 0px 10px;
	}

	.wp-gr .grw-slider .grw-slider-controls {
		visibility: hidden;
	}

	#primary {
		padding-left: 0px;
		padding-right: 0px;
	}

	#locations {
		padding: 0px 15px;
	}
     #locations.checkoutn{
        padding: 0px;
    }
	.product, .product .loctxt {
		padding: 0px;
	}

	.movebg, .oops {
		padding: 0px 20px;
	}

	.movebg #primary {
		padding-left: 15px;
		padding-right: 15px;
	}

	.bottom {
		margin-top: 8px;
	}

	.movebg #secondary .bottom {
		max-width: 300px;
		margin-top: 8px;
	}

	#steps .steps {
		margin-left: 0px;
		margin-right: 0px;
		width: 100%;
	}
    .checkout #steps .steps {
        width: 24%;
        padding-bottom: 80px;
    }
    .checkout #steps .steps h4, .checkout #steps .steps .h4{
        display: none !important;
    }
	.mainhexx, #mainhexx {
		margin-left: -100px !important;
	}

	.fcol {
		width: 100%;
	}

	.prod-gallery {
		width: 100%;
		margin-right: 0px;
	}

	.pgbottom .pag_count {
		width: 50px;
	}

	.pgbottom .pagcontainer {
		margin-top: 6px;
	}

	.wp-gr .grw-slider .grw-slider-btns.grw-slider-next {
		right: 0px !important;
	}

	.wp-gr .grw-slider .grw-slider-btns.grw-slider-prev {
		left: 0px !important;
	}

	.append > b {
		font-size: 18px;
	}

	#calccol1 .button.wit {
		padding-right: 20px;
		padding-left: 20px;
	}

	#calccol1 .button > span {
		padding-left: 20px;
	}

	.toggle-inner {
		padding-left: 0px;
	}

	#site-navigation > div > ul > li > a,  #pickmob > #langswitch {
		padding-left: 20px;
	}

	#site-navigation > div > ul ul a {
		padding-left: 40px;
	}

	#hphonecontainer div .teltxt {
		font-size: 13px;
		margin-left: -7px !important;
	}

	#hphonecontainer .phone > div {
		margin: 0px;
		padding-top: 0px;
	}

	#hphonecontainer .phone > div::before {
		margin-top: 5px !important;
	}

	#hphonecontainer div .de.teltxt {

	}

	#hphonecontainer .phone .de.teltxt::before {

	}

	#pickmob > #switch {
		margin-right: calc( 15% - 30px);
		margin-right: unset;
		display: block;
		width: 100vw;
		float: unset;
		margin-top: 20px;
		text-align: left;
		padding-left: 20px;
	}

	#pickmob > #switch .arrowdown::after {
		margin-left: 7px;
	}

	#pickmob > #langpick li a {
		padding-left: 40px;
	}

	.site-branding > .mobile-nav-toggle,  .mobile-nav-toggle {
		left: 10px;
	}

	#secondary-timebuts, .checkout #secondary-timebuts {
		margin-left: -36px;
		margin-right: -36px;
		min-width: 102vw;
	}

	.checkout #secondary-timebuts > div {
		padding: 10%;
	}

    #secondary-timebuts.rules{
        margin-left: 0px !important;
        margin-right: 0px;
        padding-left: 0px;
        min-width: 100%;
    }
    
    #secondary-timebuts.rules > div{
        padding: 0px;
    }
	.price.new, .price.action, .price.old, .price.old i {
		font-size: 20px !important;
	}

	.product-totals .fltr.amount {
		line-height: 18px;
	}

	.page-template-archive-magazine .container {
		padding: 0px 7vw;
	}
	.blockgal > div.landsc {
      background-position: center top;
    }
}

@media only screen and (max-width: 400px) {
#movegreen .sizegreen{
    width: 20vw;
}
#movegreen #mobsub{
    width: 70vw !important;
  margin-left: 25vw;
}
.w100vw.gbar.reviewtop > img{
    height:70%;
}
#CBpop .close{
    left: unset;
}
	#masthead.home {
		padding-top: 0px;
	}

	.site-branding.home > img {
		max-width: 50vw;
		margin-top: 5px;
		margin-bottom: -15px;
	}
    #prices.new .close.open{
        top:-10px;
    }
	#hphonecontainer .phone .teltxt::before {
		content: '\e942';
		font-family: icons;
		font-size: 40px;
		border-radius: 50%;
		color: var(--boxiegreen);
		background-color: #ffffff;
		border: 1px solid #ffffff;
		margin-top: 3px;
		display: inline-block;
		position: absolute;
		width: 24px;
		height: 24px;
		font-size: 15px;
		line-height: 19px;
		left: -5px;
		font-weight: 500;
	}

	#hphonecontainer div .teltxt {
		margin-top: 0px !important;
		margin-left: -7px !important;
		line-height: 15px;
		font-size: 12px;
		width: 100%;
		float: right;
		padding-left: 30px !important;
	}

	#hphonecontainer div .teltxt {
		min-width: 55px;
		margin-left: -7px !important;
		line-height: 14px;
		font-size: 12px;
	}

	#hphonecontainer .hphonecont > div {
		padding: 15px 0px 15px 20px;
	}

	h1 {
		font-size: 30px !important;
		line-height: 34px !important;
	}

	h2 {
		font-size: 22px !important;
		line-height: 30px !important;
	}
    #reviews24 .googlebar .h2 {
	    font-size: 22px !important;
		line-height: 30px !important;
	}
      #reviews24 .googlebar .glogo::before {
      height: 75px;
      }
	.hometop h1 {
		width: 55%;
		margin-top: 5vw;
		min-width: 220px !important;
	}

	.hometop .im img {
		margin-right:-25%;
	}

	.seo ol {
		padding-left: 0px;
	}

	.usps > div {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		margin-right: 0px;
	}

	.usps > div > * {
		margin-left: 0px;
	}

	.d22 .col2 .im {
		height: 80vw;
		background-size: cover;
	}

	.col50r {
		padding: 0px;
	}

	.stoptions ul {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
		padding-bottom: 50vw;
	}

	.whitebar.stoptions {
		background-size: 65vw;
		background-position: center 110%;
	}

	.teambanner {
		height: 100vw;
	}

	.teambanner .teambg {
		background-position: 50vw 40vw;
		background-size: 160%;
	}

	#checklist table {
		max-width: 100vw;
		margin-left: 2.5vw;
		margin-right: 2.5vw;
		width: auto;
		font-size: 14px !important;
		font-weight: 400;
	}

	.fw.aanbiedingcheck {
		padding-left: 2.5vw;
		padding-right: 2.5vw;
	}

	.aanbiedingcheck td {
		font-size: 14px !important;
		line-height: 20px;
		font-weight: 400;
	}

	#inbegrepen:before, #inbegrepen:after, #inbegrepen .img {
		background-image: none !important;
	}

	#inbegrepen {
		margin-bottom: 0px !important;
		padding-bottom: 0px !important;
	}

	.hoeveel.prijzen {
		width: 100vw !important;
		border-radius: 0px;
	}

	.hoeveel.prijzen div:first-of-type {
		border-radius: 0px;
	}

	#inbegrepen .lblue {
		border-radius: 0px;
		width: 100%;
		padding: 40px;
	}

	#page > #langpick {
		left: 0px !important;
		margin-left: 0px;
		width: 100vw;
	}
	
	
}

@media only screen and (max-width: 375px) {
	#calctop article {
		max-width: 100%;
		width: 100%;
	}

	.spaceblock {
		padding-left: 70px;
	}

	.button > .spaceitems.open {
		margin: 0px -50px -10px -70px;
	}

	.hometop .im.enau img {
		margin-left: 45%;
	}

	.student .prod-gallery2 .galimg {
		max-height: 50px;
	}

	.toggle-icon > div {
		width: 100%;
	}

	.toggled .toggle-icon::before {
		font-size: 50px;
	}

	.tagline > div {
		font-size: 14px;
	}

	#hphonecontainer {
		max-width: 40%;
		width: 30%;
		top: 0px;
	}

	#hphonecontainer .button div, #hphonecontainer div .teltxt {
	}

	#hphonecontainer .button.tel::after {
		font-size: 20px;
		width: 30px;
		height: 30px;
		line-height: 26px;
	}

	#hphonecontainer .teltxt {
		line-height: 20px;
	}

	#hphonecontainer .button.tel {
		padding: 0px;
	}

	#switch {
		right: 20px;
		left: unset;
	}

	#pickmob > #switch {
		right: unset;
	}

	#masthead > .login-icon {
		margin-left: 40vw;
	}

	.mobile-nav-toggle {
		margin-left: 20px;
	}

	#hphonecontainer, #hphonecontainer #hphone {
		top: 0px;
	/*background-color: transparent !important;
	border: 0px;*/
	}

	#hphonecontainer .phone .teltxt {
		padding-left: 24px !important;
	}

	#hphonecontainer .phone .de.teltxt::before {
		top: 5% !important;
		left: -10px !important;
	}

	#hphonecontainer .phone .teltxt::before {
		left: -10px !important;
	}

	.custom-logo-link .blogo {
		width: 70%;
	}
	 .percdeal br{
       
    }
    #producttotals #callbackbut{
        margin-top: 10px !important;
         margin-right: -22px !important;
    }
    #totalsbottom.noscrolltotals{
         padding: 20px !important;
    }
    #totalsbottom.noscrolltotals.closed{
    padding: 20px 20px 20px 28vw !important;
    }
    #totalsbottom.newsum .open{
        top:20px;
    }
    .closed .sizegreen {
      padding: 20px 0px !important;
    }
      #is, #was, #time{
      font-size:15px;
      }

}

@media only screen and (max-width: 365px) {
    .sizeblock .toplabel{
    padding-top:14px;
    }
    .de .de .sizeblock .toplabel, .nl .nl .sizeblock .toplabel{
        padding-top:14px;
    }
}
@media only screen and (max-width: 340px) {
	.hometop .im.enau img {
		margin-left: 45%;
	}
     .hometop > div.fdiv{
	    margin-top: 80vw;
	 }
	 .hometop .im{
	    height: 80vw;
	 }
	 	.hometop .im img {
		margin-right: -50%;
	}
	#inbegrepen .lblue, .hoeveel.prijzen, .prijzentop > div:first-of-type, .prijzentop h1, .hoeveel.prijzen div:first-of-type, .prijzentop .htit {
		width: 100%;
		border-radius: 0px;
	}

	#inbegrepen .lblue, .hoeveel.prijzen div:first-of-type {
		padding: 20px;
	}

	table {
		table-layout: fixed;
	}

	#checklist:not(.ophaal) tr:first-child td {
		display: block;
		position: absolute;
		width: 100%;
		text-align: right;
	}

	#checklist.ophaal table {
		width: 100%;
	}

	#mapdrop {
		width: 100%;
		position: relative;
	}

	.map .mapimg {
		padding: 10px;
		margin-bottom: 140px;
	}

	.map .butbot {
		width: 90%;
		margin-left: 5%;
	}

	#checklist tr:first-child {
		position: relative;
		padding: 20px 0px;
	}

	#checklist:not(.ophaal) tr:first-child > td:nth-child(2) {
		right: 60px;
		top: -30px;
	}

	#checklist:not(.ophaal) tr:first-child > td:nth-child(2):after, #checklist tr:first-child > td:nth-child(3):after {
		content: '  ↴';
		display: inline;
	}

	#checklist:not(.ophaal) tr:first-child > td:nth-child(3) {
		right: 5px;
		top: -50px;
	}

	.checklist .cross, .checklist .vinkk {
		width: 29px;
		height: 33px;
	}

	#checklist h2 {
		width: 90%;
		margin-top: 0px;
		margin-bottom: 70px;
	}

	.ophaal table tr td {
		padding: 20px 0px !important;
	}

	#checklist.ophaal td, .bieden tr:first-child td > b:first-child {
		line-height: 20px;
	}

	.col50r {
		padding: 0px;
	}

	#searchzip, #searchzip2, #searchzip3, #q5, #q5-button, #q5new, #q5new-button, #searchzip-button, #searchzip3-button, #searchzip2-button {
		margin: 0px;
		width: 100%;
	}

	.ui-widget-content {
		max-width: 90vw !important;
	}

	.hoeveel h2, .calculatorr h2 {
		width: 100%;
	}
    .hometop .im{
    
    }
	.hometop .im img {

	}

	.usps h5 {
		font-size: 16px;
		line-height: 26px;
	}

	.loctxt {
		padding-left: 0px;
		padding-right: 0px;
	}

	.underline, .noline, .mobel {
		font-size: 15px !important;
	}

	#pickmob > #langpick li a {
		padding-left: 20px;
	}

	#secondary-timebuts {
		margin: 0px -30px;
	}
}

@media only screen and (max-width: 320px) {
	.whitebar.flex {
		padding-left: 0px;
		padding-right: 0px;
	}

	.whitebar.stoptions {
		padding-left: 20px;
		padding-right: 20px;
	}

	.col2 h2 {
		max-width: 100%;
	}

	.usps h5 {
		font-size: 14px !important;
	}

	.whitebar.qprivate {
		border: 0px;
		margin: 10% 0px;
	}

	.bar.reviews {
		padding-left: 0px;
		padding-right: 0px;
	}

	.reviews h4 {
		margin: 10px auto 10px auto;
	}

	.wp-gr .grw-slider .grw-slider-btns.grw-slider-prev {
		left: 6px !important;
	}

	.wp-gr .grw-slider .grw-slider-btns.grw-slider-next {
		right: 6px !important;
	}

	.reviews .wp-gr .grw-slider .grw-slider-review-inner {
		padding: 20px !important;
	}

	.reviews .wp-gr .wp-google-text {
		font-size: 14px !important;
	}

	#switch {
	}

	#masthead > .login-icon {
		margin-left: 35vw;
	}

	.mobile-nav-toggle {
		padding-top: 20x;
	}

	.product .loctxt .specs p {
		width: 100%;
		text-align: left;
		padding-left: 80px;
		line-height: 16px;
		padding-top: 10px;
	}

	.perc::before, .stock::before, .deliv::before {
		float: left;
		vertical-align: middle;
		margin-right: 20px;
		margin-left: -70px;
		margin-top: -10px;
	}

	.galblock > div {
		max-width: 100%;
	}

	.teambanner.titleblock > div, .pstoragetop > div {
		padding-left: 20px;
		padding-right: 20px;
	}

	.teambanner.titleblock h1, .pstoragetop h1 {
		font-size: 32px;
		line-height: 40px;
	}

	#searchzip, #q5new, #q5new-button, #searchzip-button {
		min-width: 100%;
	}

	input:not([type="button"]):not([type="submit"], select) {
		font-size: 14px !important;
	}

	.append > b {
		font-size: 16px;
	}

	.append em, .append em strong {
		font-size: 14px;
	}

	.mob23 .toggle-text {
		font-size: 12px !important;
	}

	.mob23 #tagline {
		font-size: 13px;
	}
}

@media only screen and (max-width: 300px) {

	 .hometop h1{
	    width: 100%;
	 }
	
}

@media only screen and (max-width: 281px) {

    .blockgal > div{
        min-width: auto;
        max-height: 60vw;
    }
    .blockgal > div > a{
        padding-top: 80vw;
    }
    .blockgal > div > a > div{
        margin-top: -30vw;
    }
	#switch {
		margin-top: -20px;
		width: 100%;
		display: inline-block;
		float: none;
	}

	.mobile-nav-toggle {
		padding-top: 20px;
	}
    .hometop > div.fdiv{
        margin-top: 60vw;
    }
	.hometop > div.fdiv.enau {
		margin-top: 80vw;
	}

	.hometop .im img {
		margin-right: -25%;
		display:none;
	}
	 .hometop.enes h1{
    font-size: 25px !important;
    }
}

@media only screen and (max-width: 250px) {
	#hphonecontainer {
		width: 30%;
	}

	#hphonecontainer .teltxt {
		line-height: 16px;
		font-size: 12px;
	}

	#hphonecontainer div div {
		width: 50%;
		margin-left: 10%;
	}

	.hometop h1 {
		width: 80%;
	}

	.hometop .im img {
		display: none;
	}

}

@media only screen and (min-width: 992px) {

	.container, .bar {
		max-width: 100%;
		padding: 0px 24px;
		margin: 0px auto;
	}
    .container.fw.ptempl{
        margin: 0px;
        width:100%;
    }
	.fw, .fullwidth {
		padding: 0px;
	}

	.map {
		padding: 40px 24px;
	}

	.loclist > img {
		width: 40%;
	}

	.specs .button {
		min-width: 240px;
		display: block;
	}

	.movebg, .oops {
		max-width: 100%;
		padding-left: calc((100vw - 960px) / 2);
		padding-right: calc((100vw - 960px) / 2);
	}

	.site-branding {
		max-width: 100%;
	}

	#hphonecontainer {
		max-height: 70px;
	}
}

@media only screen and (min-width: 1164px) {

	.container, .site-branding, .bar {
		max-width: 1260px;
	}

	.banner {
		width: 100vw;
		margin: 20px calc((1140px - 100vw)/2);
		float: right;
		padding: 20px calc((100vw - 1140px)/2);
		color: #ffffff !important;
		text-align: center;
	}

	.banner .logoos br {
		display: none;
	}

	.banner h2 {
		color: #ffffff !important;
	}

	.page-child .entry-content .bggreen h2 {
		color: #ffffff !important;
		text-align: center;
	}

	.bggreen .bblocks {
		background: none;
		padding: 0px 10px;
		height: auto;
	}

	.container {
		padding: 0px;
	}

	.map {
		padding: 0px 70px 20px 70px;
	}

	.movebg, .oops {
		max-width: 100%;
		margin: 0px;
		padding-left: calc((100vw - 1140px) / 2);
		padding-right: calc((100vw - 1140px) / 2);
	}

	.loclist > img {
		width: 45%;
	}
}

.page-id-19506 #hphonecontainer, .page-id-19506 .mobile-nav-toggle {
	display: none !important;
}

@media only screen and (max-width: 1080px) {


    .d2024 .category-landing{
        padding:20px;
        }
        .storage.d2024 #primary, .d2024 #introhead {
        padding: 0px 40px 0px 40px !important;
        margin:0px;
        width:100%;
        }
        .storage.d2024 #primary.mainmob {
    padding: 40px 20px !important;
}

        .d2024 #sidebarloc {
        width:100%;
        padding-right:20px;
        float:unset;
        margin-top: -130px;
        padding: 0px 40px;
        margin-bottom: 0px;
        }
        
    .d2024 #infoblock .tit {
      color: var(--bgblue);
      margin-top: 20px;
      }
            .d2024 #sidebarloc #helpbar .helptxt{
            margin-bottom:0px;}
                .d2024 #sidebarloc #helpbar .helptxt p{
                margin-left:0px;
                }
        .d2024 #sidebarloc #mapnew{
        width:60px;
        height:60px;
        margin-top: -80px;
        border:2px solid #ffffff;
        margin-left:20px;}
        .d2024 #sidebarloc #mapframe{
        width: 400px;
        height: 400px;
        margin-left: -190px;
        margin-top: -160px;}
        .d2024 #sidebarloc iframe{
        scale:50%;
        }
        .d2024 #sidebarloc .cl1, .d2024 #sidebarloc .cl2{
        width: 50%;
        display: inline-block;
        vertical-align: top;
        }
        .d2024 #sidebarloc .cl2{
        padding-top: 40px;
         width: 40%;
        margin-left:10%;
        }
        .d2024 #sidebarloc.mb .cl2{
        width: 40%;
        padding-top:20px;
        position:relative;
        }
        .d2024 #sidebarloc.mb .pl25 .cl2{
            padding:0px 20px;
            width:50%;
            margin-left:0px;
        }
        .d2024 #sidebarloc .cl1 .button{
            display: none;
        }

        .d2024 .stedenbanner{
        aspect-ratio:16/4;
        background-size: cover;
        margin-left: 0px !important;
        position:relative;
        min-height:200px;
            margin-left: 0px !important;
            margin-bottom:50px;
        }
            .d2024 .stedenbanner .cityheadpict2024{
            position:absolute;
            right: unset;
            height: auto;
            width: 100%;
            position: absolute;
            right: unset;
            height: 100%;
            width: 100%;
            }
            .stedenbanner.pl25{
            aspect-ratio: 8/4;
            }           
            .mob .cityheadpict2024.pl25{
            margin-left:0px;
            width:100%;
            background-size: 70% auto, 70% auto, 250% auto;
            background-position: 10vw 5vw, 0px 10vw, -120vw top;
            max-height:unset;
        }
            .d2024 .stedenbanner .citynameblock{
            width: 100vw;
            margin:0px;
            padding:0px;
            bottom:-50px;
             }
             .d2024 .picklabel{
             left:unset;
             right:0px;
             border-radius:0px;
             border-top-left-radius:6px;
             bottom:50px;
             }
             .d2024 .citynameblock .h1{
                font-size: 18px !important;
                padding-left:60px;
             }
             .d2024 #infoblock {
                margin-top: 80px;
                }
                 .d2024 .mb #infoblock{
                   
                 }
                .d2024 #infoblock.pl25 {
                margin-top: 30px;
                }
             .d2024 #infoblock .tit{
             display:none;
             }
             #infoblock.pl25 .tit{

                padding-top: 0px;
             }
             #infoblock .cl1{
                margin-top: 20px;
             }
             .d2024 #infoblock .naw,  .d2024 #sidebarloc .cl1 .button{
                font-size: 16px;
            }
            .d2024 .stedenbanner .crumbs{
                background-color: var(--darkblue);
                margin-top: 0px;
                max-width: max-content;
                padding: 6px 16px;
                border-bottom-right-radius: 15px;
                position: absolute;
                z-index:100;
                margin: 0px;
                color: #ffffff !important;}
                .d2024 .stedenbanner .crumbs a{
                    color: #ffffff !important;}
                    .d2024 .stedenbanner .crumbs a:not(:last-child) {
                      border-bottom: 1px solid #ffffff;
                      line-height: 14px;
                    }
                    .stedenbanner.pl25.tabmob{
                       aspect-ratio:unset; 
                       height:30vw; 
                       max-height: 260px;
                    }
        .stedenbanner.pl25.tabmob #citymap{
            margin-left: 20vw;
            background-position: 67% bottom, 40% bottom, right top;
        }
       .stedenbanner.pl25.tabmob #htit{
       margin-left: 50px;
       margin-top: 20px;
       }

      #sidebarloc.pl25.tabmob {
        margin-top: 30px;
      }
.d2024 #cluster24 {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-column-gap: 20px;
  padding: 10px 20px 10px 0px;
  }
       
        .d2024 .living-units {
        width: 60%;
        max-width:300px;
        box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.2);
        padding:5px 20px;
        border: 1px solid var(--lightblue);
         border-radius: 5px;
         position:relative;}
        .d2024 .living-units > span{
        color:var(--bgblue);
        font-size:14px;
        font-weight:600;
        padding: 10px 0px;
        cursor:pointer;}
             .d2024 .living-units > span::after{
            content:'';
            display: block;
            width: 15px;
            height:20px;
            float:right;
            background-image:url(https://www.boxie24.com/wp-content/themes/boxie24underscore-child/infeez/arrow_blue_down.svg);
            background-repeat:no-repeat;
            background-size: contain;
            margin-top: 5px;
            }
        .d2024 .living-units > div{
        height: 0px;
        display:none;
        border-radius:0px;
        border:0px;
        border-bottom:1px solid var(--lightblue);
        width: calc(100% + 2px);
        margin-left:-21px;
        }
        .d2024 .living-units.opened > span::after{
            transform: rotate(180deg);
            margin-top: 3px;
            }
            .d2024 .living-units.opened > div{
            height: auto;
            display:block;
            position: absolute;
            background-color:#ffffff;
            z-index: 1;
            padding:4px 20px 4px 20px;
            box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.2);
            border: 1px solid var(--lightblue);
            border-radius: 5px;
            border-top-left-radius: 0px;
            border-top-right-radius:0px;
            border-top: 0px;}
                .d2024 .living-units.opened > div > div{
                border-top: 1px solid var(--lightblue);
                padding: 4px 0px;
                }
        .d2024 .filter-units {
        padding-top: 0px;}
        .d2024 .filter-units > div {
          padding: 5px 15px;
        }
        .d2024 h2.nonmob {
        margin-bottom: 20px;
        }
        .d2024 #whystore {
        margin-left:0px !important;
        width:100vw !important;
        padding-left: 7%;
        padding-right: 7%;}
            .d2024 #whystore ul {
            width: 100%;}
            .d2024 #whystore ul li {
              margin: 15px;
              aspect-ratio: unset;
              padding: 20px;
              color: var(--titlegrey);
            }
        .d2024 #rentinghow ul {
            padding: 0px 20px 20px 20px;}
              .d2024 #rentinghow ul li {
              padding: 0px 20px;
              }
        .d2024 #rentinghow h2, .d2024 #rentinghow h3{
        width: 70%;
        }
        .blueframe #faqblock.faq2024{
            width:94%;
            margin:0px 3%;
        }
        .d2024 #pubar {
        min-width:unset;
        margin-left: 7%;
        margin-right:7%;
        background-image:url(https://www.boxie24.com/wp-content/uploads/2024/09/pupic-mob-1024x509.png);
        background-position-x:right;
        background-size:auto 100%;
        }
         .d2024 #pubar > span{
         max-width: 260px;
         }
            .d2024 #pubar img {
            left:35%;
            }
              .d2024 #pubar img:first-of-type {
              left:5%;
              }
              #realex{
              width:90%;
              }
              #realex.noanim .wp-gr.sliders{
              margin-bottom:0px;
              }
              #realex .carousel > div{
              background-size:120% auto;
              }
    .d2024 #infoblock #cluster24 {
      display: grid;
      grid-template-columns: 50% 50%;
      grid-column-gap: 20px;
      padding: 10px 20px 10px 0px;
      }
      .d2024 #infoblock .cluster{
       margin-left:20px;
      }
       .d2024 #infoblock #open{
                padding: 20px 30px;
                border-radius:5px;}
          .d2024 #infoblock #open:not(.opened) > div:not(.op), .d2024 #infoblock #open:not(.opened) > span{
                display:none;
                }
           .d2024 #infoblock #open.opened .op.top{
                    margin-bottom:10px;}
            .d2024 #infoblock #open.opened .op.top::after{
                        transform: rotate(180deg);
                        background-position-y: -6px;
                        }
             .d2024 #infoblock #open.opened .op > div:not(.op),  .d2024 #infoblock #open.opened .op > span{
                    display:block;
                    }
             .d2024 #infoblock #open .op{
                margin-bottom: 0px;
                cursor:pointer;}
             .d2024 #infoblock #open .op.top::after{
                    content:'';
                    display: block;
                    width: 20px;
                    height:20px;
                    float:right;
                    background-image:url(https://www.boxie24.com/wp-content/themes/boxie24underscore-child/infeez/arrow_blue_down.svg);
                    background-repeat:no-repeat;
                    background-size: contain;
                    }
     .d2024 .loclist{               
    padding-bottom: 30px;
    }
    .d2024 .loclist img {
      width: 30%;
      margin-right: 0px;
      margin-bottom: -20px;
      margin-top: 20px;
      margin-left:-30px;
    }
    .d2024 .loctxt {
      width: 65%;
      margin-left:0px;
      }
      .d2024 .specs .sbutton{
        margin-top:10px !important;
      }
      .d2024 .loctxt .specs {
      width: 50%;
      }
      .d2024 .midcol {
       width: 50%;
      }
      .d2024 .loctxt p.cl{
       max-width: 45%;
      }
      .d2024  .location-pagination{
      margin-top:-10px !important;
      }     
      .d2024 #whystore.small{
        display:none;
      }
      .d2024 #whystore:not(.small) ul{
        grid-template-columns: 50% 50% ;
        width: 100%;
        padding: 0px 7%;
      }
     
      .d2024 #helpbar.midsize{
        border-radius: 6px;
        background-color: var(--boxiegreen);
        width:calc(100% - 80px);
        margin:0px 40px;
        padding: 40px 30px 50px 30px;
      }
      .d2024 #helpbar.midsize img{
        height: 100%;
        width: auto;
      }
      .d2024 #helpbar.midsize .helptxt{
        bottom:40px;
      }
      .d2024 #helpbar.midsize p{
        display:block;
        margin-left: 0px;
      }
      .d2024 #helpbar.midsize a.button{
            background-color: #ffffff !important;
            color: var(--boxiegreen) !important;
            margin-top:10px;
      }
       /*.d2024 #helpbar.midsize a.button::hover{
            border-color: #ffffff !important;
            background-color: var(--boxiegreen) !important;
            color: #ffffff !important;
       }*/
      .d2024  #helpbar.midsize .phone::before {
        color: var(--boxiegreen) !important;
      }
      .d2024 #reviews24.midsize{
        padding-top:80px;
         background-color: #ffffff !important;
      }
      .d2024 #reviews24.midsize .glogo{
        display:none;
      }
      .d2024 #reviews24.midsize .googlebar > span{
        width: 100%;
      }
}
@media only screen and (max-width: 920px) {
 .d2024 .loclist{               
    padding-bottom: 90px;
    }
.tablet25 #helpbar:not(.block) > img{
       width:30%;
    }
.d2024 #pubar img {
            left:30%;
            }
              .d2024 #pubar img:first-of-type {
              left:1%;
              }
#tasks{
    background-color:#e8f2ff;
    width:100%;
    padding:40px 10vw;
    background-image: none;
  }
  #tasks h2, #tasks p{
  max-width: 50%;
  text-align:left;
  }
  #tasks h2{
  margin-bottom:20px;
  }
  #tasks .picklabel{
    border-radius:6px;
    background-color:var(--bgblue);
    position: relative;
    top: unset;
  }
  .reqs{
    position:absolute;
    top:0px;
    right:10vw;
    max-width:40%;
    padding: 0px;
    background-color:transparent;
  }
  .reqs > p{
  text-align:left !important;
    display:block;
    width:100% !important;
    max-width:100% !important;
    margin:10px 0px;
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
    border-left: 6px solid var(--boxiegreen);
  }
}
@media only screen and (max-width: 750px) {
.stedenbanner.pl25{
aspect-ratio: unset;
height:60vw;
}

/*.mob .cityheadpict2024.pl25{
    background-size: 90% auto, 80% auto, 90% auto;
  background-position: center bottom, -30px 100%, 22vw top;
   background-size: 80% auto, 70% auto, 80% auto;
      background-position: 25vw bottom, 30px 100%, 40vw top;
      
      background-image: url(https://www.boxie24.com/wp-content/uploads/2025/01/cityguys.webp),url(https://www.boxie24.com/wp-content/uploads/2025/01/citytruckmob.webp), url(https://www.boxie24.com/wp-content/uploads/2025/01/citybgmob.webp);
}*/
.mob .cityheadpict2024.pl25{

margin-left:0px;
width:100%;
background-size: 90% auto, 80% auto, 90% auto;
  background-position: center bottom, -30px 100%, 22vw top;
}
 .storage.d2024 #primary.mainmob {
    padding: 40px 0px !important;
}
#faqblock.faq2024.frbied h2{
    font-size:28px;
}
#tasks h2, #tasks p{
max-width:80%;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
.reqs{
    position:relative;
    max-width:80%;
    right: unset;
    margin:60px auto 40px auto;
    width: 80%;
    }
#bafter{
background-image:url(https://www.boxie24.com/wp-content/uploads/2024/11/Group-2458-2-scaled.webp);
aspect-ratio: 1/3;
    background-size: auto 90%;
    background-position:  16vw 100px;
  }
  #bafter #fx{
  width: 60%;
  position: relative;
  margin:0px auto;
  text-align:center;
  }
#case{
    border:0px;
    text-align: center;
    padding:0px;
    overflow:visible;
    width: 100%;
    padding:0px 10vw;
}
#case h2, #case p{
    text-align: center;
    max-width:100%;
}
#case .achiev{
width:100%;
    max-width:100%;
    border-radius:15px;
    padding: 20px;
    background-color: var(--darkblue);
    margin-bottom:40px;
}

#case .achiev p{
width:100%;
    max-width:100%;
    border-radius: 15px;
    color:#ffffff !important;
    margin-bottom:10px;
}
#case .achiev p:first-of-type{
    font-weight:700;
}
#case .expp{
top: unset;
bottom:-20px;
font-size:16px;
width: 100%;
}
#case .exp {
right:unset;
bottom:unset;
max-width:100%;
width:100%;
position:relative;
margin: 20px auto;
}
#case .exp img{
margin-bottom: 20px;
}
#case .exp.max {
    max-width: 100vw;
    max-height:unset;
    width:100vw;
    left: -10vw;
    top: 20px;
}
#case::before {
content:unset;
}
#waiting {
  width: 100%;
  border-radius:0px;
  padding: 40vw 10vw 10vw 10vw;
  text-align: center;
  }
  #waiting::after{
  background-image:url(https://www.boxie24.com/wp-content/uploads/2024/11/Banner_B2B_1920x760px.webp);
  width: 100vw;
    height: 30vw;
    background-size: 100% auto;
    right: 0px;
    background-position: center top;
  }
  #waiting::before{
  width: 50vw;
  height: 50vw;
  display: block;
  right: unset;
  }
  #waiting p,  #waiting h2 {
  max-width: 100%;
  text-align: center;
  }
    .d2024 #introhead, .d2024 .citynameblock h1{
        display:none;
        }
        .d2024 .citynameblock .h1{
            width:100%;
            padding-left:20px;
            margin:0px auto;
        }
        .d2024 #infoblock .cluster{
        padding:0px;
        margin: 0px 0px;
        width:auto;}
        .d2024 #infoblock #cluster24{
        display: block;
        padding:0px;}
        .d2024 #infoblock #cluster24 a{
        width: 100%;
        margin: 5px 0px;}
        .d2024 #infoblock #cluster24 a::before {
        top:13px;
        }
         .d2024 .loclist {
        padding-bottom: 40px;
        position:relative;}
       .d2024 .loclist img {
        margin-left:-10px;
        margin-right: -20px;
        width:40%;
        }
        .d2024 .loctxt{
        width:55%;
        float: unset;
        padding: 0px;
        padding-left:40px;
        background-color:#ffffff;}
            .d2024 .loctxt p.cl {
            display: none;
            width: 100%;
            max-width:100%;
            }
        
        .d2024 .loclist .specs {
        width:100%;
        position: relative;
        float: none;
        top: unset;}
            .d2024 .specs .price, .d2024 .specs i.strikethrough {
            font-size:18px !important;
            }
            .d2024 .specs i.strikethrough {
            margin-right: 6px;
            }
            .d2024 .specs .price i{
            font-weight: 400 !important;
            padding-right:0px;  
            font-size:12px;  
            }
            .d2024 .specs .sbutton{
            background-image:none;
            }
            .d2024 .specs p {
            font-size: 14px !important;
            }
            .d2024 .specs .sbutton {
            margin-top:14px !important;
            }
        .d2024 #locations{
            z-index:0;}
            .d2024 #locations .location-pagination {
              padding-top: 20px;
              background-color: #ffffff;
              margin-top: -30px !important;
              position: relative;
            }
            .d2024 .midcol {
            width: 100%;
            display: block;}
            .d2024 .midcol h3.pricesize {
            font-size: 18px;}
            .d2024 .midcol h3.pricesize i {
            font-size:14px;
            font-weight: 400 !important;
            }
            .d2024 .midcol h3.pricesize ins {
            display:inline-block;
            font-weight: 400;
            padding-left: 6px;
            }
            i.bxes.desk{
            display:none;
            }
            .d2024 i.bxes.mob{
            color:var(--midgrey);
            line-height: 20px;
            display: block;
            width: max-content;
            position: absolute;
            width:35%;
            left: -10px;
            top: 0px;
            padding-top: 45%;
            text-align: center;
            z-index:1;}
            .d2024 i.bxes .dimms{
            font-size:13px;                
            }
             .d2024 #sidebarloc{
                padding:0px;
                margin-top:0px;
             }
              .storage.d2024 #primary{
              
              }
               .d2024 #whystore.small{
                    display:block !important;
                    background-color:#ffffff;
                    padding: 20px;
                }
                 .d2024 #whystore.small ul {
                 display:block;
                 width: 100%;
                 margin:0px auto;
                padding: 0px;
                padding-left: 10%;
                 }
                 .d2024 #whystore.small ul li{
                 display:block;
                 color:var(--bgblue);
                 text-align: left;
                    padding: 0px 0px 0px 70px;
                 }
                 
                 .d2024 #whystore.small ul li::before{
                 display: inline-block;
                 background-color:#ffffff;
                 border-radius: none;
                    height: 50px;
                    width: 44px;
                    color: var(--boxiegreen);
                    background-image: url(infeez/vink.svg);
                    background-size: cover;
                    background-position-x: 0px;
                    background-position-y: 0px;
                    background-repeat: no-repeat;
                    margin: 0px 10px -20px -50px ;
                 }
              /*  .d2024 #pubar {

                }
                .d2024 #pubar > span .h2 b{
                    hyphens:auto;
                }
                .d2024 #pubar img:first-of-type{
                    left:7px;
                }
                .d2024 #pubar img {
                  left: 214px;
                }*/
}
@media only screen and (max-width: 750px){
  .d2024 #pubar {
        box-shadow:unset;
        border-radius: 0px;
        width: 100vw;
        background-size: auto 100%;
        background-position-x: 110%;
        margin-left: 0px;
        margin-right:0px;}
        .d2024 #pubar img {
        display:none;
        }
             .d2024 #pubar > span{
            padding: 20px 16px;
            width: 30%;
            background: linear-gradient(90deg, var(--bgblue) 80%, transparent 20%);
            padding-right: 0px;}
                .d2024 #pubar > span:after{
                 content: '';
                  width: 150px;
                  height: 150px;
                  border-radius: 0 0 10px 0;
                  transform: rotate(-45deg);
                  background: linear-gradient(-45deg, var(--bgblue) 50%, transparent 50%);
                  display: block;
                  position: absolute;
                  top: 10px;
                  left: 10%;
                  scale: 50% 100%;
                    border: unset;
                    z-index:-1;
                }
                .d2024 #pubar > span:before{
                content: '';
                  width: 150px;
                  height: 150px;
                  border-radius: 0 0 10px 0;
                  transform: rotate(-45deg);
                  background: linear-gradient(-45deg, var(--bgblue) 50%, transparent 50%);
                  display: block;
                  position: absolute;
                  top: 10px;
                  left: 20%;
                  scale: 50% 100%;
                  opacity: .5;
                  z-index:-1;
                }
                .d2024 #pubar > span .h2 {
                margin:18px 0px !important;
                max-width: 120px;}
                     .d2024 #pubar > span .h2 b{
                    font-size:25px !important;
                    font-weight:700 !important;
                    hyphens:auto;
                    }
                    .d2024 #pubar > span .h2::after{
                    content:unset;
                    }
#easy, #tasks{
padding:40px 20px;
}
                

@media only screen and (min-width: 300px) and (max-width: 751px) {

.d2024 .price, .d2024 .price i.strikethrough{
font-size:16px !important;
}
 #helpbar.midsize::after{
    background-color: #3243f1;
    opacity:0.2;
 }
  .d2024 #helpbar.midsize {
  width:100vw;
  margin:0px;
  padding:20px;
  border-radius:0px;
  }
  .d2024 #helpbar.midsize .helptxt {
    bottom: 0px;
  }
.d2024 #reviews24.midsize .glogo{
    display:block;
}
 .d2024 .category-landing{
    padding:0px;
    }
            .d2024 #infoblock .cluster h4{
            font-size:16px;
            font-weight: 600;
            color:var(--bgblue);
            }  
    .d2024 #whystore.small ul {
    padding-left:0px;
    }
      .d2024 #whystore.small ul li {
      padding-left:50px;
      }
      .d2024 #whystore h3, .d2024 #rentinghow h3{
   font-size: 22px;
    line-height: 30px;   
    }
@media only screen and (max-width: 751px) {
       .d2024 #helpbar.midsize > img{
        height:75%;
        }
         .d2024 #whystore.small ul {
         width:70%;
         }
    .d2024 #whystore.small ul li {
      padding-left:70px;
      }
    /*
    .d2024 #introhead, .d2024 .citynameblock h1{
        display:none;
        }
     .d2024.location-pagination{
            padding-top:20px;
            background-color:#ffffff;
            margin-top:-30px !important;
            position: relative;
        }
    .d2024 .stedenbanner .cityheadpict2024{
            position:relative;
            right:unset;
            width:100%;
            height:auto;
            aspect-ratio: 16 /9;
            }
    .d2024 .stedenbanner .citynameblock{
                padding:0px;
                width:100%;
                margin: 0px;}
    .d2024 .stedenbanner .picklabel{
                    right:0px;
                    left:unset;
                    top: -36px;
                 }
                 */
     .d2024 #sidebarloc{
        width:100%;
        float: unset;
        margin-top: 0px;
        padding-right:0px;}
        .d2024 .citynameblock .h1{
        width:100%;
        }
      .d2024 #sidebarloc #mapnew{
            width:60px;
            height:60px;
            margin-top: -80px;
            border:2px solid #ffffff;
            margin-left:20px;}
       .d2024 #sidebarloc #mapframe{
                width: 400px;
                height: 400px;
                margin-left: -190px;
                margin-top: -160px;}
        .d2024 #sidebarloc iframe{
                    scale:50%;
                    }
        .d2024 #sidebarloc .cl1, .d2024 #sidebarloc .cl2{
        width: 100% !important;
        margin:0px;
        }
        #infoblock .cl1{
            margin-top: 10px !important;
        }
        .d2024 #sidebarloc.pl25 .cl2{
        padding:0px 20px;
        height:100px;
        }
        .d2024 #sidebarloc .cl2{
        padding: 20px 20px 0px 20px;
        }
        .d2024 #sidebarloc .cl2 .button{
            display: none;
        }
        .d2024 #sidebarloc .cl1 .button{
            display: block;
        }

        .storage.d2024 #primary{
        margin-left:0px;
        width:100%;
        padding:0px !important;
        }
        
        .d2024 .category-landing{
        padding:0px 20px;
        }
        .d2024  #introhead{
        width: 100%;
        aspect-ratio: unset;
        }

        .d2024 #infoblock .tit{
            color:var(--bgblue);
            margin-top: 20px;
            }
        
            .d2024 #infoblock .cluster{
            margin: 0px 20px;
            }
        .d2024.cont25 h2.nonmob, .cont25 #faqblock.faq2024 .h2{
        font-size:22px !important;
        }
        .d2024 h2.nonmob{
        max-width:80%;
        margin-bottom: 20px;
        font-size:24px !important;
        }
        .d2024 .filter-units {
         padding-top: 0px;}
         .d2024 .filter-units > div {
            padding: 5px 15px;
            }
        .d2024 .living-units {
            width: 50%;
            box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.2);
            padding:5px 20px;
            border: 1px solid var(--lightblue);
             border-radius: 5px;
             position:relative;}
     

        .d2024 #locations{
        z-index: 0;
        margin-top:10px;
        }
        .d2024 .loclist {
            padding-bottom: 40px;
            position:relative;}
         .d2024 .loclist img {
            margin-left:-10px;
            margin-right: -20px;
            width:32%;
            }

        .d2024 .loclist .loctxt{
            width:75%;
            float: unset;
            padding: 0px;
            padding-left:20px;
            background-color:#ffffff;}
         .d2024 .loclist .loctxt p.cl {
                display: none;
                width: 100%;
                max-width:100%;
                }
        .d2024 .loclist .midcol {
            width: 100%;
            display: block;}
                .d2024 .loclist .midcol h3.pricesize {
                    font-size: 18px;}
                    .d2024 .loclist .midcol h3.pricesize i {
                    font-size:14px;
                    font-weight: 400 !important;
                    }
                    .d2024 .loclist .midcol h3.pricesize ins {
                    display:inline-block;
                    font-weight: 400;
                    padding-left: 6px;
                    }

             .d2024 .loclist .specs {
            width:100%;
            position: relative;
            float: none;
            top: unset;}
            
                .d2024 .specs .price, .d2024 .specs i.strikethrough {
                font-size:18px !important;
                }
                .d2024 .specs i.strikethrough {
                margin-right: 6px;
                }
                .d2024 .specs .price i{
                font-weight: 400 !important;
                padding-right:0px;  
                font-size:12px;  
                }
                .d2024 .specs .sbutton{
                background-image:none;
                }
                .d2024 .specs p {
                font-size: 14px !important;
                }
                .d2024 .specs .sbutton {
                margin-top:14px !important;
                }

        .d2024 #helpbar.block{
        background-color:var(--boxiegreen);
        padding: 30px 10%;
        margin-top:0px;
        padding-bottom:0px;
        margin-bottom: 50px;}
            .d2024 #helpbar.block:after{
                background-color:#21ac7e;
                height: 170vw;
            }
            .d2024 #helpbar.block h2,  .d2024 #helpbar.block h3{
            margin:0px;
            padding-bottom: 15%;
            width:100%;
            max-width: 300px;
            }
            .d2024 #helpbar.block img{
            width: unset;
            height:50vw;
            }
            .d2024 #helpbar.block .helptxt p{
            margin-left:0px;
            font-style: italic;
            font-size:12px;
            color:#F4F4F4;
    }
                .d2024 #helpbar.block .helptxt p b{
                font-style: normal;
                }
  

        .d2024 #rentinghow {
            margin:100px auto 0px auto;
            width: 86%;
            max-width: 400px;}
             .d2024 #rentinghow h2, .d2024 #rentinghow h3{
                width: unset;
            }
             .d2024 #rentinghow ul {
            grid-template-columns: unset;
            padding: 0px;}
                 .d2024 #rentinghow ul li{
                font-size:16px;
                font-weight:600;
                padding: 0px 30px;}
                    .d2024 #rentinghow ul li:before{
                    background-size: 80%;
                    margin: 0px auto 10px auto;
                    }

        .d2024 .blueframe #faqblock.faq2024{
         margin:100px 7% 0px 7%;
         width:auto;
        }
        
                    
    @media only screen and (min-width: 400px) {
         
     .d2024 #sidebarloc .cl2 {
     padding-top:0px;
     }
    .d2024 .loclist img{
        margin-left:0px;
        margin-right: 10px;
        }
         .d2024 .loclist .loctxt {
        width:auto;
        margin-right: -20px;
        max-width: 65%;
        }
         .d2024 .loclist i.bxes {
        left:0px;
        }

     .d2024 #helpbar.block {
     aspect-ratio:unset;
     max-width: 600px !important;
     }
     .d2024 #pubar > span{
        /*background: linear-gradient(90deg, var(--bgblue) 100px, transparent 100px);*/
        padding-left:7%;
        width: 35%;}
            .d2024 #pubar > span:after{
              left: 27%;
              scale: 60% 110%;
            }
            .d2024 #pubar > span:before{
              left: 35%;
               scale: 60% 110%;
            }

        @media only screen and (min-width: 500px) {
            .storage.d2024 #primary,  .d2024 #sidebarloc,  .d2024 #introhead,  .d2024 #pubar{
                width:90%;
                margin-left: auto;
                margin-right:auto;
            }
            .d2024 .loclist .loctxt{
                padding-left:7%;
                }
                .d2024 .loclist i.bxes {
                width:40%;
                padding-top:45%;
                }
                .d2024 .loclist img{
                width: 40%;
                margin-right: 0px;
                }
                .d2024 .loclist .midcol i.bxes {
                    width: 80% !important;
                    padding-top: 60%;
                    left: -80%;
                    }
            .d2024 #pubar {
            border-radius:5px;
            background-size: 80%;
            background-position-y: center;}
                .d2024 #pubar > img{
                height:auto;
                }
                .d2024 #pubar > span{
                background: linear-gradient(90deg, var(--bgblue) calc(7% + 120px), transparent calc(7% + 120px));
                }
        
        
    }
    
    }
    
     
    
    
}
}
@media only screen and (max-width: 575px){
#citycluster #cluster24{
    display: block;
    padding:0px;
}
#citycluster #cluster24 a{
    width: 100%;
}
@media only screen and (max-width: 300px){
 .d2024 .loctxt, .d2024 .loclist img, .d2024 i.bxes.mob,  .d2024 #sidebarloc .cl1, .d2024 #sidebarloc .cl2 {
    width: 100% !important;
 }
  .d2024 #sidebarloc .cl2 {
    padding:0px 10px;
    margin:0px;
  }
.d2024 #helpbar.midsize > img {
    left:50vw;
}
 }
}
@media only screen and (max-width: 550px){

        .d2024 #whystore.small ul {
         width:90%;
         }
    .d2024 #whystore.small ul li {
      padding-left:50px;
      }
       .d2024 #whystore:not(.small){
        padding: 60px 0px 80px 0px;
       }
     .d2024 #whystore:not(.small) ul li {
        margin: 5px;
        color: var(--bgblue);
        }
        .d2024 #whystore:not(.small) ul li::before {
        margin: 10px auto 20px auto;
        width:70%;
        }
    }
/* +++++++++++++++++++++++++++++ MULTINAV +++++++++++++++++++++++++ */
}