[data-popbox-id="ruimtecalculator"] .popbox_container {
  max-width: 1000px;
}

[data-popbox-id="ruimtecalculator"] .popbox_container #wrapper {
  display: block;
  float: left;
}

#home_keuzes h2,
#bereken_het_zelf_keuzes h2 {
  color: #fff;
}

#calculator_overflow {
  display: none;
  overflow: hidden;
  width: 100%;
}

#calculator_overflow .et_pb_row_0 {
  overflow: visible;
}

.open_stap3 {
  display: block;
  float: left;
  padding: 15px;
  margin: 0 15px 0 0;
  color: #fff;
  background: #db3931;
  font-weight: 700;
}

.calculator_openen,
.kscalculator_openen {
  margin: 0 15px 0 0;
}

.calculator_openen_stap3 {
  margin: 15px 0 0 0;
}

.calculator_openen,
.calculator_openen_stap3,
.kscalculator_openen {
  display: block;
  float: left;
  padding: 15px;
  color: #fff;
  background: #db3931;
  font-weight: 700;
}

.open_ruimtecalculator {
  display: block;
  float: left;
  padding: 15px;
  margin: 15px 0 0 0;
  color: #fff;
  background: #db3931;
  font-weight: 700;
}

#calculator {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  margin: -195px 0 0 0;
  left: 100vw;
  border-radius: 5px;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  z-index: 10;
}

#kratservice_calculator {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  margin: -715px 0 0 0;
  left: 100vw;
  border-radius: 5px;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  z-index: 10;
}

#calculator #wrapper,
#kratservice_calculator #kswrapper {
  display: block;
  float: left;
  width: 100%;
  padding: 2% 2%;
  border-radius: 5px;
  background: #fff;
}

.ruimte_item {
  display: block;
  width: 100%;
  padding: 10px;
  line-height: 36px;
}

.ruimte_item:nth-child(odd) {
  background: #f3f5f6;
}

.ruimte_item_input {
  display: block;
  float: right;
}

#skltbsDefault {
  float: left;
  width: 68%;
  margin: 0px !important;
  transition: all 0.3s ease;
}

.skltbs.has-animation .skltbs-tab {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
}

.skltbs-tab-item:last-child {
  margin: 0 0 2px 0 !important;
}

.qty,
input[type="text"].qty {
  float: left !important;
  width: 50px !important;
  line-height: 34px !important;
  font-size: 18px !important;
  padding: 0 !important;
  margin: 0px !important;
  text-align: center !important;
  border: 1px solid #bbb !important;
  border-left: 0px none !important;
  border-right: 0px none !important;
}

.qtyminus,
.qtyplus {
  float: left;
  width: 36px;
  height: 36px;
  font-size: 36px;
  line-height: 0px;
  padding: 0px;
  margin: 0px;
  border: 0;
  font-weight: bold;
}

.qtyplus {
  background: #97a5ac;
  color: #fff;
}

.qtyminus {
  background: #97a5ac;
  color: #fff;
}

ul.skltbs-tab-group,
.skltbs-panel {
  padding: 0px !important;
}

.skltbs-tab-item {
  /*min-width:12.89%;*/
  text-align: center;
  flex-grow: 1;
}

.skltbs-panel:active {
  border: 0 none !important;
  outline: 0 none !important;
}

#calculator_overzicht {
  display: block;
  float: right;
  padding: 15px;
  background: #f9f9f9;
  width: 30%;
  transition: all 0.3s ease;
}

#mobile_expand,
#mobile_minimize {
  display: none;
}

#calculator_overzicht h5,
#kscalculator_overzicht h5 {
  display: block;
  float: left;
}

#calculator_overzicht div.berekende_ruimte,
#kscalculator_overzicht div.berekende_ruimte {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  background: #d7dee2;
  padding-left: 10px;
  line-height: 30px;
}

#calculator_overzicht div.berekende_ruimte h5,
#kscalculator_overzicht div.berekende_ruimte h5 {
  float: left;
  padding: 0;
  line-height: 60px;
}

#calculator_overzicht div.berekende_ruimte div#benodigde_ruimte,
#kscalculator_overzicht div.berekende_ruimte div#benodigde_ruimte {
  display: block;
  float: right;
  padding: 0 10px;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  background: #aebdc5;
  line-height: 60px;
}

