@media all and (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

html {
  /* margin-left: calc((100vw - 100%)); */
  /* margin-right: 0; */
}

html,
body {
  font-family: 'MADEEvolveSans', sans-serif;
  font-size  : 16px;
  line-height: 24px;
  color      : #000;
  background : #fff;
}

body.modal-open{
  /* margin-left: calc((100vw - 100%)); */
}

input,
button,
textarea {
  font-family: 'MADEEvolveSans', sans-serif;
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover {
  color: #000;
}

.mshow {
  display: none;
}

.scr1 {
  min-height: 878px;
  background-image: url(../img/scr1/bg1.jpg);
  background-color: #fff;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
}

.header {
  padding-top: 35px;
}

.header__left {
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow        : row nowrap;
  flex-flow            : row nowrap;
  -webkit-box-align    : start;
  -ms-flex-align       : start;
  align-items          : flex-start;
  -webkit-box-pack     : start;
  -ms-flex-pack        : start;
  justify-content      : flex-start;
}

.header__logo {
  margin-top  : -13px;
  outline     : none;
  display     : block;
  max-width   : 132px;
  margin-right: 30px;
}

.header__logo img {
  width  : 100%;
  display: block;
}

.header__slogan {
  width      : 190px;
  color      : #645e8c;
  font-size  : 15px;
  line-height: 20px;
}

.header__right {
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow        : row nowrap;
  flex-flow            : row nowrap;
  -webkit-box-align    : start;
  -ms-flex-align       : start;
  align-items          : flex-start;
  -webkit-box-pack     : justify;
  -ms-flex-pack        : justify;
  justify-content      : space-between;
  padding-left         : 20px;
}

.header__links {
  display                : -webkit-box;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-orient     : horizontal;
  -webkit-box-direction  : normal;
  -ms-flex-flow          : row nowrap;
  flex-flow              : row nowrap;
  -webkit-box-align      : start;
  -ms-flex-align         : start;
  align-items            : flex-start;
  -webkit-box-pack       : justify;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  -ms-flex-preferred-size: 520px;
  flex-basis             : 520px;
  -ms-flex-negative      : 0;
  flex-shrink            : 0;
}

.header__links a {
  display       : inline-block;
  color         : #393939;
  font-size     : 12px;
  font-weight   : 700;
  line-height   : 20px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  border-bottom : 1px dotted #393939;
}

.header__links a:hover {
  color       : #000;
  border-color: #000;
}

.header__contacts {
  -ms-flex-preferred-size: 163px;
  flex-basis             : 163px;
  -webkit-box-flex       : 0;
  -ms-flex-positive      : 0;
  flex-grow              : 0;
}

.header__workstime {
  color         : #6d605b;
  font-size     : 14px;
  line-height   : 22px;
  padding-bottom: 8px;
}

.headers__phone {
  color         : #000000;
  font-size     : 20px;
  font-weight   : 700;
  line-height   : 20px;
  padding-bottom: 7px;
  display       : block;
  white-space   : nowrap;
}

.header__calllink {
  display       : inline-block;
  color         : #6b6499;
  border-bottom : 1px dotted #6b6499;
  font-size     : 12px;
  font-weight   : 700;
  line-height   : 22px;
  text-transform: uppercase;
  letter-spacing: 0.84px;
}

.scr-selected-text{
  /* background: rgb(129 129 129 / 14%); */
  background: #58cb3d52;
  padding: 0 10px;
}

.scr1__main {
  padding-top: 45px;
}

.scr1__left {
  padding-left: 33px;
  position    : relative;
}

.scr1__town {
  margin-left      : -18px;
  display          : inline-block;
  /* background       : #faf2ea; */
  background       : #4ca33733;
  height           : 37px;
  line-height      : 37px;
  text-align       : center;
  color            : #7a818c;
  font-size        : 15px;
  font-weight      : 400;
  white-space      : nowrap;
  padding          : 0 20px;
  border-radius    : 5px;
  -webkit-transform: skewX(-15deg);
  -ms-transform    : skewX(-15deg);
  transform        : skewX(-15deg);
}

.scr1__town span {
  display          : block;
  -webkit-transform: skewX(15deg);
  -ms-transform    : skewX(15deg);
  transform        : skewX(15deg);
}

.scr1__h1 {
  margin-top : 25px;
  font-size  : 52px;
  font-weight: 300;
  line-height: 52px;
}

.scr1__h1 strong {
  font-weight: 500;
}

.scr1__h2 {
  margin-top : 30px;
  color      : #7a818c;
  font-size  : 23px;
  line-height: 30px;
}

.scr1__button {
  padding-top: 55px;
}

.scr1__button .button {
  height       : 100px;
  width        : 373px;
  max-width    : 100%;
  border-radius: 50px;
}

.sct1__abs {
  position: absolute;
  top     : 425px;
  left    : calc(768px - 2.5vh);
  width   : 264px;
}

.sct1__absimg {
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow        : row nowrap;
  flex-flow            : row nowrap;
  -webkit-box-align    : center;
  -ms-flex-align       : center;
  align-items          : center;
  -webkit-box-pack     : center;
  -ms-flex-pack        : center;
  justify-content      : center;
  background           : #fff;
  width                : 60px;
  height               : 60px;
  border               : 9px solid #fafbfb;
  border-radius        : 30px;
  -webkit-box-shadow   : 0 4px 35px rgba(163, 169, 183, 0.17);
  box-shadow           : 0 4px 35px rgba(163, 169, 183, 0.17);
  margin-bottom        : 20px;
  font-size            : 16px;
  line-height          : 24px;
}

.sct1__absimg strong {
  font-weight: 700;
}

.sct1__absimg img {
  width : 17px;
  height: 25px;
}

.scr1__features {
  padding-top: 20px;
}

.scr1__feature {
  overflow        : hidden;
  height          : 185px;
  border-radius   : 8px;
  background-color: #ffffff;
  margin-bottom   : 18px;
  color           : #000000;
  font-size       : 16px;
  line-height     : 21px;
}

.scr1__feature img {
  display      : block;
  margin       : 8px 8px 12px;
  width        : 161px;
  height       : 109px;
  border-radius: 6px;
  overflow     : hidden;
}

.scr1__feature p {
  margin-left: 24px;
}

.scr2 {
  /* padding-top   : clamp(55px, 2vw, 105px); */
  padding-top   : 55px;
  padding-bottom: 83px;
}

.title {
  font-size  : 50px;
  font-weight: 300;
  line-height: 54px;
  text-align : center;
}

.title strong {
  font-weight: 500;
}

.subtitle {
  text-align : center;
  padding-top: 25px;
  font-size  : 24px;
  line-height: 32px;
  color      : #8c94a2;
}

.scr2__feat {
  padding-top          : 70px;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow        : row nowrap;
  flex-flow            : row nowrap;
  -webkit-box-align    : start;
  -ms-flex-align       : start;
  align-items          : flex-start;
  -webkit-box-pack     : justify;
  -ms-flex-pack        : justify;
  justify-content      : space-between;
  /* margin-left          : -50px;
  margin-right         : -50px; */
}

.scr2__item {
  -ms-flex-preferred-size: 230px;
  flex-basis             : 230px;
  -webkit-box-flex       : 0;
  -ms-flex-positive      : 0;
  flex-grow              : 0;
}

.scr2__item img {
  display      : block;
  border-radius: 5px;
  overflow     : hidden;
  margin-bottom: 20px;
}

.scr2__item p {
  font-size  : 18px;
  line-height: 26px;
  font-weight: 500;
  text-align : center;
}

.scr2__bottom {
  padding-top : 65px;
  margin-left : auto;
  margin-right: auto;
  max-width   : 870px;
  position    : relative;
}



@media all and (min-width: 1500px) {

  .scr2__bottom:after,
  .scr2__bottom:before {
    content        : "";
    display        : block;
    position       : absolute;
    top            : 27px;
    left           : -138px;
    z-index        : 1;
    width          : 271px;
    height         : 296px;
    background     : url(../img/scr2/n_img__abs1.png) center center no-repeat;
    background-size: contain;
  }

  .scr2__bottom:after {
    top       : auto;
    left      : auto;
    bottom    : -171px;
    right     : -324px;
    width     : 290px;
    height    : 402px;
   /* background: url(../img/scr2/img_abs2.png) center center no-repeat;*/
  }
}

.scr2__botinner {
  position             : relative;
  z-index              : 3;
  -webkit-box-sizing   : border-box;
  box-sizing           : border-box;
  height               : 320px;
  box-shadow           : 0 4px 41px #a3a9b726;
  border-radius        : 25px;
  background-color     : #68609a;
  border               : 13px solid #fff;
  text-align           : center;
  font-size            : 26px;
  line-height          : 34px;
  font-weight          : 300;
  color                : #fff;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow        : row nowrap;
  flex-flow            : row nowrap;
  -webkit-box-align    : center;
  -ms-flex-align       : center;
  align-items          : center;
  -webkit-box-pack     : center;
  -ms-flex-pack        : center;
  justify-content      : center;
  padding              : 0 65px 20px;
}

.scr2__botinner strong {
  font-weight: 500;
}

.scr3 {
  padding-bottom: 40px;
  overflow      : hidden;
}

.scr3 .subtitle {
  padding-top: 20px;
  font-size  : 22px;
}

.scr3 .container {
  position: relative;
}

@media screen and (min-width: 1300px) {
  .scr3 .container:before {
    content   : '';
    display   : block;
    width     : 395px;
    height    : 216px;
    background: url(../img/scr3/img__abs_der-min.png) center center no-repeat;
    z-index   : 1;
    top       : 155px;
    left      : -25px;
    position  : absolute;
  }
}

.scr3 .title,
.scr3 .subtitle {
  position: relative;
  z-index : 2;
}

.quiz {
  position          : relative;
  z-index           : 2;
  margin-top        : 50px;
  margin-left       : auto;
  margin-right      : auto;
  width             : 1095px;
  max-width         : 100%;
  -webkit-box-shadow: 0 4px 59px rgba(163, 169, 183, 0.15);
  box-shadow        : 0 4px 59px rgba(163, 169, 183, 0.15);
  border-radius     : 20px;
  background-color  : #ffffff;
  padding           : 17px;
}

.quiz__inner {
  -webkit-box-shadow: 0 4px 59px rgba(163, 169, 183, 0.15);
  box-shadow        : 0 4px 59px rgba(163, 169, 183, 0.15);
  border-radius     : 12px;
  background-color  : #ffffff;
  min-height        : 720px;
  position          : relative;
}

.quiz__first {
  min-height: 700px;
  position  : relative;
  background: url(../img/quiz/firstbg.png) right bottom no-repeat;
}

@media all and (min-width: 1200px) {
  .quiz__first:after {
    display       : block;
    position      : absolute;
    width         : 516px;
    height        : 642px;
    content       : "";
    background    : url(../img/quiz/quis__bg.png) center center no-repeat;
    bottom        : 0;
    right         : -45px;
    pointer-events: none;
  }
}

.quiz__first .quiz__title {
  padding-left: 85px;
  padding-top : 85px;
  font-size   : 42px;
  font-weight : 500;
  line-height : 46px;
  max-width   : 550px;
}

.quiz__content {
  margin-top        : 40px;
  min-height        : 270px;
  -ms-flex-line-pack: start;
  align-content     : flex-start;
  max-width         : 640px;
}

.quiz__first .quiz__content {
  margin-left: 85px;
}

.quiz__item {
  margin-bottom        : 18px;
  margin-right         : 22px;
  cursor               : pointer;
  height               : 102px;
  border-radius        : 10px;
  background-color     : #f6f6f6;
  position             : relative;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow        : row nowrap;
  flex-flow            : row nowrap;
  -webkit-box-align    : center;
  -ms-flex-align       : center;
  align-items          : center;
  -webkit-box-pack     : start;
  -ms-flex-pack        : start;
  justify-content      : flex-start;
  padding-left         : 35px;
}

.quiz__item:hover {
  background-color: #f0f0f0;
}

.quiz__item input[type=checkbox],
.quiz__item input[type=radio] {
  opacity : 0;
  position: absolute;
}

.quiz__item span {
  font-size    : 18px;
  display      : block;
  padding-left : 80px;
  padding-right: 30px;
  position     : relative;
}

.quiz__item span:before {
  content           : '';
  display           : block;
  position          : absolute;
  top               : 50%;
  margin-top        : -30px;
  left              : 0px;
  width             : 55px;
  height            : 55px;
  border-radius     : 50%;
  -webkit-box-shadow: 0 14px 13px rgba(163, 169, 183, 0.15);
  box-shadow        : 0 14px 13px rgba(163, 169, 183, 0.15);
  background        : url(../img/quiz/ok_no.png) center center no-repeat;
}

.quiz__item input:checked+span:before {
  background-image: url(../img/quiz/ok_yes.png);
}

.quiz__first .quiz__button {
  padding-left: 80px;
}

.quiz__button .button {
  width        : 373px;
  max-width    : 100%;
  height       : 100px;
  border-radius: 50px;
}

.quiz__stable {
  padding-left         : 80px;
  padding-right        : 44px;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow        : row wrap;
  flex-flow            : row wrap;
  -ms-flex-line-pack   : start;
  align-content        : flex-start;
  -webkit-box-pack     : justify;
  -ms-flex-pack        : justify;
  justify-content      : space-between;
  -webkit-box-align    : start;
  -ms-flex-align       : start;
  align-items          : flex-start;
  padding-bottom       : 0px;
}

.quiz__header {
  -ms-flex-preferred-size: 100%;
  flex-basis             : 100%;
  padding-top            : 44px;
  display                : -webkit-box;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-orient     : horizontal;
  -webkit-box-direction  : normal;
  -ms-flex-flow          : row nowrap;
  flex-flow              : row nowrap;
  max-width              : 770px;
  -webkit-box-align      : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : start;
  -ms-flex-pack          : start;
  justify-content        : flex-start;
}

.quiz__back {
  color            : #8177bb;
  font-size        : 16px;
  line-height      : 22px;
  margin-right     : 85px;
  outline          : none;
  -ms-flex-negative: 0;
  flex-shrink      : 0;
  -webkit-box-flex : 0;
  -ms-flex-positive: 0;
  flex-grow        : 0;
}

.quiz__back span {
  display      : inline-block;
  border-bottom: 1px dotted #8177bb;
}

.quiz__progres {
  bottom            : 0;
  -webkit-box-flex  : 1;
  -ms-flex-positive : 1;
  flex-grow         : 1;
  height            : 36px;
  line-height       : 36px;
  -webkit-box-shadow: inset 0 1px 1px rgba(13, 13, 13, 0.06);
  box-shadow        : inset 0 1px 1px rgba(13, 13, 13, 0.06);
  border-radius     : 18px;
  background-color  : #f6f6f6;
  text-align        : center;
  position          : relative;
}

.quiz__bar {
  border-radius: 18px;
  background   : url(../img/quiz/lines.png) #fabf65 left top repeat-x;
  position     : absolute;
  top          : 0;
  left         : 0;
  height       : 100%;
}

.quiz__text {
  position  : relative;
  z-index   : 4;
  text-align: center;
}

.quiz__stable .swiper-container {
  width            : 640px;
  -ms-flex-negative: 0;
  flex-shrink      : 0;
  -webkit-box-flex : 0;
  -ms-flex-positive: 0;
  flex-grow        : 0;
  margin           : 0;
}

.quiz__stable .swiper-slide {
  background    : #fff;
  padding-bottom: 50px;
}

.quiz__title {
  font-size  : 38px;
  line-height: 42px;
  font-weight: 500;
  padding-top: 50px;
}

.quiz__sub {
  max-width    : 440px;
  color        : #828b9a;
  font-weight  : 400;
  line-height  : 22px;
  padding-top  : 10px;
  margin-bottom: -5px;
}

.quiz__item--text {
  width         : 570px;
  max-width     : 100%;
  display       : block;
  padding-bottom: 13px;
}

.quiz__item--text input {
  display           : block;
  outline           : none;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  width             : 100%;
  -webkit-box-shadow: inset 0 1px 3px rgba(13, 13, 13, 0.05);
  box-shadow        : inset 0 1px 3px rgba(13, 13, 13, 0.05);
  border-radius     : 43px;
  background-color  : #f4f5f7;
  font-size         : 17px;
  line-height       : 26px;
  color             : #000000;
  padding           : 30px 50px;
  border            : none;
}

.quiz__right {
  -ms-flex-preferred-size: 255px;
  flex-basis             : 255px;
  -ms-flex-negative      : 0;
  flex-shrink            : 0;
  -webkit-box-flex       : 0;
  -ms-flex-positive      : 0;
  flex-grow              : 0;
}

.quiz__autor {
  padding-top          : 60px;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow        : row nowrap;
  flex-flow            : row nowrap;
  -webkit-box-align    : center;
  -ms-flex-align       : center;
  align-items          : center;
  -webkit-box-pack     : start;
  -ms-flex-pack        : start;
  justify-content      : flex-start;
}

.quiz__avatar {
  width            : 84px;
  height           : 84px;
  border-radius    : 50%;
  margin-right     : 21px;
  -ms-flex-negative: 0;
  flex-shrink      : 0;
  -webkit-box-flex : 0;
  -ms-flex-positive: 0;
  flex-grow        : 0;
}

.quiz__name {
  -webkit-box-flex : 1;
  -ms-flex-positive: 1;
  flex-grow        : 1;
  color            : #828b9a;
  font-size        : 14px;
  line-height      : 22px;
}

.quiz__name strong {
  display       : block;
  font-weight   : 500;
  font-size     : 17px;
  padding-bottom: 5px;
  color         : #000;
}

.quiz__context {
  position     : relative;
  margin-top   : 30px;
  background   : #fff;
  border-radius: 10px;
  border       : 1px solid #eeeef4;
  padding      : 25px 28px;
  line-height  : 24px;
  margin-bottom: 42px;
}

.quiz__context p {
  display: none;
}

.quiz__context p:first-child {
  display: block;
}

.quiz__context:before {
  content          : "";
  display          : block;
  width            : 15px;
  height           : 15px;
  border           : 1px solid #eeeef4;
  border-bottom    : none;
  border-right     : none;
  position         : absolute;
  top              : -7px;
  background       : #fff;
  left             : 35px;
  z-index          : 3;
  -webkit-transform: rotate(45deg);
  -ms-transform    : rotate(45deg);
  transform        : rotate(45deg);
}

.quiz__feat {
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow        : row nowrap;
  flex-flow            : row nowrap;
  -webkit-box-align    : center;
  -ms-flex-align       : center;
  align-items          : center;
  -webkit-box-pack     : start;
  -ms-flex-pack        : start;
  justify-content      : flex-start;
  padding-bottom       : 17px;
}

.quiz__featleft {
  width             : 51px;
  height            : 51px;
  -ms-flex-negative : 0;
  flex-shrink       : 0;
  border-radius     : 50%;
  -webkit-box-shadow: 0 4px 35px rgba(163, 169, 183, 0.28);
  box-shadow        : 0 4px 35px rgba(163, 169, 183, 0.28);
  background-color  : #ffffff;
  padding           : 7px;
}

.quiz__featleft span {
  display              : block;
  height               : 37px;
  border-radius        : 50%;
  -webkit-box-shadow   : 0 4px 35px rgba(163, 169, 183, 0.28);
  box-shadow           : 0 4px 35px rgba(163, 169, 183, 0.28);
  background-color     : #ffffff;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow        : row nowrap;
  flex-flow            : row nowrap;
  -webkit-box-align    : center;
  -ms-flex-align       : center;
  align-items          : center;
  -webkit-box-pack     : center;
  -ms-flex-pack        : center;
  justify-content      : center;
}

.quiz__featleft span img {
  max-width : 20px;
  max-height: 20px;
}

.quiz__featright {
  padding-left: 17px;
}

.quiz__featright strong {
  font-weight: 500;
}

.quiz__gift {
  padding-left      : 80px;
  padding-right     : 44px;
  display           : block;
  -webkit-box-shadow: 0 4px 59px rgba(163, 169, 183, 0.15);
  box-shadow        : 0 4px 59px rgba(163, 169, 183, 0.15);
  border-radius     : 12px;
  background-color  : #ffffff;
  min-height        : 720px;
  padding-top       : 30px;
}

.quiz__h2 {
  font-size  : 20px;
  font-weight: 400;
  line-height: 28px;
  padding-top: 10px;
}

.quiz__h3 {
  color      : #828b9a;
  padding-top: 15px;
}

.quiz__giftrow {
  margin-top: 65px;
  min-height: 210px;
}

.quiz__giftimg {
  display         : block;
  border-radius   : 10px;
  background-color: #f6f6f6;
  margin-right    : 20px;
  padding         : 9px;
  position        : relative;
  cursor          : pointer;
  overflow        : hidden;
}

.quiz__giftimg:hover {
  background-color: #f0f0f0;
}

.quiz__giftimg img {
  position     : relative;
  display      : block;
  border-radius: 5px;
}

.quiz__giftimg input {
  opacity : 0;
  position: absolute;
}

.quiz__giftimg span {
  position         : absolute;
  max-width        : 110px;
  top              : 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform    : translateY(-50%);
  transform        : translateY(-50%);
  right            : 15px;
  line-height      : 22px;
}

.quiz__giftimg span:after {
  content           : '';
  display           : block;
  position          : absolute;
  top               : 50%;
  margin-top        : -28px;
  left              : -70px;
  width             : 55px;
  height            : 55px;
  border-radius     : 50%;
  -webkit-box-shadow: 0 14px 13px rgba(163, 169, 183, 0.15);
  box-shadow        : 0 14px 13px rgba(163, 169, 183, 0.15);
  background        : url(../img/quiz/ok_no.png) center center no-repeat;
}

.quiz__giftimg input:checked+span:after {
  background-image: url(../img/quiz/ok_yes.png);
}

.quiz__giftinfo {
  text-align : center;
  padding-top: 10px;
  color      : #828b9a;
}

.quiz__giftinfo strong {
  color      : #000;
  font-weight: 400;
}

.quiz__skip {
  display       : inline-block;
  vertical-align: middle;
  color         : #8177bb;
  margin-left   : 50px;
}

.quiz__skip span {
  border-bottom: 1px dotted #8177bb;
}

.quiz__load {
  padding-left      : 80px;
  padding-right     : 44px;
  padding-top       : 208px;
  text-align        : center;
  display           : block;
  -webkit-box-shadow: 0 4px 59px rgba(163, 169, 183, 0.15);
  box-shadow        : 0 4px 59px rgba(163, 169, 183, 0.15);
  border-radius     : 12px;
  background-color  : #ffffff;
  min-height        : 720px;
}






@media only screen and (min-width: 1000px) and (max-height: 840px) {
  .scr1__button {
    padding-top: 4vh;
  }

  .scr1__main {
    padding-top: 4vh;
  }

  .scr1__features {
    padding: 1vh 0 0;
  }

  .scr1__h2 {
    line-height: 1.1;
    margin     : 3vh 0 0;
  }

  .scr1__button .button {
    height    : 65px;
    max-height: 100px;
  }

  .sct1__abs {
    bottom: calc(22px + 5vh);
    top   : auto;
  }

  .scr1__feature {
    line-height: 2.5vh;
    height     : auto;
    padding    : 0 0 2vh;
  }

  .scr1__feature img {
    max-width     : 100%;
    /* height    : 14vh; */
    /* max-height: 109px; */
  }

  .scr1__h1 {
    margin     : 3vh 0 0;
    line-height: 7vh;
  }

  .whats-app-btn {
    margin: 3vh 0 0;
  }

  .header__slogan {
    line-height: 2.2vh;
  }

  .header {
    padding-top: 2vh;
  }

  .header__workstime,
  .headers__phone {
    padding-bottom: 0.5vh;
  }

  .scr1 {
    min-height: 550px;
    /* height    : 100vh; */
    /* max-height: 878px; */
    max-height: 100%;
  }
}

@media only screen and (min-width: 1000px) and (max-height: 700px) {
  .scr1__h1 {
    line-height: 1;
    font-size  : 45px;
  }

  .header__logo {
    margin-top: 0;
  }

  .scr1 {
    /* background-position: top -13vh center; */
    background-position: right;
  }

  .sct1__abs {
    bottom     : calc(22px + 9vh);
    line-height: 126%;
	margin: 10px;
  }

  .scr1__h2 {
    font-size: 20px;
  }
}

@media all and (min-width: 1000px) {
  .quiz__load {
    background: url(../img/quiz/bg2.jpg) center top no-repeat;
  }
}

@-webkit-keyframes quizloader {
  from {
    -webkit-transform: rotate(0);
    transform        : rotate(0);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform        : rotate(360deg);
  }
}

@keyframes quizloader {
  from {
    -webkit-transform: rotate(0);
    transform        : rotate(0);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform        : rotate(360deg);
  }
}

.quiz__load img {
  display          : inline-block;
  -webkit-animation: quizloader 1s linear 0s infinite;
  animation        : quizloader 1s linear 0s infinite;
}

.quiz__loadtitle {
  padding-top: 40px;
  font-size  : 42px;
  font-weight: 300;
  line-height: 48px;
}

.quiz__loadtitle strong {
  font-weight: 500;
  display    : block;
}

.quiz__loadh2 {
  color      : #828b9a;
  font-size  : 20px;
  line-height: 28px;
  padding-top: 15px;
}

.quiz__finish {
  padding-top     : 77px;
  background-color: #fff;
  display         : block;
}

.quiz__fincontent {
  margin-left: 110px;
}

.quiz__finish .quiz__title {
  padding-left: 0;
  padding-top : 0;
}

.quiz__finish3 {
  font-size  : 20px;
  line-height: 28px;
  color      : #828b9a;
  padding-top: 15px;
  max-width  : 330px;
}

.quiz__form {
  padding-top: 30px;
  max-width  : 340px;
}

.quiz__finishsubmit {
  padding-top: 5px;
  text-align : center;
}

.quiz__finishsubmit .button {
  height       : 90px;
  border-radius: 45px;
  width        : 100%;
}

.quiz__finishsubmit small {
  padding-top: 30px;
  display    : block;
  font-size  : 13px;
  line-height: 20px;
}

.quiz__finishsubmit a {
  display: block;
  color  : #68609a;
}

/* CONTROL QUIZ ANIMATION */
#jsQuizStage1,
#jsQuizStage2,
#jsQuizStage3,
#jsQuizStage4,
#jsQuizStage5 {
  position          : absolute;
  top               : 0;
  left              : 0;
  right             : 0;
  z-index           : 1;
  -webkit-transition: opacity 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
  transition        : opacity 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
  -o-transition     : transform 0.5s ease 0s, opacity 0.5s ease 0s;
  transition        : transform 0.5s ease 0s, opacity 0.5s ease 0s;
  transition        : transform 0.5s ease 0s, opacity 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
  visibility        : hidden;
  opacity           : 0;
  -webkit-transform : translateY(-50px);
  -ms-transform     : translateY(-50px);
  transform         : translateY(-50px);
}

#jsQuizStage2 {
  z-index: 2;
}

