@font-face {
  font-family: Ubuntu;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url(../fonts/Ubuntu-Light/Ubuntu-Light.eot);
  src: url(../fonts/Ubuntu-Light/Ubuntu-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/Ubuntu-Light/Ubuntu-Light.woff) format("woff"),url(../fonts/Ubuntu-Light/Ubuntu-Light.ttf) format("truetype")
}

@font-face {
  font-family: Ubuntu;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(../fonts/Ubuntu-Regular/Ubuntu-Regular.eot);
  src: url(../fonts/Ubuntu-Regular/Ubuntu-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/Ubuntu-Regular/Ubuntu-Regular.woff) format("woff"),url(../fonts/Ubuntu-Regular/Ubuntu-Regular.ttf) format("truetype")
}

@font-face {
  font-family: Ubuntu;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url(../fonts/Ubuntu-Medium/Ubuntu-Medium.eot);
  src: url(../fonts/Ubuntu-Medium/Ubuntu-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/Ubuntu-Medium/Ubuntu-Medium.woff) format("woff"),url(../fonts/Ubuntu-Medium/Ubuntu-Medium.ttf) format("truetype")
}

@font-face {
  font-family: Ubuntu;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url(../fonts/Ubuntu-Bold/Ubuntu-Bold.eot);
  src: url(../fonts/Ubuntu-Bold/Ubuntu-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/Ubuntu-Bold/Ubuntu-Bold.woff) format("woff"),url(../fonts/Ubuntu-Bold/Ubuntu-Bold.ttf) format("truetype")
}

