@import "./components/ui/form-elements/agreement-block.css";
@import "./components/blocks/diplomas-block.css";
#otchuzhdenie .action:first-child .new-clients span.vertical {
  font-size: 45px;
  letter-spacing: -3px;
}

/********* SPHERES *********/
#spheres .content-container {
  position: relative;
}

#spheres .inner {
  margin: 0;
}

#spheres .title-container {
  width: 100%;
}

#sphere-slider {
  position: relative;
  padding-top: 170px;
}

#sphere-slider .sphere-wrapper {
  display: flex;
  width: 32.5%;
}

#sphere-slider > .sphere-wrapper:last-child {
  position: static;
  width: 32.5%;
}

#spheres .sphere {
  position: relative;
  width: 100%;
  height: 100%;
  border: 7px solid #c8d9e6;
  padding: 20px 20px 115px 35px;
  padding: 20px 20px 35px 35px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  text-align: left;
  z-index: 15;
  border-radius: 8px;
}

#sphere-top-left.sphere-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 53%;
}

#sphere-top-left .sphere {
  padding: 20px 20px 100px 35px;
  border-bottom: none;
  z-index: 5;
}

.sphere .sphere-title {
  font-family: "DINPro-Condensed", Arial, sans-serif;
  font-size: 27px;
  line-height: 33px;
  font-weight: 600;
  letter-spacing: 0;
  margin: 0 0 15px;
}

.sphere .sphere-text {
  font-family: inherit;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: inherit;
  letter-spacing: -1px;
  margin: 0 0 10px 0;
}

.sphere .sphere-text:last-of-type {
  margin: 0;
}

.spheres__image {
  position: absolute;
  top: 125px;
  right: 0;
}

.spheres__image_front {
  z-index: 10;
}

.spheres__image_back {
  z-index: 2;
}

#spheres .sphere ul {
  margin: 0;
}

/********* End of SPHERES *********/
#money .content-container {
  padding-top: 0;
}

#money .columns {
  margin: 0;
}

#money .column ul li:nth-child(3) {
  margin-bottom: 0;
}

#registration .content-container {
  padding-top: 0;
}

#otchuzhdenie #packages .columns {
  justify-content: center;
  text-align: center;
}

.form-block input[disabled=disabled],
.form-block input.disabled {
  background-color: #ebecec;
  cursor: not-allowed;
  pointer-events: none;
}

#quick .disabled {
  cursor: not-allowed;
  background-color: #b1b1b1 !important;
  pointer-events: none;
  color: #ffffff;
}

.form-popup .button.disabled {
  cursor: not-allowed;
  background-color: #b1b1b1 !important;
  pointer-events: none;
}

#consultation .disabled {
  cursor: not-allowed;
  background-color: #b1b1b1 !important;
  pointer-events: none;
  color: #ffffff;
}

.form-container p.whatsapp,
.form-container p.telegram {
  bottom: 30px;
}

#footer .vk a {
  display: inline-block;
  padding: 0px 40px 12px 0;
  margin-top: 5px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: right 2px top;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MSA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik01MC41IDI1QzUwLjUgMzguODA3MSAzOS4zMDcxIDUwIDI1LjUgNTBDMTEuNjkyOSA1MCAwLjUgMzguODA3MSAwLjUgMjVDMC41IDExLjE5MjkgMTEuNjkyOSAwIDI1LjUgMEMzOS4zMDcxIDAgNTAuNSAxMS4xOTI5IDUwLjUgMjVaIiBmaWxsPSIjNjk5QkY3Ii8+DQo8cGF0aCBkPSJNMjcuMDIzNCAzNC43NDIyVjI5LjU1NDdDMzAuNTA3OCAzMC4wODU5IDMxLjYwOTQgMzIuODI4MSAzMy44MjgxIDM0Ljc0MjJIMzkuNDg0NEMzOC4wNzAyIDMxLjU4NTEgMzUuOTYwMyAyOC43ODg4IDMzLjMxMjUgMjYuNTYyNUMzNS4zNDM4IDIzLjc2NTYgMzcuNSAyMS4xMzI4IDM4LjU1NDcgMTcuMTQwNkgzMy40MTQxQzMxLjM5ODQgMjAuMTk1MyAzMC4zMzU5IDIzLjc3MzQgMjcuMDIzNCAyNi4xMzI4VjE3LjE0MDZIMTkuNTYyNUwyMS4zNDM4IDE5LjM0MzhWMjcuMTk1M0MxOC40NTMxIDI2Ljg1OTQgMTYuNSAyMS41NzAzIDE0LjM4MjggMTcuMTQwNkg5LjAxNTYyQzEwLjk2ODggMjMuMTI1IDE1LjA3ODEgMzYuMjU3OCAyNy4wMjM0IDM0Ljc0MjJaIiBmaWxsPSJ3aGl0ZSIvPg0KPC9zdmc+DQo=);
  background-size: 32px 32px;
  padding-top: 5px;
  background-clip: padding-box;
  margin-top: 16px;
}