#jsQuizStage3 {
  z-index: 3;
}

#jsQuizStage4 {
  z-index: 4;
}

#jsQuizStage5 {
  z-index: 5;
}

#jsQuizStage1.active,
#jsQuizStage2.active,
#jsQuizStage3.active,
#jsQuizStage4.active,
#jsQuizStage5.active {
  visibility       : visible;
  position         : relative;
  opacity          : 1;
  -webkit-transform: translateY(0);
  -ms-transform    : translateY(0);
  transform        : translateY(0);
}

.scr3x {
  padding-bottom: 50px;
}

.scr3x__feature {
  padding-top: 40px;
}

.scr3x__item {
  max-width: 190px;
  position : relative;
}

.scr3x__item i {
  display      : block;
  color        : #fdc86c;
  font-size    : 70px;
  line-height  : 70px;
  font-weight  : 700;
  padding-left : 25px;
  margin-bottom: -15px;
  position     : relative;
  z-index      : 1;
}

.scr3x__item img {
  position     : relative;
  z-index      : 2;
  display      : block;
  border-radius: 5px;
  overflow     : hidden;
  margin-bottom: 25px;
  
  max-width: 100%;
}

.scr3x__item p {
  font-size  : 18px;
  line-height: 26px;
}

.scr3x__item strong {
  font-weight: 700;
}