@font-face {
  font-family: Roboto;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(../fonts/RobotoRegular/RobotoRegular.eot);
  src: url(../fonts/RobotoRegular/RobotoRegular.eot?#iefix) format("embedded-opentype"),url(../fonts/RobotoRegular/RobotoRegular.woff) format("woff"),url(../fonts/RobotoRegular/RobotoRegular.ttf) format("truetype")
}

*,::after,::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

::-webkit-input-placeholder {
  color: #e9e9e9
}

::-moz-placeholder {
  color: #e9e9e9
}

:-ms-input-placeholder {
  color: #e9e9e9
}

::-ms-input-placeholder {
  color: #e9e9e9
}

::placeholder {
  color: #e9e9e9
}

::-moz-selection {
  background-color: #efb84d;
  color: #fff
}

::selection {
  background-color: #efb84d;
  color: #fff
}

body {
  font-size: 16px;
  min-width: 320px;
  position: relative;
  line-height: 1.65;
  font-family: Ubuntu,sans-serif;
  font-weight: 400;
  background-color: #333;
  overflow-x: hidden;
  color: #fff
}

body.no-scroll {
  height: 100%;
  width: 100%;
  overflow: hidden
}

body input,body textarea {
  background: #414141;
  border: 1px solid #e9e9e9;
  color: #e9e9e9;
  border-radius: 10px;
  padding: 10px 20px;
  outline: 0
}

body input.text_error,body textarea.text_error {
  border: 1px solid red
}

body textarea {
  padding: 5px 20px;
  min-height: 60px
}

.text-center {
  text-align: center
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto
}

.img-responsive.img-width {
  width: 100%
}

.text-center {
  text-align: center
}

b,strong {
  font-weight: 700
}

h2 {
  font-size: 30px;
  line-height: 36px;
  text-align: center
}

iframe {
  max-width: 100%
}

.f_iframe {
  text-decoration: none;
  color: #efb84d;
  -webkit-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  position: relative;
  font-size: 14px;
  line-height: 16px;
  margin-top: 13px
}

.f_iframe span {
  border-bottom: 1px solid inherit;
  margin-left: 10px
}

.f_iframe:hover {
  color: #efb84d;
  text-decoration: none
}

.f_iframe:hover span {
  border-bottom: 1px solid #efb84d
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.aic {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.visible-lg {
  display: none
}

.clear {
  clear: both
}

.clear:after {
  display: block;
  content: "";
  clear: both
}

._ibg {
  position: relative
}

._ibg img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover
}

iframe {
  width: 100%;
  height: 100%;
  max-width: 100%
}

.wsnw {
  white-space: nowrap
}

.accent {
  color: #efb84d
}

.rub_icon {
  width: 10px;
  position: relative;
  top: -2px
}

.hidden_desctop {
  display: none
}

.ti-cursor {
  opacity: 0!important;
  color: transparent!important
}

form input {
  outline: 0
}

[type=tel].complete {
  color: #fff!important
}

.button,button {
  cursor: pointer;
  -webkit-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  outline: 0!important
}

.button {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  padding: 12px;
  max-width: 100%;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto;
  cursor: pointer;
  outline: 0;
  text-align: center;
  text-transform: uppercase;
  color: #333;
  position: relative;
  -webkit-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
  background: -webkit-gradient(linear,left top,left bottom,from(#ffd37e),to(#efb84d));
  background: -o-linear-gradient(top,#ffd37e 0,#efb84d 100%);
  background: linear-gradient(180deg,#ffd37e 0,#efb84d 100%);
  border: 1px solid #fdffa5;
  -webkit-box-shadow: 0 3px 0 #392600,0 19px 20px -20px #efb84d;
  box-shadow: 0 3px 0 #392600,0 19px 20px -20px #efb84d;
  border-radius: 10px;
  cursor: pointer
}

.button.goNext {
  margin: 0;
  font-size: 18px;
  line-height: 20px;
  text-transform: none;
  padding: 14px 40px
}

.button img {
  margin-left: 20px
}

.button:hover {
  background-color: #efb84d;
  color: #333;
  text-decoration: none;
  background: -webkit-gradient(linear,left top,left bottom,from(#ffc24b),to(#edaf36));
  background: -o-linear-gradient(top,#ffc24b 0,#edaf36 100%);
  background: linear-gradient(180deg,#ffc24b 0,#edaf36 100%)
}

.button:active {
  background-color: #efb84d;
  color: #333;
  background: -webkit-gradient(linear,left top,left bottom,from(#ffe4b1),to(#efb84d));
  background: -o-linear-gradient(top,#ffe4b1 0,#efb84d 100%);
  background: linear-gradient(180deg,#ffe4b1 0,#efb84d 100%)
}

.button[disabled=disabled] {
  background-color: #efb84d;
  color: #333;
  cursor: inherit;
  background: -webkit-gradient(linear,left top,left bottom,from(#ffd37e),to(#efb84d));
  background: -o-linear-gradient(top,#ffd37e 0,#efb84d 100%);
  background: linear-gradient(180deg,#ffd37e 0,#efb84d 100%);
  -webkit-filter: grayscale(.5);
  filter: grayscale(.5)
}

.button[disabled=disabled]:hover {
  cursor: inherit;
  background: #efb84d;
  background: -webkit-gradient(linear,left top,left bottom,from(#ffca65),to(#dc9814));
  background: -o-linear-gradient(top,#ffca65 0,#dc9814 100%);
  background: linear-gradient(180deg,#ffca65 0,#dc9814 100%)
}

.button span {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.button-slideme {
  overflow: hidden
}

.button-slideme:after {
  content: "";
  position: absolute;
  top: 0;
  width: 53px;
  height: 70%;
  background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.4)),to(rgba(255,255,255,0)));
  background: -o-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
  background: linear-gradient(180deg,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
  left: 10px;
  z-index: 1;
  -webkit-transform: skew(31deg);
  -ms-transform: skew(31deg);
  transform: skew(31deg);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transition: all .1s;
  -o-transition: all .1s;
  transition: all .1s;
  -webkit-animation-name: slideme;
  animation-name: slideme;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.button-wrap {
  position: relative
}

.button span.error,.goNext_wrap span.error {
  position: absolute;
  color: #efb84d;
  font-size: 10px;
  font-weight: 500;
  top: calc(100% + 10px);
  left: 0;
  display: none
}

.hidden_input {
  display: none!important
}

@-webkit-keyframes slideme {
  0% {
    left: -70px
  }

  30% {
    left: 110%
  }

  100% {
    left: 110%
  }
}

@keyframes slideme {
  0% {
    left: -70px
  }

  30% {
    left: 110%
  }

  100% {
    left: 110%
  }
}

.site-header {
  position: relative;
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #fff;
  padding: 142px 0 60px
}

.fixed-header-mobile {
  padding: 45px 0 25px
}

.fixed-header-mobile .container {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.fixed-header-mobile .header-right {
  text-align: right;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end
}

.logo__wrap {
  margin-left: 7.5%
}

.logo__wrap img {
  max-width: 100%
}

.header_phone {
  font-size: 22px;
  line-height: 25px;
  font-weight: 700;
  color: #fff;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  position: relative;
  padding-left: 20px
}

.header_phone:before {
  position: absolute;
  content: "";
  width: 9px;
  height: 9px;
  left: 0;
  top: 10px;
  background: #21fa29;
  -webkit-box-shadow: 0 2px 4px -1px #21fa29;
  box-shadow: 0 2px 4px -1px #21fa29;
  border-radius: 50%
}

.header_phone:hover {
  color: #efb84d;
  text-decoration: none
}

.site-header--bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0
}

.site-header--bg img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0
}

.fixed-header-mobile {
  position: fixed;
  z-index: 8;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  top: 0
}

.fixed-header-mobile--top {
  position: absolute
}

.header-active .fixed-header-mobile--top {
  position: fixed;
  background: #333
}

.header__title {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 28px;
  line-height: 32px;
  max-width: 635px;
  margin: auto
}

.header__title span {
  font-weight: 700
}

.header__subtitle {
  color: #efb84d;
  font-size: 18px;
  line-height: 20px;
  font-weight: 500;
  margin-top: 50px
}

.header__rating-items {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 32px 0 0
}

.header__rating-item {
  position: relative;
  background: #333;
  border: .5px solid #efb84d;
  -webkit-box-shadow: 0 15px 20px -11px rgba(51,51,51,.2);
  box-shadow: 0 15px 20px -11px rgba(51,51,51,.2);
  border-radius: 10px;
  padding: 40px 10px 14px;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  margin: 25px 15px 27px
}

.header__rating-item .bottom--text {
  font-size: 13px
}

.header__rating-item .red {
  color: #e11919
}

.header__rating-item .green {
  color: #21fa29
}

.header__rating-item--point {
  font-size: 32px;
  line-height: 32px;
  font-weight: 700;
  margin-bottom: 14px
}

.rating_icon {
  position: absolute;
  top: 0;
  left: 50%;
  border-radius: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  -webkit-box-shadow: 0 4px 5px -2px rgba(0,0,0,.5);
  box-shadow: 0 4px 5px -2px rgba(0,0,0,.5)
}

.header__rating-text {
  color: #efb84d;
  margin-top: -5px
}

.header__cta {
  font-size: 18px;
  line-height: 21px;
  margin: 45px 0 35px
}

.header__cta span {
  font-weight: 500
}

.header__cta--btn {
  margin: 25px auto 0;
  max-width: 357px
}

.header__cta--btn .button {
  color: #fff;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  width: 100%
}

.header__cta--btn .button img {
  position: relative;
  margin-left: 5px;
  left: 15px
}

.header_gift {
  background: #333;
  color: #efb84d;
  line-height: 18px;
  border: 1px solid #efb84d;
  border-radius: 10px;
  position: relative;
  padding: 37px 40px 30px;
  max-width: 564px;
  margin: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.header_gift__title {
  padding-right: 10px;
  margin-bottom: 5px
}

.header_gift__text {
  position: relative;
  font-size: 14px;
  font-weight: 700
}

.gift_arr {
  position: absolute;
  bottom: -32px;
  right: -40px
}

.plus_icon {
  position: absolute;
  left: 40px;
  top: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.header_gift-right {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 177px;
  -ms-flex: 0 0 177px;
  flex: 0 0 177px;
  position: relative
}

.header_gift-right:hover a:after {
  height: 100%;
  border-radius: 10px;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(25.88%,rgba(0,0,0,0)),to(#232323));
  background: -o-linear-gradient(top,rgba(0,0,0,0) 25.88%,#232323 100%);
  background: linear-gradient(180deg,rgba(0,0,0,0) 25.88%,#232323 100%)
}

.header_gift-right a:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 70%;
  left: 0;
  bottom: 0;
  border-radius: 0 0 10px 10px;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(45.88%,rgba(0,0,0,0)),to(#232323));
  background: -o-linear-gradient(top,rgba(0,0,0,0) 45.88%,#232323 100%);
  background: linear-gradient(180deg,rgba(0,0,0,0) 45.88%,#232323 100%);
  -webkit-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
  pointer-events: none
}

.header_gift--video {
  border: 1px solid #222;
  -webkit-box-shadow: 0 15px 15px -15px rgba(239,184,77,.9);
  box-shadow: 0 15px 15px -15px rgba(239,184,77,.9);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-radius: 10px
}

.header_gift--video img {
  border-radius: 10px
}

._play {
  position: relative
}

._play:before {
  position: absolute;
  content: "";
  width: 41px;
  height: 41px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background-image: url(../img/play.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  -webkit-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
  z-index: 1
}

.quiz__footer {
  position: relative;
  z-index: 1;
  color: #fff
}

.quiz__footer:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  background: rgba(34,34,34,.5)
}

.quiz__footer-title {
  font-size: 22px;
  line-height: 25px;
  font-weight: 500;
  margin: 50px auto;
  max-width: 322px;
  text-align: center
}

.subfooter {
  font-size: 14px;
  line-height: 14px;
  color: #eceff1;
  font-weight: 400;
  padding: 50px 0 40px
}

.subfooter .inn,.subfooter a {
  display: block;
  color: #eceff1;
  margin-top: 15px
}

.quiz__footer-right {
  text-align: right
}

.tnt_title {
  font-size: 36px;
  line-height: 45px
}

.tnt_subtitle {
  font-size: 24px;
  line-height: 30px;
  margin: 10px 0 35px
}

.quiz__footer-videos {
  max-width: 932px;
  margin: auto
}

.quiz__footer-videos .tnt_video {
  margin: 10px
}

.tnt_video {
  max-width: 32%;
  position: relative;
  margin-bottom: 15px;
  display: block;
  -webkit-filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .6));
  filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .6));
  border-radius: 10px;
  overflow: hidden
}

.tnt_video:hover:after {
  height: 150%
}

.tnt_video:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 70%;
  left: 0;
  bottom: 0;
  -webkit-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
  border-radius: 10px;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(50.89%,rgba(34,34,34,0)),to(#222));
  background: -o-linear-gradient(top,rgba(34,34,34,0) 50.89%,#222 100%);
  background: linear-gradient(180deg,rgba(34,34,34,0) 50.89%,#222 100%)
}

.tnt_video._play:before {
  width: 66px;
  height: 66px
}

.tnt_video img {
  border-radius: 10px
}

.open_arr span {
  display: block;
  width: 13px;
  height: 13px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  margin: -2px;
  float: left
}

.arrow_right span {
  display: block;
  width: 13px;
  height: 13px;
  border-top: 3px solid #efb84d;
  border-right: 3px solid #efb84d;
  margin: -2px;
  float: left;
  -webkit-animation: arrow-right 1s infinite;
  animation: arrow-right 1s infinite
}

.open_arr span {
  -webkit-animation: arrow-upp 1s infinite;
  animation: arrow-upp 1s infinite
}

.open_arr span:nth-child(3) {
  -webkit-animation-delay: -.2s;
  animation-delay: -.2s
}

.open_arr span:nth-child(2) {
  -webkit-animation-delay: -.1s;
  animation-delay: -.1s
}

.arrow_right span:nth-child(2) {
  -webkit-animation-delay: -.1s;
  animation-delay: -.1s
}

.arrow_right span:nth-child(1) {
  -webkit-animation-delay: -.2s;
  animation-delay: -.2s
}

@-webkit-keyframes arrow-right {
  0% {
    opacity: 0;
    -webkit-transform: rotate(45deg) translate(0,0);
    transform: rotate(45deg) translate(0,0)
  }

  50% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: rotate(45deg) translate(0,0);
    transform: rotate(45deg) translate(0,0)
  }
}

@keyframes arrow-right {
  0% {
    opacity: 0;
    -webkit-transform: rotate(45deg) translate(0,0);
    transform: rotate(45deg) translate(0,0)
  }

  50% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: rotate(45deg) translate(0,0);
    transform: rotate(45deg) translate(0,0)
  }
}

@-webkit-keyframes arrow-upp {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-45deg) translate(0,0);
    transform: rotate(-45deg) translate(0,0)
  }

  50% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: rotate(-45deg) translate(0,0);
    transform: rotate(-45deg) translate(0,0)
  }
}

@keyframes arrow-upp {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-45deg) translate(0,0);
    transform: rotate(-45deg) translate(0,0)
  }

  50% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: rotate(-45deg) translate(0,0);
    transform: rotate(-45deg) translate(0,0)
  }
}

.icon_info--wrap {
  position: relative
}

.icon_info {
  display: inline-block;
  position: absolute;
  top: -5px;
  right: -20px
}

.icon_info img {
  width: 100%
}

.icon_info.mob {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 9px;
  top: 9px;
  display: none
}

.design_hidden--inputs {
  width: 100%;
  background: #333;
  border: 1px solid #efb84d;
  border-radius: 10px;
  padding: 20px;
  display: none
}

.design_hidden--inputs .form_radio__label-text {
  padding: 0 0 0 60px;
  min-height: 40px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.design_hidden--inputs .form_radio__label-text:before {
  left: 0;
  top: 0;
  -webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  transform: translate(0,0)
}

.design_hidden--inputs .input_parent {
  border: none;
  padding: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none
}

.design_hidden--inputs .input_parent:not:last-child {
  margin-bottom: 15px
}

.design_hidden--tite {
  color: #efb84d;
  margin-bottom: 20px
}

.works_title {
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  padding: 0 18px;
  text-transform: uppercase;
  margin: 15px 0;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  display: none
}

.ostalos-voprosov_main-params {
  margin-bottom: 20px
}

.dop-services--list {
  color: #efb84d
}

.dop-services--list .dop-params--item {
  position: relative;
  padding-left: 10px
}

.dop-services--list .dop-params--item .text {
  max-width: 220px
}

.dop-services--list .dop-params--item:before {
  position: absolute;
  content: "+";
  left: 0;
  top: 0
}

.dop-services--list .dop-params--item:nth-child(1),.dop-services--list .dop-params--item:nth-child(2),.dop-services--list .dop-params--item:nth-child(3),.dop-services--list .dop-params--item:nth-child(4) {
  -webkit-transition-delay: .1s;
  -o-transition-delay: .1s;
  transition-delay: .1s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.dop-params--item.active {
  font-size: inherit;
  opacity: 1;
  padding-bottom: 10px;
  height: auto;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.dop-params--item.active .params_loader {
  -webkit-animation: circle 2s linear infinite;
  animation: circle 2s linear infinite
}

.dop-params--list,.dop-services--list {
  padding: 0 18px;
  font-size: 12px;
  line-height: 14px;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease
}

.dop-params--list.active .dop-params--item {
  font-size: inherit;
  opacity: 1;
  padding-bottom: 10px;
  height: auto;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.dop-params--list.active .params_loader {
  -webkit-animation: circle 2s linear infinite;
  animation: circle 2s linear infinite
}

.dop-params--item {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 0;
  font-size: 0;
  opacity: 0;
  height: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: font-size,opacity,height,padding-bottom,-webkit-transform;
  transition-property: font-size,opacity,height,padding-bottom,-webkit-transform;
  -o-transition-property: font-size,opacity,transform,height,padding-bottom;
  transition-property: font-size,opacity,transform,height,padding-bottom;
  transition-property: font-size,opacity,transform,height,padding-bottom,-webkit-transform;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease
}

.dop-params--item:nth-child(1) {
  -webkit-transition-delay: .1s;
  -o-transition-delay: .1s;
  transition-delay: .1s
}

.dop-params--item:nth-child(2) {
  -webkit-transition-delay: .2s;
  -o-transition-delay: .2s;
  transition-delay: .2s
}

.dop-params--item:nth-child(3) {
  -webkit-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s
}

.dop-params--item:nth-child(4) {
  -webkit-transition-delay: .4s;
  -o-transition-delay: .4s;
  transition-delay: .4s
}

.dop-params--item:nth-child(5) {
  -webkit-transition-delay: .5s;
  -o-transition-delay: .5s;
  transition-delay: .5s
}

.dop-params--item:nth-child(6) {
  -webkit-transition-delay: .6s;
  -o-transition-delay: .6s;
  transition-delay: .6s
}

.dop-params--item:nth-child(7) {
  -webkit-transition-delay: .7s;
  -o-transition-delay: .7s;
  transition-delay: .7s
}

.dop-params--item:nth-child(8) {
  -webkit-transition-delay: .8s;
  -o-transition-delay: .8s;
  transition-delay: .8s
}

.dop-params--item:nth-child(9) {
  -webkit-transition-delay: .9s;
  -o-transition-delay: .9s;
  transition-delay: .9s
}

.dop-params--item:nth-child(10) {
  -webkit-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s
}

.dop-params--item:nth-child(11) {
  -webkit-transition-delay: 1.1s;
  -o-transition-delay: 1.1s;
  transition-delay: 1.1s
}

.dop-params--item:nth-child(12) {
  -webkit-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s
}

.dop-params--item:nth-child(13) {
  -webkit-transition-delay: 1.3s;
  -o-transition-delay: 1.3s;
  transition-delay: 1.3s
}

.dop-params--item:nth-child(14) {
  -webkit-transition-delay: 1.4s;
  -o-transition-delay: 1.4s;
  transition-delay: 1.4s
}

.dop-params--item:nth-child(15) {
  -webkit-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s
}

.dop-params--item:nth-child(16) {
  -webkit-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  transition-delay: 1.6s
}

.dop-params--item:nth-child(17) {
  -webkit-transition-delay: 1.7s;
  -o-transition-delay: 1.7s;
  transition-delay: 1.7s
}

.dop-params--item:nth-child(18) {
  -webkit-transition-delay: 1.8s;
  -o-transition-delay: 1.8s;
  transition-delay: 1.8s
}

.dop-params--item:nth-child(19) {
  -webkit-transition-delay: 1.9s;
  -o-transition-delay: 1.9s;
  transition-delay: 1.9s
}

.dop-params--item:nth-child(20) {
  -webkit-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s
}

.dop-params--item:nth-child(21) {
  -webkit-transition-delay: 2.1s;
  -o-transition-delay: 2.1s;
  transition-delay: 2.1s
}

.dop-params--item:nth-child(22) {
  -webkit-transition-delay: 2.2s;
  -o-transition-delay: 2.2s;
  transition-delay: 2.2s
}

.dop-params--item .price {
  white-space: nowrap
}

.dop-params--item .text {
  padding-right: 15px
}

.loader {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 17px;
  -ms-flex: 0 0 17px;
  flex: 0 0 17px;
  max-width: 17px;
  height: 17px;
  border-radius: 50%
}

.params_loader {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

@-webkit-keyframes circle {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

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

@keyframes circle {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

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

.goNext_wrap {
  position: relative
}

.goBack,.goNext {
  outline: 0!important
}

.second_input__hidden {
  display: none
}

.quiz-result {
  position: relative
}

.quiz-result__content {
  position: relative;
  padding: 0
}

.quiz-result__title__container {
  max-width: 907px;
  margin: 55px auto 60px
}

.quiz__question-question-body {
  -webkit-perspective: 500px;
  perspective: 500px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.quiz__question--left {
  width: 60%
}

.quiz-bg {
  padding-bottom: 50px;
  position: relative
}

.quiz-bg.quiz-bg--result {
  padding-bottom: 30px
}

.quiz-bg.quiz-bg--last-question {
  padding-bottom: 190px;
  overflow: hidden
}

.quiz-bg.quiz-bg--last-question:before {
  display: none
}

#qiuz_wrap {
  overflow: hidden
}

.quiz.quiz--result.quiz-result--unlocked {
  background-color: transparent;
  left: 0;
  right: 0;
  max-width: 100%;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: auto
}

.qiuz_wrap {
  position: relative
}

.quiz-result--locked .quiz-result__locked-hidden {
  opacity: 0
}

.quiz-result__locked-hidden {
  margin: auto;
  padding-top: 20px
}

.quiz.quiz--result {
  position: absolute;
  top: calc(102%);
  width: 106%;
  max-width: 100vw;
  display: none;
  background: #333;
  border: 1px solid #efb84d;
  -webkit-box-shadow: 0 7px 33px rgba(0,0,0,.25);
  box-shadow: 0 7px 33px rgba(0,0,0,.25);
  border-radius: 10px 10px 0 0;
  margin: auto;
  left: 50%;
  margin-left: -50%
}

.quiz-bg--last-question .quiz.quiz--result,.quiz-bg--result .quiz.quiz--result {
  display: block
}

.quiz__questions {
  position: relative;
  max-width: 100%;
  margin: auto
}

.quiz.quiz--result.quiz-result--unlocked:before {
  top: 58px
}

.quiz.quiz--result.quiz-result--unlocked:after {
  top: 71px
}

.quiz-buttons {
  display: none;
  margin-top: 40px
}

.quiz__header-text {
  font-size: 28px;
  line-height: 32px;
  text-align: center;
  position: relative;
  padding: 40px 0 50px
}

.quiz__header-steps-step-text {
  position: absolute;
  display: block;
  width: inherit;
  top: 50px;
  left: 0;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700
}

.quiz__header-steps-step-text #current_step {
  color: #efb84d
}

.quiz__header-steps-step {
  width: auto;
  display: inline-block;
  overflow: visible;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0 7px
}

.quiz__header-steps-step.quiz__header-steps-step--active:before {
  background: -o-linear-gradient(182.84deg,#df9d1d 7.68%,#efb84d 50.59%,#da991c 90.4%);
  background: linear-gradient(267.16deg,#df9d1d 7.68%,#efb84d 50.59%,#da991c 90.4%);
  -webkit-transform: matrix(1,0,0,-1,0,0);
  -ms-transform: matrix(1,0,0,-1,0,0);
  transform: matrix(1,0,0,-1,0,0);
  opacity: 1
}

.quiz__header-steps-step:before {
  content: "";
  display: block;
  height: 14px;
  background: #4f4f4f;
  opacity: .4;
  border-radius: 10px
}

.quiz__header-steps {
  margin: 2px auto 60px;
  font-size: 0;
  padding: 8px 10px;
  border: 2px solid #efb84d;
  border-radius: 33px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative
}

.quiz__question {
  margin: auto;
  max-width: 100%;
  z-index: 0;
  -webkit-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
  pointer-events: none
}

.quiz__question.active {
  z-index: 2;
  pointer-events: all;
  opacity: 1
}

.quiz__question--hidden {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0
}

.quiz__question-title--wrap {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 30px
}

.quiz__question-title {
  font-weight: 700;
  font-size: 25px;
  line-height: 28px;
  margin-top: 30px;
  margin-bottom: 22px;
  padding-right: 10px
}

.quiz__question-title span {
  color: #efb84d
}

.quiz__question-subtitle {
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  margin-top: 20px
}

.quiz__question-manager {
  position: relative
}

.quiz__question-manager--image {
  border-radius: 50%
}

.quiz__question-manager--text {
  position: absolute;
  bottom: -10px;
  background: #333;
  border: 1px solid #efb84d;
  border-radius: 10px;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  padding: 7px 2px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 143px;
  -ms-flex: 1 0 143px;
  flex: 1 0 143px
}

.goBack {
  background: -webkit-gradient(linear,left top,left bottom,from(#828282),to(#333));
  background: -o-linear-gradient(top,#828282 0,#333 100%);
  background: linear-gradient(180deg,#828282 0,#333 100%);
  border: 1px solid #878787;
  -webkit-box-shadow: 0 3px 0 #292929,0 9px 20px -11px rgba(174,174,174,.7);
  box-shadow: 0 3px 0 #292929,0 9px 20px -11px rgba(174,174,174,.7);
  border-radius: 10px;
  margin-right: 15px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 66px
}

.qiuz_wrap:before {
  display: none
}

.quiz-result--locked--animated {
  -webkit-animation: quiz-result-locked 1.8s ease-in-out infinite;
  animation: quiz-result-locked 1.8s ease-in-out infinite
}

@-webkit-keyframes quiz-result-locked {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }

  50% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: .6
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

@keyframes quiz-result-locked {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }

  50% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: .6
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

.cards-wrapper {
  margin: 0 auto;
  position: relative;
  z-index: 1;
  max-width: 932px
}

.inputs__wrap {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.input_parent {
  width: 48%;
  margin-bottom: 11px;
  background: #333;
  border: 1px solid #efb84d;
  -webkit-box-shadow: 0 21px 25px -15px rgba(0,0,0,.25);
  box-shadow: 0 21px 25px -15px rgba(0,0,0,.25);
  border-radius: 10px;
  overflow: hidden;
  -webkit-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease
}

.input_parent:hover {
  -webkit-box-shadow: 0 0 10px 3px rgba(239,184,77,.2);
  box-shadow: 0 0 10px 3px rgba(239,184,77,.2)
}

.input_parent label {
  margin-bottom: 0
}

.quiz-result__title {
  font-weight: 700;
  max-width: 100%;
  margin: 35px auto;
  background: #efb84d;
  color: #fff;
  padding: 18px 10px 18px 120px;
  position: relative;
  font-size: 26px;
  line-height: 30px;
  border-radius: 10px
}

.quiz-result--unlocked .quiz-result__title:before {
  background-image: url(../img/unlock.png);
  -webkit-filter: drop-shadow(0 5px 10px rgba(0, 0, 0, .15));
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, .15));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  content: "";
  display: block;
  position: absolute;
  height: 76px;
  width: 57px;
  left: 4%;
  top: -8px
}

.quiz-result--locked .quiz-result__title:before {
  background-image: url(../img/lock.png);
  -webkit-filter: drop-shadow(0 5px 10px rgba(0, 0, 0, .15));
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, .15));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  content: "";
  height: 76px;
  width: 57px;
  display: block;
  position: absolute;
  left: 4%;
  top: -8px
}

.messengers {
  max-width: 290px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: auto
}

.messengers .input_parent {
  border: none;
  margin: 0 5px;
  padding: 10px 0 5px
}

.messengers .form_radio__label-text:before {
  width: 28px;
  height: 28px;
  margin: 0;
  bottom: 10px;
  top: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.messengers .form_radio__label-text {
  font-size: 11px;
  padding: 5px 0 25px;
  text-align: center;
  display: block
}

.messengers .form_radio input:checked+.form_radio__label-text:before {
  background-size: 28px
}

.messenger label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

.mess_icon {
  width: 35px;
  position: relative;
  top: 0;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-filter: grayscale(1) opacity(.5);
  filter: grayscale(1) opacity(.5);
  -webkit-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out
}

.mess_icon:hover {
  -webkit-filter: opacity(.5);
  filter: opacity(.5)
}

.mess_icon.active {
  -webkit-filter: none;
  filter: none
}

.get-user-phone {
  position: relative
}

.form_checkbox--card,.form_radio--card {
  margin-bottom: 17px;
  position: relative
}

.form_checkbox input,.form_radio input {
  display: none
}

.form_checkbox--card label,.form_radio--card label {
  display: block;
  cursor: pointer;
  position: relative;
  margin-right: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-style: normal;
  line-height: 0;
  color: #fff;
  background-color: #333;
  font-size: 0
}

.form_checkbox__label-text:before,.form_radio__label-text:before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: auto;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  background-position: center;
  -webkit-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease
}

.form_radio__label-text:before {
  border-radius: 50%;
  background-image: url(../img/radio-active.svg)
}

.form_checkbox__label-text:before {
  border-radius: 0;
  background-image: url(../img/checkbox-active.svg);

}

.form_checkbox input:checked+.form_checkbox__label-text,.form_radio input:checked+.form_radio__label-text {
  color: #efb84d
}

.form_radio input:checked+.form_radio__label-text:before {
  -webkit-filter: grayscale(0);
  filter: grayscale(0)
}

.form_checkbox input:checked+.form_checkbox__label-text:before,.form_checkbox__label-text.checked:before {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  /*background-image: url(../img/checkbox-active.svg)*/
}

.form_checkbox label:hover:before,.form_radio label:hover:before {
  -webkit-filter: brightness(120%);
  filter: brightness(120%)
}

.form_checkbox__label-text,.form_radio__label-text {
  position: relative;
  display: block;
  padding: 14px 5px;
  font-size: 16px;
  line-height: 18px;
  min-height: 84px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -webkit-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease
}

.form_checkbox__label-text small,.form_radio__label-text small {
  font-size: 9px;
  line-height: 10px
}

.form_radio--card.form_radio--img {
  background: #fff;
  border: 1px solid #efb84d;
  -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.15);
  box-shadow: 0 3px 10px rgba(0,0,0,.15);
  border-radius: 10px;
  overflow: hidden;
  width: 209px;
  max-width: 100%
}

.form_radio--card.form_radio--img label {
  margin-bottom: 0
}

.form_radio--card.form_radio--img img {
  border-bottom: 1px solid #efb84d
}

.form_radio--card.form_radio--img .form_radio__label-text {
  font-size: 11px;
  line-height: 14px;
  font-weight: 500;
  padding: 15px 10px 15px 50px
}

.form_radio--card.form_radio--img .form_radio__label-text:before {
  width: 20px;
  height: 20px;
  left: 18px
}

.form_radio.form_radio--img input:checked+.form_radio__label-text:before {
  background-size: 14px
}

.form_checkbox,.form_radio {
  font-size: 0;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.bottom-menu {
  -webkit-box-shadow: 0 -15px 25px -20px rgba(0,0,0,.8);
  box-shadow: 0 -15px 25px -20px rgba(0,0,0,.8);
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #333;
  z-index: 10;
  -webkit-transition: height .25s ease-out;
  -o-transition: height .25s ease-out;
  transition: height .25s ease-out;
  height: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.bottom-menu.bottom-menu--open {
  height: 100%
}

.bottom-menu--hidden {
  display: none
}

.bottom-menu__header {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: Roboto,sans-serif
}

.bottom-menu__header button {
  margin: 0 5px
}

.bottom-menu__header button img {
  width: 20px;
  margin-left: 5px
}

.bottom-menu__btn-back {
  cursor: pointer;
  width: 66px;
  height: 50px;
  color: #333;
  background: -webkit-gradient(linear,left top,left bottom,from(#828282),to(#333));
  background: -o-linear-gradient(top,#828282 0,#333 100%);
  background: linear-gradient(180deg,#828282 0,#333 100%);
  border: 1px solid #878787;
  -webkit-box-shadow: 0 3px 0 #292929,0 9px 20px -11px rgba(174,174,174,.7);
  box-shadow: 0 3px 0 #292929,0 9px 20px -11px rgba(174,174,174,.7);
  border-radius: 10px;
  outline: 0
}

.bottom-menu__btn--wrap {
  width: 177px;
  height: 50px;
  overflow: hidden
}

.bottom-menu__btn-next {
  cursor: pointer;
  outline: 0;
  text-align: center;
  width: 177px;
  height: 50px;
  background: -webkit-gradient(linear,left top,left bottom,from(#ffd37e),to(#efb84d));
  background: -o-linear-gradient(top,#ffd37e 0,#efb84d 100%);
  background: linear-gradient(180deg,#ffd37e 0,#efb84d 100%);
  border: 1px solid #fdffa5;
  -webkit-box-shadow: 0 3px 0 #392600,0 19px 20px -20px #efb84d;
  box-shadow: 0 3px 0 #392600,0 19px 20px -20px #efb84d;
  border-radius: 10px;
  padding: 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  position: relative;
  overflow: hidden
}

.bottom-menu__btn-next:before {
  content: "";
  position: absolute;
  top: 0;
  width: 17px;
  height: 70%;
  background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.4)),to(rgba(255,255,255,0)));
  background: -o-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
  background: linear-gradient(180deg,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
  left: 10px;
  z-index: 1;
  -webkit-transform: skew(20deg);
  -ms-transform: skew(20deg);
  transform: skew(20deg);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transition: all .1s;
  -o-transition: all .1s;
  transition: all .1s;
  -webkit-animation-name: slideme;
  animation-name: slideme;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.bottom-menu__btn-next:disabled {
  border: 0;
  -webkit-filter: none;
  filter: none;
  cursor: inherit
}

.bottom-menu__btn-next:disabled:hover {
  border: 0;
  -webkit-filter: none;
  filter: none;
  cursor: inherit
}

.ostalos-voprosov__header-text {
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  font-weight: 700;
  padding: 15px 20px 20px;
  text-transform: uppercase
}

.ostalos-voprosov__header-text div {
  color: #efb84d;
  text-transform: none
}

.ostalos-voprosov_dop-params .ostalos-voprosov__header-text {
  margin-top: 20px;
  margin-bottom: 10px
}

.printing_item {
  padding: 0 18px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.printing_item .printed_text {
  color: #efb84d
}

.printing_item b {
  color: #efb84d;
  font-weight: 500
}

.ostalos-voprosov__list {
  counter-reset: myCounter;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px
}

.ostalos-voprosov__list-item {
  list-style: none;
  position: relative;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}

.ostalos-voprosov__list-item span {
  display: inline-block;
  width: 12px;
  margin-right: 2px;
  text-align: left
}

.ostalos-voprosov {
  position: relative;
  background-color: #333;
  border: 1px solid #efb84d;
  -webkit-box-shadow: 0 21px 25px -15px rgba(0,0,0,.25);
  box-shadow: 0 21px 25px -15px rgba(0,0,0,.25);
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 288px;
  -ms-flex: 0 0 288px;
  flex: 0 0 288px;
  max-width: 288px;
  width: 288px;
  margin-left: auto
}

.ostalos-voprosov__title {
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  padding-bottom: 25px
}

.ostalos-voprosov__footer {
  padding: 20px 15px;
  background: #4f4f4f;
  font-size: 14px;
  line-height: 14px
}

.ostalos-voprosov--arr {
  position: relative;
  left: -20px
}

.progress-ring {
  position: absolute;
  top: -13px;
  left: -13px
}

.progress-ring__circle {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}

.progress-circle {
  width: 95px;
  height: 95px;
  background: #333;
  border: 5px solid #333;
  border-radius: 50%;
  position: relative;
  margin: 0 auto;
  margin-bottom: 39px
}

.progress-circle__value {
  width: 85px;
  height: 85px;
  top: 0;
  left: 0;
  position: absolute;
  font-style: normal;
  font-weight: 900;
  font-size: 20px;
  line-height: 85px;
  text-align: center;
  text-transform: uppercase;
  color: #efb84d
}

.progress-circle__complete {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  display: none
}

.progress-ring {
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px
}

#quiz {
  visibility: hidden;
  position: fixed;
  height: 0;
  bottom: 0
}

#quiz input,#quiz textarea {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  padding: 0;
  margin: 0;
  border: none
}

.quiz__question-title.last {
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out
}

.result_phone__title {
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  margin-bottom: 25px;
  font-weight: 500;
  opacity: 0;
  -webkit-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out
}

.result_col-center {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 430px;
  -ms-flex: 0 0 430px;
  flex: 0 0 430px
}

.get-user-phone__content {
  margin-bottom: 45px;
  position: relative;
  padding-left: 30px
}

.get-user-phone__text {
  padding-top: 5px;
  line-height: 18px
}

.small_plus {
  position: absolute;
  left: 0;
  top: 0
}

.get-user-phone__manager {
  height: 92px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 92px;
  -ms-flex: 0 0 92px;
  flex: 0 0 92px;
  margin-left: 25px;
  border-radius: 50%
}

.result_gift {
  color: #efb84d
}

.result_gift--wrap {
  margin-top: 65px
}

.result_gift--title {
  margin-bottom: 15px;
  font-size: 16px
}

.result_gift--item {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 16px
}

.result_gift--item .count {
  border-radius: 50%;
  background-color: #efb84d;
  color: #333;
  font-weight: 500;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20px;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
  max-width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  margin-right: 10px
}

.get-user-phone-btns {
  max-width: 288px;
  margin: auto
}

.get-user-phone-btns input {
  background: #4f4f4f;
  border: 1px solid #828282;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 10px rgba(0,0,0,.1);
  box-shadow: inset 0 1px 10px rgba(0,0,0,.1);
  color: #828282;
  font-size: 14px;
  text-align: center;
  font-weight: 500
}

.get-user-phone-btns input::-webkit-input-placeholder {
  color: #828282
}

.get-user-phone-btns input::-moz-placeholder {
  color: #828282
}

.get-user-phone-btns input:-ms-input-placeholder {
  color: #828282
}

.get-user-phone-btns input::-ms-input-placeholder {
  color: #828282
}

.get-user-phone-btns input::placeholder {
  color: #828282
}

.get-user-phone-btns .button,.get-user-phone-btns input {
  width: 100%;
  margin-top: 15px;
  height: 50px
}

.master_row {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.master_wrap {
  position: relative;
  max-width: 186px;
  margin: auto
}

.master--text {
  position: relative;
  background: #333;
  border: 1px solid #efb84d;
  border-radius: 10px;
  line-height: 16px;
  padding: 9px;
  top: -50px
}

.master__description {
  font-size: 12px;
  line-height: 14px;
  margin-top: 3px
}

.master__img {
  border-radius: 50%
}

.master__title {
  color: #efb84d;
  font-weight: 500
}

.master-text {
  font-size: 18px;
  line-height: 20px
}

.master-text--title {
  font-size: 22px;
  line-height: 26px
}

.s_cost_calc {
  background: #333;
  border: 1px solid #efb84d;
  -webkit-box-shadow: 0 7px 33px rgba(0,0,0,.15);
  box-shadow: 0 7px 33px rgba(0,0,0,.15);
  border-radius: 10px;
  max-width: 748px;
  margin: 40px auto 60px
}

.s_cost__form-title {
  background-color: #efb84d;
  color: #333;
  font-size: 18px;
  line-height: 22px;
  padding: 9px;
  font-weight: 500;
  border-radius: 8px 8px 0 0
}

.s_cost-item {
  max-width: 248px;
  margin: 40px auto 50px;
  position: relative
}

.s_cost-form {
  max-width: 248px;
  margin: -30px auto 30px
}

.s_cost-item--header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.s_cost-item--header img {
  margin: auto;
  border-radius: 10px
}

.s_cost-number {
  position: absolute;
  top: 0;
  left: -20px;
  border-radius: 50%;
  background-color: #efb84d;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 28px;
  color: #333;
  font-weight: 500;
  font-size: 20px
}

.s_cost--video {
  max-width: 198px;
  margin: auto;
  position: relative;
  border-radius: 10px;
  overflow: hidden
}

.s_cost--text {
  font-size: 14px;
  line-height: 16px;
  margin: 15px 0 20px
}

.s_cost--download {
  background: #333;
  border: 1px solid #efb84d;
  -webkit-box-shadow: 0 7px 33px rgba(0,0,0,.15);
  box-shadow: 0 7px 33px rgba(0,0,0,.15);
  border-radius: 10px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto;
  width: 100%;
  padding: 13px 10px 14px;
  font-size: 14px;
  line-height: 16px;
  -webkit-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease
}

.s_cost--download:hover {
  background: #efb84d;
  color: #333;
  text-decoration: none
}

.s_cost--download:hover img {
  -webkit-filter: invert(1) contrast(.5);
  filter: invert(1) contrast(.5)
}

.s_cost--download img {
  margin-left: 10px;
  -webkit-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease
}

.s_cost-download__text {
  font-size: 14px;
  line-height: 16px;
  margin: 15px 0 20px
}

.s_cost-download__text span {
  color: #efb84d
}

.change_number-text {
  font-size: 12px;
  line-height: 14px
}

.change_number-form .button,.change_number-form input {
  margin-top: 15px;
  width: 100%;
  font-size: 12px;
  height: 43px;
  outline: 0
}

.change_number-form input {
  background: #4f4f4f;
  border: 1px solid #828282;
  -webkit-box-shadow: inset 0 1px 10px rgba(0,0,0,.1);
  box-shadow: inset 0 1px 10px rgba(0,0,0,.1);
  border-radius: 10px;
  color: #828282;
  text-align: center
}

.change_number-form input::-webkit-input-placeholder {
  color: #828282
}

.change_number-form input::-moz-placeholder {
  color: #828282
}

.change_number-form input:-ms-input-placeholder {
  color: #828282
}

.change_number-form input::-ms-input-placeholder {
  color: #828282
}

.change_number-form input::placeholder {
  color: #828282
}

.result_price {
  max-width: 748px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 60px auto
}

.result_price--wrap {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 288px;
  -ms-flex: 0 0 288px;
  flex: 0 0 288px;
  max-width: 288px
}

.result--footer {
  color: #efb84d;
  font-weight: 700;
  margin: 10px 0 20px;
  font-size: 14px;
  padding: 0 18px;
}

.result--footer .title {
  padding-right: 10px;
}

.result_price--text {
  padding-left: 60px;
  font-size: 18px;
  line-height: 24px
}

.result_price--title {
  color: #efb84d;
  font-size: 22px;
  line-height: 26px;
  font-weight: 700
}

.result_price--subtitle {
  margin: 20px 0;
  font-weight: 500
}

.result_price--subtitle img {
  margin-right: 15px
}

.result_price--list {
  padding: 0 0 0 25px;
  margin: 0
}

.result_price--footer {
  margin: 25px 0
}

.s_viezd {
  position: relative;
  padding: 35px 0 45px
}

.s_viezd__bg {
  position: absolute;
  width: 100vw;
  height: 100%;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-size: cover;
  background-position: center
}

.viezd__form-title {
  font-size: 22px;
  line-height: 25px;
  margin-bottom: 17px
}

.viezd__manager {
  width: 66px;
  height: 66px;
  margin-left: 20px
}

.viezd__manager img {
  border-radius: 50%
}

.viezd__form-list {
  list-style-type: none;
  padding: 0;
  margin: 0
}

#vieszd-inzhenera input {
  font-size: 12px
}

#vieszd-inzhenera>* {
  width: 248px;
  margin: 20px 15px 0 0
}

.big_slider {
  border: 1px solid #efb84d;
  -webkit-box-shadow: 0 21px 25px -15px rgba(0,0,0,.25);
  box-shadow: 0 21px 25px -15px rgba(0,0,0,.25);
  border-radius: 10px;
  padding: 30px;
  margin-top: 40px;
  position: relative;
  z-index: 1
}

.big_slider-item {
  position: relative;
  background: #333
}

.big_slider-item .button {
  width: 248px;
  font-size: 16px;
  margin-top: 20px
}

.big_slider-item .tnt_video {
  max-width: 218px
}

.big_slider-item .tnt_video._play:before {
  width: 25%
}

.big_slider-item .row {
  width: 100%;
  margin: auto
}

.big_slider-item .col-lg-6 {
  padding: 0
}

.big_slider-gal .col-6 {
  padding: 0 2px
}

.big_slider-gal a {
  display: block;
  background-size: cover;
  background-position: center;
  border-radius: 4px;
  margin: 2px
}

.gallery_left a:first-child {
  padding-top: 115%;
  margin-bottom: 8px
}

.gallery_left a:last-child {
  padding-top: 75%
}

.gallery_right a:first-child {
  padding-top: 75%;
  margin-bottom: 8px
}

.gallery_right a:last-child {
  padding-top: 115%
}

.big_slider-descr {
  padding: 0 30px;
  font-size: 14px;
  line-height: 16px
}

.big_slider-title {
  font-size: 20px;
  line-height: 22px
}

.big_slider-prop {
  padding: 15px 0
}

.prop_item {
  width: 49%
}

.prop_item img {
  margin-right: 15px
}

.task_title {
  margin: 15px 0 10px;
  color: #efb84d;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500
}

.s_title {
  font-size: 22px;
  line-height: 25px;
  font-weight: 700;
  text-align: center
}

.social__title {
  margin: 60px 0 30px;
  color: #efb84d
}

.videos__item {
  position: relative;
  max-width: 100%
}

.res_hr {
  margin: 60px 0;
  border: none;
  background: #efb84d;
  height: 1px
}

.social__text {
  margin: 0 0 40px;
  text-align: center;
  font-size: 18px;
  line-height: 20px
}

.social__buttons {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 60px
}

.social__button {
  margin: 0 13px
}

.s_vr {
  position: relative;
  padding: 40px 0 53px;
  max-width: 664px;
  margin: auto;
  z-index: 1
}

.s_vr:before {
  position: absolute;
  content: "";
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #3d3d3d;
  z-index: -1
}

.s_vr .s_vr--advs-title {
  font-weight: 400
}

.s_vr--image {
  position: relative;
  margin: 40px auto 50px
}

.vr_bg {
  margin: auto;
  border-radius: 5px
}

.vr_lamp {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%)
}

.s_vr--advs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.s_vr--adv {
  position: relative;
  padding-left: 60px;
  margin-top: 30px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 48%;
  -ms-flex: 0 1 48%;
  flex: 0 1 48%;
  max-width: 48%;
  line-height: 18px
}

.s_vr--adv .text {
  font-size: 12px;
  line-height: 16px;
  margin-top: 15px
}

.s_vr--adv .icon {
  position: absolute;
  left: 0;
  top: 0
}

.s_subtitle {
  font-size: 18px;
  line-height: 20px;
  margin: 25px 0 50px
}

.s_masters {
  padding-top: 60px
}

.masters_slider {
  max-width: 780px;
  margin: auto
}

.master_slider-item {
  text-align: center;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  z-index: 1
}

.master_slider-item:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: -webkit-gradient(linear,left top,left bottom,from(rgba(51,51,51,.2)),to(#222));
  background: -o-linear-gradient(top,rgba(51,51,51,.2) 0,#222 100%);
  background: linear-gradient(180deg,rgba(51,51,51,.2) 0,#222 100%);
  -webkit-transition: opacity .35s ease;
  -o-transition: opacity .35s ease;
  transition: opacity .35s ease
}

.masters_slider-name {
  background-color: #efb84d;
  color: #333;
  line-height: 18px;
  padding: 13px 5px 14px
}

.s_quality-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 50px
}

.s_quality-item {
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 16px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 270px;
  -ms-flex: 0 0 270px;
  flex: 0 0 270px
}

.s_quality-item .number {
  background-color: #efb84d;
  border-radius: 50%;
  color: #333;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30px;
  -ms-flex: 0 0 30px;
  flex: 0 0 30px;
  height: 30px;
  margin-right: 20px;
  font-size: 18px;
  font-weight: 700
}

.s_quality-control {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.s_quality-control .phone {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 174px;
  -ms-flex: 0 0 174px;
  flex: 0 0 174px;
  max-width: 35%;
  margin-right: 10%;
  margin-bottom: 30px
}

.prorab {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 245px;
  -ms-flex: 0 0 245px;
  flex: 0 0 245px;
  max-width: 65%
}

.prorab__img {
  border-radius: 50%;
  border: 3px solid #fff;
  width: 100px;
  height: 100px;
  margin: 20px auto
}

.prorab__text {
  font-size: 14px;
  line-height: 16px
}

.prorab__text--accent {
  font-size: 16px;
  color: #efb84d;
  position: relative;
  margin: 15px 0 20px
}

.pr_arr {
  position: absolute;
  top: calc(100% + 20px);
  right: 60%
}

.sro-items {
  max-width: 700px;
  margin: auto
}

.sro-items .col-4 {
  padding: 0 5px
}

.sro-item {
  position: relative;
  border-radius: 10px;
  overflow: hidden
}

.sro-item-title {
  background-color: #efb84d;
  color: #333;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0
}

.sro-item-title img {
  -webkit-transition: all .8s ease;
  -o-transition: all .8s ease;
  transition: all .8s ease
}

.sro-item-title:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.goto__main-btn {
  margin-top: 35px;
  width: 248px;
  font-size: 16px
}

.slick-next,.slick-prev {
  z-index: 2;
  width: 30px;
  height: 30px;
  -webkit-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  border-radius: 50%
}

.slick-prev {
  left: -15px
}

.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover {
  -webkit-filter: grayscale(1);
  filter: grayscale(1)
}

.slick-prev:before {
  display: none
}

.slick-next {
  right: -15px
}

.slick-next:before {
  display: none
}

.slick-next img {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.slick-dots li {
  width: 10px;
  height: 10px
}

.slick-dots li button:before {
  color: #c4c4c4;
  font-size: 12px
}

.slick-dots li.slick-active button:before {
  color: #efb84d
}

.masters_slider .slick-slide,.social_video-slider .slick-slide {
  -webkit-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
  -webkit-transform: scale(.9);
  -ms-transform: scale(.9);
  transform: scale(.9);
  margin: 30px auto 20px
}

.masters_slider .slick-current.slick-active+.slick-active,.social_video-slider .slick-current.slick-active+.slick-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.masters_slider .slick-current.slick-active+.slick-active:before {
  opacity: 0
}

@media (max-width: 991px) {
  .slick-dotted.slick-slider {
    margin-bottom:50px
  }

  .slick-next {
    right: -10px
  }

  .slick-prev {
    left: -10px;
    width: 40px;
    height: 40px
  }

  .slick-next {
    width: 40px;
    height: 40px
  }

  .slick-next img,.slick-prev img {
    max-width: 100%
  }
}

.modal_window {
  display: none;
  width: 1065px;
  max-width: 98%;
  margin: auto;
  padding: 40px;
  border-radius: 10px;
  background-color: #333;
  border: 1px solid #efb84d
}

.modal_window .button {
  margin-bottom: 0;
  width: 100%;
  height: 50px
}

.modal_window .form-input:not(:last-of-type) {
  margin-bottom: 20px
}

.modal_window .form-input input {
  margin-bottom: 0;
  text-align: center;
  background: #4f4f4f;
  border: 1px solid #828282;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 10px rgba(0,0,0,.1);
  box-shadow: inset 0 1px 10px rgba(0,0,0,.1);
  border-radius: 10px;
  font-size: 14px;
  line-height: 16px;
  color: #828282;
  height: 43px
}

.modal_window .form-input input::-webkit-input-placeholder {
  color: #828282
}

.modal_window .form-input input::-moz-placeholder {
  color: #828282
}

.modal_window .form-input input:-ms-input-placeholder {
  color: #828282
}

.modal_window .form-input input::-ms-input-placeholder {
  color: #828282
}

.modal_window .form-input input::placeholder {
  color: #828282
}

.modal_window .goto__main-btn {
  text-transform: none;
  font-size: 14px
}

.mdl-form-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.mdl-right {
  min-width: 394px;
  max-width: 100%;
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,.22);
  box-shadow: 0 0 20px rgba(0,0,0,.22);
  border-radius: 6px;
  padding: 35px 20px
}

.mdl-left-title {
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 30px
}

.mdl-left-subtitle {
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 10px
}

.mdl-left-list {
  margin: 24px 0;
  line-height: 20px;
  max-width: 500px
}

.mdl-left-list span {
  display: block;
  margin-bottom: 5px
}

.mdl-left-list .bull {
  position: relative;
  top: 2px
}

.success .thank_you {
  font-size: 18px;
  line-height: 22px;
  text-align: left
}

.success .thank_you p {
  margin-bottom: 2px
}

.modal_window.info {
  width: 340px;
  max-width: 98%
}

.modal_window.info p {
  text-align: center
}

.modal_window.info p:last-child {
  margin-bottom: 0
}

.modal_window.success {
  width: 400px;
  max-width: 98%
}

.thank_you-titile {
  color: #efb84d;
  font-size: 20px;
  line-height: 22px;
  margin-bottom: 15px;
  text-align: center;
  font-weight: 500
}

.thank_you-text {
  font-size: 16px;
  line-height: 20px
}

@media (max-width: 1024px) {
  .mdl-left-list {
    margin:0 0 25px
  }

  .mdl-left-list br {
    display: none
  }

  .mdl-left-list,.mdl-left-subtitle {
    text-align: left;
    font-size: 14px;
    line-height: 18px
  }

  .mdl-left-title {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 20px
  }

  .mdl-left-title br {
    display: none
  }

  .mdl-left-title .accent {
    display: block
  }

  .modal_window {
    width: 440px;
    padding: 30px 20px
  }

  .modal_window .col-lg-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  #modal-1 .mdl-form {
    margin: auto
  }

  .mdl-right {
    padding: 0 15px;
    min-width: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .mdl-left {
    text-align: center
  }

  .mdl-form-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media (max-width: 575px) {
  .success .thank_you {
    padding:0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    line-height: 20px
  }
}

.file_label {
  font-size: 14px;
  line-height: 16px
}

.file_label img {
  margin: 0 5px 0 10px;
  display: block
}

.form-file {
  font-size: 0;
  position: relative;
  border: 1px solid #828282;
  background: #4f4f4f;
  border-radius: 10px;
  height: 43px
}

span.file-text {
  width: calc(100% - 109px);
  color: #828282;
  text-align: center;
  line-height: 43px;
  padding-top: 0;
  padding-left: 10px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap
}

span.file-text small {
  display: block
}

.form-file>* {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 16px;
  height: 100%
}

span.btn-span {
  font-size: 14px;
  line-height: 43px;
  width: 109px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 43px;
  background: -webkit-gradient(linear,left top,left bottom,from(#ffd37e),to(#efb84d));
  background: -o-linear-gradient(top,#ffd37e 0,#efb84d 100%);
  background: linear-gradient(180deg,#ffd37e 0,#efb84d 100%);
  border: 1px solid #fdffa5;
  font-weight: 700;
  text-align: center;
  color: #333;
  border-radius: 10px
}

.form-file input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 4
}

.form-input input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%
}

@media (min-width: 1024px) {
  .bottom-menu,.main_header--mob .arrow_close,.main_header--mob .logo__descr,.second__header {
    display:none
  }

  .quiz-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }
}

@media (min-width: 1200px) {
  .container {
    max-width:1124px
  }
}

@media (min-width: 1416px) {
  .video-play {
    width:90px;
    height: 90px
  }

  .video-play:before {
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 14px solid #fff
  }

  .video {
    left: auto;
    margin-left: -152px;
    width: 250px;
    bottom: 50px;
    height: 283px;
    left: auto;
    margin-left: -152px;
    top: calc(100% - 210px);
    position: -webkit-sticky;
    position: sticky
  }

  .video:before {
    padding-bottom: 180px
  }

  .video.video-open {
    max-width: initial;
    width: 1000px;
    height: 540px;
    top: calc(100% - 570px)
  }
}

@media (max-width: 1199px) {
  .quiz.quiz--result {
    width:100%
  }
}

@media (max-width: 1024px) {
  .quiz__footer {
    margin-bottom:70px
  }

  .site-header {
    padding: 100px 0 25px
  }

  .fixed-header-mobile {
    padding: 20px 0
  }

  .header-right .f_iframe {
    font-size: 12px
  }

  .header-right .f_iframe span {
    margin: 0;
    border-bottom: 1px solid #efb84d
  }

  .fixed-header-mobile .header-right a {
    margin: 0;
    padding: 0
  }

  .fixed-header-mobile .header-right a img {
    display: none
  }

  .header_phone {
    font-size: 14px;
    line-height: 16px
  }

  .header_phone:before {
    width: 5px;
    height: 5px;
    top: 5px;
    left: -10px
  }

  .header-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #efb84d;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 20px 15px 0;
    margin-top: 20px;
    width: 100%
  }

  .main_header--mob {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
    width: 100%;
    font-size: 12px;
    line-height: 14px
  }

  .main_header--mob .arrow_right {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  .main_header--mob .logo__wrap {
    width: 106px;
    margin: 0 20px 0 auto
  }

  .main_header--mob .logo__wrap img {
    max-width: 100%
  }

  .second__phone {
    margin-right: 15px
  }

  .main_header {
    position: fixed;
    padding: 18px 0;
    background-color: #333;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .main_header.active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }

  .header__title {
    font-size: 22px;
    line-height: 28px
  }

  .header__subtitle {
    font-size: 16px;
    line-height: 18px;
    margin-top: 35px
  }
}

@media (max-width: 991px) {
  .fixed-header-mobile .header-right {
    -webkit-box-align:center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }

  .quiz__question {
    margin: 0 15px
  }

  .master-text {
    text-align: center;
    font-size: 16px;
    line-height: 20px
  }

  .master-text--title {
    font-size: 18px;
    line-height: 20px
  }

  .quiz-result--unlocked .quiz-result__title {
    padding-left: 90px
  }

  .quiz-result--unlocked .quiz-result__title:before {
    left: 20px
  }

  .quiz-result__title {
    margin: 0;
    padding-left: 80px
  }

  .quiz-result--locked .quiz-result__title:before {
    left: 10px
  }

  .quiz.quiz--result {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
  }

  .ostalos-voprosov--arr {
    left: 0
  }

  .quiz__question--right {
    width: 30%;
    margin-left: 18px
  }

  .ostalos-voprosov {
    max-width: 100%
  }

  .quiz__question--left {
    width: 100%;
    position: relative
  }

  .header__cta {
    font-size: 16px;
    line-height: 18px;
    margin: 30px 0 25px
  }

  .quiz__header-text {
    font-size: 24px;
    line-height: 28px;
    padding: 0 0 25px
  }

  .quiz__questions .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .quiz__questions .col {
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
  }

  .quiz__questions .first-col {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
  }

  .get-user-phone {
    max-width: 400px;
    margin: auto
  }

  .hidden_desctop {
    display: block
  }

  .result_gift--wrap {
    width: 288px;
    margin: 20px auto 25px
  }

  .quiz__conacts-sm {
    width: 288px;
    margin: auto;
    text-align: center;
    line-height: 18px
  }

  .result_phone-img {
    width: 153px;
    margin: 20px auto
  }

  .tnt_video._play:before {
    width: 44px;
    height: 44px
  }

  .get-user-phone__content {
    font-size: 14px;
    line-height: 16px
  }

  .small_plus {
    width: 15px;
    top: 0
  }

  .get-user-phone__content {
    padding-left: 25px;
    margin-bottom: 20px
  }

  .get-user-phone__manager {
    height: 73px;
    margin-left: 5px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 73px;
    -ms-flex: 0 0 73px;
    flex: 0 0 73px
  }

  .get-user-phone__text {
    padding-top: 0
  }

  .progress-circle {
    margin-bottom: 20px
  }

  .quiz-result__title {
    font-size: 22px;
    line-height: 28px
  }

  .quiz-result__title__container {
    margin: 15px auto 0
  }

  .quiz-bg.quiz-bg--last-question {
    padding-bottom: 110px
  }

  .qiuz_wrap .container {
    padding: 0
  }

  .quiz-result__locked-hidden,.quiz__header {
    padding: 0 15px
  }

  .master_wrap {
    margin: 25px 0 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: none
  }

  .master_wrap img {
    width: 95px
  }

  .master--text {
    border: none;
    padding: 0;
    top: auto;
    text-align: left;
    margin-left: 10px
  }

  .result_price--title {
    font-size: 18px;
    line-height: 22px
  }

  .result_price--subtitle {
    margin: 15px 0 20px
  }

  .result_price--text {
    padding-left: 20px;
    font-size: 14px;
    line-height: 16px
  }

  .result_price--subtitle img {
    width: 27px
  }

  .result_price--footer {
    margin: 20px 0 0
  }

  .result_price {
    margin: 20px 0 40px
  }

  .s_viezd {
    padding: 24px 0 30px
  }

  .s_viezd form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .viezd__form-title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px
  }

  .viezd__manager img {
    width: 49px
  }

  .viezd__form-list {
    font-size: 14px;
    line-height: 16px
  }

  .big_slider {
    padding: 25px 15px
  }

  .big_slider .slick-next {
    width: 30px;
    height: 30px;
    top: 0;
    left: 50%;
    margin-left: -15px;
    bottom: auto
  }

  .big_slider .slick-prev {
    width: 30px;
    height: 30px;
    top: auto;
    bottom: -30px;
    left: 50%;
    margin-left: -15px
  }

  .big_slider-descr {
    padding: 20px 0 10px
  }

  .big_slider-title {
    font-size: 14px;
    line-height: 16px
  }

  .big_slider-task {
    display: none
  }

  .big_slider-item .button {
    margin-top: 0
  }

  .prop_item {
    font-size: 12px
  }

  .prop_item img {
    width: 24px;
    margin-right: 5px
  }

  .social__title {
    margin: 45px 0 20px
  }

  .social__subtitle,.social__title {
    font-size: 18px;
    line-height: 22px
  }

  .s_vr {
    padding: 20px 0
  }

  .s_title {
    font-size: 18px;
    line-height: 20px
  }

  .s_vr--image {
    margin: 20px auto
  }

  .vr_lamp {
    width: 24%;
    top: -10%
  }

  .s_vr--adv {
    padding-left: 54px;
    font-size: 14px;
    line-height: 18px;
    margin-top: 20px
  }

  .s_vr--adv {
    max-width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
  }

  .s_vr--adv .text {
    margin-top: 10px
  }

  .s_subtitle {
    font-size: 14px;
    line-height: 16px;
    margin: 20px 0 25px
  }

  .s_masters {
    padding: 30px 0 1px
  }
}

@media (max-width: 768px) {
	.masters_slider-name{
		font-size: 14px;
		line-height: 14px;
	}
  .icon_info {
    display:none
  }

  .icon_info.mob {
    display: block
  }

  .form_radio--card.last--3 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
  }

  .design_hidden--inputs {
    margin-bottom: 10px
  }

  .result_price--wrap {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin-bottom: 30px
  }

  .result_price--text {
    padding: 0
  }

  .result_price {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }

  .result_price .ostalos-voprosov {
    margin: auto
  }

  .master-text {
    text-align: center;
    font-size: 14px;
    line-height: 18px
  }

  .master-text--title {
    font-size: 16px;
    line-height: 20px
  }

  .quiz-result__title {
    font-size: 20px;
    line-height: 22px
  }

  .fixed-header-mobile .header-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }

  .quiz__footer--main {
    max-width: 100%;
    padding: 0
  }

  .quiz__footer-title {
    font-size: 18px;
    line-height: 22px;
    margin: 25px auto
  }

  .subfooter {
    padding: 15px 0 25px
  }

  .subfooter .inn,.subfooter a {
    font-size: 10px;
    line-height: 12px;
    margin-top: 10px
  }

  .tnt_video._play:before {
    width: 44px;
    height: 44px
  }

  .quiz__footer {
    overflow-x: hidden
  }

  .quiz__footer-videos .tnt_video {
    max-width: none;
    width: 45vw;
    margin: 7px
  }

  .quiz__footer-videos .tnt_video img {
    margin: auto
  }

  .quiz__question-title--wrap {
    margin-bottom: 20px
  }

  .quiz__question-manager--text {
    bottom: -50px
  }

  .quiz__question-manager {
    width: 100px;
    font-size: 10px;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0
  }

  .quiz__question-title {
    font-size: 18px;
    line-height: 22px;
    margin: 0
  }

  .quiz__question-subtitle {
    font-size: 14px;
    line-height: 16px;
    margin: 15px 0
  }

  .form_checkbox--card,.form_radio--card {
    margin-bottom: 10px
  }

  .js-quiz__question--1 .form_checkbox__label-text:before,.js-quiz__question--1 .form_radio__label-text:before,.js-quiz__question--2 .form_checkbox__label-text:before,.js-quiz__question--2 .form_radio__label-text:before,.js-quiz__question--3 .form_checkbox__label-text:before,.js-quiz__question--3 .form_radio__label-text:before {
    left: -2px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%)
  }

  .js-quiz__question--1 .form_checkbox__label-text,.js-quiz__question--1 .form_radio__label-text,.js-quiz__question--2 .form_checkbox__label-text,.js-quiz__question--2 .form_radio__label-text,.js-quiz__question--3 .form_checkbox__label-text,.js-quiz__question--3 .form_radio__label-text {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 10px 0 10px 50px;
    text-align: left;
    min-height: auto
  }

  .js-quiz__question--1 .form_checkbox__label-text br,.js-quiz__question--1 .form_radio__label-text br,.js-quiz__question--2 .form_checkbox__label-text br,.js-quiz__question--2 .form_radio__label-text br,.js-quiz__question--3 .form_checkbox__label-text br,.js-quiz__question--3 .form_radio__label-text br {
    display: none
  }

  .js-quiz__question--5 .form_radio__label-text {
    min-height: 64px
  }

  .js-quiz__question--4 .form_radio__label-text:before {
    left: -2px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%)
  }

  .js-quiz__question--4 .form_radio__label-text {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 10px 0 10px 35px;
    text-align: left;
    min-height: auto
  }

  .js-quiz__question--4 .form_radio__label-text br {
    display: none
  }

  .form_checkbox__label-text,.form_radio__label-text {
    font-size: 14px;
    line-height: 16px
  }

  .quiz__question-question-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .quiz__question-question-body .quiz__question--left,.quiz__question-question-body .quiz__question--right {
    width: 100%;
    margin: 0
  }

  .ostalos-voprosov {
    margin: 10px auto
  }

  .messengers .input_parent {
    min-height: 80px
  }

  .messengers .form_radio__label-text {
    padding-bottom: 50px
  }

  .js-quiz__question--1 .input_parent,.js-quiz__question--2 .input_parent,.js-quiz__question--3 .input_parent {
    border: none;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none
  }

  .js-quiz__question--1 .input_parent img,.js-quiz__question--2 .input_parent img,.js-quiz__question--3 .input_parent img {
    display: none
  }

  .js-quiz__question--4 .input_parent.form_radio {
    border: none;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none
  }

  .js-quiz__question--4 .input_parent.form_radio img {
    display: none
  }

  .js-quiz__question--4 .form_checkbox__label-text:before,.js-quiz__question--4 .form_radio__label-text:before,.js-quiz__question--5 .form_checkbox__label-text:before,.js-quiz__question--5 .form_radio__label-text:before {
    width: 28px;
    height: 28px
  }

  .js-quiz__question--4 .form_checkbox__label-text,.js-quiz__question--4 .form_radio__label-text,.js-quiz__question--5 .form_checkbox__label-text,.js-quiz__question--5 .form_radio__label-text {
    font-size: 12px;
    line-height: 14px
  }

  .js-quiz__question--4 .quiz__question-question-body,.js-quiz__question--5 .quiz__question-question-body {
    margin-top: 70px
  }

  .quiz__header-steps {
    padding: 4px 0;
    border-width: 1px;
    margin-bottom: 45px
  }

  .quiz__header-steps-step-text {
    top: 25px
  }

  .quiz__header-steps-step:before {
    height: 10px
  }

  .quiz__header-steps-step-text {
    font-size: 14px;
    line-height: 16px
  }

  .header_gift {
    padding: 25px 25px 20px;
    font-size: 14px;
    line-height: 16px
  }

  .quiz__header-text {
    font-size: 20px;
    line-height: 22px
  }

  .quiz-bg {
    padding-bottom: 20px
  }

  .get-user-phone__content {
    font-size: 12px;
    line-height: 14px
  }

  #question-2-textarea-1 {
    margin: -10px 0 15px
  }
}

@media (max-width: 575px) {
  .sro-item-title {
    font-size:10px;
    line-height: 12px;
    padding: 10px 4px 4px;
    height: auto
  }

  .s_quality-control {
    margin-bottom: 30px
  }

  .pr_arr {
    width: 80px;
    top: calc(100% + 5px);
    right: 65%
  }

  .s_quality-control .phone {
    width: 40%;
    margin: 0
  }

  .prorab__text,.prorab__text--accent {
    font-size: 12px;
    line-height: 14px
  }

  .prorab__text .text,.prorab__text--accent .text {
    width: 135px;
    margin: auto
  }

  .prorab__img {
    width: 80px;
    height: 80px;
    margin: 0 auto 15px
  }

  .s_quality-item {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
  }

  .s_quality-items {
    margin-top: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .s_title {
    font-size: 14px;
    line-height: 16px
  }

  .social__button {
    height: 30px
  }

  .social__button img {
    max-height: 100%
  }

  .social__text {
    font-size: 14px;
    line-height: 16px;
    width: 165px;
    margin: 0 auto 25px
  }

  .social__text br {
    display: none
  }

  .slick-dotted.slick-slider {
    margin-bottom: 30px
  }

  .res_hr {
    margin: 30px 0
  }

  .slick-dots li button:before {
    font-size: 8px
  }

  .masters_slider,.social_video-slider {
    margin: 0 -15px;
    padding-top: 15px
  }

  .masters_slider-name {
    font-size: 9px;
    line-height: 11px;
    padding: 4px 4px 7px
  }

  .masters_slider .slick-slide,.social_video-slider .slick-slide {
    margin: 10px 2px;
    width: 50vw;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
  }

  .masters_slider .slick-slide img,.social_video-slider .slick-slide img {
    width: 100%
  }

  .masters_slider .slick-slide.slick-center,.social_video-slider .slick-slide.slick-center {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }

  .masters_slider .slick-slide.slick-center:before,.social_video-slider .slick-slide.slick-center:before {
    opacity: 0
  }

  .social__subtitle,.social__title {
    font-size: 14px;
    line-height: 16px
  }

  .prop_item {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
  }

  .prop_item:first-of-type {
    padding-right: 5px
  }

  .viezd__form-title {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0
  }

  .result_price--title {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 20px;
    text-align: center
  }

  .s_cost-form {
    margin-top: 20px;
    font-size: 12px;
    line-height: 14px;
    max-width: 100%;
    padding: 0 20px
  }

  .s_cost--download {
    margin-top: 10px;
    font-size: 10px;
    line-height: 12px;
    padding: 8px
  }

  .s_cost--video,.s_cost-item--header img {
    width: 82px;
    margin-right: 15px
  }

  .s_cost--video:before,.s_cost-item--header img:before {
    width: 20px
  }

  .s_cost--text {
    text-align: left;
    width: 50%;
    margin: 0;
    font-size: 10px;
    line-height: 12px
  }

  .s_cost-item {
    margin: 10px auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 0 20px 0 66px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%;
    font-size: 10px;
    line-height: 12px
  }

  .s_cost-item.first {
    padding-top: 20px
  }

  .s_cost-item.first .s_cost-number {
    top: 35px
  }

  .s_cost-number {
    left: 20px;
    top: 20px
  }

  .s_cost__form-title {
    font-size: 14px;
    line-height: 16px;
    padding: 5px
  }

  .s_cost_calc {
    margin: 15px 0 30px
  }

  .master__title {
    font-size: 12px;
    line-height: 14px
  }

  .master__description {
    font-size: 9px;
    line-height: 12px
  }

  .master-text {
    text-align: center;
    font-size: 12px;
    line-height: 14px
  }

  .master-text--title {
    font-size: 14px;
    line-height: 18px
  }

  .quiz-result__title {
    font-size: 15px;
    line-height: 17px;
    border-radius: 0
  }

  .quiz-result__title:after {
    position: absolute;
    content: "";
    width: 100vw;
    height: 100%;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
  }

  .file_label {
    font-size: 12px;
    line-height: 14px
  }

  .modal_window .form-input:not(:last-of-type) {
    margin-bottom: 15px
  }

  .quiz__question-title.last {
    font-size: 14px;
    line-height: 18px;
    margin: 0 auto 20px
  }

  .result_phone__title {
    font-size: 14px;
    line-height: 16px;
    margin: 0 auto 15px
  }

  .tnt_video._play:before {
    width: 33px;
    height: 33px
  }

  body input,body textarea {
    font-size: 14px;
    padding: 10px
  }

  #vieszd-inzhenera {
    padding-top: 10px
  }

  #vieszd-inzhenera button {
    font-size: 12px
  }

  #vieszd-inzhenera>* {
    margin: 15px 0 0
  }

  #vieszd-inzhenera input {
    font-size: 12px;
    text-align: center
  }

  .quiz__question-manager {
    width: 73px
  }

  .quiz__footer-title {
    font-size: 14px;
    line-height: 16px
  }

  .quiz__question-title {
    font-size: 14px;
    line-height: 16px;
    margin: 0
  }

  .quiz__question-subtitle {
    font-size: 11px;
    line-height: 13px;
    margin: 10px 0
  }

  .second__header {
    padding: 0 15px
  }

  .fixed-header-mobile .container {
    padding: 0
  }

  .quiz__header-steps-step:before {
    height: 8px
  }

  .quiz__header-steps-step-text {
    font-size: 12px;
    line-height: 14px
  }

  .quiz__header-text {
    font-size: 16px;
    line-height: 18px
  }

  .plus_icon {
    left: -10px;
    width: 19px;
    top: 24px
  }

  .header_gift__title {
    padding: 0;
    font-size: 12px
  }

  .header_gift__title br {
    display: none
  }

  .header_gift {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    max-width: 226px;
    margin: auto;
    padding: 13px 25px 5px
  }

  .header_gift__text {
    position: relative;
    margin: 15px 0
  }

  .header_gift__text:before {
    position: absolute;
    content: "";
    width: 15px;
    height: 25px;
    left: -10px;
    top: 15px;
    background-image: url(../img/small_header_gift_arr.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
  }

  .header_gift__text:after {
    position: absolute;
    content: "";
    width: 15px;
    height: 25px;
    right: -10px;
    top: 15px;
    background-image: url(../img/small_header_gift_arr.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
  }

  .header_gift__text img {
    display: none
  }

  .header_gift-right {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 140px;
    -ms-flex: 0 0 140px;
    flex: 0 0 140px
  }

  .header__rating {
    position: relative;
    width: 218px;
    margin: auto
  }

  .header__rating-items {
    margin: 10px auto 0;
    padding-bottom: 35px;
    position: relative;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .rating_icon {
    width: 31px
  }

  .header__rating-text {
    width: 115px;
    font-size: 14px;
    line-height: 16px;
    position: absolute;
    right: 0;
    top: 15px
  }

  .header__rating-item--point {
    font-size: 26px;
    line-height: 17px;
    margin-bottom: 5px
  }

  .header__rating-item {
    font-size: 8px;
    line-height: 12px;
    padding: 32px 6px 10px;
    margin: 15px 0 0;
    min-width: 90px
  }

  .header__rating-item:first-of-type {
    z-index: 1;
    position: relative
  }

  .header__rating-item:last-of-type {
    position: absolute;
    top: 45px;
    left: 72px
  }

  .header__rating-item .bottom--text {
    font-size: 10px
  }

  .button {
    padding: 12px 5px
  }

  .header__cta--btn .button {
    width: 288px;
    font-size: 16px;
    height: 50px
  }

  .header__cta {
    font-size: 14px;
    line-height: 16px;
    margin: 25px 0 20px
  }

  .header__subtitle {
    font-size: 14px;
    line-height: 16px;
    margin-top: 25px
  }

  .header__title {
    font-size: 18px;
    line-height: 22px
  }

  .site-header {
    padding: 82px 0 25px
  }

  .logo__wrap {
    margin-left: 0;
    width: 106px
  }

  .quiz__question {
    margin: 0 15px
  }
}

@media (max-width: 480px) {
  .masters_slider .slick-slide,.social_video-slider .slick-slide {
    width:60vw
  }
}

.s_vr--image a {
  display: block;
}

.task_title a {
  position: relative;
  display: flex;
  align-items: center;
  color: inherit;
}

.task_title {
  display: flex;
  align-items: center;
}

.task_title img {
  margin-right: 10px;
}

@media(max-width: 575px) {
  .masters_slider .slick-arrow {
    top: 110%;
    width: 50px;
    height: 50px
  }

  .masters_slider .slick-arrow img {
    object-fit: cover;
    width: 40px
  }

  .masters_slider .slick-prev {
    left: 50px
  }

  .masters_slider .slick-next {
    right: 50px
  }

  .masters_slider {
    margin-bottom: 50px
  }
}
@media(min-width: 575px){
	.masters_slider .slick-next{
  top: 51%;
  right: 2%;
  width: 30%;
  height: 80%;
  opacity: 0;
	}
}
.get-user-phone__iphone {
  position: relative;
  width: 220px;
  padding-top: 143%;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: auto;
}
.get-user-phone__iphone video {
  position: absolute;
  left: 18%;
  width: 62.5%;
  height: 80%;
  top: 10%;
  border-radius: 0 0 20px 20px;
  right: 12%;
  transform: rotate(-7deg);
}
.get-user-phone__iphone {
  display: none;
}
@media(max-width: 991px){
  .get-user-phone__iphone {
  display: block;
}
.result_phone-img .iphone_mokup{
  display: none
}
	.result_phone-img{
		  width: 292px;
	}
	.get-user-phone__iphone{
		width: 300px;
		padding-top: 155%;
	}
	.get-user-phone__iphone video {
    display: block;
	  left: 18.1%;
	  width: 61%;
	  height: 80%;
	  top: 12%;
	  transform: rotate(-6.7deg);
	}
}