#calculator_overzicht div.berekende_ruimte div#benodigde_ruimte sup,
#kscalculator_overzicht div.berekende_ruimte div#benodigde_ruimte sup {
  bottom: 8px;
}

#calculator_overzicht div.benodigde_producten,
#kscalculator_overzicht div.benodigde_kratten {
  float: left;
  width: 100%;
  line-height: 30px;
}

#calculator_overzicht div.benodigde_producten div.acht,
#calculator_overzicht div.benodigde_producten div.veertien,
#kscalculator_overzicht div.benodigde_kratten div.acht,
#kscalculator_overzicht div.benodigde_kratten div.veertien {
  float: left;
  width: 100%;
  background: #d7dee2;
  padding-left: 10px;
  margin-bottom: 5px;
  line-height: 30px;
}

#calculator_overzicht div.benodigde_producten div.aantal,
#kscalculator_overzicht div.benodigde_kratten div.aantal {
  display: block;
  float: right;
  width: 88px;
  text-align: center;
  padding: 0 10px;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  background: #aebdc5;
  line-height: 60px;
}

#calculator_overzicht div.benodigde_producten h5,
#kscalculator_overzicht div.benodigde_kratten h5 {
  float: left;
  padding: 0;
  line-height: 60px;
}

#calculator_overzicht.large,
#kscalculator_overzicht.large {
  min-height: 360px;
}

#calculator_overzicht.medium,
#kscalculator_overzicht.medium {
  height: 293px;
}

#calculator_overzicht.small,
#kscalculator_overzicht.small {
  height: 47px;
}

.skltbs-panel-group {
  min-height: 228px !important;
}

/* NOTE The colon after the tag is optional. */
#stappenplan_verhuizen,
#stappenplan_spullen_opslaan {
  display: none;
}

#stappenplan_verhuizen h2,
#stappenplan_spullen_opslaan h2 {
  text-align: center !important;
}

#stappenplan_spullen_opslaan .open_stap3 {
  margin: 0px !important;
}

#stappenplan_verhuizen .knoppen_container {
  display: block;
  width: 571px;
  margin: 0 auto;
  height: 58px;
}

.stap3_openen {
  display: block;
  float: left;
  width: 100%;
  padding: 15px;
  margin: 15px 0 0 0;
  color: #fff;
  background: #db3931;
  font-weight: 700;
}

.kies_opslagboxen {
  margin-right: 0px !important;
}

.kies_verhuiskratten {
  margin-right: 0px !important;
}

.calculator_openen_stapdrie {
  display: block;
  float: left;
  padding: 15px;
  margin: 15px 0 0 0;
  color: #fff;
  background: #db3931;
  font-weight: 700;
}

.terug_naar_stap2,
.terug_naar_stap3 {
  display: block;
  float: left;
  margin: 15px 0 0 0;
  padding: 15px;
  color: #fff;
  background: #db3931;
  font-weight: 700;
}

.stap3_links,
.stap4_links {
  float: left;
  width: 65%;
  margin: 0px !important;
}

.opslagbox_keuze {
  float: left;
  width: 65%;
  margin: 0px !important;
}

.opslagbox_keuzes_container {
  display: block;
  float: left;
  padding: 15px;
  background: #d7dee2;
}

.extra_product {
  float: left;
  width: 30%;
  padding: 10px;
  /*border: 1px solid #cecece;*/
  margin: 0 15px 15px 0;
  background: #ffffff;
}

.extra_product_title {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 14px;
}

.extra_product_prijs {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 800;
}

.extra_product_inputs {
  margin: 0 auto;
  width: 122px;
  height: 36px;
}

.opslagbox_item {
  display: block;
  position: relative;
  float: left;
  padding: 10px;
  margin: 0 0 15px;
  width: 100%;
  background: #ffffff;
  line-height: 36px;
}

.opslagbox_item:nth-child(odd) {
  background: #ffffff;
}

.opslagbox_item:last-child {
  margin: 0;
}

.opslagbox_item img {
  display: block;
  float: left;
  width: 200px;
}

.opslagbox_item .item_info {
  display: block;
  float: left;
  padding: 0 0 0 15px;
}

.opslagbox_item .item_info sup {
  bottom: 6px;
  font-size: 10px;
}

.opslagbox_item .item_info ul {
  list-style: none;
  padding: 0;
}

#opslagbox_8_prijs {
  position: absolute;
  right: 0px;
  bottom: 0px;
  padding: 10px;
  text-align: right;
}

