main.shop {
}

main.shop h1 {
  display: block;
  background-color: #fff;
  font-size: 2.9em;
  font-weight: 600;
  color: #225ea6;
  box-sizing: border-box;
  padding: 25px 0 40px 50px;
  margin: 0 0 15px;
}
  main.shop h1 def {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
  }
    main.shop h1 def.check {
      width: 55px;
      height: 55px;
      margin-top: -14px;
    }
      main.shop h1 def.check svg {
        width: 100%;
        height: auto;
        fill: currentColor;
        color: #77b82a;
        margin: 0;
        transition: all .2s;
        -webkit-transition: all .2s;
      }
  main.shop h1 span {
    display: inline-block;
    vertical-align: middle;
  }

main.shop section .section_card {
  width: 100%;
  background: #fff;
  box-sizing: border-box;
  padding: 40px;
}
  main.shop section .section_card h1 {
    padding: 0 0 0 0;
    margin: -15px 0 35px;
  }
  main.shop section.img_text .section_card .text {
    padding: 0 60px 0 0;
  }
main.shop section.text_dual .section_card {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
}
main.shop section.text_dual.confirmation .section_card {
  grid-template-columns: 1fr 1fr;
  gap: 0;
}
  main.shop section.text_dual .section_card .text {
    padding: 0;
  }
  main.shop section.text_dual.confirmation .section_card .text:first-child {
    padding: 0 40px 20px 0;
  }
  main.shop section.text_dual.confirmation .section_card .text.code {
    display: table;
    width: 100%;
    /*background-color: #225ea6;*/
    background-position: top right;
    background-size: 90%;
    background-repeat: no-repeat;
    text-align: center;
  }
    main.shop section.text_dual.confirmation .section_card .text.code .code {
      display: table-cell;
      vertical-align: middle;
      padding: 0 60px 80px 0;
    }
    main.shop section.text_dual.confirmation .section_card .text.code .code div {
      font-size: 1.6em;
      line-height: 1em;
    }
    main.shop section.text_dual.confirmation .section_card .text.code .code def {
      font-size: 3em;
      font-weight: 600;
      line-height: 1em;
    }
  main.shop section.text_dual.confirmation .section_card .text.streetview img {
    display: block;
    width: 100%;
    height: auto;
  }
  main.shop section.text_dual.confirmation .section_card .text.streetview iframe {
    display: block;
    width: 100%;
  }
  main.shop section.text_dual.confirmation .section_card .text.map iframe {
    display: block;
    width: 100%;
    height: auto;
  }

#hero.shop {
  margin: 0 0 -75px;
}

