@font-face {
  font-family: 'PT Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local(''),
    url('../fonts/pt-sans-v17-latin-ext-regular.woff2') format('woff2'),
    url('../fonts/pt-sans-v17-latin-ext-regular.woff') format('woff');
}

@font-face {
  font-family: 'PT Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: local(''),
    url('../fonts/pt-sans-v17-latin-ext-700.woff2') format('woff2'),
    url('../fonts/pt-sans-v17-latin-ext-700.woff') format('woff');
}

@font-face {
  font-family: 'digital';
  font-display: swap;
  src: local(''),
    url('../fonts/digital-webfont.woff2') format('woff2'),
    url('../fonts/digital-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.nowrap {
  white-space: nowrap;
}

:active,
:focus,
:hover,
:visited,
a,
a:active,
a:focus,
a:hover,
a:visited {
  outline: 0 !important;
}

::-moz-focus-inner,
::-moz-focus-outer {
  border: 0;
  padding: 0;
}

input:invalid,
textarea:invalid {
  outline: none;
  box-shadow: none;
}

input[type='number'] {
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
}

a,
b,
body,
dd,
div,
footer,
form,
h1,
h2,
h3,
header,
html,
i,
img,
li,
nav,
object,
output,
p,
s,
section,
span,
strong,
u,
ul,
var {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline
}

.slick-slide img,
footer,
header,
nav,
section {
  display: block
}

body {
  line-height: 1;
  font-family: 'PT Sans', sans-serif;
  font-size: 14px;
  overflow-x: hidden;
  color: #000
}


ul {
  list-style: none
}

br {
  font-size: 0
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.slick-dots li button:focus,
.slick-dots li button:hover,
.slick-list:focus,
button,
button:focus,
input,
input:focus {
  outline: 0
}

a {
  text-decoration: none
}

button {
  border: 0
}

::-moz-focus-inner,
::-moz-focus-outer {
  border: 0;
  padding: 0
}

a:-moz-focusring,
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000
}


a,
a:active,
a:focus,
a:hover,
a:visited {
  outline: 0 !important
}

::-moz-focus-inner {
  border: 0;
  outline: 0
}

.slick-slider {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider,
.slick-track {
  position: relative;
  display: block
}

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list.dragging {
  cursor: pointer;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slick-track {
  top: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto
}

.slick-track:after,
.slick-track:before {
  display: table;
  content: ''
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

.slick-loading .slick-list {
  background: #fff
}

.slick-next,
.slick-prev {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: 0;
  background: 0 0
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
  color: transparent;
  outline: 0;
  background: 0 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before,
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: .25
}

.slick-next:before,
.slick-prev:before {
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-prev {
  left: -25px
}

.slick-prev:before {
  content: '←'
}

.slick-next:before {
  content: '→'
}

.slick-next {
  right: -25px
}

.slick-dots,
.slick-dots li button:before {
  position: absolute;
  left: 0;
  text-align: center
}

.slick-dots {
  bottom: 0;
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
  background: #46579f;
  border-radius: 100%;
}

.slick-dots li.slick-active {
  background: #f8df2f;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: 0;
  background: 0 0
}

.slick-dots li button:before {
  font-size: 6px;
  line-height: 20px;
  top: 0;
  width: 20px;
  height: 20px;
  content: "";
  opacity: .25;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: #000
}

.slick-slide {
  outline: 0
}

img {
  max-width: 100%
}

svg {
  overflow: hidden
}

.container {
  width: 1220px;
  margin: 0 auto;
  padding: 0 25px
}

@media screen and (max-width:1219px) {
  .container {
    width: 1024px
  }
}

@media screen and (max-width:1023px) {
  .container {
    width: 768px;
    padding: 0 15px
  }
}

@media screen and (max-width:767px) {
  .container {
    width: 640px
  }
}

@media screen and (max-width:639px) {
  .container {
    width: 480px
  }
}

@media screen and (max-width:479px) {
  .container {
    width: 100%
  }

  .slick-dots li {
    margin: 0 4px;
  }
}

.title {
  font-size: 59px;
  line-height: 1.2;
  font-weight: 700;
  text-align: center
}

@media screen and (max-width:1219px) {
  .title {
    font-size: 56px
  }
}

@media screen and (max-width:1023px) {
  .title {
    font-size: 50px;
    line-height: 1.1
  }
}

@media screen and (max-width:767px) {
  .title {
    font-size: 42px
  }
}

@media screen and (max-width:639px) {
  .title {
    font-size: 36px
  }
}

@media screen and (max-width:479px) {
  .title {
    font-size: 28px
  }
}

.header__text strong {
  font-weight: 700
}

.btn {
  width: 100%;
  max-width: 400px;
  font-size: 30px;
  color: #fff;
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff7600), to(#ff4e00));
  background: linear-gradient(to bottom, #ff7600, #ff4e00);
  display: flex;
  align-items: center;
  height: 62px;
  border-radius: 30px;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  transition: .3s;
  box-shadow: 0 2px 0 #e04600, 0 10px 5px rgba(255, 79, 0, .2);
  font-family: 'PT Sans', sans-serif
}

.btn:hover {
  -webkit-box-shadow: 0 2px 0 #e04600;
  box-shadow: 0 2px 0 #e04600
}

.btn:active {
  -webkit-box-shadow: none;
  box-shadow: none
}

@media screen and (max-width:767px) {
  .btn {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
    height: 50px
  }
}

.jam {
  position: fixed;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 11
}

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

.jam__nav {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
  background: #fbe446;
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.jam__nav::after,
.jam__nav::before {
  content: '';
  background: #fbe446;
  position: absolute;
  height: 60px;
  top: 0
}

.jam__nav::before {
  border-radius: 0 0 55px 0;
  width: 174px;
  right: -173px
}

.jam__nav::after {
  width: 100%;
  right: 100%
}

.jam__links {
  margin-left: 113px
}

.jam__item {
  padding-left: 40px
}

.jam__item_1 {
  background: url(../img/jam1.png) no-repeat center left/contain
}

.jam__item_2 {
  background: url(../img/jam2.png) no-repeat center left/contain;
  margin-left: 48px
}

.jam__link {
  font-size: 18px;
  color: #000;
  display: inline-block;
  border-bottom: 2px dotted #000;
  line-height: 26px;
  -webkit-transition: .3s;
  transition: .3s
}

.jam__link:hover {
  border-color: transparent
}

.jam__quick {
  max-width: 200px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  margin-left: 85px
}

.header .container,
.jam__timer,
.jam__timer span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.jam__timer {
  margin-left: 15px;
  margin-top: 3px
}

.header .container,
.jam__timer span {
  position: relative
}

.jam__timer span {
  font-size: 30px;
  font-family: 'digital';
  display: inline-block;
  width: 50%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  z-index: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.jam__timer span::before {
  content: '0';
  font-size: 30px;
  color: #f0f0f0;
  text-align: center;
  position: absolute;
  z-index: -1
}

.jam__hours,
.jam__minutes,
.jam__seconds {
  background: #fff;
  width: 38px;
  height: 30px;
  font-size: 0
}

.jam__minutes {
  margin-left: 15px
}

.jam__hours,
.jam__minutes {
  position: relative
}

.jam__hours::before,
.jam__minutes::before {
  content: ':';
  position: absolute;
  font-size: 30px;
  font-family: 'digital';
  right: -10px
}

.jam__seconds {
  margin-left: 15px
}

.jam__btn {
  font-size: 20px;
  width: 130px;
  height: 35px;
  margin-left: auto;
  -webkit-box-shadow: 0 2px 0 #e04600;
  box-shadow: 0 2px 0 #e04600
}

@media (max-width:1219px) {
  .jam {
    background: #fbe446;
    width: 100%
  }

  .jam__links {
    margin-left: 50px
  }

  .jam__quick {
    margin-left: 30px
  }

  .jam__item_2 {
    margin-left: 20px
  }

  .jam__nav::after,
  .jam__nav::before {
    display: none
  }
}

@media (max-width:1023px) {
  .jam__links {
    margin-left: 30px
  }

  .jam__quick {
    display: none
  }

  .jam__timer {
    margin-left: 40px
  }
}

@media (max-width:767px) {
  .jam__nav {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .jam__links {
    display: none
  }

  .jam__btn,
  .jam__timer {
    margin: 0
  }

  .jam__quick {
    display: block;
    margin: 0
  }
}

@media (max-width:639px) {
  .jam__quick {
    display: none
  }
}

@media (max-width:479px) {
  .jam {
    padding: 10px 0
  }

  .jam__logo {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .jam__nav {
    height: auto
  }

  .jam__btn,
  .jam__timer {
    display: none
  }
}

.header {
  color: #fff;
  padding-top: 121px
}

.no-webp .header {
  background: url(../img/header-bg-man.png) no-repeat bottom left calc(50% + 301px), url(../img/header-bg.jpg) no-repeat center center/cover;
}

.webp .header {
  background: url(../img/header-bg-man.webp) no-repeat bottom left calc(50% + 301px), url(../img/header-bg.webp) no-repeat center center/cover;
}

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

.header__title {
  font-size: 70px;
  text-align: left;
  width: 500px;
  line-height: 1.1
}

.header__info {
  color: #fbe446;
  font-size: 40px;
  font-weight: 700;
  margin-top: 21px
}

.header__text {
  font-size: 26px;
  line-height: 1.1
}

.header__circle {
  background: #fbe446;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 8px
}

.header__circle::after,
.header__circle::before {
  content: '';
  background: #0f216d;
  height: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 2px
}

.header__circle::before {
  -webkit-transform: rotate(46deg) translateX(-6px) translateY(12px);
  transform: rotate(46deg) translateX(-6px) translateY(12px);
  width: 16px
}

.header__circle::after {
  width: 33px;
  -webkit-transform: rotate(-47deg) translateX(-3px) translateY(-6px);
  transform: rotate(-47deg) translateX(-3px) translateY(-6px)
}

.header__after {
  font-size: 18px;
  font-style: italic;
  color: #fbe446;
  display: block;
  margin-top: 10px
}

.header__list {
  max-width: 390px;
  margin-top: 40px
}

.header__item {
  padding-left: 70px;
  position: relative
}

.header__item br {
  display: none;
}

.header__item_2,
.header__item_3 {
  margin-top: 25px
}

.header__img-prod {
  max-width: 267px;
  position: absolute;
  top: 230px;
  left: calc(50% - 206px);
  z-index: 1
}

.header__form-box {
  width: 550px;
  margin-left: auto;
  margin-top: 393px;
  border-radius: 50px 0;
  margin-bottom: -59px;
  -webkit-box-shadow: 0 0 16px rgba(255, 180, 19, .29);
  box-shadow: 0 0 16px rgba(255, 180, 19, .29)
}

@media (max-width:1219px) {
  .header__text {
    font-size: 24px;
  }

  .no-webp .header,
  .webp .header {
    background: url(../img/header-bg-man.png) no-repeat bottom left calc(50% + 217px), url(../img/header-bg.jpg) no-repeat center center/cover
  }

  .header__title {
    width: 400px;
    font-size: 64px
  }

  .header__info {
    font-size: 35px
  }

  .header__img-prod {
    max-width: 420px;
    top: 544px;
    left: calc(50% - 492px);
  }

  .form,
  .header__item {
    padding-left: 60px
  }

  .form__title {
    font-size: 34px;
    width: 140px;
    margin-top: 30px
  }

  .form__disc {
    width: 80px;
    height: 80px;
    font-size: 30px;
    padding-bottom: 28px;
    margin-top: 35px
  }

  .form__disc span {
    font-size: 20px
  }

  .form__old-price {
    margin-bottom: 0
  }

  .form__title-box {
    width: 225px
  }

  .form__new-price .x_price_current {
    font-size: 48px;
    line-height: 1
  }

  .form input {
    width: 230px
  }

  .form__btn {
    width: 100%
  }

  .header__list {
    margin-top: 20px;
  }
}

@media (max-width:1023px) {
  .header {
    padding-top: 80px;
    padding-bottom: 80px
  }

  .no-webp .header {
    background: url(../img/header-bg.jpg) no-repeat center center/cover;
  }

  .webp .header {
    background: url(../img/header-bg.webp) no-repeat center center/cover;
  }

  .header .container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-end;
  }

  .header__left {
    width: 100%;
    margin-bottom: 35px;
  }

  .header__title {
    width: 100%;
    text-align: center;
    font-size: 58px
  }

  .header__info {
    text-align: center;
    margin-top: 10px;
    font-size: 32px
  }

  .header__list {
    max-width: 550px;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
  }

  .header__item {
    width: 100%;
    margin-left: auto;
    margin-right: auto
  }

  .header__text br {
    display: none
  }

  .header__img-prod {
    max-width: 210px;
    margin: 0;
    position: static;
    transform: none;
  }

  .header__form-box {
    width: 520px;
    margin: 0;
  }
}

@media (max-width:767px) {
  .header {
    padding-bottom: 30px
  }

  .header__title {
    font-size: 54px
  }

  .header__info {
    font-size: 28px
  }

  .header__circle {
    width: 40px;
    height: 40px
  }

  .header__img-prod {
    max-width: 250px;
    position: static;
    margin: 0 auto
  }

  .header__main-img {
    display: block
  }

  .header__form-box {
    margin-top: 20px;
    width: 100%;
    margin-right: 0
  }

  .form,
  .form__inputs {
    padding-left: 40px
  }

  .form input {
    width: 275px
  }

  .form__btn,
  .form__phone-input-box {
    margin-top: 15px
  }
}

@media (max-width:639px) {
  .header__title {
    font-size: 50px
  }

  .header__info {
    font-size: 24px
  }

  .header__item {
    width: 100%
  }

  .header__text {
    font-size: 24px
  }

  .header__list {
    width: 400px;
    margin: 20px auto 0
  }

  .form {
    padding: 0 15px;
    border-radius: 10px
  }

  .form input,
  .form__title-box {
    width: 100%
  }

  .form__title {
    width: 360px
  }

  .form__disc {
    width: 60px;
    height: 60px;
    font-size: 24px;
    padding-bottom: 20px;
    margin-top: 20px
  }

  .form__disc span {
    font-size: 18px
  }

  .form__price-box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .form__new-price,
  .form__old-price {
    margin: 0 10px
  }

  .form__inputs {
    width: 350px;
    padding: 0 10px;
    margin: 25px auto 0
  }

  .form__bottom {
    width: 460px;
    margin: 25px -15px 0;
    border-radius: 0 0 10px 10px;
    text-align: center;
    padding: 15px 10px
  }
}

@media (max-width:479px) {
  .header__title {
    font-size: 44px;
  }

  .header {
    padding-top: 70px
  }

  .header__item {
    padding-left: 45px
  }

  .header__circle {
    width: 30px;
    height: 30px
  }

  .header__circle::before {
    -webkit-transform: rotate(46deg) translateX(-6px) translateY(7px);
    transform: rotate(46deg) translateX(-6px) translateY(7px);
    width: 10px
  }

  .header__circle::after {
    -webkit-transform: rotate(-47deg) translateX(-1px) translateY(-7px);
    transform: rotate(-47deg) translateX(-1px) translateY(-7px);
    width: 25px
  }

  .header__list {
    width: 300px
  }

  .form__title {
    margin-top: 20px;
    text-align: center
  }

  .form__disc {
    margin: 10px auto 0
  }

  .form__old-price .x_price_previous {
    font-size: 30px
  }

  .form__old-price {
    padding: 0
  }

  .form__new-price .x_price_current {
    font-size: 40px
  }

  .form__inputs {
    width: 100%;
    padding: 0
  }

  .form__disc {
    display: none
  }

  .form__price-box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
  }

  .form__price-extra-disc {
    display: block;
    border-radius: 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    background: #fbe446;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-weight: 700;
    width: 60px;
    height: 60px;
    font-size: 24px;
    padding-bottom: 20px;
    margin-top: 0
  }

  .form__price-extra-disc span {
    font-size: 26px
  }
}

.popup__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  width: 770px;
  border-radius: 35px 0 30px 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 57px;
  position: relative
}

.popup__img-box {
  position: absolute;
  max-width: 190px;
  left: 286px;
  top: 14px;
}

.popup__left {
  width: 400px
}

.popup__title {
  max-width: 280px;
  font-size: 29px;
  font-weight: 700;
  padding: 35px 0 0 31px;
}

.popup__text {
  font-size: 22px;
  font-weight: 700;
  padding: 16px 0 0 31px
}

.popup__logo {
  background: #fbe446;
  padding: 29px 10px 20px 32px;
  border-radius: 30px 0 0 0
}

.popup__form {
  width: 310px;
  padding-top: 41px;
}

.popup .form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0
}

.popup .form__price-box {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.popup .form__new-price .x_currency {
  font-weight: 700;
  font-size: 18px
}

.popup .form__new-price,
.popup .form__old-price {
  margin: 0 10px
}

.popup .form__inputs {
  padding-left: 0;
  margin-top: 31px
}

@media (max-width:800px) {

  .popup__img-box,
  .popup__left {
    display: none
  }

  .popup__form {
    width: 310px;
    padding-top: 30px
  }

  .popup__body {
    width: 290px;
    padding-bottom: 30px
  }

  .popup .form input,
  .popup .form__name-input-box {
    width: 100%
  }

  .popup .form__inputs {
    width: 100%;
    padding: 0 10px
  }
}

@media (max-width:479px) {
  .popup .form__price-box {
    margin-top: 0
  }
}

.hide {
  opacity: 0
}

.options ::-webkit-scrollbar-button {
  background-repeat: no-repeat;
  width: 5px;
  height: 0
}

.options::-webkit-scrollbar-track {
  background-color: #ecedee
}

.options::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background-color: #2c77bc
}

.options::-webkit-scrollbar-thumb:hover {
  background-color: #164571
}

.options::-webkit-resizer {
  background-image: url();
  background-repeat: no-repeat;
  width: 4px;
  height: 0
}

.options::-webkit-scrollbar {
  width: 5px
}

.options {
  position: absolute;
  z-index: 10;
  display: none;
  background-color: #fff;
  -webkit-box-shadow: 2px 5px 10px rgba(208, 208, 208, .75);
  box-shadow: 2px 5px 10px rgba(208, 208, 208, .75);
  height: 195px;
  min-width: 60px;
  overflow-y: scroll;
  overflow-x: hidden;
  top: -7px;
  left: 0
}

.reasons {
  padding-bottom: 125px;
  padding-top: 110px
}

.reasons__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 42px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.reasons__item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 210px
}

.reasons__img-box {
  position: relative;
  font-size: 0
}

.reasons__img-box::before {
  content: '';
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  height: 100%;
  width: 100%;
  background: #eceff6;
  z-index: -1;
  border-radius: 0 0 30px 0
}

.reasons__img-box img {
  border-radius: 20px 0 20px 0;
  background: #fff
}

.reasons__text {
  font-size: 22px;
  margin-top: 42px;
  padding-left: 10px;
  line-height: 1.2
}

.reasons__text span {
  color: #e41616;
  font-weight: 700
}

@media (max-width:1219px) {
  .reasons {
    padding-top: 150px;
    padding-bottom: 60px
  }

  .reasons__item {
    width: 170px
  }

  .reasons__list,
  .reasons__text {
    margin-top: 20px
  }

  .reasons__text {
    font-size: 20px;
    line-height: 1.1
  }
}

@media (max-width:1023px) {
  .reasons__item {
    width: 180px;
    margin: 10px 20px;
    text-align: center
  }

  .reasons__list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

@media (max-width:767px) {
  .reasons__item {
    width: 210px
  }
}

@media (max-width:639px) {
  .reasons__item {
    width: 180px;
    margin: 12px 20px
  }

  .reasons__list {
    margin-top: 10px
  }
}

@media (max-width:479px) {
  .reasons__item {
    width: 210px
  }
}

.ignor {
  color: #fff
}

.no-webp .ignor {
  background: url(../img/section1_bg.jpg) no-repeat top center/cover;
}

.webp .ignor {
  background: url(../img/section1_bg.webp) no-repeat top center/cover;
}

.ignor .container {
  position: relative;
  padding-bottom: 60px
}

.ignor__title {
  text-align: center;
  padding-top: 60px;
  line-height: 1.2
}

.ignor__subtitle {
  text-align: center;
  font-size: 30px;
}

.ignor__list {
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
}

.ignor__item {
  width: 100%;
  max-width: 250px;
  padding: 0 5px;
  font-size: 17px;
  text-align: center;
  position: relative;
  z-index: 0;
}

.ignor__item:hover .item__pic::after {
  background: red;
}

.item__pic {
  width: 124px;
  height: 124px;
  margin: 0 auto 20px;
  position: relative;
}

.item__pic::before,
.item__pic::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  background-color: #d0c6c6;
  border-radius: 100%;
  transform: translate(-50%, -50%);
  z-index: -5;
  transition: background 0.3s;
}

.item__pic::after {
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  background-color: #ee8f66;
  z-index: -3;
}

.item__text {
  line-height: 1.2;
}

.func__item b,
.ignor__item span {
  font-weight: 700
}

.func__item b {
  display: block;
}

.ignor__bottom {
  max-width: 750px;
  margin: 53px auto 0;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.25;
  padding-left: 70px;
  position: relative;
}

.ignor__bottom::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 43px;
  height: 53px;
  background: url(../img/attent.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.ignor__bottom-prod {
  color: #fbe446
}

@media (max-width:1023px) {
  .ignor .container {
    padding-bottom: 30px
  }

  .ignor .container::before {
    display: none
  }

  .ignor__title {
    padding-top: 0
  }


  .ignor__title {
    text-align: center;
    width: 100%
  }

  .ignor__list {
    margin-top: 40px;
    flex-wrap: wrap;
    justify-content: space-around;
  }

  .ignor__bottom {
    width: 530px;
    text-align: left;
    font-size: 22px;
  }

  .ignor__item:not(:last-child) {
    margin-bottom: 30px;
  }

}

@media (max-width:767px) {
  .ignor .container {
    padding-bottom: 0
  }

  .ignor__bottom {
    width: 100%;
  }
}

@media (max-width:639px) {
  .ignor__list {
    width: 100%;
  }

  .ignor__item {
    margin-left: 0;
    font-size: 20px
  }

  .ignor__item:not(:first-child) {
    margin-top: 15px
  }

  .ignor__bottom {
    font-size: 24px;
    margin-top: 20px
  }
}

@media (max-width:479px) {

  .ignor__item {
    font-size: 18px
  }

  .ignor__item:not(:first-child) {
    margin-top: 10px
  }

  .ignor__bottom {
    padding: 60px 0 0 0;
    text-align: center;
  }

  .ignor__bottom::before {
    left: 50%;
    transform: translateX(-50%);
  }
}

.func {
  padding-top: 110px;
  padding-bottom: 179px
}

.func .container,
.usage .container {
  position: relative
}

.func__title {
  text-align: left;
  line-height: 1;
  width: 850px
}

.func__title span {
  color: #0f216d
}

.func__circle {
  background: #fbe446;
  width: 39px;
  height: 39px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 5px
}

.func__circle::after,
.func__circle::before {
  content: '';
  background: #0f216d;
  height: 3px;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 2px
}

.func__circle::before {
  -webkit-transform: rotate(46deg) translateX(-4px) translateY(11px);
  transform: rotate(46deg) translateX(-4px) translateY(11px);
  width: 13px
}

.func__circle::after {
  width: 28px;
  -webkit-transform: rotate(-45deg) translateX(-3px) translateY(-4px);
  transform: rotate(-45deg) translateX(-3px) translateY(-4px)
}

.func__list {
  max-width: 830px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 42px
}

.func__item {
  font-size: 22px;
  position: relative;
  width: 50%;
  padding-left: 60px;
  line-height: 1.3;
  margin-top: 42px
}

.func__item p {
  font-size: 20px;
  font-style: italic;
  color: #707070;
  line-height: 1.2;
  margin-top: 3px
}

.func__img-box {
  max-width: 360px;
  position: absolute;
  top: 48px;
  right: 0
}

.func__btn {
  margin-top: 51px
}

@media (max-width:1219px) {
  .func {
    padding-top: 60px;
    padding-bottom: 60px
  }

  .func__title {
    width: 820px
  }

  .func__item {
    padding-right: 10px
  }

  .func__item br {
    display: none
  }

  .func__img-box {
    width: 350px;
    position: absolute;
    top: 75px;
  }

  .func__list {
    max-width: 640px;
    margin-top: 10px
  }
}

@media (max-width:1023px) {
  .func__title {
    width: 100%;
    text-align: center
  }

  .func__title br {
    display: none
  }

  .func__list {
    margin-top: 0
  }

  .func__item {
    margin-top: 20px;
    width: 550px
  }

  .func__item br {
    display: inline
  }

  .func__img-box {
    max-width: 230px;
    top: 185px;
  }

  .func__btn {
    margin-top: 40px
  }
}

@media (max-width:767px) {
  .func__img-box {
    display: none
  }

  .func__item {
    width: 540px;
    margin: 20px auto 0
  }

  .func__btn {
    margin: 15px auto 10px;
    max-width: 350px
  }
}

@media (max-width:639px) {
  .func__title {
    font-size: 40px
  }

  .func__item {
    width: 100%
  }

  .func__item br {
    display: none
  }
}

@media (max-width:479px) {
  .func__circle {
    width: 30px;
    height: 30px;
    left: 5px
  }

  .func__circle::after {
    width: 22px
  }

  .func__circle::before {
    width: 11px;
    -webkit-transform: rotate(46deg) translateX(-4px) translateY(9px);
    transform: rotate(46deg) translateX(-4px) translateY(9px)
  }

  .func__item {
    padding-left: 50px;
    font-size: 20px
  }

  .func__item p {
    font-size: 18px
  }
}

.kind {
  color: #fff;
  padding-top: 81px;
  padding-bottom: 101px
}

.no-webp .kind {
  background: url(../img/kind-bg.jpg) no-repeat center center/cover;
}

.webp .kind {
  background: url(../img/kind-bg.webp) no-repeat center center/cover;
}

.kind__title span {
  color: #fbe446
}

.kind__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #000;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 45px
}

.kind__item {
  border-radius: 10px;
  width: 370px;
  -webkit-box-shadow: 0 20px 10px -5px rgba(31, 51, 120, .6);
  box-shadow: 0 20px 10px -5px rgba(31, 51, 120, .6)
}

.kind__item-body {
  background: #fff;
  padding-top: 30px;
  padding-bottom: 10px;
  min-height: 540px;
  border-radius: 0 0 10px 10px
}

.kind__img-box,
.kind__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.kind__top {
  color: #fff;
  background: #1c318d;
  text-align: center;
  font-weight: 700;
  padding: 0 50px;
  min-height: 80px;
  font-size: 24px;
  border-radius: 10px 10px 0 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.kind__img-box {
  border: 1px solid #e0e0e0;
  width: 330px;
  height: 170px;
  margin: 0 auto;
  border-radius: 0 30px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 0
}

.kind__name {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  color: #1c318d;
  margin-top: 13px
}

.kind__symp {
  margin-top: 15px
}

.kind__symp-one {
  font-size: 18px;
  padding-left: 43px;
  position: relative;
  line-height: 1.25;
  padding-right: 15px;
  margin-top: 20px
}

.kind__symp-one::before {
  content: '';
  height: 8px;
  width: 8px;
  background: #0f216d;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: 20px
}

.kind__symp-one_first {
  margin-top: 0
}

.kind__symp-one_1 {
  font-size: 20px;
  font-weight: 700;
  padding-left: 30px;
  margin-top: 0
}

.kind__symp-one_1::before {
  display: none
}

.kind__symp-one_2 {
  margin-top: 20px
}

.kind__symp-one_last {
  margin-top: 12px
}

.kind__btn {
  margin: 61px auto 0;
  -webkit-box-shadow: 0 2px 0 #e04600, 0 10px 5px rgba(95, 37, 12, .2);
  box-shadow: 0 2px 0 #e04600, 0 10px 5px rgba(95, 37, 12, .2)
}

@media (max-width:1219px) {
  .kind {
    padding: 60px 0
  }

  .kind__item {
    width: 300px
  }

  .kind__item-body {
    padding-top: 20px
  }

  .kind__img-box {
    width: 270px
  }

  .kind__symp {
    margin-top: 10px
  }

  .kind__symp-one {
    padding-left: 35px
  }

  .kind__symp-one::before {
    top: 7px;
    left: 15px
  }

  .kind__btn {
    margin-top: 30px
  }
}

@media (max-width:1023px) {
  .kind__list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px
  }

  .kind__item {
    margin: 15px;
    width: 340px
  }

  .kind__btn {
    margin-top: 15px
  }

  .kind__item-body_3 {
    min-height: 490px
  }

  .kind__symp-one {
    margin-top: 15px
  }
}

@media (max-width:767px) {

  .kind__symp-one {
    font-size: 17px
  }

  .kind__item {
    width: 300px;
    margin: 5px
  }
}

@media (max-width:639px) {
  .kind__top {
    padding: 0 20px
  }

  .kind__list {
    margin-top: 10px
  }

  .kind__item {
    width: 310px;
    margin: 15px 0
  }

  .kind__img-box {
    width: 250px
  }

  .kind__btn {
    margin-top: 5px
  }
}

@media (max-width:479px) {
  .kind__name {
    font-size: 20px
  }

  .kind__top {
    min-height: 65px;
    font-size: 22px
  }

  .kind__symp-one {
    font-size: 16px;
    margin-top: 10px
  }

  .kind__item-body {
    min-height: 400px;
    padding-bottom: 20px
  }
}

.usage {
  padding-top: 110px;
  padding-bottom: 120px
}

.usage__title {
  line-height: 1;
  text-align: left;
  width: 770px
}

.usage__title span {
  color: #112169
}

.usage__list {
  margin-left: 5px;
  margin-top: 46px;
  width: 810px
}

.usage__item {
  position: relative;
  padding-left: 65px
}

.usage__item:not(:first-child) {
  margin-top: 42px
}

.usage__item:nth-child(1)::after {
  content: '1'
}

.usage__item:nth-child(2)::after {
  content: '2'
}

.usage__item:nth-child(3)::after {
  content: '3'
}

.usage__item::before {
  content: '';
  background: #fbe446;
  border-radius: 50%;
  height: 36px;
  width: 36px;
  position: absolute;
  left: 0;
  top: 13px
}

.usage__item::after {
  font-size: 36px;
  font-weight: 700;
  color: #122266;
  position: absolute;
  left: 19px;
  top: 19px
}

.usage__text {
  font-size: 22px;
  line-height: 1.3
}

.usage__text span {
  color: #122267;
  font-weight: 700
}

.usage__img-box {
  max-width: 310px;
  position: absolute;
  right: 40px;
  bottom: 90px;
  font-size: 0;
  z-index: -1;
}

.usage__btn {
  margin: 160px auto 0
}

@media (max-width:1219px) {
  .usage {
    padding: 60px 0
  }

  .usage__list {
    width: 580px;
    margin-top: 90px;
  }

  .usage__img-box {
    max-width: 230px;
    top: auto;
    right: 80px;
    bottom: 90px;
  }

  .usage__btn {
    margin-top: 110px
  }
}

@media (max-width:1023px) {
  .usage__title {
    width: 100%
  }

  .usage__text {
    font-size: 20px
  }

  .usage__item:not(:first-child) {
    margin-top: 20px
  }

  .usage__item::before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }

  .usage__item::after {
    top: 50%;
    -webkit-transform: translateY(-35%);
    transform: translateY(-35%)
  }

  .usage__list {
    width: 470px;
    margin-top: 110px;
  }

  .usage__img-box {
    top: 80px;
    right: 0;
  }

  .usage__btn {
    margin-top: 70px;
    margin-bottom: 10px
  }
}

@media (max-width:767px) {
  .usage__list {
    width: 410px;
    margin-top: 20px
  }

  .usage__text {
    font-size: 18px
  }

  .usage__item:not(:first-child) {
    margin-top: 15px
  }

  .usage__img-box {
    max-width: 170px;
    top: 55px;
  }

  .usage__btn {
    margin-top: 40px;
  }
}

@media (max-width:639px) {
  .usage__title {
    text-align: center;
    font-size: 36px
  }

  .usage__list {
    width: 100%;
    margin-left: 0
  }

  .usage__btn {
    margin-top: 20px
  }

  .usage__img-box {
    display: none
  }

  .usage__item {
    padding-left: 55px
  }
}

@media (max-width:479px) {
  .usage__title {
    font-size: 28px
  }
}

.help {
  padding-top: 81px;
  padding-bottom: 99px
}

.no-webp .help {
  background: url(../img/help-bg.jpg) no-repeat center center/cover;
}

.webp .help {
  background: url(../img/help-bg.webp) no-repeat center center/cover;
}

.help__title {
  color: #fff
}

.help__title span {
  color: #fbe446
}

.help__circle {
  background: #fbe446;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  position: relative
}

.help__circle::after,
.help__circle::before {
  content: '';
  background: #0f216d;
  height: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 2px
}

.help__circle::before {
  -webkit-transform: rotate(46deg) translateX(-6px) translateY(12px);
  transform: rotate(46deg) translateX(-6px) translateY(12px);
  width: 16px
}

.help__circle::after {
  width: 33px;
  -webkit-transform: rotate(-47deg) translateX(-3px) translateY(-6px);
  transform: rotate(-47deg) translateX(-3px) translateY(-6px)
}

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

.help__list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 44px
}

.help__item {
  background: #fff;
  border-radius: 50px 0;
  width: 371px;
  height: 126px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 31px;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer
}

.help__item:hover {
  -webkit-box-shadow: 0 0 30px 0 rgba(255, 255, 255, .4);
  box-shadow: 0 0 30px 0 rgba(255, 255, 255, .4)
}

.help__content {
  font-size: 22px;
  width: 280px;
  padding-left: 25px;
  line-height: 1.2;
  color: #0f216d
}

.help__content_3 {
  font-size: 24px
}

.help__content span {
  font-weight: 700;
  font-size: 24px;
  color: #000
}

.help__btn {
  margin: 65px auto 0;
  max-width: 400px;
  -webkit-box-shadow: 0 2px 0 #e04600, 0 10px 5px rgba(95, 37, 12, .2);
  box-shadow: 0 2px 0 #e04600, 0 10px 5px rgba(95, 37, 12, .2)
}

@media (max-width:1219px) {
  .help {
    padding: 60px 0
  }

  .help__content,
  .help__item {
    width: 310px;
    padding-left: 15px
  }

  .help__content {
    width: 235px;
    font-size: 20px
  }

  .help__content span {
    font-size: 22px
  }

  .help__btn,
  .help__list {
    margin-top: 35px
  }

  .help__circle {
    width: 40px;
    height: 40px
  }
}

@media (max-width:1023px) {
  .help__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 15px
  }

  .help__item {
    margin: 15px;
    height: 100px
  }

  .help__btn {
    margin-top: 15px
  }
}

@media (max-width:639px) {
  .help__item {
    margin: 10px 15px
  }
}

@media (max-width:479px) {
  .help__content {
    font-size: 16px;
    width: 215px
  }

  .help__content span {
    font-size: 18px
  }

  .help__circle {
    width: 30px;
    height: 30px
  }

  .help__circle::before {
    -webkit-transform: rotate(46deg) translateX(-6px) translateY(7px);
    transform: rotate(46deg) translateX(-6px) translateY(7px);
    width: 10px
  }

  .help__circle::after {
    -webkit-transform: rotate(-47deg) translateX(-1px) translateY(-7px);
    transform: rotate(-47deg) translateX(-1px) translateY(-7px);
    width: 25px
  }

  .help__item {
    margin: 10px;
    width: 280px;
    height: 70px;
    border-radius: 30px 0
  }

  .help__list {
    margin-top: 0
  }

  .help__btn {
    margin-top: 10px
  }
}

.search {
  padding-top: 100px;
  padding-bottom: 150px
}

.search__title {
  text-align: center;
  line-height: 1
}

.search__title span {
  color: #0f216d
}

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

.search__img-box {
  margin-top: 80px;
  margin-left: 11px
}

.search__count {
  font-size: 28px;
  text-align: center;
  margin-top: 31px
}

.search__count span {
  min-width: 62px;
  display: inline-block;
  text-align: right
}

.search__circle {
  border-radius: 50%;
  position: absolute;
  width: 70px;
  height: 70px;
  left: -26px;
  top: -22px
}

.search__circle::after,
.search__circle::before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.search__circle::before {
  right: 58px;
  height: 1px
}

.search__circle::after {
  height: 9px;
  width: 9px;
  border-radius: 50%
}

.search__circle_1 {
  background: #82d445
}

.search__circle_1::before {
  background: #60b506;
  z-index: 1;
  width: 356px
}

.search__circle_1::after {
  background: #60b506;
  right: 414px
}

.search__circle_2 {
  background: #019ad7;
  left: -44px
}

.search__circle_2::before {
  background: #005c82;
  width: 223px
}

.search__circle_2::after {
  background: #005c82;
  right: 279px
}

.search__circle_3 {
  background: #f5da2f
}

.search__circle_3::before {
  background: #cdac00;
  width: 265px
}

.search__circle_3::after {
  background: #cdac00;
  right: 323px
}

.search__list {
  margin-top: 87px;
  margin-left: 143px
}

.search__num {
  font-size: 32px;
  font-weight: 700;
  display: inline-block
}

.search__num span {
  font-size: 26px
}

.search__item,
.search__num {
  position: relative
}

.search__item_2 {
  margin-top: 70px;
  margin-left: 83px
}

.search__item_3 {
  margin-top: 50px
}

.search__people {
  font-size: 22px;
  color: #707070;
  display: inline-block;
  margin-left: 4px
}

.search__text {
  font-size: 24px;
  font-weight: 700;
  margin-top: 30px
}

@media (max-width:1219px) {
  .search {
    padding-top: 60px;
    padding-bottom: 60px
  }

  .search__img-box {
    margin-left: 0;
    margin-top: 50px
  }

  .search__list {
    margin-top: 60px;
    margin-left: 100px
  }

  .search__circle_1::before {
    width: 275px
  }

  .search__circle_1::after {
    right: 333px
  }

  .search__circle_2 {
    left: -34px
  }

  .search__item_2 {
    margin-top: 45px
  }

  .search__item_3 {
    margin-top: 30px
  }

  .search__people {
    font-size: 20px
  }

  .search__num {
    font-size: 28px
  }

  .search__text {
    margin-top: 20px;
    font-size: 22px
  }
}

@media (max-width:1023px) {
  .search__count {
    margin-top: 20px
  }

  .search__num {
    font-size: 24px
  }

  .search__num span {
    font-size: 20px
  }

  .search__people,
  .search__text {
    font-size: 18px
  }

  .search__text {
    margin-top: 15px
  }

  .search__circle {
    width: 50px;
    height: 50px;
    left: -18px;
    top: -14px
  }

  .search__circle::before {
    right: 40px
  }

  .search__circle_1::after {
    right: 240px
  }

  .search__circle_1::before {
    width: 200px
  }

  .search__circle_2::before {
    right: 40px;
    width: 130px
  }

  .search__circle_2::after {
    right: 170px
  }

  .search__circle_3::before {
    width: 155px
  }

  .search__circle_3::after {
    right: 195px
  }

  .search__list {
    margin-left: 70px
  }

  .search__item_2 {
    margin-left: 30px;
    margin-top: 45px
  }

  .search__item_3 {
    margin-top: 40px
  }
}

@media (max-width:767px) {
  .search__list {
    margin-top: 30px;
    margin-left: 50px
  }

  .search__count {
    font-size: 22px
  }

  .search__count span {
    min-width: 50px
  }

  .search__item_2 {
    margin-top: 25px
  }

  .search__item_3 {
    margin-top: 30px
  }

  .search__circle_2::before {
    width: 90px
  }

  .search__circle_2::after {
    right: 130px
  }

  .search__img-box {
    margin-top: 20px
  }
}

@media (max-width:639px) {
  .search__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .search__count {
    margin-top: 10px
  }

  .search__img-box {
    width: 300px
  }

  .search__circle::after,
  .search__circle::before {
    display: none
  }

  .search__list {
    width: 350px;
    margin-left: 0;
    margin-top: 0
  }

  .search__circle {
    width: 20px;
    height: 20px;
    top: 2px;
    left: 0
  }

  .search__item {
    padding-left: 30px
  }

  .search__item_3 {
    margin-top: 20px
  }

  .search__item_2 {
    margin-left: 0;
    margin-top: 20px
  }

  .search__text {
    margin-top: 5px
  }
}

@media (max-width:479px) {
  .search__list {
    width: 300px
  }
}

.spec {
  color: #fff;
  padding-top: 81px;
  padding-bottom: 122px
}

.no-webp .spec {
  background: url(../img/spec-bg.jpg) no-repeat center center/cover;
}

.webp .spec {
  background: url(../img/spec-bg.webp) no-repeat center center/cover;
}

.spec__slider {
  margin-top: 135px;
  position: relative
}

.spec__title span {
  color: #fbe446
}

.spec__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #46579f;
  padding-top: 16px;
  padding-left: 30px;
  border-radius: 35px 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.spec__main-slide {
  position: relative
}

.spec__main-slide::before {
  content: '';
  background: #5669b7;
  width: 1px;
  height: 92px;
  position: absolute;
  right: 0;
  margin-top: 16px
}

.spec__item,
.spec__main-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.spec__person {
  display: none
}

.spec__person.active,
.spec__text.active {
  display: block
}

.spec__head {
  margin-left: 63px;
  width: 296px;
  margin-top: 13px;
  padding-right: 5px;
}

.spec__name {
  font-size: 32px;
  font-weight: 700
}

.spec__prof {
  font-size: 20px;
  color: #fbe446;
  font-style: italic;
  margin-top: 10px;
  line-height: 1.1
}

.spec__text {
  font-size: 20px;
  display: none;
  min-height: 128px
}

.spec__img-box {
  font-size: 0
}

.spec__img-box_dis:nth-child(1) {
  margin-right: 30px
}

.spec__img-box_dis:nth-child(2) {
  margin-right: 56px
}

.spec__img-box_dis img {
  opacity: .35;
  height: 120px;
  cursor: pointer;
  border-radius: 20px 0;
  -webkit-transition: .3s;
  transition: .3s
}

.spec__img-box_dis img:hover {
  opacity: .6
}

.spec__img-box.active {
  position: relative;
  margin-top: -75px
}

.spec__img-box.active img {
  border-radius: 35px 0;
  z-index: 1;
  position: relative;
  opacity: 1;
  height: 211px
}

.spec__img-box.active::before {
  content: '';
  background: #fff;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 10px;
  left: 10px;
  border-radius: 35px 0
}

.spec__content {
  position: relative
}

.spec__content-box {
  margin-top: 43px;
  width: 770px;
  padding-left: 40px;
  padding-right: 40px;
  line-height: 1.6;
  position: relative
}

.spec__btn,
.spec__nav {
  position: absolute;
  top: 35px;
  right: 0
}

.spec__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: -70px;
  right: 56px;
  width: 109px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.spec__arr {
  height: 44px;
  width: 44px;
  border-radius: 50%;
  background: #46579f;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
  position: relative
}

.spec__arr_right {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.spec__arr::after,
.spec__arr::before {
  content: '';
  background: #fff;
  height: 2px;
  width: 13px;
  position: absolute;
  top: 50%;
  left: 50%
}

.spec__arr::before {
  -webkit-transform: rotate(-45deg) translateY(-9px) translateX(-2px);
  transform: rotate(-45deg) translateY(-9px) translateX(-2px)
}

.spec__arr::after {
  -webkit-transform: rotate(45deg) translateY(8px) translateX(-3px);
  transform: rotate(45deg) translateY(8px) translateX(-3px)
}

.spec__arr:hover {
  background: #fbe446
}

.spec__arr:hover::after,
.spec__arr:hover::before {
  background: #040401
}

@media (max-width:1219px) {
  .spec {
    padding: 60px 0
  }

  .spec__head {
    margin-left: 30px;
    width: 270px;
    padding-right: 30px
  }

  .spec__top {
    padding-top: 0
  }

  .spec__main-slide::before {
    right: 25px
  }

  .spec__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .spec__name {
    font-size: 28px
  }

  .spec__prof {
    font-size: 18px
  }

  .spec__prof br {
    display: none
  }

  .spec__img-box.active {
    width: 280px
  }

  .spec__img-box.active img,
  .spec__img-box_dis img {
    height: auto
  }

  .spec__img-box_dis:nth-child(2) {
    margin-right: 40px
  }

  .spec__text {
    min-height: 160px
  }

  .spec__content-box {
    width: 570px
  }

  .spec__slider {
    margin-top: 95px
  }
}

@media (max-width:1023px) {

  .spec__item,
  .spec__main-slide::before {
    display: none
  }

  .spec__main-slide {
    width: 100%
  }

  .spec__top {
    padding: 0 50px
  }

  .spec__head {
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 370px
  }

  .spec__content-box {
    width: 100%;
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .spec__btn {
    position: static;
    margin: 0 auto
  }

  .spec__text {
    min-height: 140px
  }
}

@media (max-width:767px) {
  .spec__top {
    padding: 0 50px
  }

  .spec__head {
    padding: 20px 0
  }

  .spec__img-box.active {
    margin-top: -30px
  }

  .spec__slider {
    margin-top: 90px
  }

  .spec__btn {
    margin-top: 20px;
  }
}

@media (max-width:639px) {

  .spec__head,
  .spec__main-slide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .spec__img-box.active {
    margin-top: 20px
  }

  .spec__head {
    width: 100%;
    margin: 0
  }

  .spec__name,
  .spec__prof {
    text-align: center
  }

  .spec__prof {
    min-height: 38px
  }

  .spec__content-box {
    margin-top: 20px;
    padding: 0 10px
  }

  .spec__nav {
    top: 100px;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0 20px
  }

  .spec__slider {
    margin-top: 20px
  }

  .spec__arr {
    border: 1px solid #fbe446
  }

  .spec__text {
    text-align: center;
    font-size: 17px;
    line-height: 1.2
  }
}

@media (max-width:479px) {
  .spec__top {
    width: 290px;
    margin: 0 auto
  }

  .spec__img-box.active {
    width: auto
  }

  .spec__img-box.active::before {
    display: none
  }

  .spec__img-box.active img {
    width: 190px
  }

  .spec__head {
    padding: 10px 0 20px
  }

  .spec__name {
    font-size: 22px
  }

  .spec__prof {
    font-size: 16px
  }

  .spec__nav {
    padding: 0 10px;
    width: 300px;
    top: 70px
  }

  .spec__arr {
    width: 35px;
    height: 35px
  }

  .spec__arr::after,
  .spec__arr::before {
    width: 10px
  }

  .spec__arr::after {
    top: 45%
  }

  .spec__text {
    width: 280px;
    margin: 0 auto;
    font-size: 18px;
  }

  .spec__content-box {
    margin-top: 10px
  }
}

.reviews {
  padding-top: 91px;
  padding-bottom: 150px
}

.reviews__info,
.reviews__title {
  text-align: center
}

.reviews__info span,
.reviews__title span {
  color: #0f216d
}

.reviews__info {
  font-size: 24px;
  color: #707070;
  margin-top: 13px;
  margin-bottom: 30px;
}

.reviews__text-box {
  margin-top: 48px;
}

.reviews__name {
  font-size: 28px;
  font-weight: 700
}

.reviews__city {
  font-size: 18px;
  font-style: italic;
  color: #707070;
  margin-top: 9px
}

.reviews__text {
  font-size: 20px;
  margin-top: 28px;
  line-height: 1.6
}

.reviews__list {
  padding: 0 45px 35px;
}

.reviews__item {
  padding: 0 15px;
}

.reviews__img-box {
  margin: 0 auto;
  position: relative;
  height: 180px;
  width: 270px;
  left: -15px;
}

.reviews__img-box::before {
  content: '';
  height: 95%;
  width: 100%;
  background: #eceff6;
  position: absolute;
  top: 23px;
  left: 15px;
  z-index: 0;
  border-radius: 35px 0
}

.reviews__img {
  position: relative;
  z-index: 1
}

.reviews__textarea-box {
  margin-top: 58px;
  font-size: 0;
  position: relative;
  height: 187px;
  background: #eceff6;
  border: 1px solid #e4e6ec;
  border-radius: 30px 0
}

.reviews__textarea {
  width: 100%;
  background: #eceff6;
  border: 0;
  border-radius: 30px 0;
  resize: none;
  font-size: 22px;
  padding: 15px 36px;
  font-family: 'PT Sans', sans-serif;
  height: 150px;
  overflow: auto
}

.reviews__textarea::-webkit-input-placeholder {
  text-align: left
}

.reviews__textarea::-moz-placeholder {
  text-align: left
}

.reviews__textarea:-ms-input-placeholder,
.reviews__textarea::-ms-input-placeholder {
  text-align: left
}

.reviews__textarea::placeholder {
  text-align: left
}

.reviews__btn {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -30px;
  width: 288px
}

.reviews .slick-prev {
  left: 0
}

.reviews .slick-next {
  right: 0
}

.reviews .slick-next,
.reviews .slick-prev {
  border: 1px solid #46579f;
  background: #46579f;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
  z-index: 10;
  -webkit-transform: none;
  transform: none
}

.reviews .slick-next::after,
.reviews .slick-next::before,
.reviews .slick-prev::after,
.reviews .slick-prev::before {
  content: '';
  background: #fff;
  height: 2px;
  width: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 1
}

.reviews .slick-next::before,
.reviews .slick-prev::before {
  -webkit-transform: rotate(-45deg) translateY(-8px) translateX(-3px);
  transform: rotate(-45deg) translateY(-8px) translateX(-3px)
}

.reviews .slick-next::after,
.reviews .slick-prev::after {
  -webkit-transform: rotate(45deg) translateY(7px) translateX(-3px);
  transform: rotate(45deg) translateY(7px) translateX(-3px)
}

.reviews .slick-next:active,
.reviews .slick-next:hover,
.reviews .slick-prev:active,
.reviews .slick-prev:hover {
  background: #fbe446;
  border-color: #fbe446
}

.reviews .slick-next:active::after,
.reviews .slick-next:active::before,
.reviews .slick-next:hover::after,
.reviews .slick-next:hover::before,
.reviews .slick-prev:active::after,
.reviews .slick-prev:active::before,
.reviews .slick-prev:hover::after,
.reviews .slick-prev:hover::before {
  background: #46579f
}

.reviews .slick-next {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

@media (max-width:1219px) {
  .reviews {
    padding: 60px 0
  }

  .reviews__title {
    font-size: 56px;
    line-height: 1
  }

  .reviews__text {
    line-height: 1.4;
    margin-top: 20px
  }

  .reviews__list {
    margin-top: 40px
  }

  .reviews__text-box {
    margin-top: 30px
  }

  .reviews__textarea-box {
    margin-top: 30px
  }
}

@media (max-width:1023px) {

  .reviews__info,
  .reviews__title {
    text-align: center;
    font-size: 52px
  }

  .reviews__info {
    font-size: 22px
  }

  .reviews__text-box {
    padding-left: 0;
    margin-top: 15px
  }

  .reviews__img-box {
    margin: 0 auto;
    left: 0;
  }

  .reviews__img-box::before {
    display: none
  }

  .reviews__text {
    text-align: center
  }

  .reviews__textarea-box {
    margin-bottom: 35px
  }

  .reviews__city,
  .reviews__name {
    text-align: center
  }
}

@media (max-width:767px) {
  .reviews__title {
    font-size: 42px
  }

  .reviews__info {
    font-size: 20px
  }

  .reviews__list {
    max-width: 450px;
    margin: 0 auto;
  }
}

@media (max-width:639px) {
  .reviews__title {
    font-size: 36px
  }
}

@media (max-width:479px) {
  .reviews__title {
    font-size: 32px
  }

  .reviews__info {
    font-size: 18px
  }

  .reviews .slick-next,
  .reviews .slick-prev {
    top: 190px
  }

  .reviews__list {
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .reviews__btn {
    position: static;
    margin: 20px auto 0;
    -webkit-transform: none;
    transform: none
  }

  .reviews__textarea {
    height: 150px
  }

  .reviews__text {
    font-size: 18px
  }

  .reviews__img-box {
    width: 100%;
  }

  .reviews__img {
    margin: 0 auto;
  }

  .reviews__item {
    margin: 0 10px;
    padding: 0;
  }
}

.thanks {
  width: 600px;
  border-radius: 10px;
  background: #fff;
  padding: 25px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%)
}

.thanks-box {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .6);
  z-index: 100;
  display: none
}

.thanks__close {
  position: absolute;
  right: 10px;
  top: 10px;
  height: 27px;
  width: 27px;
  cursor: pointer
}

.thanks__close::after,
.thanks__close::before {
  content: '';
  height: 2px;
  width: 30px;
  background: #000;
  position: absolute;
  top: 50%
}

.thanks__close::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.thanks__close::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.thanks__text {
  text-align: center;
  font-size: 24px;
  font-weight: 700
}

.thanks__bad {
  font-size: 20px;
  text-align: center;
  margin-top: 15px
}

@media (max-width:767px) {
  .thanks {
    width: 300px;
    padding-top: 35px
  }

  .thanks__text {
    font-size: 22px
  }

  .thanks__bad {
    font-size: 18px
  }
}

input::-ms-clear {
  display: none
}

.order {
  color: #fff;
  padding-top: 87px;
  padding-bottom: 105px
}

.no-webp .order {
  background: url(../img/order-bg.jpg) no-repeat center center/cover;
}

.webp .order {
  background: url(../img/order-bg.webp) no-repeat center center/cover;
}

.order__text {
  font-size: 36px;
  margin-top: 2px
}

.order__title {
  text-align: left;
  line-height: 1.1
}

.order__title span {
  color: #fbe446
}

.order__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 44px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.order__item {
  max-width: 300px
}

.order__item_notlast {
  margin-right: 100px
}

.order__img {
  z-index: 1;
  position: relative
}

.order__img-box {
  position: relative;
  font-size: 0
}

.order__img-box::before {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  left: 20px;
  top: 20px;
  background: #46579f;
  border-radius: 30px 0
}

.order__step {
  font-size: 26px;
  margin-top: 44px;
  line-height: 1.2;
  padding-left: 40px;
  font-weight: 700
}

@media (max-width:1219px) {
  .order {
    padding: 60px 0
  }

  .order__item {
    max-width: 280px
  }

  .order__item_notlast {
    margin-right: 50px
  }
}

@media (max-width:1023px) {

  .order__text,
  .order__title {
    text-align: center
  }

  .order__list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px
  }

  .order__item {
    max-width: 220px;
    margin: 0
  }

  .order__img-box::before {
    display: none
  }

  .order__step {
    margin-top: 15px;
    padding: 0 15px;
    text-align: center;
    font-size: 20px
  }
}

@media (max-width:767px) {
  .order__title {
    font-size: 44px
  }

  .order__item {
    margin: 15px 10px
  }

  .order__list,
  .order__step {
    margin-top: 10px
  }

  .order__list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

@media (max-width:639px) {
  .order__title {
    font-size: 40px
  }

  .order__text {
    font-size: 30px
  }

  .order__item {
    max-width: 280px
  }

  .order__item_notlast {
    margin: 0 0 30px
  }

  .order__step {
    padding: 0 10px
  }
}

@media (max-width:479px) {
  .order__img-box::before {
    display: none
  }

  .order__text {
    font-size: 26px
  }

  .order__step {
    margin-top: 10px
  }
}

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

.call__box {
  padding-top: 69px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 76px;
  position: relative
}

.call__box::before {
  content: '';
  height: 0;
  width: 0;
  border-width: 21px 21px 0;
  border-color: #3356a8 transparent transparent;
  border-style: solid;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: -1px
}

.call__left {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.call__img {
  width: 70px;
  margin-top: 5px;
  font-size: 0
}

.call__text {
  font-size: 22px;
  width: 700px;
  padding-left: 29px;
  line-height: 1.2
}

.call__text span {
  text-decoration: underline;
  color: #000
}

.call__btn {
  width: 370px;
  margin-top: 8px
}

@media (max-width:1219px) {
  .call__box {
    padding: 60px 0
  }

  .call__text {
    width: 530px;
    padding: 0 25px
  }
}

@media (max-width:1023px) {
  .call__box {
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .call__box::before {
    display: none
  }

  .call__text {
    width: 620px
  }

  .call__btn {
    margin-top: 20px
  }
}

@media (max-width:767px) {
  .call__left {
    flex-direction: column;
    align-items: center;
  }

  .call__text {
    width: 550px
  }

  .call__img {
    margin: 0 0 10px;
  }

  .call__btn {
    width: 290px
  }
}

@media (max-width:639px) {
  .call__img {
    width: 60px
  }

  .call__text {
    width: 390px;
    padding: 0 15px
  }
}

@media (max-width:479px) {
  .call__left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .call__text {
    margin: 5px 0 10px;
    width: 100%;
    text-align: center;
    font-size: 18px
  }

  .call__btn {
    margin-top: 0
  }
}

.form,
.form__title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.form {
  background: #fff;
  color: #342c24;
  padding-left: 30px;
  border-radius: 25px 0 30px 0;
  justify-content: space-between;
}

.form__title-box {
  width: 255px
}

.form__title {
  font-size: 26px;
  font-weight: 700;
  width: 152px;
  margin-top: 57px;
  margin-right: 5px;
  line-height: 1
}

.form__disc {
  height: 97px;
  width: 97px;
  border-radius: 50%;
  font-size: 36px;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
  background: #fbe446;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-bottom: 31px;
  font-weight: 700;
  margin-top: 42px
}

.form__disc span {
  font-size: 26px
}

.form input {
  width: 100%;
  height: 46px;
  border: 1px solid #d9d9d9;
  border-radius: 25px;
  color: #6d6d6d
}

.form input::-webkit-input-placeholder {
  color: #6d6d6d !important
}

.form input::-moz-placeholder {
  color: #6d6d6d !important
}

.form input:-ms-input-placeholder,
.form input::-ms-input-placeholder {
  color: #6d6d6d !important
}

.form input::placeholder {
  color: #6d6d6d !important
}

.form__name-input,
.form__phone-input {
  padding: 0 10px 0 49px;
  font-size: 15px;
  color: #342c24
}

.form__name-input::-webkit-input-placeholder {
  color: #6b6b6b
}

.form__name-input::-moz-placeholder {
  color: #6b6b6b
}

.form__name-input:-ms-input-placeholder,
.form__name-input::-ms-input-placeholder,
.form__phone-input:-ms-input-placeholder {
  color: #6b6b6b
}

.form__name-input::placeholder {
  color: #6b6b6b
}

.form__phone-input::-webkit-input-placeholder {
  color: #6b6b6b
}

.form__phone-input::-moz-placeholder {
  color: #6b6b6b
}

.form__phone-input::-ms-input-placeholder {
  color: #6b6b6b
}

.form__phone-input::placeholder {
  color: #6b6b6b
}

.form__inputs {
  width: 100%;
  max-width: 260px;
  margin-top: 38px;
  padding-left: 15px;
  padding-right: 15px;
}

.form__name-input-box,
.form__old-price .x_price_previous {
  position: relative
}

.form__name-input-box::before,
.form__phone-input-box::before {
  content: '';
  width: 18px;
  height: 22px;
  background: url(../img/icon-name.png) no-repeat center center;
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.form__phone-input-box {
  margin-top: 16px;
  position: relative
}

.form__phone-input-box::before {
  background-image: url(../img/icon-phone.svg);
  background-size: contain;
}

.form__btn {
  width: 100%;
  margin-top: 21px;
  font-size: 34px
}

.form__price-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%
}

.form__old-price {
  padding-bottom: 7px;
  border-bottom: 1px solid #000;
  padding-left: 8px;
  margin-bottom: 5px;
  padding-right: 9px;
  position: relative;
  white-space: nowrap;
}

.form__new-price {
  white-space: nowrap;
}

.form__old-price .x_price_previous::after,
.form__old-price .x_price_previous::before {
  content: '';
  position: absolute;
  height: 2px;
  width: 110%;
  background: #ff4800;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  top: 50%;
  left: -5%
}

.form__old-price .x_price_previous::after {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg)
}

.form__old-price .x_price_previous::before {
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg)
}

.form__old-price .x_price_previous {
  font-size: 34px
}

.form__bottom,
.form__old-price span {
  font-size: 16px
}

.form__new-price .x_price_current {
  font-size: 54px;
  font-weight: 700
}

.form__new-price span {
  font-size: 18px;
  font-weight: 700
}

.form__bottom {
  color: #fff;
  background: #0f216d;
  margin-top: 39px;
  padding: 10px 15px 10px 15px;
  width: 100%;
  text-align: center;
  border-radius: 25px 0
}

.form__bottom span {
  display: inline-block;
  background: #fff;
  color: #0f216d;
  height: 22px;
  width: 25px;
  padding-top: 3px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.header--last {
  padding-top: 80px;
}

.header--last .header__title {
  font-size: 54px;
}

@media (max-width:1219px) {

  .form__title {
    width: 140px;
    margin-top: 46px
  }

  .form__disc {
    width: 80px;
    height: 80px;
    font-size: 30px;
    padding-bottom: 28px;
    margin-top: 35px
  }

  .form__disc span {
    font-size: 20px
  }

  .form__old-price {
    margin-bottom: 0
  }

  .form__title-box {
    width: 245px
  }

  .form__new-price .x_price_current {
    font-size: 48px;
    line-height: 1
  }

  .form__btn {
    width: 100%
  }

  .header--last .header__form-box {
    margin-top: 480px;
  }

  .header--last .header__img-prod {
    top: 632px;
  }

  .header--last .header__title {
    font-size: 44px;
  }

  .header--last .header__list {
    margin-top: 50px;
  }
}

@media (max-width:1023px) {
  .header--last .header__form-box {
    margin: 0;
  }

  .form {
    padding-left: 20px;
  }

  .form__inputs {
    max-width: 250px;
  }
}

@media (max-width:767px) {

  .form,
  .form__inputs {
    padding-left: 40px
  }

  .form__btn,
  .form__phone-input-box {
    margin-top: 15px
  }

  .header--last .header__form-box {
    margin-top: 20px;
  }

  .form__inputs {
    max-width: 310px;
  }
}

@media (max-width:639px) {

  .form {
    padding: 0 15px;
    border-radius: 10px
  }

  .form input,
  .form__title-box {
    width: 100%
  }

  .form__title {
    width: 320px;
    margin-top: 34px;
  }

  .form__disc {
    width: 60px;
    height: 60px;
    font-size: 24px;
    padding-bottom: 20px;
    margin-top: 20px
  }

  .form__disc span {
    font-size: 18px
  }

  .form__price-box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .form__new-price,
  .form__old-price {
    margin: 0 10px
  }

  .form__inputs {
    padding: 0 10px;
    margin: 25px auto 0
  }

  .form__bottom {
    width: 460px;
    margin: 25px -15px 0;
    border-radius: 0 0 10px 10px;
    text-align: center;
    padding: 15px 10px
  }
}

.form__price-extra-disc {
  display: none
}

@media (max-width:479px) {

  .form__title {
    margin-top: 20px;
    text-align: center
  }

  .form__disc {
    margin: 10px auto 0
  }

  .form__old-price .x_price_previous {
    font-size: 30px
  }

  .form__old-price {
    padding: 0
  }

  .form__new-price .x_price_current {
    font-size: 40px
  }

  .form__inputs {
    width: 100%;
    padding: 0
  }

  .form__disc {
    display: none
  }

  .form__price-box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
  }

  .form__price-extra-disc {
    display: block;
    border-radius: 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    background: #fbe446;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-weight: 700;
    width: 60px;
    height: 60px;
    font-size: 24px;
    padding-bottom: 20px;
    margin-top: 0
  }

  .form__price-extra-disc span {
    font-size: 26px
  }

  .form__new-price,
  .form__old-price {
    margin: 0 5px
  }
}

.footer {
  padding-top: 90px;
  padding-bottom: 20px;
  text-align: center;
}

@media (max-width:1219px) {
  .footer {
    padding-bottom: 20px
  }
}

@media (max-width:1023px) {
  .footer {
    padding-top: 20px
  }
}

@media (max-width:767px) {
  .footer {
    padding: 10px 0
  }
}

@media screen and (max-width:1023px) {
  .block {
    padding: 40px 0
  }
}

@media screen and (max-width:767px) {
  .block {
    padding: 30px 0
  }
}

@media screen and (max-width:639px) {
  .block {
    padding: 30px 0
  }
}

@media screen and (max-width:479px) {
  .block {
    padding: 25px 0
  }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  .kind__top {
    height: 80px;
    line-height: 80px;
  }
}