#opslagbox_8_prijs span {
  display: block;
  clear: both;
}

#opslagbox_8_prijs span:first-child,
#opslagbox_14_prijs span:first-child {
  line-height: 18px;
}

#opslagbox_8_prijs span.prijs {
  font-size: 34px;
}

#opslagbox_14_prijs {
  position: absolute;
  right: 0px;
  bottom: 0px;
  padding: 10px;
  text-align: right;
}

#opslagbox_14_prijs span {
  display: block;
  clear: both;
}

#opslagbox_14_prijs span.prijs {
  font-size: 34px;
}

.stap4_los_item {
  display: block;
  background: #f9f9f9;
  width: 100%;
  padding: 10px;
  margin: 0 0 10px 0;
  line-height: 36px;
}

.custom_los_item_text {
  width: 50%;
  border: 0 none !important;
  height: 36px;
  padding: 5px !important;
  font-size: 16px;
}

.opslagbox_item_input {
  display: block;
  float: right;
}

.add_los_item {
  display: block;
  float: right;
  padding: 15px;
  margin: 15px 0 0 0;
  color: #fff;
  background: #db3931;
  font-weight: 700;
}

.stap3_rechts,
.stap4_rechts {
  display: block;
  float: right;
  padding: 15px;
  background: #f9f9f9;
  width: 32%;
}

.opslagboxen_overzicht {
  /*position: absolute;*/
  /*right: 128px;*/
  /*right:0px;*/
  display: block;
  float: right;
  width: 330px;
}

.opslagboxen_overzicht_checkout {
  display: block;
  width: 100%;
}

.overzicht_container {
  display: block;
  padding: 15px;
  width: 330px;
  background: #d7dee2;
}

.opslagboxen_overzicht_checkout .overzicht_container {
  display: block;
  padding: 15px;
  width: 100%;
  background: #d7dee2;
}

.opslagboxen_overzicht_absolute .overzicht_container {
  display: block;
  padding: 15px;
  width: 100%;
  background: #d7dee2;
}

.volgende_stap {
  display: block;
  float: left;
  width: 100%;
  padding: 15px;
  margin: 15px 0 0 0;
  color: #fff;
  background: #db3931;
  font-weight: 700;
}

.vorige_stap {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 15px;
  margin: 15px 0 0 0;
  color: #fff;
  background: #db3931;
  font-weight: 700;
}

.overzicht_8 {
  position: relative;
  background: #f9f9f9;
  margin-bottom: 15px;
  /*padding:20px 10px;*/
}

.overzicht_14 {
  position: relative;
  background: #f9f9f9;
  margin-bottom: 15px;
  /*padding:20px 10px;*/
}

.overzicht_bezorgmoment,
.overzicht_tijdvak,
.overzicht_huurperiode,
.overzicht_totaalbedrag,
.overzicht_voordedeur {
  position: relative;
  background: #f9f9f9;
  margin-bottom: 15px;
}

.aantal_8,
.aantal_14,
.bezorgmoment_gekozen,
.tijdvak_gekozen,
.huurperiode_gekozen,
.kosten_totaal {
  display: block;
  width: 100%;
  height: 56px;
}

.bezorgmoment_gekozen,
.tijdvak_gekozen,
.huurperiode_gekozen,
.voordedeur_gekozen,
.kosten_totaal {
  display: none;
  line-height: 56px;
  padding: 0 0 0 10px;
}

.aantal_8 h5,
.aantal_14 h5 {
  display: block;
  float: left;
  line-height: 56px;
  padding: 0 0 0 10px;
}

.aantal_8 span,
.aantal_14 span {
  display: block;
  float: right;
  height: 56px;
  width: 56px;
  margin: 0;
  background: #aebdc5;
  font-size: 18px;
  font-weight: 800;
  text-align: center;
  padding: 0 10px;
  color: #fff;
  line-height: 60px;
}

.bezorgmoment_gekozen span,
.tijdvak_gekozen span,
.huurperiode_gekozen span,
.voordedeur_gekozen span,
.kosten_totaal span {
  display: block;
  float: right;
  padding: 0 10px;
}

.kosten_8,
.kosten_14 {
  display: block;
  width: 100%;
  line-height: 40px;
  padding: 0 0 0 10px;
  color: #293133;
  border-top: 1px solid #d7dee2;
  background: #ffcdcd;
}