.scr4 {
  padding-top: 10px;
  min-height : 918px;
  background : url(../img/scr4/bgzimn-min.jpg) center top no-repeat;
  background-size: cover;
  /* color      : #fff; */
}

.scr4__left {
  max-width  : 370px;
  padding-top: 225px;
}

.scr4__h1 {
  font-size  : 50px;
  line-height: 54px;
  font-weight: 300;
}

.scr4__h1 strong {
  font-weight: 500;
}

.scr4__h2 {
  padding-top: 15px;
  font-size  : 22px;
  line-height: 30px;
}

.scr4__h3 {
  padding-top : 40px;
  font-size   : 18px;
  line-height : 26px;
  padding-left: 55px;
}

.scr4__info {
  padding-left: 85px;
  padding-top : 70px;
}

.scr4__info mark {
  display           : block;
  width             : 180px;
  height            : 41px;
  -webkit-box-shadow: 0 14px 59px rgba(163, 169, 183, 0.15);
  box-shadow        : 0 14px 59px rgba(163, 169, 183, 0.15);
  background-color  : #68609a;
  padding           : 0 20px;
  border-radius     : 5px;
  -webkit-transform : skewX(-15deg);
  -ms-transform     : skewX(-15deg);
  transform         : skewX(-15deg);
  font-size         : 17px;
  font-weight       : 500;
  line-height       : 41px;
  color             : #fff;
}

.scr4__info mark span {
  display          : block;
  -webkit-transform: skewX(15deg);
  -ms-transform    : skewX(15deg);
  transform        : skewX(15deg);
}

.scr4__info p {
  padding-top : 10px;
  padding-left: 30px;
  font-size   : 15px;
  line-height : 22px;
}

.scr4__info a {
  padding-top: 2px;
  display    : block;
  font-size  : 17px;
  font-weight: 700;
  color      : #fff;
}

.scr4 .formblock {
  margin-top  : 210px;
  margin-right: 0;
}

@media all and (min-width: 1300px) {
  .scr4 .formblock {
    margin-right: -57px;
  }
}

.formblock {
  width             : 450px;
  max-width         : 100%;
  -webkit-box-shadow: 0 4px 59px rgba(163, 169, 183, 0.15);
  box-shadow        : 0 4px 59px rgba(163, 169, 183, 0.15);
  border-radius     : 20px;
  background-color  : #ffffff;
  color             : #000;
  padding           : 15px;
}

@media (max-width: 1200px){
  .formblock {
    width             : 380px;
  }  
}

.formblock__inner {
  -webkit-box-shadow: 0 4px 59px rgba(163, 169, 183, 0.15);
  box-shadow        : 0 4px 59px rgba(163, 169, 183, 0.15);
  border-radius     : 12px;
  padding-bottom    : 45px;
}

.formblock__title {
  padding-top: 45px;
  font-size  : 28px;
  font-weight: 300;
  line-height: 32px;
  text-align : center;
}

.formblock__title strong {
  font-weight: 500;
}

.formblock__form {
  padding-top: 35px;
}

.formblock__item {
  width    : 340px;
  max-width: 100%;
  margin   : 0 auto 11px;
}

.formblock__item input {
  width             : 100%;
  -webkit-box-shadow: inset 0 1px 3px rgba(13, 13, 13, 0.05);
  box-shadow        : inset 0 1px 3px rgba(13, 13, 13, 0.05);
  border-radius     : 43px;
  background-color  : #f4f5f7;
  color             : #000000;
  font-size         : 17px;
  font-weight       : 400;
  line-height       : 26px;
  padding           : 28px 30px 32px 53px;
  border            : none;
  outline           : none;
}

.formblock__item input:focus {
  -webkit-box-shadow: inset 0 1px 3px rgba(13, 13, 13, 0.2);
  box-shadow        : inset 0 1px 3px rgba(13, 13, 13, 0.2);
}

.formblock__submit {
  width    : 340px;
  max-width: 100%;
  margin   : 18px auto 0;
}