@media (max-width: 1279px) {
  /********* SPHERES *********/
  #sphere-slider {
    flex-wrap: wrap;
    padding: 0;
    margin: 0 0 -20px 0;
  }
  #sphere-top-left.sphere-wrapper {
    position: static;
    width: 49.5%;
  }
  #sphere-slider > .sphere-wrapper:last-child {
    width: 49.5%;
  }
  #sphere-top-left .sphere {
    padding: 20px 20px 35px 35px;
    border-bottom: 7px solid #c8d9e6;
  }
  /********* End of SPHERES *********/
}
@media (max-width: 1279px) and (min-width: 980px) {
  #otchuzhdenie .action:first-child .new-clients span.vertical {
    font-size: 50px;
    letter-spacing: -0.5px;
  }
  /********* SPHERES *********/
  #sphere-slider .sphere-wrapper {
    width: 49.5%;
    margin: 0 0 9px 0;
  }
  .spheres__image {
    top: 30px;
    width: 420px;
  }
  .spheres__image_front {
    left: 50.5%;
  }
  .spheres__image_back {
    left: 51%;
    z-index: 7;
  }
  /********* End of SPHERES *********/
}
@media (max-width: 979px) {
  /********* SPHERES *********/
  #sphere-top-left {
    width: 49%;
    position: static;
  }
  #sphere-top-left .sphere {
    padding: 20px 20px 35px 20px;
    border-bottom: 7px solid #c8d9e6;
  }
  .spheres__image {
    display: none;
  }
  /********* End of SPHERES *********/
}
@media (max-width: 979px) and (min-width: 768px) {
  #otchuzhdenie .action:first-child .new-clients span.vertical {
    font-size: 50px;
    letter-spacing: -0.5px;
  }
  #otchuzhdenie .action:first-child .new-clients,
  #otchuzhdenie .action:first-child .action-date {
    padding: 0 0 0 50px;
  }
  /********* SPHERES *********/
  #sphere-slider .sphere-wrapper {
    width: 49%;
  }
  #sphere-slider > .sphere-wrapper:last-child {
    width: 49%;
  }
  /********* End of SPHERES *********/
  #otchuzhdenie #packages .columns {
    padding: 0;
  }
}
@media (max-width: 767px) {
  #otchuzhdenie .action .column {
    min-height: 170px;
  }
  #otchuzhdenie .action:first-child .new-clients span.vertical {
    font-size: 50px;
    letter-spacing: -0.5px;
  }
  /********* SPHERES *********/
  #sphere-slider {
    padding: 0 0 65px 0;
  }
  #spheres .columns {
    margin: 0;
  }
  #sphere-slider .sphere-wrapper {
    width: 100%;
  }
  #sphere-top-right.sphere-wrapper {
    width: 100%;
  }
  #spheres .sphere {
    max-width: 360px;
    margin: 0 auto 20px;
    padding: 20px 20px 35px 20px;
  }
  /********* End of SPHERES *********/
}
@media (max-width: 479px) {
  #otchuzhdenie .action:first-child .new-clients span.vertical {
    font-size: 50px;
    letter-spacing: -0.5px;
  }
  /********* SPHERES *********/
  .sphere .sphere-title {
    font-size: 24px;
    line-height: 30px;
  }
  /********* End of SPHERES *********/
}/*# sourceMappingURL=otchuzhdenie.css.map */