.kosten_huurperiode {
  display: none;
  width: 100%;
  line-height: 40px;
  padding: 0 0 0 10px;
  border-top: 1px solid #d7dee2;
  background: #ffcdcd;
}

.kosten_8 span,
.kosten_14 span,
.kosten_huurperiode span {
  display: block;
  float: right;
  height: 40px;
  min-width: 56px;
  margin: 0;
  background: #eeaaaa;
  font-size: 18px;
  text-align: center;
  padding: 0 10px;
  color: #293133;
  line-height: 40px;
}

.boxen_benodigd,
.totaal_ruimte_benodigd,
.kratten_benodigd,
.ingevoerde_losse_items {
  float: left;
  width: 100%;
  background: #d7dee2;
  line-height: 30px;
  margin-bottom: 1px;
}

.totaal_ruimte_benodigd {
  margin: 0 0 15px 0;
}

.boxen_benodigd h5,
.totaal_ruimte_benodigd h5,
.kratten_benodigd h5,
.ingevoerde_losse_items h5 {
  float: left;
  padding: 0;
  margin-left: 15px;
  line-height: 60px;
}

.boxen_benodigd span,
.kratten_benodigd span,
.ingevoerde_losse_items span {
  display: block;
  float: left;
  width: 60px;
  margin: 0;
  background: #aebdc5;
  font-size: 18px;
  font-weight: 800;
  text-align: center;
  padding: 0 10px;
  color: #fff;
  line-height: 60px;
}

.totaal_ruimte_benodigd span {
  display: block;
  float: left;
  width: 105px;
  margin: 0;
  background: #aebdc5;
  font-size: 18px;
  font-weight: 800;
  text-align: center;
  padding: 0 10px;
  color: #fff;
  line-height: 60px;
}

#stappenplan_melding_14 {
  display: none;
  float: left;
  margin: 15px 0;
  padding: 15px;
  width: 100%;
  color: #000;
  background: #f9f9f9;
}

#stappenplan_melding_14 img {
  display: block;
  float: left;
  width: 30%;
  height: auto;
}

#stappenplan_melding_14 #omschrijving {
  display: block;
  float: left;
  width: 70%;
  padding: 30px 25px;
}

#stappenplan_melding_14 #omschrijving h4 {
  display: block;
  clear: both;
  font-size: 28px !important;
}

#stappenplan_melding_14 #omschrijving p {
  display: block;
  clear: both;
}

#stappenplan_melding_14 #omschrijving a {
  display: block;
  float: left;
  margin: 15px 0 0 0;
  padding: 15px;
  color: #fff;
  background: #db3931;
  font-weight: 700;
}

.prijsoverzicht {
  display: block;
  clear: both;
  padding: 15px 0 0 0;
  width: 100%;
}

.prijsoverzicht hr {
  display: block;
  clear: both;
}

.opslagbox_aantal,
.verhuiskratten_aantal,
.losse_items_aantal {
  float: left;
  width: 100%;
  background: #ffffff;
  line-height: 30px;
}

.opslagbox_aantal {
  /*border-top: 2px solid #cecece;
    border-left: 2px solid #cecece;
    border-right: 2px solid #cecece;*/
  margin-bottom: 15px;
  line-height: 60px;
  background: #f9f9f9;
  padding: 15px;
}

.verhuiskratten_aantal {
  display: none;
  /*border: 2px solid #cecece;*/
  margin-bottom: 15px;
  line-height: 60px;
  background: #f9f9f9;
  padding: 15px;
}

.losse_items_aantal {
  display: none;
  /*border: 2px solid #cecece;*/
  margin-bottom: 15px;
}

.opslagbox_aantal img {
  display: block;
  float: left;
  width: 15%;
  border: 1px solid #aebdc5;
}

.opslagbox_aantal h5,
.verhuiskratten_aantal h5,
.losse_items_aantal h5 {
  float: left;
  padding: 0;
  margin-left: 15px;
  margin-right: 30px;
  line-height: 62px;
}

.opslagbox_aantal span {
  display: block;
  float: left;
  /*width:60px;*/
  margin: 0;
  /*background: #aebdc5;*/
  font-size: 28px;
  font-weight: 800;
  text-align: center;
  padding: 0 10px;
  color: #000;
  line-height: 60px;
}

