@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700;800&display=swap');

.warming {}
.warming .main-img {
  left: -73px; }
.warming .left-side h4 {
  color: #274d98;
  font: 19px "Montserrat", sans-serif;
  text-transform: uppercase;
  white-space: nowrap;
  padding-bottom: 5px; }
.warming h2 {
  font: 30px "Montserrat", sans-serif;
  text-align: center;
  color: #274d98;
}
.warming img {
  border-radius: 50px;
}
.part {
  padding: 10px 0;
  text-align: center;
}
.part h4 {
  color: #ff9f43;
  font: 14px "Montserrat", sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 15px 10px;
  border: 1px dashed #ff9f43;
  border-radius: 25px;
  margin-bottom: 25px;
  margin-top: 50px;
}
.purple {
  padding-left: 30px;
}
.purple h4 {
  color: #7367f0;
  border: 1px dashed #7367f0;
}
.part p {
  font-size: 15px;
  padding: 0 0 5px; }
.part figure {
  float: left;
  margin-right: 20px;
  text-align: center; }
.part img {
  width: 50px;
  height: 50px;
  display: block;
  margin: 0 auto; }
.part figcaption {
  font: 12px "Montserrat", sans-serif;
  color: #161226;
  font-weight: 500; }
.part::after {
  content: '';
  display: block;
  clear: both; }

.part a.active img {
  border: 3px solid #ff9f43;
}

.max-img img {
  width: 100px;
  height: 100px; }

.part-four figure {
  margin-right: 5px;
}

.tbimg > div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.tb {
  margin-bottom: 10px;
  position: relative;
  overflow: hidden; }
  .tb a {
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    float: left;
    padding: 3px 8px 3px 0;
    color: #bab9c0;
    transition: 0.3s;
  }
  .tb a:last-child {
    padding-right: 0;
  }
    .tb a:hover {
      color: #7367f0;
      transition: 0.3s;
    }
    .tb a.active {
      color: #7367f0; }

.price__block {
  margin-top: 80px;
  padding-left: 39%;
}

.shape-layer {
  text-align: center;
  width: 317px;
  height: 122px;
  display: block;
  margin: 0 auto;
}

.sh-top {
  font: 18px "Montserrat", sans-serif;
  font-weight: 800;
  color: #161226;
  padding-top: 5px;
  padding-bottom: 10px;
}

.price {
  font: 30px "Montserrat", sans-serif;
  font-weight: 800;
  color: #7367f0;
}
.rassr-wrp {
  font: bold 18px "Montserrat", sans-serif; }

.lodjia-basis {
  position: relative; }
  .lodjia-basis img {
    position: absolute;
    top: 0;
    left: -73px;
    display: none;
    border-radius: unset;
    max-width: unset;
  }
    .lodjia-basis img.active {
      display: block; }
  .lodjia-basis .ondulin-cold {
    top: 25px; }
  .lodjia-basis .gof-hot, .lodjia-basis .gof-cold, .lodjia-basis .ondulin-hot {
    top: 0; }
  .lodjia-basis .win-hot {
    left: 30px;
    top: 154px; }
  .lodjia-basis .gofr {
    top: 540px;
    left: 24px; }
  .lodjia-basis .siding {
    top: 538px;
    left: 27px; }
  .lodjia-basis .penoblock {
    top: 538px;
    left: 29px; }
  .lodjia-basis .vag1, .lodjia-basis .vag2, .lodjia-basis .vag3, .lodjia-basis .vag4, .lodjia-basis .vag5, .lodjia-basis .vag-der,
  .lodjia-basis .pvh1, .lodjia-basis .pvh2, .lodjia-basis .pvh3, .lodjia-basis .pvh4, .lodjia-basis .pvh5 {
    left: 99px;
    top: 182px; }
  .lodjia-basis .skaf1 {
    top: 257px;
    left: 59px; }
  .lodjia-basis .skaf2 {
    top: 282px;
    left: 147px; }
  .lodjia-basis .skaf3 {
    top: 479px;
    left: 171px;
    z-index: 1; }
  .lodjia-basis .lin1, .lodjia-basis .lin2, .lodjia-basis .lin3, .lodjia-basis .lin4, .lodjia-basis .lin5, .lodjia-basis .lam1, .lodjia-basis .lam2, .lodjia-basis .lam3, .lodjia-basis .lam4 {
    top: 582px;
    left: 79px;
    z-index: 0; }

    @media (max-width: 1023px) {
      .col-xs-3 {
        width: unset;
      }
      .col-xs-6 {
        width: unset;
      }
    }