.webshop_cities {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  margin: 0 0 15px;
}
  .webshop_cities .card {
    width: 100%;
    box-sizing: border-box;
    padding: 30px;
  }
  .webshop_cities .card.map {
    padding: 0;
    overflow: hidden;
  }
    .webshop_cities .card.map iframe {
      display: block;
      border: none;
      margin: 0;
    }
  .webshop_cities .card.cities_list {
    padding: 0;
  }
    .webshop_cities .card.cities_list a {
      display: block;
      background-color: #fff;
      text-align: center;
      box-sizing: border-box;
      padding: 10px 0;
      margin: 0 0 6px;
    }
    .webshop_cities .card.cities_list a.coming {
      background-color: #f5f5f5;
      padding: 7px 0 9px;
    }
    .webshop_cities .card.cities_list a:last-child {
      margin-bottom: 0;
    }
    .webshop_cities .card.cities_list a:not(.coming):hover {
      background-color: #225ea6;
    }
      .webshop_cities .card.cities_list a > span {
        display: block;
        font-size: 1.5em;
        font-weight: 600;
        color: #225ea6;
      }
      .webshop_cities .card.cities_list a.coming > span {
        font-size: 1.1em;
        color: #444;
      }
        .webshop_cities .card.cities_list a:not(.coming):hover > span {
          color: #fff;
        }
      .webshop_cities .card.cities_list a > i {
        display: block;
        font-size: .8rem;
        font-style: normal;
        color: #c34242;
        margin: -5px 0 0 0;
      }


  .city_descr {
    font-weight: 300;
  }

  .units_overview .toggle_facility {
  }
    .units_overview .toggle_facility a {
      display: inline-block;
      vertical-align: bottom;
      background-color: #fff;
      color: #aaa;
      font-size: 1.05em;
      cursor: pointer;
      box-sizing: border-box;
      padding: 9px 20px 8px;
      margin: 0 8px 8px 0;
    }
    .units_overview .toggle_facility a:hover {
      color: #000;
    }
    .units_overview .toggle_facility a.act {
      color: #000;
      padding-bottom: calc(8px + 8px);
      margin-bottom: 0;
    }

  .units_overview .no_vacant_units {
    color: #999;
    font-style: italic;
    margin: 5px 0 0 0;
  }
  .units_overview .storage_units {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 25px;
  }
    .storage_units .unit {
      width: 100%;
      box-shadow: 0 2px 6px 0 rgba(0,0,0, .2);
    }
      .storage_units .unit .content {
        position: relative;
      }
        .storage_units .unit .unit_sold {
          position: absolute;
          z-index: 5;
          top: 10px;
          left: 10px;
          display: inline-block;
          height: auto;
          background: rgb(170,38,38);
          background: -moz-linear-gradient(0deg, rgba(170,38,38,1) 0%, rgba(255,102,102,1) 100%);
          background: -webkit-linear-gradient(0deg, rgba(170,38,38,1) 0%, rgba(255,102,102,1) 100%);
          background: linear-gradient(0deg, rgba(170,38,38,1) 0%, rgba(255,102,102,1) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#aa2626",endColorstr="#ff6666",GradientType=1);
          font-size: .6em;
          font-weight: 500;
          color: #fff;
          line-height: 12px;
          text-transform: uppercase;
          box-sizing: border-box;
          padding: 5px 6px 4px;
          border-radius: 3px;
          -webkit-border-radius: 3px;
        }
        .storage_units .unit a.img {
          position: relative;
          display: block;
          width: 100%;
          height: auto;
          aspect-ratio: 16 / 10;
          background-color: #f1f1f1;
          background-position: center center;
          background-size: 110%;
          background-repeat: no-repeat;
        }
          .storage_units .unit a.img:hover {
            opacity: .8;
            background-size: 105%;
          }
        .storage_units .unit.sold a.img {
          opacity: .8;
          -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
        }
          .storage_units .unit.sold a.img:hover {
            opacity: .7;
          }

          .storage_units .unit a.img .class {
            position: absolute;
            bottom: 10px;
            right: 10px;
            display: inline-block;
            height: auto;
            background-color: #000;
            font-size: .6em;
            color: #fff;
            line-height: 12px;
            text-transform: uppercase;
            box-sizing: border-box;
            padding: 5px 6px 4px;
            border-radius: 3px;
    				-webkit-border-radius: 3px;
          }
            .class.cl_1 { /* Ekonomi */
              background: rgb(170,38,38);
              background: -moz-linear-gradient(0deg, rgba(170,38,38,1) 0%, rgba(255,102,102,1) 100%);
              background: -webkit-linear-gradient(0deg, rgba(170,38,38,1) 0%, rgba(255,102,102,1) 100%);
              background: linear-gradient(0deg, rgba(170,38,38,1) 0%, rgba(255,102,102,1) 100%);
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#aa2626",endColorstr="#ff6666",GradientType=1);
            }
            .class.cl_3 { /* Standard */
              background: rgb(117,117,117);
              background: -moz-linear-gradient(0deg, rgba(117,117,117,1) 0%, rgba(180,180,180,1) 100%);
              background: -webkit-linear-gradient(0deg, rgba(117,117,117,1) 0%, rgba(180,180,180,1) 100%);
              background: linear-gradient(0deg, rgba(117,117,117,1) 0%, rgba(180,180,180,1) 100%);
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#757575",endColorstr="#b4b4b4",GradientType=1);
            }
            .class.cl_5 { /* Standard+ */
              background: rgb(200,200,200);
              background: -moz-linear-gradient(0deg, rgba(200,200,200,1) 0%, rgba(254,254,254,1) 100%);
              background: -webkit-linear-gradient(0deg, rgba(200,200,200,1) 0%, rgba(254,254,254,1) 100%);
              background: linear-gradient(0deg, rgba(200,200,200,1) 0%, rgba(254,254,254,1) 100%);
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c8c8c8",endColorstr="#fefefe",GradientType=1);
              color: #555 !important;
            }
            .class.cl_7 { /* Premium */
              background: rgb(220,186,22);
              background: -moz-linear-gradient(0deg, rgba(220,186,22,1) 0%, rgba(247,208,27,1) 100%);
              background: -webkit-linear-gradient(0deg, rgba(220,186,22,1) 0%, rgba(247,208,27,1) 100%);
              background: linear-gradient(0deg, rgba(220,186,22,1) 0%, rgba(247,208,27,1) 100%);
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dcba16",endColorstr="#f7d01b",GradientType=1);
            }
          .storage_units .unit a.img .tp-badge {
            position: absolute;
            top: 10px;
            right: 10px;
            display: block;
            width: 45px;
            height: auto;
          }

        .storage_units .unit a.title {
          display: block;
          height: 44px;
          /*background-color: #225ea6;*/

          background: rgb(19,61,113);
          background: -moz-linear-gradient(79deg, rgba(19,61,113,1) 0%, rgba(34,94,166,1) 100%);
          background: -webkit-linear-gradient(79deg, rgba(19,61,113,1) 0%, rgba(34,94,166,1) 100%);
          background: linear-gradient(79deg, rgba(19,61,113,1) 0%, rgba(34,94,166,1) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#133d71",endColorstr="#225ea6",GradientType=1);

          font-size: 1.1em;
          font-weight: 600;
          color: #fff;
          line-height: 42px;
          box-sizing: border-box;
          padding: 1px 0 0 10px;
          overflow: hidden;
          white-space: normal;
        }
        .storage_units .unit a.title:hover {
          background-color: #174c8c;
        }
          .storage_units .unit.sold a.title {
            background: #444;
          }

        .storage_units .unit .descr {
          box-sizing: border-box;
          padding: 10px;
        }
          .storage_units .unit .descr .highlights {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 3px;
          }
            .storage_units .unit .descr .highlights .col {
              overflow: hidden;
            }
              .storage_units .unit .descr .highlights .col > div {
                height: 21px;
                font-size: .7em;
                margin: 0;
                overflow: hidden;
                white-space: nowrap;
              }
              .storage_units .unit .descr .highlights span {
                font-weight: 500;
                color: #000;
              }
              .storage_units .unit .descr .highlights dfn {
                color: #666;
              }
                .storage_units .unit .descr .highlights .storage_no dfn {
                  display: inline;
                  overflow: hidden;
                  white-space: nowrap;
                }
              .storage_units .unit .descr .highlights .adr dfn {
                display: none;
              }

          .storage_units .unit .descr .blueprint {
            display: block;
            padding: 0;
            margin: -7px 0 0 0;
          }
            .storage_units .unit .descr .blueprint img {
              display: inline-block;
              vertical-align: middle;
              width: 15px;
              height: auto;
              margin: 0 7px 0 0;
            }
            .storage_units .unit .descr .blueprint span {
              display: inline-block;
              vertical-align: middle;
              width: calc(100% - (15px + 7px));
              font-size: .7em;
            }
            .storage_units .unit .descr .blueprint span i {
              font-style: normal;
            }
            .storage_units .unit .descr .blueprint span i:last-child {
              display: none;
            }

        .storage_units .unit .price_action {
          box-sizing: border-box;
          padding: 0 6px 6px;
        }
          .storage_units .unit .price {
            display: block;
            width: 100%;
            box-sizing: border-box;
            padding: 0 0 0 5px;
            margin: 0 0 5px;
          }
            .storage_units .unit .price .regular {
              color: #222;
              letter-spacing: -.04em;
              display: inline-block;
              vertical-align: top;
              margin: 0 0 5px;
            }
              .storage_units .unit .price .regular dfn {
                position: relative;
                display: block;
                font-size: .85em;
                font-weight: 600;
                font-style: normal;
                line-height: 1em;
                margin: 0;
              }
              .storage_units .unit .price .regular span {
                display: block;
                font-size: .6em;
                font-weight: 600;
              }

            .storage_units .unit .price .special {
              display: grid;
              grid-template-columns: auto 1fr;
              gap: 10px;
            }
            .storage_units .unit .price .special .price_special,
            .storage_units .unit .price .special .price_regular {
              width: 100%;
            }
            .storage_units .unit .price .special .price_special {
              color: #e94e1b;
            }
            .storage_units .unit .price .special .price_regular {
              color: #ccc;
            }
              .storage_units .unit .price .special dfn {
                position: relative;
                display: block;
                font-size: .85em;
                font-weight: 600;
                font-style: normal;
                line-height: 1em;
                margin: 0;
              }
                .storage_units .unit .price .special .price_regular i {
                  position: absolute;
                  top: 12px;
                  left: 0;
                  display: block;
                  width: 100%;
                }
              .storage_units .unit .price .special span {
                display: block;
                font-size: .6em;
                font-weight: 600;
              }

          .storage_units .unit .action {
            display: block;
            width: 100%;
            box-sizing: border-box;
            padding: 0;
            margin: 0;
          }
            .storage_units .unit .action a.btn {
              display: block;
              font-size: .9em;
              text-transform: uppercase;
              padding: 9px 0 8px;
              margin: 0;
            }
            .storage_units .unit .action a.btn.preorder {
              
            }
            .storage_units .unit .action a.btn.sold {
              background-color: #d64747;

              line-height: 1.2em;
              padding: 15px 0 14px;
            }
              .storage_units .unit .action a.btn.sold:hover {
                background-color: #af2b2b;
              }



  .unit_specific .checkout_response {
    background: #262626;
    color: #edcc17;
    text-align: center;
    box-sizing: border-box;
    padding: 30px;
    margin: 0 0 40px;
  }
  .checkout_response.error {
    background: #e94e1b;
    color: #fff;
  }
    .checkout_response h2 {
      font-size: 1.6em;
      font-weight: 600;
      color: #fff;
      margin: 0 0 20px !important;
    }
    .checkout_response .spnr {
      display: block;
      width: 50px;
      height: 50px;
      background-image: url('../svg/spinner.svg');
      background-size: contain;
      background-repeat: no-repeat;
      margin: 20px auto 0;
    }
    .checkout_response p {
      margin: 0;
    }
    .checkout_response a {
      color: #fff;
      font-weight: 600;
      text-decoration: underline;
    }

  .unit_specific .highlights {
    display: grid;
    grid-template-columns: .4fr .6fr;
    gap: 3px;
  }
    .unit_specific .highlights .col > div {
      font-size: 1em;
      margin: 0;
    }
    .unit_specific .highlights span {
      font-weight: 500;
      color: #000;
    }
    .unit_specific .highlights dfn {
      color: #666;
    }

  .unit_specific .blueprint {
    display: block;
    margin: 10px 0 0 0;
  }
    .unit_specific .blueprint img {
      display: inline-block;
      vertical-align: middle;
      width: 19px;
      height: auto;
      margin: 0 7px 0 0;
    }
    .unit_specific .blueprint span {
      display: inline-block;
      vertical-align: middle;
    }

  .unit_specific .price {
    display: block;
    margin: 20px 0 0 0;
  }
    .unit_specific .price .regular {
      display: inline-block;
      vertical-align: top;
      color: #222;
    }
      .unit_specific .price .regular dfn {
        position: relative;
        display: block;
        font-size: 1.6em;
        font-weight: 600;
        line-height: 1em;
        margin: 6px 0 0 0;
      }
      .unit_specific .price .regular span {
        display: block;
        font-size: 1.3em;
        font-weight: 500;
      }

    .unit_specific .price .special .price_special,
    .unit_specific .price .special .price_regular {
      display: inline-block;
      vertical-align: top;
    }
    .unit_specific .price .special .price_special {
      color: #e94e1b;
      margin: 0 40px 0 0;
    }
    .unit_specific .price .special .price_regular {
      color: #bbb;
    }
      .unit_specific .price .special dfn {
        position: relative;
        display: block;
        font-size: 1.6em;
        font-weight: 600;
        line-height: 1em;
        margin: 6px 0 0 0;
      }
        .unit_specific .price .special dfn i {
          position: absolute;
          top: 18px;
          left: 0;
          display: none;
          width: 100%;
          border-bottom: 2px solid #e94e1b;
        }
      .unit_specific .price .special span {
        display: block;
        font-size: 1.3em;
        font-weight: 500;
      }
  .unit_specific .descr {
    margin: 40px 0 20px;
  }
    .unit_specific .descr p {
      font-weight: 400;
    }
    .unit_specific .descr .campaign_terms {
      background-color: #225ea6;
      box-sizing: border-box;
      padding: 25px;
      color: #fff;
      margin: 40px 0 0 0;
    }

  .unit_specific .sold_notification {
    font-weight: 600;
    color: #e94e1b;
    margin: 45px 0 30px;
  }

  .unit_specific .steps {
    color: #225ea6;
    margin: 50px 0 30px;
  }
    .unit_specific .steps dfn {
      margin: 0 8px 0 0;
    }
    .unit_specific .steps dfn.c {
      opacity: 1;
      font-weight: 600;
    }
    .unit_specific .steps dfn:not(:last-child):after {
      content: ">";
      margin: 0 0 0 8px;
    }


  .unit_specific .preorder_expired_info {
    background-color: #e94e1b;
    font-weight: 400;
    color: #fff;
    padding: 20px 15px;
    margin: 0;
  }


  .unit_specific form.checkout {
    display: block;
    margin: 0;
  }
    .unit_specific .box {
      box-sizing: border-box;
      margin: 0 0 20px;
    }
      .unit_specific .box .box_title {
        background-color: #225ea6;
        border: 1px solid #225ea6;
        box-sizing: border-box;
        padding: 10px 15px;
      }
        .box .box_title h3 {
          font-size: 1.2rem;
          font-weight: 500;
          color: #fff;
          padding: 0;
          margin: 0;
        }
      .unit_specific .box .box_content {
        border: 1px solid #bbb;
        border-width: 0 1px 1px 1px;
        box-sizing: border-box;
        padding: 15px;
      }
      .unit_specific .box .box_content.no_pd {
        padding: 0;
      }
        .unit_specific .summary {
          display: none;
          margin: 0;
        }
          .unit_specific .summary ul {
            list-style: none;
            padding: 0;
            margin: 0;
          }
            .unit_specific .summary ul li {
              display: grid;
              grid-template-columns: 160px auto;
              column-gap: 15px;
              font-size: 1.1rem;
              box-sizing: border-box;
              padding: 10px 15px;
              margin: 0;
            }
            .unit_specific .summary ul li:nth-child(even) {
              background-color: rgba(0,0,0, .02);
            }
              .unit_specific .summary ul li .prm {
                font-weight: 600;
                text-align: right;
              }
              .unit_specific .summary ul li .val {
              }

              .unit_specific .summary ul li.i .prm,
              .unit_specific .summary ul li.i .val {
                opacity: .5;
                font-style: italic;
              }

        .unit_specific .insurance_options label {
          display: grid;
          grid-template-columns: 35px auto;
          gap: 0;
          box-sizing: border-box;
          padding: 12px 8px 12px 15px;
        }
        .unit_specific .insurance_options label.no_insr {
          /*display: none;*/
        }
        .unit_specific .insurance_options label:nth-child(even) {
          background-color: rgba(0,0,0, .02);
        }
          .unit_specific .insurance_options label input {
            width: 16px;
          }
          .unit_specific .insurance_options label .txt {
            display: grid;
            grid-template-columns: auto 90px;
            gap: 0;
            align-items: center;
          }
            .unit_specific .insurance_options label .txt span strong {
              font-weight: 400;
              color: #225ea6;
              margin: 0 0 0 3px;
            }
            .unit_specific .insurance_options label .txt dfn {
              font-size: .8rem;
              color: #8a8a8a;
              text-align: right;
            }

            .unit_specific .insurance_options label input:checked + .txt span,
            .unit_specific .insurance_options label input:checked + .txt span strong {
              font-weight: 600;
            }

          .unit_specific .insr_descr h3 {
            font-size: .8rem;
            font-weight: 500;
            padding: 0;
            margin: 0 0 3px;
          }
          .unit_specific .insr_descr p {
            font-size: .75rem;
            line-height: .95rem;
            padding: 0;
            margin: 0 0 10px;
          }
          .unit_specific .insr_descr a.lnk {
            display: block;
            font-size: .8rem;
            color: #000;
            margin: -2px 0 0 0;
          }
            .unit_specific .insr_descr a.lnk span {
              text-decoration: underline;
            }

          .unit_specific .no_insurance_info {
            display: none;
            background: #e94e1b;
          }
            .unit_specific .no_insurance_info > div > * {
              color: #fff;
            }
            .unit_specific .no_insurance_info .insr_descr > *:last-child {
              margin: 0;
            }

    .unit_specific .checkout label {
      font-size: 1.1rem;
      cursor: pointer;
    }
    .unit_specific .checkout input::placeholder {
      font-size: 1.1rem;
    }
    .unit_specific .checkout .option_access {
      margin: 0 0 15px;
    }
      .unit_specific .preorder_stamp {
        display: block;
        background-color: #e45e5e;
        font-weight: bold;
        color: #fff;
        text-align: center;
        box-sizing: border-box;
        padding: 8px 10px;
        margin: 0 0 25px;
      }

      .unit_specific .checkout .option_access .opt {
        display: inline-block;
        vertical-align: top;
        margin: 0 29px 0 0;
      }
      .unit_specific .checkout .option_access .opt:last-child,
      .unit_specific .checkout .option_access .opt.access_date {
        margin-right: 0;
      }
        .unit_specific .checkout .option_access .opt.access_date label {
          margin: 0 10px 0 0;
        }
        .unit_specific .checkout .option_access .opt.access_date .input {
          display: inline-block;
          vertical-align: top;
          width: 145px;
          text-align: center;
          padding: 8px 7px 6px;
          margin: -2px 0 0 0;
        }
        .unit_specific .checkout .option_access input[type="radio"]:checked + label {
          font-weight: 600;
        }

    .unit_specific .checkout .ss {
      margin: 0 0 15px;
    }
      .unit_specific .checkout .ss label {
        margin: 0 10px 0 0;
      }
      .unit_specific .checkout .ss .input {
        width: 190px;
      }

    .unit_specific .checkout .user_message {
      height: 78px;
      padding: 0;
      margin: 0;
    }
      .unit_specific .checkout .user_message textarea {
        height: inherit;
        font-size: .9rem;
      }
    .unit_specific .checkout .corporate {
      margin: 0;
    }
      .unit_specific .checkout .corporate label dfn {
        font-size: .8rem;
        color: #aaa;
        margin: 0 0 0 5px;
      }

    .unit_specific .checkout .terms {
      margin: 0 0 30px;
    }
      .unit_specific .checkout .terms label svg {
        display: inline-block;
        vertical-align: top;
        width: 15px;
        height: 15px;
        margin: 8px 0px 0 0;
      }
      .unit_specific .checkout .terms label span {
        display: inline-block;
        vertical-align: top;
      }

    .unit_specific .checkout .payment_init {
      background-position: center center;
      background-size: 30px;
      background-repeat: no-repeat;
      transition: all .2s;
      -webkit-transition: all .2s;
    }
      .unit_specific .checkout .payment_init.process {
        opacity: .8;
        background-color: #999;
        background-image: url('../svg/spinner.svg');
        cursor: none;
      }
        .unit_specific .checkout .payment_init.process span {
          visibility: hidden;
        }
        .unit_specific .checkout .payment_init.process svg {
          visibility: hidden;
        }
        .unit_specific .checkout .payment_init svg {
          width: 14px;
          height: auto;
          fill: currentColor;
          color: #fff;
        }

    .unit_specific .checkout .error_descr {
      display: none;
      background-color: #e94e1b;
      color: #fff;
      box-sizing: border-box;
      padding: 15px;
      margin: -10px 0 30px;
    }

  .unit_specific .payment_module {
    display: none;
    width: 100%;
    height: 800px;
  }
  .unit_specific #checkout_error {
    display: none;
  }

  .unit_specific .details_images {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    margin: 100px 0 80px;
  }
    .unit_specific .details_images a {
      display: block;
      width: 100%;
      aspect-ratio: 16 / 11;
      background-color: #f1f1f1;
      background-position: center center;
      background-size: 110%;
      background-repeat: no-repeat;
    }
    .unit_specific .details_images a:hover {
      opacity: .8;
      background-size: 105%;
    }

  .unit_specific .section_card {
    position: relative;
  }
    .unit_specific .views {
        position: absolute;
        bottom: 40px;
        right: 40px;
        color: #bbb;
        text-transform: uppercase;
        text-align: right;
        padding: 5px 0 0 0;
      }
        .unit_specific .views > div:first-child {
          font-size: 1.5em;
          line-height: 1em;
        }
        .unit_specific .views > div:last-child {
          font-size: .7em;
          letter-spacing: .02em;
        }






@media screen and (max-width: 1400px){
  .units_overview .toggle_facility a {
    font-size: .85em;
    padding: 9px 12px 8px;
    margin: 0 8px 8px 0;
  }

  .storage_units .unit a.title {
    height: 44px;
    font-size: .9em;
    line-height: 42px;
    padding: 1px 0 0 10px;
  }
    .storage_units .unit .action a.btn {

      padding: 9px 0 8px;
    }
    .storage_units .unit .action a.btn.preorder {

    }
    .storage_units .unit .action a.btn.sold {
      padding: 13px 0 12px;
    }
}




@media screen and (max-width: 1300px){
  .units_overview .storage_units {
    grid-template-columns: 1fr 1fr 1fr;
  }
}




@media screen and (max-width: 1000px){
  main.shop h1 {
    font-size: 2em;
    padding: 20px 0 30px 40px;
  }
    main.shop h1 def.check {
      width: 36px;
      height: 36px;
      margin-top: -14px;
      margin-right: 7.5px;
    }

  .webshop_cities {
    grid-template-columns: 1.2fr .8fr;
    gap: 15px;
  }
    .webshop_cities .card.cities_list a {
      font-size: 1em;
      padding: 8px 0 6px;
      margin: 0 0 6px;
    }

  main.shop section .section_card {
    padding: 30px;
  }
    main.shop section.img_text .section_card .text {
      padding: 0;
    }

  .city_descr {
    margin: 0 0 40px;
  }
  .units_overview .storage_units {
    grid-template-columns: 1fr 1fr;
  }

  main.shop section.text_dual .section_card {
    display: block;
  }
    .unit_specific .highlights .col > div {
      font-size: .85em;
      line-height: 1.5em;
    }
    .unit_specific .blueprint span {
      font-size: .9em;
    }

  main.shop section.text_dual.confirmation .section_card .text.code,
  main.shop section.text_dual.confirmation .section_card .text.map {
    height: 450px;
  }

  .unit_specific .details_images {
    margin: 100px 0 120px 0;
  }

  .checkout_response h2 {
    font-size: 1.2em;
  }
}




@media screen and (max-width: 790px){
  main.shop {
  }
}




@media screen and (max-width: 625px){
  main.shop h1 {
    font-size: 1.4em;
    padding: 16px 0 22px 25px;
    margin: 0 0 10px;
  }

    main.shop h1 def.check {
      width: 26px;
      height: 26px;
      margin-top: -8px;
      margin-right: 10.5px;
    }
  main.shop section .section_card h1 {
    padding: 0;
    margin: 0 0 20px;
  }
  main.shop section .section_card {
    padding: 20px;
  }
  .webshop_cities {
    display: table;
    margin: 0 0 15px;
  }
    .webshop_cities .cities_list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: center;
      gap: 5px;
      margin: 0 0 5px;
    }
    .webshop_cities .map {
      display: table-footer-group;
    }
      .webshop_cities .card.cities_list a {
        font-size: .8em;
        padding: 5px 0 5px;
        margin: 0;
      }
      .webshop_cities .card.cities_list a.coming {
        padding: 3px 0 3px;
      }
      .webshop_cities .card.cities_list a > i {
        display: block;
        font-size: .6rem !important;
        line-height: .7rem;
        margin: 0;
      }

  .units_overview .toggle_facility a {
    font-size: .7em;
    padding: 7px 8px 6px;
    margin: 0 5px 5px 0;
  }
  .units_overview .toggle_facility a.act {
    padding-bottom: calc(6px + 5px);
  }
  .units_overview .storage_units {
    gap: 16px;
  }
    .storage_units .unit a.title {
      height: 28px;
      font-size: .65em;
      line-height: 26px;
    }
    .storage_units .unit .descr .highlights .col > div {
      height: 18px;
      font-size: .6em;
    }
    .storage_units .unit .descr .blueprint {
      overflow: hidden;
      white-space: nowrap;
    }
    .storage_units .unit .descr .blueprint img {
      width: 14px;
      margin: 0 5px 0 0;
    }
    .storage_units .unit .descr .blueprint span {
      font-size: .6em;
      margin: 3px 0 0 0;
    }
    .storage_units .unit .price {
      width: 100%;
    }
      .storage_units .unit .price .regular {
        font-size: .75em;
      }
      .storage_units .unit .price .special .price_special {
        color: #e94e1b;
      }
        .storage_units .unit .price .special dfn {
          position: relative;
          display: block;
          font-size: .7em;
          font-weight: 600;
          line-height: 1em;
          margin: 0;
        }
        .storage_units .unit .price .special span {
          font-size: .5em;
        }
    .storage_units .unit .action a.btn {
      font-size: .75em;
      padding: 7px 0 6px;
    }
    .storage_units .unit .action a.btn.preorder {
      font-size: .68em;
    }
    .storage_units .unit .action a.btn.sold {
      font-size: .68em;
      padding: 10px 0 8px;
    }


  .unit_specific .price .regular {
    font-size: 1.2em;
  }
  .unit_specific .price .special .price_special {
    margin: 0 25px 0 0;
  }
    .unit_specific .price .special def {
      font-size: 1.2em;
      line-height: 1em;
      margin: 6px 0 0 0;
    }
    .unit_specific .price .special span {
      font-size: .8em;
    }
  .unit_specific .descr {
    font-size: .8em;
  }
  .unit_specific .steps {
    font-size: .8em;
    margin: 40px 0 15px;
  }
  .unit_specific form.checkout {
    font-size: .8em;
  }
    .unit_specific .checkout .option_access .opt {
      margin: 0 30px 0 0;
    }
    .unit_specific .checkout .ss .input {
      width: 155px;
    }
    .unit_specific .checkout .terms {
      margin: 0 0 20px;
    }
      .unit_specific .checkout .terms label svg {
        width: 14px;
        height: 14px;
        margin: 5px 2px 0 0;
      }

    .box .box_title h3 {
      font-size: 1.1rem;
      font-weight: 500;
    }
      .unit_specific .insurance_options label {
        padding: 12px 8px;
      }
      .unit_specific .insurance_options label .txt span {
        font-size: .9rem;
      }
      .unit_specific .insurance_options label .txt dfn {
        font-size: .7rem;
      }
      .unit_specific .insurance_options label input:checked + .txt span,
      .unit_specific .insurance_options label input:checked + .txt span strong {
        font-weight: 600;
      }
        .unit_specific .insr_descr h3 {
          font-size: .8rem;
          font-weight: 500;
          padding: 0;
          margin: 0 0 3px;
        }
        .unit_specific .insr_descr p {
          font-size: .75rem;
          line-height: .95rem;
          padding: 0;
          margin: 0 0 10px;
        }

    .unit_specific .summary ul li {
      font-size: .9rem;
      padding: 6px 10px;
    }

    .unit_specific .checkout label {
      font-size: .9rem;
    }
    .unit_specific .checkout input::placeholder {
      font-size: .9rem;
    }

    .unit_specific .checkout .option_access .opt {
      margin: 0 20px 0 0;
    }

  .unit_specific .details_images {
    grid-template-columns: 1fr 1fr;
    gap: 15px;
  }
  .checkout_response h2 {
    font-size: 1.1em;
  }

  main.shop section.text_dual.confirmation .section_card .text.code,
  main.shop section.text_dual.confirmation .section_card .text.map {
    height: 350px;
    margin: 0 0 25px;
  }
  main.shop section.text_dual.confirmation .section_card .text.streetview {
    margin: 0 0 25px;
  }
}





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

}