.verhuiskratten_aantal img {
  display: block;
  float: left;
  width: 15%;
  border: 1px solid #aebdc5;
}

.verhuiskratten_aantal span {
  display: block;
  float: left;
  /*width:60px;*/
  margin: 0;
  /*background: #aebdc5;*/
  font-size: 28px;
  font-weight: 800;
  text-align: center;
  padding: 0 10px;
  color: #000;
  line-height: 60px;
}

.losse_items_aantal span {
  display: block;
  float: left;
  width: 60px;
  margin: 0;
  background: #cecece;
  font-size: 18px;
  font-weight: 800;
  text-align: center;
  padding: 0 10px;
  color: #fff;
  line-height: 60px;
}

.opslagbox_prijs,
.verhuiskrat_prijs,
.subtotaal_prijs,
.btw_prijs,
.totaal_prijs {
  float: right;
  background: #4d9f3d;
  line-height: 60px;
  width: 100px;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: 800;
}

.opslagbox_prijs::before {
  position: absolute;
  content: "Per maand: ";
  right: 134px;
  color: #333;
  font-weight: 500;
}

.subtotaal,
.btw {
  float: right;
  clear: both;
  width: 50%;
  background: #ffffff;
  margin-top: 5px;
  line-height: 30px;
}

.subtotaal {
  margin: 15px 0;
}

.subtotaal h5,
.btw h5 {
  float: right;
  line-height: 60px;
  padding: 0 15px 0 0;
}

/*.totaal {
    float: left;
    width: 100%;
    background: #f9f9f9;
    line-height: 30px;
}*/

.totaal {
  float: right;
  clear: both;
  width: 50%;
  background: #ffffff;
  margin-top: 5px;
  line-height: 30px;
}

/*.totaal h5 {
    float: left;
    padding: 0;
    margin-left: 15px;
    line-height: 60px;
}*/

.totaal h5 {
  float: right;
  line-height: 60px;
  padding: 0 15px 0 0;
}

.naar_stap_4,
.naar_bestellen {
  display: block;
  float: right;
  margin: 15px 0 0 0;
  padding: 15px;
  color: #fff;
  background: #db3931;
  font-weight: 700;
}

.stappen_knoppen {
  display: block;
  width: 100%;
  float: left;
}

.woocommerce-cart-form {
  position: relative;
}

#winkelwagen_bijwerken_rechts {
  display: none;
  position: absolute;
  right: 0px;
  top: -70px;
}

.woocommerce-message {
  display: block;
  float: left;
  width: 100% !important;
}

.open_stap2 {
  position: absolute;
  bottom: 0;
  right: 0;
  display: none;
  margin: 15px 0 0 0;
  padding: 21px;
  color: #fff;
  background: #db3931;
  font-weight: 700;
}

.open_stap2:hover {
  cursor: pointer;
}

#postcode_inputs {
  display: block;
  margin: 25px auto;
  width: 345px;
}

input.postcode_input {
  display: inline-block !important;
  width: 250px !important;
  padding: 15px !important;
  border: 1px solid #ccc !important;
  text-align: center !important;
  font-size: 30px !important;
  color: #000 !important;
  text-transform: uppercase !important;
}

input.huisnummer_input {
  display: inline-block !important;
  width: 90px !important;
  padding: 15px !important;
  border: 1px solid #ccc !important;
  text-align: center !important;
  font-size: 30px !important;
  color: #000 !important;
  text-transform: uppercase !important;
}

.postcode_check {
  display: block !important;
  margin: 0 auto !important;
  width: 250px !important;
  text-align: center !important;
  padding: 15px !important;
  background: #db3931 !important;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}

.postcodecheck_message_container {
  display: block;
  clear: both;
}

#postcodecheck_message {
  /* display: none;
    position: absolute;
    right: 0;
    width: 333px;
    bottom: 93px;*/
  display: none;
  float: left;
  width: 100%;
  text-align: center;
  color: #000;
  line-height: 25px;
  margin: 30px 0 0 0;
  background: #f9f9f9;
  padding: 10px;
}

#bestelflow_1,
#bestelflow_2 {
  display: none;
  float: left;
  width: 100%;
  min-height: 330px;
}

#bestelflow_1_container,
.bezorgmoment_keuzes_container {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  margin: 30px 0 0 0;
}

#bestelflow_1_container {
  min-height: 990px;
}