.formblock__submit .button {
  display      : block;
  width        : 100%;
  height       : 90px;
  border-radius: 45px;
}

.formblock__rules {
  padding-top: 25px;
  display    : block;
  text-align : center;
  color      : #000000;
  font-size  : 16px;
  line-height: 20px;
}

.formblock__rules a {
  color  : #68609a;
  display: block;
}

.formblock__rules a:hover {
  color: #6b6499;
}

.scr5 {
  padding-top: 120px;
  overflow   : hidden;
}

.scr5__wrap {
  padding-top  : 60px;
  margin-bottom: 50px;
}

.scr5 .container {
  position : relative;
  max-width: 1330px;
}

@media screen and (min-width: 1287px) {
  .scr5 .container:before {
    content   : '';
    display   : block;
    width     : 280px;
    height    : 250px;
    background: url(../img/scr5/left_floralpic.png) center center no-repeat;
    z-index   : 1;
    top       : 110px;
    left      : -150px;
    position  : absolute;
  }

  .scr5 .container:after {
    content   : '';
    display   : block;
    width     : 270px;
    height    : 283px;
    background: url(../img/scr5/right_floralpic.png) center center no-repeat;
    z-index   : 1;
    top       : 60px;
    right     : -180px;
    position  : absolute;
  }
}

.scr5 .subtitle {
  position   : relative;
  z-index    : 2;
  font-size  : 22px;
  line-height: 30px;
  padding-top: 17px;
}

.scr5__block {
  position          : relative;
  z-index           : 3;
  -webkit-box-shadow: 0 4px 59px rgba(163, 169, 183, 0.15);
  box-shadow        : 0 4px 59px rgba(163, 169, 183, 0.15);
  border-radius     : 16px;
  background-color  : #ffffff;
  padding           : 18px;
  /* margin-bottom  : 65px; */
}

@media all and (min-width: 1400px) {
  .scr5__block {
    margin-left : auto;
    margin-right: auto;
  }
}

.scr5__blockinner {
  -webkit-box-shadow   : 0 4px 59px rgba(163, 169, 183, 0.15);
  box-shadow           : 0 4px 59px rgba(163, 169, 183, 0.15);
  border-radius        : 10px;
  background-color     : #ffffff;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow        : row nowrap;
  flex-flow            : row nowrap;
  -webkit-box-align    : start;
  -ms-flex-align       : start;
  align-items          : flex-start;
  -webkit-box-pack     : center;
  -ms-flex-pack        : center;
  justify-content      : center;
  padding              : 65px 52px 75px 65px;
}


/* .hidden_case {
  display: none;
} */

.scr5__left {
  width            : 558px;
  -ms-flex-negative: 0;
  flex-shrink      : 0;
  -webkit-box-flex : 0;
  -ms-flex-positive: 0;
  flex-grow        : 0;
  padding-top      : 5px;
}

.scr5__slider {
  width: auto;
}

.scr5__slider .swiper-slide {
  position: relative;
}

.scr5__slider .swiper-slide img {
  display      : block;
  width        : 100%;
  border-radius: 25px;
  overflow     : hidden;
  height       : 390px;
  -o-object-fit: cover;
  object-fit   : cover;
}

.scr5__abstxt {
  display         : none;
  position        : absolute;
  z-index         : 2;
  bottom          : 20px;
  left            : 20px;
  margin-right    : 20px;
  line-height     : 23px;
  padding         : 7px 20px;
  font-size       : 15px;
  border-radius   : 4px;
  background-color: #ffffff;
}

.scr5__thumbs {
  padding : 22px 80px;
  position: relative;
}

.scr5__thumbs .swiper-slide {
  border-radius: 5px;
  position     : relative;
  overflow     : hidden;
}

.swiper-slide-thumb-active:after {
  cursor       : pointer;
  content      : "";
  position     : absolute;
  top          : 0;
  left         : 0;
  right        : 0;
  bottom       : 0;
  border       : 2px solid #776eb1;
  background   : transparent;
  opacity      : 0.9;
  display      : block;
  border-radius: 5px;
}

.scr5__thumbs .swiper-slide img {
  display      : block;
  width        : 100%;
  height       : 78px;
  -o-object-fit: cover;
  object-fit   : cover;
  cursor       : pointer;
}