@media screen and (max-width: 500px){
  main.shop section .section_card {
    padding: 12px;
  }
  .units_overview .toggle_facility a {
    display: block;
    font-size: .7em;
    border-bottom: 1px solid rgba(0,0,0, .2);
    padding: 7px 8px 6px;
    margin: 0;
  }
  .units_overview .toggle_facility a.act {
    background-color: #225ea6;
    color: #fff;
    padding: 7px 8px 6px;
    margin: 0;
  }
    .storage_units .unit .unit_sold {
      top: 8px;
      left: 8px;
      font-size: .4em;
    }
    .storage_units .unit a.img .class {
      bottom: 6px;
      right: 6px;
      font-size: .35em;
      padding: 2px 4px 1px;
    }
    .storage_units .unit a.img .tp-badge {
      top: 6px;
      right: 6px;
      width: 35px;
    }

    .storage_units .unit .descr .highlights {
      grid-template-columns: 1fr;
      gap: 0;
    }
      .storage_units .unit .descr .highlights .adr dfn {
        display: inline-block;
      }
      .storage_units .unit .descr .highlights .adr_d {
        display: none;
      }

    .storage_units .unit .descr .blueprint span i.l {
      display: none;
    }
    .storage_units .unit .descr .blueprint span i.s {
      display: inline-block;
    }

  .unit_specific .highlights {
    font-size: .85em;
  }
  .unit_specific .blueprint img {
    width: 15px;
    margin: 0 7px 0 0;
  }
    .unit_specific .blueprint span {
      font-size: .75em;
    }
  .unit_specific .checkout a.payment_init {
    display: block;
    width: 100%;
    font-size: 1em;
    line-height: 1.4em;
    padding: 10px 0 11px;
  }
    .unit_specific .checkout a.payment_init svg {
      width: 12px;
    }
}




@media screen and (max-width: 420px){
  .webshop_cities .card.cities_list a {
    font-size: .7em;
    padding: 6px 0 5px;
  }
}