#opslagbox_keuzes_tekst {
  display: block;
  margin: 0 0 15px 0;
}
#bezorg_info {
  float: left;
  width: 65%;
  margin: 0px !important;
  background: #d7dee2;
}
#bezorgmoment_datepicker {
  border: solid 1px #e8e8e8;
  padding: 0 0 0 18px;
  margin: 0 0 15px 0;
  width: 150px;
  border-radius: 5px;
  font-family: inherit;
  font-size: 14px;
  height: 42px;
  line-height: 40px;
  color: #666;
}

#bezorgmoment_container,
#tijdvak_container,
#huurperiode_container {
  display: block;
  float: left;
  margin: 0 15px 0 0;
}

#voordedeur_container {
  display: block;
  float: left;
  width: 100%;
  margin: 0 15px 0 0;
}

#postcodechecker_container {
  position: relative;
}

.spinner_container {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: #fff;
}

.spinner {
  width: 40px;
  height: 40px;
  background-color: #e8463f;

  margin: 100px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

.gdpr-close {
  display: none;
}

.close_popbox {
  position: absolute;
  right: -30px;
  top: -30px;
  width: 24px;
  height: 24px;
  /*opacity: 0.3;*/
}
.close_popbox:hover {
  opacity: 1;
}
.close_popbox:before,
.close_popbox:after {
  position: absolute;
  left: 12px;
  content: " ";
  height: 24px;
  width: 2px;
  background-color: #333;
}
.close_popbox:before {
  transform: rotate(45deg);
}
.close_popbox:after {
  transform: rotate(-45deg);
}

[data-popbox-id="ruimtecalculator"] .popbox_container {
  min-height: 400px;
  display: flex;
  position: relative;
}

.knop_rood {
  display: block;
  float: left;
  margin: 15px 0 0 0;
  background: #ea453d;
  width: 100%;
  padding: 10px;
  color: #fff;
  font-weight: 600;
}

@-webkit-keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}

@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

@media screen and (max-width: 375px) {
  #calculator_overflow .et_pb_row.et_pb_row_1 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  #postcodecheck_message {
    height: 170px;
  }

  .open_stap2 {
    width: 100%;
    text-align: center;
  }

  #stappenplan_verhuizen .knoppen_container {
    width: 100%;
  }

  .calculator_openen {
    width: 100%;
    margin: 0 0 10px 0;
  }

  .open_stap3 {
    margin: 0;
  }

  #stappenplan_melding_14 img {
    width: 100%;
  }

  #stappenplan_melding_14 #omschrijving a {
    width: 100%;
    text-align: center;
  }

  #calculator_overflow .et_pb_accordion .et_pb_toggle_open,
  .et_pb_accordion .et_pb_toggle_close {
    padding: 10px;
  }

  .opslagbox_aantal img {
    width: 30%;
  }

  .opslagbox_aantal span {
    font-size: 16px;
  }

  .opslagbox_aantal h5 {
    width: 70%;
    margin-left: 0px;
    margin-right: 0px;
  }

  .opslagbox_aantal p {
    display: block;
    float: left;
    line-height: 28px;
    margin: 15px 0;
  }

  .qty {
    width: 40px;
  }

  .opslagbox_keuze {
    width: 100% !important;
  }

  .open_ruimtecalculator {
    width: 100%;
  }

  .bezorgmoment_keuzes_container {
    margin: 30px 0;
  }

  #bezorgmoment_container,
  #tijdvak_container,
  #huurperiode_container {
    width: 100%;
    height: 80px;
    margin: 0 0 10px 0;
  }

  #bezorgmoment_container input {
    width: 100%;
  }

  #tijdvak_container .nice-select,
  #huurperiode_container .nice-select {
    width: 100%;
  }

  .opslagboxen_overzicht {
    float: left;
    width: 100%;
  }

  .opslagboxen_overzicht .overzicht_container {
    width: 100%;
  }

  .close_popbox {
    right: 10px;
    top: 10px;
    /*opacity: 0.3;*/
  }

  .opslagbox_item {
    min-height: 460px;
  }

  input.postcode_input {
    width: 206px;
  }
}
@media screen and (max-width: 768px) {
  #opslagbox_8_prijs,
  #opslagbox_14_prijs {
    float: left;
    margin-right: 55%;
  }

  #opslagbox_8_prijs span.prijs,
  #opslagbox_14_prijs span.prijs {
    font-size: 25px;
  }
}
@media screen and (max-width: 414px) {
  #opslagbox_8_prijs,
  #opslagbox_14_prijs {
    float: left;
    margin-right: 45%;
  }

  #opslagbox_8_prijs span.prijs,
  #opslagbox_14_prijs {
    font-size: 25px;
  }
  #calculator_overflow .et_pb_row.et_pb_row_1 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  #postcodecheck_message {
    height: 170px;
  }

  .open_stap2 {
    width: 100%;
    text-align: center;
  }

  #stappenplan_verhuizen .knoppen_container {
    width: 100%;
  }

  .calculator_openen {
    width: 100%;
    margin: 0 0 10px 0;
  }

  .open_stap3 {
    margin: 0;
  }

  #stappenplan_melding_14 img {
    width: 100%;
  }

  #stappenplan_melding_14 #omschrijving a {
    width: 100%;
    text-align: center;
  }

  #calculator_overflow .et_pb_accordion .et_pb_toggle_open,
  .et_pb_accordion .et_pb_toggle_close {
    padding: 10px;
  }

  .opslagbox_aantal img {
    width: 30%;
  }

  .opslagbox_aantal span {
    font-size: 16px;
  }

  .opslagbox_aantal h5 {
    width: 70%;
    margin-left: 0px;
    margin-right: 0px;
  }

  .opslagbox_aantal p {
    display: block;
    float: left;
    line-height: 28px;
    margin: 15px 0;
  }

  .qty {
    width: 40px;
  }

  .opslagbox_keuze {
    width: 100% !important;
  }

  .open_ruimtecalculator {
    width: 100%;
  }

  .bezorgmoment_keuzes_container {
    margin: 30px 0;
  }

  #bezorgmoment_container,
  #tijdvak_container,
  #huurperiode_container {
    width: 100%;
    height: 80px;
    margin: 0 0 10px 0;
  }

  #bezorgmoment_container input {
    width: 100%;
  }

  #tijdvak_container .nice-select,
  #huurperiode_container .nice-select {
    width: 100%;
  }

  .opslagboxen_overzicht {
    float: left;
    width: 100%;
  }

  .opslagboxen_overzicht .overzicht_container {
    width: 100%;
  }

  .close_popbox {
    right: 10px;
    top: 10px;
    /*opacity: 0.3;*/
  }

  input.postcode_input {
    width: 206px;
  }
}