.scr5__ctrlnext,
.scr5__ctrlprev {
  display           : block;
  position          : absolute;
  top               : 30px;
  right             : 0;
  width             : 55px;
  height            : 55px;
  border-radius     : 50%;
  -webkit-box-shadow: inset 0 0 13px rgba(156, 145, 223, 0.64);
  box-shadow        : inset 0 0 13px rgba(156, 145, 223, 0.64);
  background-color  : #5b6370;
  background-image  : -o-linear-gradient(bottom, #574f8f 0%, #7f76b8 100%);
  background-image  : -webkit-gradient(linear, left bottom, left top, from(#574f8f), to(#7f76b8));
  background-image  : linear-gradient(to top, #574f8f 0%, #7f76b8 100%);
}

.scr5__ctrlprev {
  right            : auto;
  left             : 0;
  -webkit-transform: rotate(180deg);
  -ms-transform    : rotate(180deg);
  transform        : rotate(180deg);
}

.scr5__ctrl img,
.scr5__ctrlprev img {
  display: block;
  width  : 9px;
  height : 15px;
  margin : 21px auto 0;
}

.scr5__button {
  padding-top: 45px;
  text-align : center;
}

.scr5__button .button {
  width        : 340px;
  max-width    : 100%;
  margin-left  : auto;
  margin-right : auto;
  max-width    : 100%;
  height       : 90px;
  border-radius: 45px;
}

.scr5__right {
  -webkit-box-flex : 1;
  -ms-flex-positive: 1;
  flex-grow        : 1;
  padding-left     : 50px;
  color            : #000000;
  font-size        : 16px;
  line-height      : 24px;
}

.scr5__h1 {
  font-size  : 34px;
  font-weight: 500;
  line-height: 36px;
}

.scr5__h2 {
  padding-top   : 5px;
  padding-bottom: 22px;
  color         : #828b9a;
  line-height   : 26px;
}

.scr5__info {
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow        : row nowrap;
  flex-flow            : row nowrap;
  -webkit-box-align    : start;
  -ms-flex-align       : start;
  align-items          : flex-start;
  -webkit-box-pack     : start;
  -ms-flex-pack        : start;
  justify-content      : flex-start;
}

.scr5__label {
  width            : 109px;
  -ms-flex-negative: 0;
  flex-shrink      : 0;
  color            : #776eb1;
  font-size        : 11px;
  font-weight      : 700;
  line-height      : 18px;
  text-transform   : uppercase;
  letter-spacing   : 0.7px;
}

.scr5__text p {
  margin-bottom: 9px;
  line-height  : 118%;
  font-size    : 15px;
}

.scr5__text ul {
  padding-bottom: 19px;
  margin-top    : 0;
  font-size     : 15px;
  line-height   : 121%;
}

.scr5__text ul li {
  display : block;
  position: relative;
  padding : 0px 0 0px 24px;
  margin  : 0 0 1px;
}

.scr5__text ul li:before {
  content       : "";
  display       : inline-block;
  vertical-align: middle;
  border-radius : 3px;
  width         : 6px;
  height        : 6px;
  border        : 2px solid #68609a;
  margin-right  : 14px;
  margin-left   : -24px;
}

.scr5__add {
  position: relative;
  height  : 0;
  overflow: hidden;
}

.scr5__add.active {
  height: auto;
}

.scr5__add .scr5__block {
  -webkit-transform : translateY(-50px);
  -ms-transform     : translateY(-50px);
  transform         : translateY(-50px);
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition        : -webkit-transform 0.3s ease 0s;
  -o-transition     : transform 0.3s ease 0s;
  transition        : transform 0.3s ease 0s;
  transition        : transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

.scr5__add.active .scr5__block {
  -webkit-transform: translateY(0);
  -ms-transform    : translateY(0);
  transform        : translateY(0);
}

.scr5__addbutton {
  width             : 230px;
  max-width         : 100%;
  height            : 70px;
  border-radius     : 35px;
  background        : none;
  -webkit-box-shadow: none;
  box-shadow        : none;
  border            : 2px solid #766db0;
  font-size         : 14px;
  color             : #6d64a7;
  display           : -webkit-box;
  display           : -ms-flexbox;
  display           : flex;
  margin-left       : auto;
  margin-right      : auto;
  margin-top        : -10px;
  text-shadow       : none;
  padding-top       : 1px;
}

.scr5__addbutton:hover {
  color     : #fff;
  background: #766db0;
}

.scr6 {
  padding-top   : 100px;
  padding-bottom: 10px;
  overflow      : hidden;
}

.scr6 .container {
  position: relative;
}

@media screen and (min-width: 1300px) {
  .scr6 .container:before {
    content       : '';
    display       : block;
    width         : 217px;
    height        : 264px;
    background    : url(../img/scr6/gift_png-min.png) center center no-repeat;
    z-index       : 1;
    top           : -125px;
    left          : -115px;
    position      : absolute;
    pointer-events: none;
  }

  .scr6__absimg {
    content       : '';
    display       : block;
    width         : 630px;
    height        : 587px;
    background    : url(../img/scr6/abs2.jpg) center center no-repeat;
    z-index       : 1;
    right         : -408px;
    top           : 1300px;
    position      : absolute;
    pointer-events: none;
  }

  .scr6__absimgFixed {
    position: fixed;
    top     : 100px;
  }
}

.scr6__h1 {
  text-align : center;
  font-size  : 28px;
  line-height: 30px;
  padding-top: 45px;
}

.scr6__h1 strong {
  font-weight: 500;
}

.scr6__wrap {
  padding-top : 50px;
  max-width   : 1116px;
  margin-left : auto;
  margin-right: auto;
}

.scr6__wrap--last {
  padding-top: 40px;
  position   : relative;
}

.scr6__item {
  display: flex;
  flex-direction: column;
  margin-left     : auto;
  margin-right    : auto;
  margin-bottom   : 10px;
  max-width       : 342px;
  height          : 1215px;
  border-radius   : 12px;
  border          : 1px solid #eeeef4;
  background-color: #ffffff;
  padding         : 15px;
  line-height     : 26px;
  font-size       : 16px;
}

.scr6__spacer {
  width       : 342px;
  max-width   : 100%;
  height      : 0;
  margin-left : auto;
  margin-right: auto;
}

.scr6__img img {
  display      : block;
  max-width    : 312px;
  width        : 100%;
  height       : auto;
  margin-left  : auto;
  margin-right : auto;
  border-radius: 10px;
  overflow     : hidden;
}

.scr6__hdr {
  min-height: 125px;
}

.scr6__hdr--min {
  min-height           : 95px;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow        : column nowrap;
  flex-flow            : column nowrap;
  -webkit-box-align    : center;
  -ms-flex-align       : center;
  align-items          : center;
  -webkit-box-pack     : center;
  -ms-flex-pack        : center;
  justify-content      : center;
}

.scr6__ttl {
  padding-top: 17px;
  text-align : center;
  font-size  : 22px;
  font-weight: 500;
}

.scr6__about {
  color      : #828b9a;
  font-size  : 15px;
  text-align : center;
  padding-top: 5px;
}

.scr6__feat {
  padding-top : 25px;
  display     : block;
  padding-left: 18px;
  min-height  : 210px;
}

.scr6__feat--last {
  min-height: 250px;
}

.scr6__feat li {
  padding-bottom: 4px;
  padding-left  : 25px;
  position      : relative;
}

.scr6__feat li:before {
  content       : "";
  display       : inline-block;
  vertical-align: middle;
  width         : 10px;
  height        : 10px;
  background    : url(../img/scr6/plus.svg) center center no-repeat;
  margin-right  : 15px;
  margin-left   : -25px;
}

li.scr6__minus:before {
  background-image: url(../img/scr6/minus.png);
}

.scr6__priceblock {
  margin          : auto 23px 0 23px;
  height          : 110px;
  border-radius   : 10px;
  background-color: #f8f8f8;
  text-align      : center;
  padding-top     : 20px;
}

.scr6__priceblock span {
  font-size  : 40px;
  font-weight: 500;
  line-height: 40px;
}

.scr6__priceblock small {
  font-size: 24px;
}

.scr6__priceabout {
  color      : #828b9a;
  font-size  : 15px;
  line-height: 20px;
  font-weight: 400;
  margin-top : -3px;
}

.scr6__showlist {
  margin-top    : 10px;
  color         : #6d64a7;
  font-size     : 12px;
  font-weight   : 700;
  line-height   : 23px;
  text-transform: uppercase;
  letter-spacing: 0.36px;
  display       : block;
  margin-left   : auto;
  margin-right  : auto;
  text-align    : center;
  display       : flex;
  align-items   : center;
  gap           : 9px;
  padding-left  : 23px;
}

.scr6__showlist svg {
  width : 20px;
  height: 20px;
}

.scr6__showlist span {
  display      : inline-block;
  border-bottom: 1px dotted #6d64a7;
}

.scr6__button {
  margin-top  : 30px;
  border-top  : 1px solid #eeeef4;
  margin-left : 20px;
  margin-right: 20px;
  padding-top : 28px;
  text-align  : center;
}

.scr6__button .button {
  width        : 100%;
  height       : 74px;
  border-radius: 37px;
  font-size    : 13px;
}

.scr6__sublink {
  margin-top    : 25px;
  display       : inline-block;
  color         : #6d64a7;
  font-size     : 12px;
  font-weight   : 700;
  line-height   : 22px;
  text-transform: uppercase;
  letter-spacing: 0.36px;
  border-bottom : 1px solid #6d64a7;
}

.scr6__garant {
  margin-top    : 25px;
  margin-left   : 40px;
  margin-right  : 40px;
  line-height   : 35px;
  padding-bottom: 3px;
  white-space   : nowrap;
  border-radius : 6px;
  border        : 1px dotted #b7b7b7;
  font-size     : 15px;
  text-align    : center;
}

.scr7 {
  min-height: 892px;
  background: url(../img/scr7/podbor_teplici_bg.jpg) right top no-repeat;
  background-size: cover;
}

@media (max-width: 1300px){
  .scr7{
    background-size: contain;
  }
  
}

@media (max-width: 1200px){
  .scr7{
    background-image: url(../img/scr7/podbor_teplici_bg2.jpg);
  }
}

@media (max-width: 768px){
  .scr7{
    background-image: url(../img/scr7/podbor_teplici_bg3.jpg);
  }
}

@media (max-width: 576px){
  .scr7{
    background-image: url(../img/scr7/podbor_teplici_bg2.jpg);
    background-position:  right top 25%;
	background-size: 150%;
  }
}

@media (max-width: 1023px){
  .scr7{
    display: flex;
    flex-wrap: wrap;
  }
  
}

.scr7__left {
  padding-top: 205px;
}

@media (max-width: 1300px){
  .scr7__left {
    padding-top: 0;
  }
}
@media (max-width: 1200px){
  .scr7__col-left {
    flex: 0 0 100%;
  }
}

.scr7__h1 {
  max-width  : 460px;
  font-size  : 50px;
  line-height: 54px;
  font-weight: 300;
}

@media (max-width: 1200px){
  .scr7__h1{
    max-width: 100%;
  }
}

.scr7__h1 strong {
  font-weight: 500;
}

.scr7__h2 {
  padding-top: 20px;
  max-width  : 323px;
  color      : #000;
  font-size  : 22px;
  line-height: 30px;
}

@media (max-width: 1200px){
  .scr7__h2{
    max-width: 100%;
  }
}

.scr7__info {
  padding-left: 50px;
  padding-top : 80px;
  width       : 250px;
}

.scr7__info mark {
  width     : 165px;
  text-align: center;
}

.scr7__row{
  gap: 50px;
}



@media (max-width: 1300px){
  .scr7__col-right{
    flex: 0 0 100%;
  }
  .scr7__col-right{
    padding-bottom: 20px;
  }
}

@media (max-width: 1200px){
  .scr7__col-right{
    flex: 0 0 50%;
  }
}

@media (max-width: 576px){
  .scr7__col-right{
    flex: 0 0 100%;
  }
}

.formblock_scr7 {
  margin-top  : 200px;
  margin-right: 0px;
}

@media all and (min-width: 1300px) {
  .formblock_scr7 {
    /* margin-right: -60px; */
  }
}

@media all and (max-width: 1300px) {
  .formblock_scr7 {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }
}

@media all and (max-width: 1200px) {
  .formblock_scr7 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }
}

.scr8 {
  /* padding-top   : 105px; */
  padding-bottom: 125px;
}

@media (min-width: 1300px){
  .scr8 {
    padding-top   : 105px;
  }
}

.scr8 .subtitle {
  font-size  : 22px;
  line-height: 30px;
  padding-top: 18px;
}

.scr8__block {
  margin-top  : 105px;
  margin-left : auto;
  margin-right: auto;
  position    : relative;
}

.scr8__block:after {
  background: url(../img/scr8/garantpic-min.png) right top / contain no-repeat;
  width     : 100%;
  height    : 714px;
  display   : block;
  content   : "";
  z-index   : 1;
  position  : absolute;
  top       : 0;
  right     : 0;
}

.scr8__h1 {
  position   : relative;
  z-index    : 2;
  padding-top: 20px;
  max-width  : 540px;
  font-size  : 50px;
  font-weight: 300;
  line-height: 54px;
}

.scr8__h1 strong {
  font-weight: 500;
}

.scr8__h2 {
  position   : relative;
  z-index    : 2;
  padding-top: 25px;
  width      : 370px;
  max-width  : 100%;
  color      : #000;
  font-size  : 22px;
  line-height: 30px;
}

.scr8__autor {
  width        : 409px;
  min-height   : 135px;
  border-radius: 10px;
  border       : 2px dashed #dcdcdc;
  font-size    : 18px;
  line-height  : 26px;
  padding      : 25px 30px 15px 75px;
  margin-left  : 70px;
  margin-top   : 55px;
  position     : relative;
  z-index      : 2;
  background-color: #fff;
}

.scr8__avatar {
  position: absolute;
  z-index : 3;
  left    : -50px;
  top     : 16px;
  display : block;
}

.scr8__absblock {
  position        : absolute;
  right           : -25px;
  top             : 195px;
  z-index         : 5;
  width           : 175px;
  height          : 167px;
  border-radius   : 8px;
  background-color: #ffe388;
  font-size       : 16px;
  line-height     : 22px;
  padding-left    : 30px;
  padding-right   : 20px;
}

.scr8__absimg {
  overflow: hidden;
  width                : 95px;
  height               : 95px;
  border-radius        : 50%;
  background           : #fff;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow        : row nowrap;
  flex-flow            : row nowrap;
  -webkit-box-align    : center;
  -ms-flex-align       : center;
  align-items          : center;
  -webkit-box-pack     : center;
  -ms-flex-pack        : center;
  justify-content      : center;
  margin               : -25px 0 5px;
}

.scr8__absimg img {
  width : 85px;
  height: auto;
  /* max-width: 100%; */
  object-fit: contain;
}

.scr9 {
  padding-top   : 100px;
  padding-bottom: 55px;
}

.scr9__sub {
  width            : 430px;
  height           : 53px;
  background-color : #fce189;
  line-height      : 53px;
  font-size        : 22px;
  margin-left      : auto;
  margin-right     : auto;
  margin-top       : 23px;
  text-align       : center;
  display          : block;
  border-radius    : 5px;
  -webkit-transform: skewX(-10deg);
  -ms-transform    : skewX(-10deg);
  transform        : skewX(-10deg);
}

.scr9__sub span {
  display          : block;
  -webkit-transform: skewX(10deg);
  -ms-transform    : skewX(10deg);
  transform        : skewX(10deg);
}

.scr9__block {
  width                : 988px;
  max-width            : 100%;
  margin-left          : auto;
  margin-right         : auto;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow        : row nowrap;
  flex-flow            : row nowrap;
  -webkit-box-align    : start;
  -ms-flex-align       : start;
  align-items          : flex-start;
  -webkit-box-pack     : justify;
  -ms-flex-pack        : justify;
  justify-content      : space-between;
  padding-top          : 45px;
  position             : relative;
}

@media screen and (min-width: 1300px) {
  .scr9__block:before {
    content       : '';
    display       : block;
    width         : 192px;
    height        : 145px;
    background    : url(../img/scr9/abs.png) center center no-repeat;
    z-index       : 1;
    top           : 65px;
    right         : -110px;
    position      : absolute;
    pointer-events: none;
  }

  .scr9__block:after {
    content       : '';
    display       : block;
    width         : 262px;
    height        : 267px;
    background    : url(../img/scr9/abs2.png) center center no-repeat;
    z-index       : 1;
    top           : 165px;
    left          : -137px;
    position      : absolute;
    pointer-events: none;
  }
}

.scr9__left {
  position : relative;
  z-index  : 2;
  font-size: 0;
}

.scr9__leftttl {
  font-size  : 22px;
  font-weight: 500;
  line-height: 50px;
  text-align : center;
}

.scr9__item {
  display           : inline-block;
  vertical-align    : top;
  width             : 188px;
  height            : 209px;
  -webkit-box-shadow: 0 4px 59px rgba(163, 169, 183, 0.15);
  box-shadow        : 0 4px 59px rgba(163, 169, 183, 0.15);
  border-radius     : 8px;
  background-color  : #ffffff;
  margin-top        : 20px;
}

.scr9__item .scr9__img {
  display              : block;
  margin               : 45px auto 0;
  width                : 118px;
  height               : 54px;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow        : row nowrap;
  flex-flow            : row nowrap;
  -webkit-box-align    : center;
  -ms-flex-align       : center;
  align-items          : center;
  -webkit-box-pack     : center;
  -ms-flex-pack        : center;
  justify-content      : center;
}

.scr9__item span {
  display    : block;
  padding-top: 20px;
  text-align : center;
  font-size  : 16px;
  line-height: 24px;
}

.scr9__right {
  position : relative;
  z-index  : 2;
  font-size: 0;
}

.scr10 {
  padding-top: 50px;
  background : url(../img/scr10/teplicagranny3-min.jpg) center 200px no-repeat;
  background-size: contain;
  min-height : clamp(600px, 60vw, 1100px);
}

@media (min-width: 1850px){
  .scr10 {
    /* min-height : 1100px; */
  }
}

@media (max-width: 768px){
  .scr10__container {
    max-width: 100%;
  }
}

.scr10 .subtitle {
  padding-top: 10px;
  font-size  : 22px;
}

.scr10__block {
  position  : relative;
  text-align: right;
}

.scr10__formblock {
  display   : inline-block;
  margin-top: 180px;
}

@media (max-width: 1200px){
  .scr10__formblock {
    margin-top: 20px;
  }
  
}

.formblock__mark {
  display          : block;
  width            : 230px;
  max-width        : 100%;
  margin           : 8px auto 3px;
  color            : #fff;
  line-height      : 39px;
  background-color : #68609a;
  font-size        : 27px;
  padding-bottom   : 4px;
  border-radius    : 5px;
  font-weight      : 500;
  -webkit-transform: skewX(-10deg);
  -ms-transform    : skewX(-10deg);
  transform        : skewX(-10deg);
  text-align       : center;
}

.formblock__mark span {
  display          : block;
  -webkit-transform: skewX(10deg);
  -ms-transform    : skewX(10deg);
  transform        : skewX(10deg);
}

.scr10__absblock {
  right     : auto;
  left      : -25px;
  height    : 195px;
  top       : 260px;
  width     : 195px;
  text-align: left;
}

@media (max-width: 1250px){
  .scr10__absblock {
    left: 0;
  }
}

@media (max-width: 1200px){
  .scr10__absblock {
    top       : 20px;
  }
}



.scr11 {
  padding-top: 105px;
}

.videoblock {
  padding-top: 60px;
}

.videoitem {
  width        : 100%;
  margin-bottom: 15px;
}

.videoitem__screen {
  display       : block;
  position      : relative;
  border-radius : 5px;
  width         : 100%;
  padding-bottom: 56.25%;
  display       : block;
  background    : #000;
}

.videoitem__screen>img {
  display           : block;
  position          : absolute;
  width             : 100%;
  height            : 100%;
  -o-object-fit     : cover;
  object-fit        : cover;
  border-radius     : 5px;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition     : opacity 0.3s ease 0s;
  transition        : opacity 0.3s ease 0s;
}

.videoitem__screen:hover>img {
  opacity: 0.6;
}

.videoitem__play {
  position             : absolute;
  top                  : 50%;
  left                 : 50%;
  -webkit-transform    : translate(-50%, -50%);
  -ms-transform        : translate(-50%, -50%);
  transform            : translate(-50%, -50%);
  border-radius        : 50%;
  width                : 72px;
  height               : 72px;
  background-color     : #476cbe;
  background-image     : -o-linear-gradient(bottom, #ff3532 0%, #ffb86b 100%);
  background-image     : -webkit-gradient(linear, left bottom, left top, from(#ff3532), to(#ffb86b));
  background-image     : linear-gradient(to top, #ff3532 0%, #ffb86b 100%);
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow        : row nowrap;
  flex-flow            : row nowrap;
  -webkit-box-align    : center;
  -ms-flex-align       : center;
  align-items          : center;
  -webkit-box-pack     : center;
  -ms-flex-pack        : center;
  justify-content      : center;
}

.videoitem__play img {
  width      : 13px;
  height     : 19px;
  margin-left: 3px;
}

.videoitem__name {
  text-align : center;
  font-size  : 19px;
  font-weight: 500;
  line-height: 24px;
  display    : block;
  padding-top: 20px;
}

.videoitem__descr {
  text-align : center;
  color      : #8c94a2;
  font-size  : 15px;
  padding-top: 6px;
  line-height: 24px;
}

.scr12 {
  min-height : clamp(500px, 50vw, 934px);
  background : url(../img/scr12/scr_faq_bg.jpg) center top no-repeat;
  background-size: contain;
  padding-top: 103px;
}

.scr12__h1 {
  max-width  : 400px;
  font-size  : 50px;
  font-weight: 300;
  line-height: 54px;
  margin-left: 110px;
}

.scr12__h1 strong {
  font-weight: 500;
}

.hwopener {
  margin-top : 50px;
  max-width  : 725px;
  margin-left: -15px;
}

.hwopener__item {
  margin-bottom: 17px;
}

.hwopener__label {
  height               : 97px;
  -webkit-box-shadow   : 0 14px 59px rgba(163, 169, 183, 0.15);
  box-shadow           : 0 14px 59px rgba(163, 169, 183, 0.15);
  border-radius        : 10px;
  background-color     : #ffffff;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow        : row nowrap;
  flex-flow            : row nowrap;
  -webkit-box-align    : center;
  -ms-flex-align       : center;
  align-items          : center;
  -webkit-box-pack     : justify;
  -ms-flex-pack        : justify;
  justify-content      : space-between;
  padding              : 0 35px;
  font-size            : 19px;
  font-weight          : 500;
  text-align           : left;
  cursor               : pointer;
}

.hwopener__label i {
  width            : 75px;
  -ms-flex-negative: 0;
  flex-shrink      : 0;
  -webkit-box-flex : 0;
  -ms-flex-positive: 0;
  flex-grow        : 0;
  color            : #68609a;
  font-size        : 28px;
  font-weight      : 500;
}

.hwopener__label p {
  -webkit-box-flex : 1;
  -ms-flex-positive: 1;
  flex-grow        : 1;
}

.hwopener__ctrl {
  width             : 17px;
  height            : 10px;
  -webkit-box-flex  : 0;
  -ms-flex-positive : 0;
  flex-grow         : 0;
  -ms-flex-negative : 0;
  flex-shrink       : 0;
  -webkit-transform : rotate(-90deg);
  -ms-transform     : rotate(-90deg);
  transform         : rotate(-90deg);
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition        : -webkit-transform 0.3s ease 0s;
  -o-transition     : transform 0.3s ease 0s;
  transition        : transform 0.3s ease 0s;
  transition        : transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

.hwopener__ctrl img {
  display: block;
}

.hwopener__text {
  line-height       : 26px;
  display           : block;
  overflow          : hidden;
  height            : 0;
  -webkit-transition: height 0.3s ease 0s;
  -o-transition     : height 0.3s ease 0s;
  transition        : height 0.3s ease 0s;
}

.hwopener__text p {
  padding: 22px 60px 25px 112px;
}

.hwopener__item--open .hwopener__ctrl {
  -webkit-transform: rotate(0deg);
  -ms-transform    : rotate(0deg);
  transform        : rotate(0deg);
}

.scr12__autor {
  padding-top: 325px;
}

.scr12__autor1 {
  margin-right      : 80px;
  float             : right;
  width             : 165px;
  line-height       : 46px;
  -webkit-box-shadow: 0 14px 59px rgba(163, 169, 183, 0.15);
  box-shadow        : 0 14px 59px rgba(163, 169, 183, 0.15);
  background-color  : #68609a;
  color             : #fff;
  border-radius     : 5px;
  text-align        : center;
  font-size         : 17px;
  font-weight       : 500;
  -webkit-transform : skew(-10deg);
  -ms-transform     : skew(-10deg);
  transform         : skew(-10deg);
  position          : relative;
  z-index           : 4;
}

.scr12__autor1 span,
.scr12__autor2 span {
  display          : inline-block;
  -webkit-transform: skew(10deg);
  -ms-transform    : skew(10deg);
  transform        : skew(10deg);
}

.scr12__autor2 {
  margin-top        : -5px;
  position          : relative;
  z-index           : 3;
  clear             : both;
  float             : right;
  width             : 218px;
  line-height       : 47px;
  -webkit-box-shadow: 0 14px 59px rgba(163, 169, 183, 0.15);
  box-shadow        : 0 14px 59px rgba(163, 169, 183, 0.15);
  background-color  : #ffffff;
  color             : #8c94a2;
  font-size         : 16px;
  -webkit-transform : skew(-10deg);
  -ms-transform     : skew(-10deg);
  transform         : skew(-10deg);
  border-radius     : 5px;
  text-align        : center;
}

.scr12__form {
  float             : right;
  margin-top        : 65px;
  clear             : both;
  max-width         : 284px;
  padding           : 35px 40px 45px;
  -webkit-box-shadow: 0 14px 59px rgba(163, 169, 183, 0.15);
  box-shadow        : 0 14px 59px rgba(163, 169, 183, 0.15);
  border-radius     : 10px;
  background-color  : #ffffff;
}

.scr12__fotmtitle {
  font-size     : 24px;
  font-weight   : 500;
  line-height   : 26px;
  text-align    : center;
  padding-bottom: 7px;
}

.scr12__form .button {
  width        : 100%;
  height       : 60px;
  margin-top   : 17px;
  border-radius: 30px;
}

.scr13 {
  padding-top: 100px;
  position   : relative;
}

.scr13 .subtitle {
  padding-top: 10px;
  font-size  : 22px;
}

.scr13__mapover {
  margin-top        : 135px;
  margin-left       : 30px;
  position          : absolute;
  z-index           : 6;
  /* max-width         : 269px; */
  padding           : 13px;
  -webkit-box-shadow: 0 4px 59px rgba(163, 169, 183, 0.15);
  box-shadow        : 0 4px 59px rgba(163, 169, 183, 0.15);
  border-radius     : 10px;
  background-color  : #ffffff;
}

.scr13__mapinner {
  -webkit-box-shadow: 0 4px 59px rgba(163, 169, 183, 0.15);
  box-shadow        : 0 4px 59px rgba(163, 169, 183, 0.15);
  background-color  : #ffffff;
  padding           : 40px 15px 40px 30px;
}

.scr13__mapinner span {
  display       : block;
  color         : #8c94a2;
  font-size     : 15px;
  line-height   : 22px;
  padding-bottom: 3px;
  margin-top    : 30px;
}

.scr13__mapinner span:first-child {
  margin-top: 0;
}

.scr13__mapinner a {
  display    : block;
  color      : #000;
  font-size  : 16px;
  font-weight: 500;
}

.scr13__mapinner img {
  display  : block;
  margin   : 30px 0 0;
  max-width: 100%;
}

.scr13__map {
  margin-top: 55px;
  height    : 660px;
}

#jsYamaps {
  height: 100%;
}

.scr13__map img {
  display      : block;
  width        : 100%;
  height       : 660px;
  -o-object-fit: cover;
  object-fit   : cover;
}

.footer {
  min-height : 145px;
  padding-top: 25px;
  /* background : #fff; */
}

.footer_left {
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow        : row nowrap;
  flex-flow            : row nowrap;
  -webkit-box-align    : start;
  -ms-flex-align       : start;
  align-items          : flex-start;
  -webkit-box-pack     : start;
  -ms-flex-pack        : start;
  justify-content      : flex-start;
}

.footer__logo {
  display  : block;
  max-width: 123px;
}

.footer__logo img {
  display: block;
  width  : 100%;
}

.footer__slogan {
  font-size   : 14px;
  line-height : 20px;
  padding-top : 10px;
  padding-left: 15px;
}

.footer__loc {
  padding-top: 10px;
  width      : 200px;
  font-size  : 14px;
  line-height: 20px;
}

.footer__loc a {
  display   : block;
  color     : #68609a;
  margin-top: 12px;
}

.footer__social {
  padding-top          : 5px;
  width                : 175px;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow        : row nowrap;
  flex-flow            : row nowrap;
  -webkit-box-align    : start;
  -ms-flex-align       : start;
  align-items          : flex-start;
  -webkit-box-pack     : justify;
  -ms-flex-pack        : justify;
  justify-content      : space-between;
}

.footer__social a {
  width                : 37px;
  height               : 37px;
  border-radius        : 50%;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow        : row nowrap;
  flex-flow            : row nowrap;
  -webkit-box-align    : center;
  -ms-flex-align       : center;
  align-items          : center;
  -webkit-box-pack     : center;
  -ms-flex-pack        : center;
  justify-content      : center;
}

.footer__vk {
  background-color: #4d76a1;
}

.footer__fb {
  background-color: #3b589e;
}

.footer__ins {
  background-image: -o-linear-gradient(60deg, #f78932 0%, #d1318b 100%);
  background-image: linear-gradient(30deg, #f78932 0%, #d1318b 100%);
}

.footer__yt {
  background-color: #ed1e24;
}

.footer__copy {
  font-size: 14px;
}

.footer__copy a {
  color     : #68609a;
  display   : inline-block;
  margin-top: 20px;
}

.footer__tel {
  width      : 145px;
  padding-top: 10px;
}

.footer__number {
  display    : block;
  font-size  : 20px;
  font-weight: 700;
  color      : #000;
}

.footer__callme {
  display       : inline-block;
  margin-top    : 30px;
  font-size     : 12px;
  line-height   : 20px;
  color         : #6b6499;
  border-bottom : 1px dotted #6b6499;
  font-weight   : 700;
  letter-spacing: 0.84px;
  text-transform: uppercase;
}

.hwmodal {
  border-radius: 20px;
  background   : #fff;
  overflow     : hidden;
}

.hw__body {
  max-width         : 100%;
  -webkit-box-shadow: 0 4px 59px rgba(163, 169, 183, 0.15);
  box-shadow        : 0 4px 59px rgba(163, 169, 183, 0.15);
  background-color  : #ffffff;
  padding           : 17px;
  position          : relative;
}

.hw__close {
  z-index        : 5;
  border         : none;
  font-size      : 0;
  cursor         : pointer;
  position       : absolute;
  top            : 34px;
  right          : 31px;
  width          : 15px;
  height         : 15px;
  display        : block;
  background     : url(../img/popup/icon__close.svg) center center no-repeat;
  background-size: contain;
}

.hw__body--simple {
  width: 1016px;
}

.popup {
  width                : 100%;
  -webkit-box-shadow   : 0 4px 59px rgba(163, 169, 183, 0.15);
  box-shadow           : 0 4px 59px rgba(163, 169, 183, 0.15);
  border-radius        : 12px;
  overflow             : hidden;
  background-color     : #ffffff;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow        : row nowrap;
  flex-flow            : row nowrap;
  -webkit-box-align    : start;
  -ms-flex-align       : start;
  align-items          : flex-start;
  -webkit-box-pack     : justify;
  -ms-flex-pack        : justify;
  justify-content      : space-between;
}

.popup__left {
  width            : 460px;
  -ms-flex-negative: 0;
  flex-shrink      : 0;
  -webkit-box-flex : 0;
  -ms-flex-positive: 0;
  flex-grow        : 0;
  position         : relative;
}

.popup__left img {
  display: block;
  width  : 100%;
}

.popup__autor {
  position: absolute;
  left    : 125px;
  bottom  : 50px;
  color   : #ffffff;
}

.popup__autor mark {
  display           : block;
  width             : 171px;
  line-height       : 41px;
  -webkit-box-shadow: 0 14px 59px rgba(163, 169, 183, 0.15);
  box-shadow        : 0 14px 59px rgba(163, 169, 183, 0.15);
  background-color  : #68609a;
  font-size         : 17px;
  font-weight       : 500;
  color             : #fff;
  -webkit-transform : skew(-10deg);
  -ms-transform     : skew(-10deg);
  transform         : skew(-10deg);
  border-radius     : 5px;
  text-align        : center;
}

.popup__autor p {
  font-size   : 15px;
  font-weight : 400;
  line-height : 22px;
  padding-left: 30px;
  padding-top : 10px;
}

.popup__autor mark span {
  -webkit-transform: skew(10deg);
  -ms-transform    : skew(10deg);
  transform        : skew(10deg);
  display          : inline-block;
}

.popup__tel {
  display    : block;
  font-size  : 17px;
  font-weight: 700;
  line-height: 25px;
  color      : #fff;
  margin-left: 30px;
  padding-top: 5px;
}

.popup__right {
  -webkit-box-flex : 1;
  -ms-flex-positive: 1;
  flex-grow        : 1;
  padding          : 50px 70px 0 64px;
}

.popup__title {
  font-size  : 38px;
  font-weight: 500;
  line-height: 40px;
}

.popup__subtitle {
  color      : #828b9a;
  padding-top: 20px;
  font-size  : 18px;
  font-weight: 400;
  line-height: 26px;
}

.popup__form {
  padding-top: 30px;
}

.popup__item {
  padding-bottom: 13px;
}

.popup__item input[type=text],
.popup__item input[type=tel],
.popup__item input[type=email] {
  display           : block;
  width             : 100%;
  color             : #000000;
  font-size         : 17px;
  font-weight       : 400;
  line-height       : 28px;
  padding           : 29px 50px 29px;
  border-radius     : 43px;
  border            : none;
  outline           : none;
  background-color  : #f4f5f7;
  -webkit-box-shadow: inset 0 1px 3px rgba(13, 13, 13, 0.05);
  box-shadow        : inset 0 1px 3px rgba(13, 13, 13, 0.05);
}

.popup__submit {
  margin-top: 7px;
}

.popup__submit button {
  width        : 100%;
  height       : 90px;
  border-radius: 45px;
}

.popup__submit small {
  font-size  : 13px;
  padding-top: 20px;
  text-align : center;
  display    : block;
}

.popup__submit small a {
  color: #68609a;
}

.timechoser {
  height               : 66px;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow        : row nowrap;
  flex-flow            : row nowrap;
  -webkit-box-align    : start;
  -ms-flex-align       : start;
  align-items          : flex-start;
}

.timechoser label {
  display                : block;
  height                 : 100%;
  -webkit-box-flex       : 1;
  -ms-flex-positive      : 1;
  flex-grow              : 1;
  -ms-flex-preferred-size: 50%;
  flex-basis             : 50%;
  margin                 : 0 6px;
  cursor                 : pointer;
  position               : relative;
}

.timechoser input {
  opacity : 0;
  position: absolute;
}

.timechoser input+span {
  display              : block;
  height               : 100%;
  border-radius        : 33px;
  border               : 1px solid #68609a;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow        : row nowrap;
  flex-flow            : row nowrap;
  -webkit-box-align    : center;
  -ms-flex-align       : center;
  align-items          : center;
  -webkit-box-pack     : center;
  -ms-flex-pack        : center;
  justify-content      : center;
  letter-spacing       : 0.48px;
  text-transform       : uppercase;
  font-size            : 12px;
  line-height          : 18px;
  color                : #68609a;
  padding-top          : 2px;
  font-weight          : 700;
}

.timechoser input:checked+span {
  color     : #fff;
  background: #68609a;
}

.jsAddTimeBlock {
  display           : block;
  overflow          : hidden;
  padding-bottom    : 0;
  margin-bottom     : 15px;
  -webkit-transition: max-height 0.2s ease 0s;
  -o-transition     : max-height 0.2s ease 0s;
  transition        : max-height 0.2s ease 0s;
  max-height        : 100px;
}

.jsAddTimeBlock--close {
  max-height: 0px;
}

.popup__bronned {
  color      : #828b9a;
  text-align : center;
  padding-top: 15px;
}

#jsModalVideoWrap {
  border-radius: 0;
}

.hw__body--video {
  width         : 1000px;
  max-width     : 100%;
  padding       : 0;
  border-radius : 0;
  position      : relative;
  padding-bottom: 56.25% !important;
  background    : #000;
}

.hw__body--video iframe {
  position: absolute;
  width   : 100%;
  height  : 100%;
}

#jsModalVideoWrap .hw__close {
  right: -30px;
  top  : 0px;
}

.scr1--thanks {
  min-height: 581px;
  background: url(../img/thanks/bg.jpg) center top no-repeat;
}

.scr1--thanks .scr1__h1 {
  font-size  : 54px;
  font-weight: 300;
  line-height: 58px;
}

.scr1--thanks .scr1__h2 {
  margin-top: 14px;
}

.scr1--thanks .scr1__left {
  padding-left: 14px;
  margin-top  : 14px;
}

.thanks__h3 {
  font-size  : 18px;
  line-height: 28px;
  padding-top: 32px;
}

.thanks__h3 a {
  font-weight: 700;
  color      : #000;
}

.thanks2 {
  padding-top: 80px;
}

.thanks2__wrap {
  padding-top: 42px;
}

.thanks2__item {
  width           : 342px;
  min-height      : 995px;
  max-width       : 100%;
  padding         : 15px;
  border-radius   : 12px;
  border          : 1px solid #eeeef4;
  background-color: #ffffff;
}

.thanks2__item img {
  display      : block;
  width        : 100%;
  border-radius: 10px;
}

.thanks2__title {
  padding-top   : 25px;
  padding-bottom: 20px;
  text-align    : center;
  font-weight   : 500;
  font-size     : 22px;
}

.thanks2__h2 {
  font-size  : 18px;
  font-weight: 500;
  padding    : 15px 25px 0;
}

.thanks2__list {
  padding: 15px 25px;
}

.thanks2__list li {
  padding-left  : 24px;
  padding-bottom: 2px;
  position      : relative;
}

.thanks2__list li:after {
  content         : "";
  display         : block;
  position        : absolute;
  top             : 10px;
  left            : 0;
  border-radius   : 3px;
  width           : 6px;
  height          : 6px;
  border          : 2px solid #68609a;
  background-color: #fff;
  z-index         : 2;
}

.thanks2__price {
  margin          : 0 auto;
  max-width       : 266px;
  height          : 105px;
  border-radius   : 10px;
  text-align      : center;
  background-color: #f8f8f8;
}

.thanks2__price p {
  padding-top: 20px;
  font-size  : 24px;
  line-height: 1;
  font-weight: 500;
}

.thanks2__price span {
  font-size: 40px;
}

.thanks2__price small {
  display    : block;
  margin-top : 0px;
  font-size  : 18px;
  font-weight: 400;
  line-height: 30px;
  color      : #828b9a;
}

.thanks2__button {
  padding: 35px 15px 30px;
}

.thanks2__button .button {
  width        : 100%;
  height       : 80px;
  border-radius: 40px;
}

.thanks3 {
  padding-top   : 75px;
  padding-bottom: 90px;
}

.footer--thanks {
  border-top: 1px solid #eeeef4;
}

.leave {
  padding-top       : 52px;
  padding-bottom    : 40px;
  -webkit-box-shadow: 0 4px 59px rgba(163, 169, 183, 0.15);
  box-shadow        : 0 4px 59px rgba(163, 169, 183, 0.15);
}

.leave__title {
  font-weight: 300;
  font-size  : 42px;
  line-height: 46px;
  text-align : center;
}

.leave__title strong {
  font-weight: 500;
}

.leave__text {
  padding-top: 15px;
  font-size  : 18px;
  line-height: 26px;
  text-align : center;
}

.leave__wrap {
  padding-top          : 30px;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow        : row nowrap;
  flex-flow            : row nowrap;
  -webkit-box-align    : start;
  -ms-flex-align       : start;
  align-items          : flex-start;
  -webkit-box-pack     : justify;
  -ms-flex-pack        : justify;
  justify-content      : space-between;
}

.leave__map {
  padding-left: 55px;
  text-align  : center;
}

.leave__map img {
  display      : block;
  border-radius: 5px;
}

.leave__link {
  display       : inline-block;
  margin-top    : 30px;
  color         : #6d64a7;
  font-size     : 12px;
  font-weight   : 700;
  line-height   : 18px;
  border-bottom : 1px dotted #6d64a7;
  text-transform: uppercase;
  letter-spacing: 0.36px;
}

.leave__content {
  max-width: 415px;
}

.leave__h2 {
  font-size  : 17px;
  font-weight: 700;
}

.leave__list {
  padding-top  : 5px;
  padding-right: 50px;
}

.leave__list li {
  padding-left: 26px;
  position    : relative;
  font-size   : 16px;
  line-height : 22px;
  margin      : 10px 0 0;
}

.leave__list li:after {
  content      : "";
  display      : block;
  position     : absolute;
  top          : 8px;
  left         : 0;
  width        : 7px;
  height       : 7px;
  border-radius: 3px;
  border       : 2px solid #68609a;
}

.popup__form--leave {
  padding-right: 70px;
}

.whats-app-btn {
  margin-top           : 30px;
  color                : #7a818c;
  font-size            : 20px;
  line-height          : 30px;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction   : row;
  flex-direction       : row;
  -webkit-box-align    : center;
  -ms-flex-align       : center;
  align-items          : center;
  -webkit-box-pack     : start;
  -ms-flex-pack        : start;
  justify-content      : flex-start;
  padding              : 0 50px;
}

.whats-app-btn span,
.wh_icon:before {
  display        : inline-block;
  background     : url("../img/whatsapp.svg") no-repeat 50%;
  background-size: contain;
  width          : 32px;
  height         : 32px;
  margin-left    : 15px;
}

.btn-small {
  font-size  : 14px;
  line-height: 20px;
  padding    : 0 20px;
}

.btn-small span {
  width : 24px;
  height: 24px;
}

.quiz__free_for_you {
  text-align : center;
  padding-top: 10px;
  color      : #f3af55;
  font-size  : 16px;
  font-weight: bold;
}

.quiz__finish_group {
  font-size            : 20px;
  line-height          : 28px;
  color                : #828b9a;
  padding-top          : 15px;
  max-width            : 360px;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction   : row;
  flex-direction       : row;
  -webkit-box-pack     : start;
  -ms-flex-pack        : start;
  justify-content      : flex-start;
  -webkit-box-align    : center;
  -ms-flex-align       : center;
  align-items          : center;
  margin-bottom        : 15px;
}

.quiz__finish_group svg {
  margin-right: 15px;
}

span.wh_icon:before {
  content : "";
  position: absolute;
  left    : -42px;
  width   : 20px;
  height  : 22px;
}

span.wh_icon {
  position: relative;
}

@-webkit-keyframes slideme {
  0% {
    left       : -30px;
    margin-left: 0px;
  }

  30% {
    left       : 110%;
    margin-left: 80px;
  }

  100% {
    left       : 110%;
    margin-left: 80px;
  }
}

@keyframes slideme {
  0% {
    left       : -30px;
    margin-left: 0px;
  }

  30% {
    left       : 110%;
    margin-left: 80px;
  }

  100% {
    left       : 110%;
    margin-left: 80px;
  }
}

.button {
  position: relative;
  overflow: hidden;
}

.button:after {
  content                          : "";
  display                          : block;
  width                            : 40px;
  height                           : 300px;
  margin-left                      : 60px;
  background                       : #ffffff9e;
  position                         : absolute;
  left                             : -40px;
  top                              : -100px;
  z-index                          : 1;
  -webkit-transform                : rotate(45deg);
  -ms-transform                    : rotate(45deg);
  transform                        : rotate(45deg);
  -webkit-transition               : all 0.1s;
  -o-transition                    : all 0.1s;
  transition                       : all 0.1s;
  -webkit-animation-name           : slideme;
  animation-name                   : slideme;
  -webkit-animation-duration       : 3s;
  animation-duration               : 3s;
  -webkit-animation-delay          : 0.05s;
  animation-delay                  : 0.05s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function        : ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count        : infinite;
}

.mail_to {
  display    : table;
  margin     : 16px auto 0;
  color      : #000;
  font-weight: 500;
  font-size  : 19px;
}

.podaroks {
  width    : 100%;
  display  : block;
  max-width: 324px;
  flex     : auto;
}

.podaroks img {
  width: auto;
}

.podaroks .quiz__giftimg span:after {
  display: none;
}

.quiz_page_b1 {
  min-height: 0 !important;
  height    : auto !important;
  background: none !important;
  padding   : 0 0 6vh;
}

.scr5__wrap>.swiper-container {
  overflow: inherit;
}

.scr5 .swiper-slide:nth-child(1):not(.swiper-slide-active)>div {
  box-shadow: none;
}

.scr5__ctrlprev_bg,
.scr5__ctrlnext_bg {
  z-index         : 999;
  top             : 257px;
  margin          : 0 -30px;
  display         : flex;
  justify-content : center;
  align-items     : center;
  background-image: linear-gradient(to top, #e8933a 0%, #ffcc70 100%);
  text-shadow     : 0 1px 0 #d48a3a;
  box-shadow      : inset 0 0 21px rgb(255 208 120);
  background-color: #ffcc70;
}


.scr5__ctrlnext_bg.swiper-button-disabled,
.scr5__ctrlprev_bg.swiper-button-disabled {
  opacity: 0.7;
}

.scr5__ctrlprev_bg img,
.scr5__ctrlnext_bg img {
  margin: 0;
}



.scr5 .swiper-slide.swiper-slide-visible.swiper-slide-active {
  opacity: 1 !important;
}

.scr5__wrap>.swiper-container>div>div {
  opacity: 0 !important;
}

.scr5__wrap>.swiper-container>.b5_bt>div {
  opacity: 1 !important;
}

div#sale10 {
  max-width: 443px;
}

div#sale10 .hw__body.hw__body--simple {
  padding: 0;
}

.leave_new {
  background   : #68609A;
  border-radius: 31px;
}

.leave_new .hw__body {
  background: #68609A;
  box-shadow: none !important;
  padding   : 0;
  width     : 1170px;
}

.leave_new .leave {
  padding: 60px 0 0px;
}

.leave_new .leave__title {
  color      : #fff;
  font-weight: 500;
  margin     : 0 0 61px;
}

.leave_new .leave__title strong {
  font-weight  : normal;
  display      : inline-block;
  border       : 2px solid #FFFFFF;
  box-sizing   : border-box;
  border-radius: 5px;
  padding      : 1px 19px 8px;
}

.leave_box {
  background     : #FFFFFF;
  border-radius  : 24px;
  position       : relative;
  margin         : 0 10px 10px;
  overflow       : hidden;
  display        : flex;
  flex-wrap      : wrap;
  justify-content: space-between;
  align-items    : flex-end;
}

.leav_box_left {
  max-width: 482px;
  margin   : 0 0 0 70px;
  padding  : 0 0 51px;
  z-index  : 999;
}

.leav_box_right {
  max-width      : 200px;
  display        : flex;
  justify-content: initial;
  align-items    : flex-end;
  justify-content: flex-end;
  padding        : 47px 0 0;
}

.leav_1 {
  max-width  : 395px;
  font-weight: 300;
  font-size  : 42px;
  line-height: 48px;
  color      : #2F2F2F;
}

.leav_1 b {
  font-weight: 500;
}

.leav_1 span {
  background   : #FFEA98;
  border-radius: 5px;
  display      : inline-block;
  padding      : 0 14px 4px;
  font-size    : 20px;
  line-height  : 25px;
}

.leav_2 {
  font-size  : 22px;
  line-height: 32px;
  color      : #878C98;
  padding    : 29px 0 25px;
}


.leave_box .popup__submit small a {
  font-size    : 14px;
  line-height  : 20px;
  text-align   : center;
  color        : #6884DD;
  border-bottom: 1px solid;
}

.leav_bt_box {
  display : table;
  position: relative;
  width   : 100%;
}

.leav_bt_box img {
  position: absolute;
  right   : 26px;
  top     : -12px;
}

.leav_bt_box button {
  text-align     : left;
  justify-content: flex-start;
  text-indent    : 43px;
}





@media only screen and (min-width: 1000px) and (max-height: 900px) {
  .leave_new .leave {
    padding: 4vh 0 0;
  }

  .leave_new .leave__title {
    margin: 0 0 4vh;
  }

  .leav_box_right {
    padding: 5vh 0 0;
  }

  .leav_box_right img {
    height    : 67vh;
    width     : auto;
    min-height: 720px;
  }

  .popup__form--leave {
    padding-top: 1vh;
  }

  .leav_box_left {
    padding: 4vh 0 4vh;
  }
}