@media screen and (max-width: 820px) {
  [data-popbox-id="ruimtecalculator"] .popbox_container #wrapper {
    width: 100%;
  }

  #skltbsDefault {
    float: left;
    width: 100%;
    margin: 0px !important;
  }

  #mobile_expand,
  #mobile_minimize {
    display: block;
    position: absolute;
    top: 0px;
    width: 40px;
    height: 40px;
    background: #f9f9f9;
  }

  #mobile_expand span,
  #mobile_minimize span {
    color: #000;
    font-size: 40px;
  }

  #mobile_expand {
    right: 50px;
  }

  #mobile_minimize {
    right: 5px;
  }

  #calculator_overzicht {
    position: fixed;
    bottom: 0px;
    left: 0;
    padding: 15px;
    background: #f9f9f9;
    width: 100%;
    height: 120px;
    z-index: 999999;
  }

  .stap3_links {
    width: 100%;
  }

  .stap3_rechts {
    margin: 15px 0;
    width: 100%;
  }

  .opslagbox_keuze {
    width: 100% !important;
  }

  .open_ruimtecalculator {
    width: 100%;
  }

  .bezorgmoment_keuzes_container {
    margin: 30px 0;
  }

  #bezorgmoment_container,
  #tijdvak_container,
  #huurperiode_container {
    width: 100%;
    height: 80px;
    margin: 0 0 10px 0;
  }

  #bezorgmoment_container input {
    width: 100%;
  }

  #tijdvak_container .nice-select,
  #huurperiode_container .nice-select {
    width: 100%;
  }

  .opslagboxen_overzicht {
    float: left;
    width: 100%;
  }

  .opslagboxen_overzicht .overzicht_container {
    width: 100%;
  }
}

@media screen and (min-width: 821px) and (max-width: 2560px) {
  ul.skltbs-tab-group {
    display: flex !important;
    flex-wrap: wrap !important;
  }
}

@media screen and (max-width: 820px) {
}