@charset "UTF-8";
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.woff?wcuxo6") format("woff"), url("../fonts/icomoon.ttf?wcuxo6") format("truetype"), url("../fonts/icomoon.svg?wcuxo6#icomoon") format("svg");
  font-display: block;
  font-weight: normal;
  font-style: normal;
}
/*--- Begin language ---*/
.lang__items {
  display: flex;
  list-style: none;
}
.lang__item {
  background: #ffffff;
  padding: 3px;
  color: black;
}
.lang__item:hover {
  background: #f0c413;
}
.lang__item--active {
  padding: 3px;
  background: #ffde59;
  color: black;
}
.lang__mobile {
  display: none;
}

/*--- End language ---*/
/*--- Begin icomoon ---*/
[class^=icon-],
[class*=" icon-"] {
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-family: "icomoon" !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  letter-spacing: 0;
  speak-as: never;
  line-height: 1;
}

.icon-placeholder-for-map:before {
  content: "\e919";
}

.icon-phone-call:before {
  content: "\e912";
}

.icon-interface:before {
  content: "\e913";
}

.icon-facebook-logo:before {
  content: "\e910";
}

.icon-twitter-logo-silhouette:before {
  content: "\e90f";
}

.icon-social-media:before {
  content: "\e90e";
}

.icon-instagram-social-network-logo-of-photo-camera-1:before {
  content: "\e911";
}

.icon-left-arrow:before {
  content: "\e90d";
}

.icon-right-arrow:before {
  content: "\e90c";
}

.icon-down-arrow:before {
  content: "\e90b";
}

.icon-cancel:before {
  content: "\e90a";
}

.icon-car-steering-wheel:before {
  content: "\e902";
}

.icon-people:before {
  content: "\e915";
}

.icon-protection-shield-with-a-check-mark:before {
  content: "\e900";
}

.icon-id-card:before {
  content: "\e924";
}

.icon-people-1:before {
  content: "\e904";
}

.icon-clock:before {
  content: "\e905";
}

.icon-money:before {
  content: "\e903";
}

.icon-black-and-white-credit-cards:before {
  content: "\e901";
}

.icon-menu-three-horizontal-lines-symbol:before {
  content: "\e91d";
}

/*--- End icomoon ---*/
/*--- Begin main styles ---*/
*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  outline: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html,
body {
  color: #3b3b3b;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  background: #ffffff;
  line-height: 1.2;
  min-width: 320px;
}
html.is_overflow,
body.is_overflow {
  overflow: hidden;
}

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

a {
  color: inherit;
  cursor: pointer;
  transition: color 0.3s;
}
a:hover {
  text-decoration: none;
}

.flex, .btn {
  display: flex;
  flex-wrap: wrap;
}

.top {
  align-items: flex-start;
}

.middle, .btn {
  align-items: center;
}

.bottom {
  align-items: flex-end;
}

.start {
  justify-content: flex-start;
}

.center, .btn {
  justify-content: center;
}

.end {
  justify-content: flex-end;
}

.between {
  justify-content: space-between;
}

.wrapper {
  margin: 0 auto;
}

.container {
  margin: 0 auto;
  padding: 0 15px;
  width: 1200px;
}

.btn {
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s;
  padding: 0 5px;
  width: 170px;
  height: 44px;
  background: #3b3b3b;
  letter-spacing: 0.1em;
  color: #ffffff;
  border: none;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.btn:hover {
  color: #3b3b3b;
  background: #ffde59;
}
.btn--2 {
  background: none;
  border: 2px solid #ffffff;
}
.btn--2:hover {
  color: #ffde59;
  background: none;
  border-color: #ffde59;
}
.btn--3 {
  color: #3b3b3b;
  background: #ffde59;
}
.btn--3:hover {
  color: #ffffff;
  background: #3b3b3b;
}
.btn--4, .btn--4:hover {
  background: #d4d4d4;
}
.btn--5, .btn--5:hover {
  background: #ffde59;
}
.btn--disabled, .btn--disabled:hover {
  cursor: default;
  background: #ededed;
  color: #3b3b3b;
  opacity: 0.5;
}

/*--- slick ---*/
.js_slider {
  visibility: hidden;
}
.js_slider.slick-initialized {
  visibility: visible;
}
.js_slider .slick-arrow {
  position: absolute;
  top: 50%;
  left: 10px;
  font-size: 40px;
  transition: color 0.3s;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 1;
}
.js_slider .slick-arrow:hover {
  color: #ffde59;
}
.js_slider .slick-arrow.icon-right-arrow {
  left: auto;
  right: 10px;
}
.js_slider .slick-dots {
  width: 100%;
  list-style: none;
  margin-top: 50px;
}
.js_slider .slick-dots li {
  margin: 0 10px;
  padding: 15px 0;
  cursor: pointer;
}
.js_slider .slick-dots li::after {
  content: "";
  width: 50px;
  height: 3px;
  display: block;
  background: #3b3b3b;
  transition: background 0.3s;
}
.js_slider .slick-dots li.slick-active::after {
  background: #ffde59;
}
.js_slider .slick-dots li button {
  display: none;
}

/*--- lightGallery ---*/
.lg-backdrop {
  background: rgba(59, 59, 59, 0.8);
}

.lg-outer .lg-item {
  background: url("../img/loading.svg") no-repeat scroll center center transparent;
  background-size: 44px 44px;
}
.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
  vertical-align: middle;
  height: 100%;
}
.lg-outer .lg-video .lg-video-play {
  width: 64px;
  height: 40px;
  margin-left: -32px;
  margin-top: -20px;
}
.lg-outer .lg-has-vimeo .lg-video-play, .lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url("../img/lg_play.svg") no-repeat scroll 0 0 transparent;
  background-size: 192px 80px;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background-position: 0 -40px;
}
.lg-outer .lg-has-youtube .lg-video-play, .lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url("../img/lg_play.svg") no-repeat scroll -64px 0 transparent;
  background-size: 192px 80px;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
  background-position: -64px -40px;
}
.lg-outer .lg-has-html5 .lg-video-play {
  background: transparent url("../img/lg_play.svg") no-repeat scroll -128px 0;
  margin-top: -32px;
  height: 64px;
}

.lg-actions .lg-prev,
.lg-actions .lg-next {
  font-size: 24px;
  margin-top: -21px;
  padding: 9px;
}

/*--- End main styles ---*/
/*--- Begin loader ---*/
@keyframes loader {
  0%, 10%, 100% {
    width: 80px;
    height: 80px;
  }
  65% {
    width: 150px;
    height: 150px;
  }
}
@keyframes loaderBlock {
  0%, 30% {
    transform: rotate(0);
  }
  55% {
    background-color: #ffde59;
  }
  100% {
    transform: rotate(90deg);
  }
}
@keyframes loaderBlockInverse {
  0%, 30% {
    transform: rotate(0);
  }
  55% {
    background-color: #ffde59;
  }
  100% {
    transform: rotate(-90deg);
  }
}
.loader {
  opacity: 1;
  z-index: 10000;
  background: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.loader.is_loaded {
  opacity: 0;
  visibility: hidden;
  transition: all 500ms linear 0s;
}
.loader__animate {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
  animation: loader 1.2s infinite ease-in-out;
}
.loader__animate span {
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
  background-color: #ffde59;
  animation: loaderBlock 1.2s infinite ease-in-out both;
}
.loader__animate span:nth-child(1) {
  top: 0;
  left: 0;
}
.loader__animate span:nth-child(2) {
  top: 0;
  right: 0;
  animation: loaderBlockInverse 1.2s infinite ease-in-out both;
}
.loader__animate span:nth-child(3) {
  left: 0;
  bottom: 0;
  animation: loaderBlockInverse 1.2s infinite ease-in-out both;
}
.loader__animate span:nth-child(4) {
  right: 0;
  bottom: 0;
}

/*--- End loader ---*/
/*--- Begin header ---*/
@keyframes trembling {
  0%, 25% {
    left: -1px;
    transform: translateX(-4%);
  }
  50%, 100% {
    left: 1px;
    transform: translateX(4%);
  }
}
.header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  margin: auto;
  min-width: 320px;
}
.header.is_scroll {
  position: fixed;
  box-shadow: 0 -2px 5px 0 #3b3b3b;
}
.header__top {
  color: #ffffff;
  background: #3b3b3b;
  font-size: 15px;
}
.header__contacts {
  padding: 15px 0;
}
.header__location, .header__phone, .header__email {
  line-height: 1;
  margin-right: auto;
  display: inline-block;
}
.header__location a, .header__phone a, .header__email a {
  position: relative;
  padding-left: 25px;
  text-decoration: none;
}
.header__location a:hover, .header__phone a:hover, .header__email a:hover {
  color: #ffde59;
}
.header__location a [class^=icon-], .header__phone a [class^=icon-], .header__email a [class^=icon-] {
  position: absolute;
  top: 2px;
  left: 0;
}
.header__phone a:hover [class^=icon-] {
  animation: 0.1s trembling ease-out infinite;
}
.header__social {
  width: 150px;
  font-size: 16px;
}
.header__social a {
  margin-right: auto;
  text-decoration: none;
}
.header__social a:hover {
  color: #ffde59;
}
.header__social a:last-child {
  margin-right: 0;
}
.header__toggle, .header__menu_close, .header__burger {
  display: none;
}
.header__bottom {
  background: #ffffff;
}
.header__logo {
  width: 126px;
  display: block;
  margin: 0 auto -62px 0;
}
.header__menu {
  width: 800px;
}
.header__menu_list {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  list-style: none;
}
.header__menu_list li {
  margin-right: auto;
}
.header__menu_list li:last-child {
  margin-right: 0;
}
.header__menu_list li a {
  text-decoration: none;
}
.header__menu_list li a:hover {
  color: #ffde59;
}
.header__btn {
  margin-left: auto;
}
.header__btn-phone {
  display: flex;
  align-items: center;
  text-align: center;
  margin-left: auto;
}
.header__number-mobile {
  display: none;
}
.header__telegram-btn {
  display: none;
}

/*--- End header ---*/
/*--- Begin main ---*/
.main {
  z-index: 0;
  overflow: hidden;
  position: relative;
  margin-top: 134px;
}
.main::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.85;
  z-index: -1;
}
.main__video {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -2;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
}
.main__video::-webkit-media-controls {
  display: none !important;
}
.main__slider .slick-arrow {
  color: #ffffff;
}
.main__slider_container {
  padding-top: 90px;
  padding-bottom: 90px;
  min-height: calc(100vh - 134px);
  display: table;
  height: 1px;
}
.main__slider_title {
  color: #ffffff;
  font-size: 48px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  line-height: 1.6;
}
.main__slider_title span {
  color: #ffde59;
  font-size: 80px;
}

/*--- End main ---*/
/*--- Begin total_info ---*/
.total_info {
  overflow: hidden;
  background: url("../img/bg.jpg");
  margin-bottom: 50px;
}
.total_info__item {
  width: 25%;
  z-index: 0;
  padding: 32px 0;
  position: relative;
}
.total_info__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: skew(-22deg);
  background: #232323;
  opacity: 0.4;
  z-index: -1;
}
.total_info__item:nth-child(even)::before {
  background: #4d4d4d;
}
.total_info__item [class^=icon-] {
  font-size: 38px;
  margin-right: 20px;
  display: block;
  color: #ffde59;
  width: 38px;
}
.total_info__item p {
  width: 150px;
  color: #ffffff;
  line-height: 1.5;
  text-transform: uppercase;
}
.total_info__item p span {
  display: block;
  font-size: 38px;
  font-weight: 500;
  margin-bottom: 10px;
  line-height: 1;
}

/*--- End total_info ---*/
/*--- Begin advantages ---*/
.title {
  color: #3b3b3b;
  text-align: center;
  letter-spacing: 0.02em;
  margin-bottom: 60px;
}
.title h2 {
  font-size: 60px;
  font-weight: 700;
  line-height: 1.5;
}
.title p {
  margin-top: 15px;
  line-height: 1.8;
}

.advantages {
  padding: 70px 0;
}
.advantages__info {
  margin: -15px;
}
.advantages__item {
  width: 370px;
  padding: 30px;
  text-align: center;
  border-radius: 15px;
  box-shadow: 0 0 5px 0 rgba(59, 59, 59, 0.1);
  transition: box-shadow 0.3s;
  margin: 15px;
}
.advantages__item:hover {
  box-shadow: 0 0 10px 0 rgba(59, 59, 59, 0.3);
}
.advantages__icon {
  color: #ffde59;
  display: block;
  font-size: 44px;
  position: relative;
  text-align: center;
  margin: 8px auto 40px auto;
  line-height: 84px;
  height: 84px;
  width: 84px;
  z-index: 0;
}
.advantages__icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotate(45deg);
  box-shadow: 3px 3px 6px rgba(59, 59, 59, 0.3);
  background: #ffffff;
  border-radius: 5px;
  z-index: -1;
}
.advantages__title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
}
.advantages__list {
  font-size: 18px;
  font-style: italic;
  list-style: none;
}
.advantages__list li {
  margin-bottom: 15px;
}
.advantages__list li:last-child {
  margin-bottom: 0;
}

/*--- End advantages ---*/
/*--- Begin steps ---*/
.steps {
  padding-bottom: 70px;
}
.steps__list {
  margin: -38px -15px;
  background: url("../img/steps/road.png") center top 84px no-repeat;
  background-size: 1200px;
  text-align: center;
}
.steps__item {
  width: 400px;
  margin: 38px 0;
  font-size: 18px;
  padding: 43px 15px 0 15px;
}
.steps__item:nth-last-child(2) {
  order: 1;
}
.steps__item_number {
  width: 110px;
  font-weight: 700;
  position: relative;
  letter-spacing: 0.1em;
  margin: 0 auto 70px auto;
  line-height: 1;
  z-index: 0;
}
.steps__item_number::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 110px;
  height: 110px;
  margin: auto;
  border-radius: 10px;
  background: #ffffff;
  transform: rotate(45deg);
  border: 5px solid #ffde59;
  box-shadow: 0 0 0 3px #3b3b3b inset, 3px 3px 6px rgba(59, 59, 59, 0.3);
  z-index: -1;
}
.steps__item_number span {
  display: block;
  font-size: 44px;
  font-weight: 400;
}

/*--- End steps ---*/
/*--- Begin animation ---*/
@keyframes move {
  from {
    background-position: 0 bottom;
  }
  to {
    background-position: 1120px bottom;
  }
}
@keyframes spin {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.animation__left {
  padding: 70px 0;
  min-height: 456px;
  width: calc(50% - 90px);
  background: url("../img/bg.jpg");
  position: relative;
  z-index: 1;
}
.animation__triangle {
  position: absolute;
  top: 0;
  left: 100%;
  width: 90px;
  height: 100%;
}
.animation__triangle .polygon2 {
  display: none;
}
.animation__info {
  width: 495px;
  color: #ffffff;
  text-align: center;
  margin-left: auto;
}
.animation__text {
  font-size: 34px;
  margin-bottom: 30px;
}
.animation__text strong {
  font-size: 48px;
  font-weight: 700;
  margin-top: 30px;
  display: block;
}
.animation__btn {
  width: 430px;
  height: auto;
  padding: 12px 5px;
  margin: 0 auto;
}
.animation__right {
  height: 456px;
  padding-left: 90px;
  width: calc(50% + 90px);
  background: url("../img/animation/city.jpg") left bottom repeat-x;
  animation: move 4s linear infinite;
  position: relative;
}
.animation__right::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 115px;
  background: url("../img/animation/road_cone.png") left bottom repeat-x;
  animation: move 4s linear infinite;
}
.animation__car {
  width: 728px;
  position: relative;
  margin-bottom: 50px;
}
.animation__car::before, .animation__car::after {
  content: "";
  position: absolute;
  left: 97px;
  bottom: 14px;
  width: 97px;
  height: 97px;
  animation: spin 0.8s linear infinite;
  background: url("../img/animation/car_wheel.png") center no-repeat;
  background-size: contain;
}
.animation__car::after {
  left: auto;
  right: 102px;
}

/*--- End animation ---*/
/*--- Begin affiliates ---*/
.affiliates {
  padding: 70px 0;
}
.affiliates__block {
  color: #ffffff;
  padding: 50px 60px;
  background: url("../img/bg.jpg");
  border-radius: 30px;
  position: relative;
  z-index: 0;
}
.affiliates__block::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  border-radius: inherit;
  border: 4px solid #ffffff;
  z-index: -1;
}
.affiliates__title {
  color: white;
}
.affiliates__list {
  margin: -18px;
  text-align: center;
  line-height: 1.8;
}
.affiliates__item {
  width: 362px;
  padding: 18px;
}
.affiliates__item h4 {
  color: #ffde59;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.2;
  margin: 25px 0;
}
.affiliates__icon {
  font-size: 60px;
}
.affiliates__btn {
  width: 100%;
  height: auto;
  margin-top: 60px;
  padding: 14px 5px;
}

/*--- End affiliates ---*/
/*--- Begin team ---*/
.team {
  padding: 70px 0;
}
.team__item {
  padding: 0 25px;
  text-align: center;
}
.team__foto {
  width: 450px;
  margin: 0 auto 30px auto;
}
.team__name {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 auto 15px auto;
  max-width: 450px;
}
.team__experience {
  margin: 0 auto;
  font-size: 18px;
  max-width: 450px;
}

/*--- End team ---*/
/*--- Begin tariffs ---*/
.tariffs {
  padding-bottom: 70px;
}
.tariffs .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  flex-wrap: wrap;
}
.tariffs .title h2 {
  margin-bottom: 20px;
}
.tariffs__info {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
}
.tariffs__info h3 {
  margin: 0 15px;
  font-weight: 400;
  font-size: 24px;
  text-align: center;
}
.tariffs__info h3 strong {
  color: #ffde59;
}
@media only screen and (max-width: 479px) {
  .tariffs__info h3 {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-self: center;
    font-size: 18px;
  }
  .tariffs__info h3 strong {
    font-size: 24px;
  }
}
.tariffs__slider .slick-list {
  margin: -15px;
}
.tariffs__slider .slick-track {
  display: flex;
}
.tariffs__slider .slick-slide {
  display: flex;
  flex-direction: column;
  height: auto;
  float: none;
}
.tariffs__item {
  margin: 15px;
  background: #ffffff;
  padding: 30px 25px 30px;
  box-shadow: 0 0 5px 0 rgba(59, 59, 59, 0.3);
  border: 2px solid transparent;
  text-align: center;
}
.tariffs__item--express, .tariffs__item--default {
  background: #ffffff;
  color: #3b3b3b;
}
.tariffs__item--express .tariffs__btn, .tariffs__item--default .tariffs__btn {
  border-color: #3b3b3b;
}
.tariffs__item--express .tariffs__btn:hover, .tariffs__item--express .tariffs__btn:focus, .tariffs__item--default .tariffs__btn:hover, .tariffs__item--default .tariffs__btn:focus {
  border-color: #ffde59;
  background: #ffde59;
  color: #3b3b3b;
}
.tariffs__item--express .tariffs__list li::after, .tariffs__item--default .tariffs__list li::after {
  background: #3b3b3b;
}
.tariffs__item--express .tariffs__list li.hidden::after, .tariffs__item--default .tariffs__list li.hidden::after {
  opacity: 0.5;
}
.tariffs__item--express {
  background-color: #ededed;
}
.tariffs__item--express .tariffs__btn--round {
  background: #ffde59;
  color: #3b3b3b;
  border-color: #ffde59;
}
.tariffs__item--express .tariffs__btn--round:hover, .tariffs__item--express .tariffs__btn--round:focus {
  color: #3b3b3b;
  border-color: #3b3b3b;
  background: #ffffff;
}
.tariffs__item--default {
  background: #ffde59;
}
.tariffs__item--default .tariffs__btn:hover, .tariffs__item--default .tariffs__btn:focus {
  border-color: #ffffff;
  background: #ffffff;
  color: #3b3b3b;
}
.tariffs__item--default .tariffs__btn--round {
  border-color: #ffffff;
  background: #ffffff;
  color: #3b3b3b;
}
.tariffs__item--default .tariffs__btn--round:hover, .tariffs__item--default .tariffs__btn--round:focus {
  color: #3b3b3b;
  border-color: #3b3b3b;
  background: #ffde59;
}
.tariffs__item--business {
  background: #3b3b3b;
  color: #ffffff;
}
.tariffs__item--business .tariffs__name {
  color: #ffde59;
}
.tariffs__item--business .tariffs__btn {
  color: #ffde59;
  border-color: #ffde59;
}
.tariffs__item--business .tariffs__btn:hover, .tariffs__item--business .tariffs__btn:focus {
  background: #ffde59;
  color: #3b3b3b;
}
.tariffs__item--business .tariffs__btn--round {
  background: #ffde59;
  color: #3b3b3b;
}
.tariffs__item--business .tariffs__btn--round:hover, .tariffs__item--business .tariffs__btn--round:focus {
  color: #ffde59;
  border-color: #ffde59;
  background: #3b3b3b;
}
.tariffs__item--business .tariffs__list li::after {
  background: #ffffff;
}
.tariffs__name {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 30px;
}
.tariffs__item.is_active .tariffs__name {
  background: #ffde59;
}
.tariffs__list {
  list-style: none;
  margin-bottom: 50px;
}
.tariffs__list li {
  position: relative;
  margin-bottom: 30px;
  font-size: 17px;
}
.tariffs__list li::after {
  content: "";
  width: 2px;
  height: 2px;
  background: red;
  position: absolute;
  left: calc(50% - 1px);
  bottom: -15px;
}
.tariffs__list li:last-child {
  margin-bottom: 0;
}
.tariffs__list li:last-child::after {
  content: none;
}
.tariffs__list li.hidden {
  opacity: 0.5;
}
.tariffs__price {
  font-size: 34px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .tariffs__price {
    font-size: 24px;
  }
}
.tariffs__btn {
  padding: 15px 25px;
  font-size: 24px;
  text-decoration: none;
  margin: 0 auto;
  border: 2px solid transparent;
  transition: all 0.4s ease;
}
.tariffs__btn--small {
  padding: 10px 25px;
  font-size: 22px;
}
.tariffs__btn--round {
  padding: 15px 20px;
  font-size: 22px;
  border-radius: 50px;
}
.tariffs__btn--black {
  cursor: pointer;
  background-color: #3b3b3b;
  color: #ffffff;
}
.tariffs__btn--black:hover, .tariffs__btn--black:focus {
  background-color: #ffffff;
  color: #3b3b3b;
  border-color: #3b3b3b;
}
@media only screen and (max-width: 479px) {
  .tariffs__btn {
    font-size: 16px;
  }
}

/*--- End tariffs ---*/
/*--- Begin quiz ---*/
.quiz {
  margin-top: 50px;
}
.quiz__box {
  border-radius: 15px;
  box-shadow: 0 0 25px 0 rgba(59, 59, 59, 0.3);
}
.quiz__top {
  font-size: 24px;
  font-weight: 300;
  padding: 25px 30px;
  border-bottom: 1px solid #ededed;
  text-align: center;
}
.quiz__top [class^=icon-] {
  color: #ffde59;
  font-size: 43px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
}
.quiz__list {
  position: relative;
}
.quiz__list::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/loading.svg") no-repeat scroll center center rgba(59, 59, 59, 0.5);
  background-size: 44px 44px;
  visibility: hidden;
  opacity: 0;
}
.quiz__list.is_sending::after {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s;
}
.quiz__item {
  padding: 50px 30px;
}
.quiz__title {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px;
  color: #3b3b3b;
}
.quiz__cards {
  font-size: 20px;
  font-weight: 300;
  margin: -15px 0;
}
.quiz__cards_item {
  width: 352px;
  margin: 15px;
  cursor: pointer;
  border-radius: 5px;
  position: relative;
  border: 1px solid #ededed;
}
.quiz__cards_item input[type=radio] {
  display: none;
}
.quiz__cards_item p {
  padding: 15px;
}
.quiz__cards_item p::after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  right: 22px;
  bottom: 22px;
  border-radius: 50%;
  background: #ffffff;
  transition: background 0.3s;
  box-shadow: 0 0 0 5px #ffffff, 0 0 0 7px #ffde59, 0 0 20px 7px rgba(59, 59, 59, 0.3);
}
.quiz__cards_item input[type=radio]:checked + p::after {
  background: #ffde59;
}
.quiz__radio {
  display: block;
  cursor: pointer;
  font-weight: 700;
  max-width: 700px;
  margin: 10px auto;
}
.quiz__radio input[type=radio] {
  display: none;
}
.quiz__radio p {
  position: relative;
  padding: 20px 20px 20px 60px;
  transition: border-color 0.3s, box-shadow 0.3s;
  border: 1px solid #ededed;
  border-radius: 5px;
}
.quiz__radio p::before {
  content: "";
  width: 25px;
  height: 25px;
  margin: auto;
  border-radius: 3px;
  background: #ededed;
  transition: background 0.3s;
  position: absolute;
  top: 0;
  left: 20px;
  bottom: 0;
}
.quiz__radio input[type=radio]:checked + p {
  border-color: #ffde59;
  box-shadow: 0 0 0 1px #ffde59 inset;
}
.quiz__radio input[type=radio]:checked + p::before {
  background: #ffde59;
}
.quiz__form {
  margin: 0 auto;
  max-width: 700px;
}
.quiz__input {
  display: block;
  font-size: 14px;
  margin-bottom: 20px;
}
.quiz__input input[type=text] {
  width: 100%;
  height: 54px;
  padding: 0 20px;
  margin-top: 5px;
  border-radius: 6px;
  border: 1px solid #ededed;
  background: #ffffff;
  font-size: 20px;
  display: block;
}
.quiz__input input[type=text].is_error {
  border: 1px solid #ff0000;
  background: #ffd9d9;
}
.quiz__submit {
  width: 100%;
  height: 50px;
  margin-top: 30px;
}
.quiz__checkbox {
  display: block;
  font-size: 14px;
  margin-top: 15px;
}
.quiz__checkbox input[type=checkbox] {
  display: none;
}
.quiz__checkbox p {
  cursor: pointer;
  position: relative;
  display: inline-block;
  padding-left: 30px;
}
.quiz__checkbox p::before {
  content: "";
  width: 15px;
  height: 15px;
  color: #3b3b3b;
  font-size: 12px;
  line-height: 15px;
  border-radius: 3px;
  background: #ffde59;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}
.quiz__checkbox input[type=checkbox]:checked + p::before {
  content: "✓";
}
.quiz__callback {
  font-size: 20px;
  text-align: center;
}
.quiz__callback .btn {
  display: block;
  height: auto;
  padding: 15px;
  margin: 0 auto;
  width: auto;
  max-width: 200px;
}
.quiz__bottom {
  padding: 25px 30px;
  border-top: 1px solid #ededed;
}
.quiz__progress {
  flex: 1;
}
.quiz__progress_label {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 14px;
}
.quiz__progress_label span {
  color: #09ac0c;
  font-weight: 700;
}
.quiz__progress_line {
  width: 100%;
  height: 6px;
  border-radius: 3px;
  background: #ededed;
}
.quiz__progress_complete {
  width: 0;
  height: 100%;
  transition: width 0.3s;
  border-radius: inherit;
  background: #09ac0c;
}
.quiz__nav {
  margin-left: 20px;
}
.quiz__prev, .quiz__next {
  width: 120px;
  font-size: 16px;
  font-weight: 500;
  margin-left: 10px;
}

/*--- End quiz ---*/
/*--- Begin reviews ---*/
.reviews {
  padding: 70px 0;
}
.reviews__slider .slick-list {
  margin: 0 -15px;
}
.reviews__item {
  margin: 0 15px;
  padding-top: 40px;
}
.reviews__link {
  display: block;
  position: relative;
  text-decoration: none;
  max-width: 480px;
  margin: 0 auto;
}
.reviews__link::after {
  content: "";
  width: 64px;
  height: 40px;
  margin: -20px 0 0 -32px;
  background: url("../img/lg_play.svg") -64px 0 no-repeat;
  background-size: 192px 80px;
  position: absolute;
  left: 50%;
  top: 50%;
}
.reviews__link:hover::after {
  background-position: -64px -40px;
}
.reviews__number {
  width: 50px;
  height: 50px;
  display: block;
  line-height: 50px;
  text-align: center;
  position: absolute;
  top: -25px;
  left: 0;
  right: 0;
  margin: auto;
  font-weight: 500;
  font-size: 22px;
  color: #ffffff;
  z-index: 1;
}
.reviews__number::before {
  content: "";
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotate(45deg);
  border: 2px solid #ffffff;
  box-shadow: 0 0 0 4px #ffde59;
  background: #ffde59;
  z-index: -1;
}
.reviews__img {
  border-radius: 15px;
}

/*--- End reviews ---*/
/*--- Begin countdown ---*/
.countdown {
  background: #ffde59;
}
.countdown__left {
  width: 770px;
  font-size: 30px;
  text-align: center;
  background: url("../img/countdown/bg.jpg") center no-repeat;
  background-size: cover;
  padding: 30px 15px;
  color: #ffffff;
}
.countdown__title {
  font-size: 36px;
  margin-bottom: 10px;
  color: #ffde59;
}
.countdown__subtitle {
  position: relative;
  display: inline-block;
}
.countdown__subtitle [class^=icon-] {
  content: "";
  width: 30px;
  height: 30px;
  color: #ffde59;
  display: inline-block;
  vertical-align: top;
  margin: 3px 15px 0 0;
}
.countdown__right {
  width: 370px;
  text-align: center;
  text-transform: uppercase;
  margin-left: auto;
}
.countdown__item {
  font-size: 12px;
}
.countdown__item p {
  color: #ffffff;
  font-size: 40px;
  margin: 10px 5px 0 5px;
  box-shadow: 0 3px 8px 2px rgba(59, 59, 59, 0.5);
  background: #3b3b3b;
  border-radius: 5px;
  padding: 8px 12px;
  position: relative;
  z-index: 0;
}
.countdown__item p::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 5px;
  right: 5px;
  height: 1px;
  background: #ffde59;
  z-index: -1;
  opacity: 0.4;
}

/*--- End countdown ---*/
/*--- Begin think ---*/
.think {
  padding: 70px 0;
}
.think__block {
  color: #ffffff;
  padding: 50px 60px;
  background: url("../img/bg.jpg");
  border-radius: 30px;
  position: relative;
  z-index: 0;
}
.think__block::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  border-radius: inherit;
  border: 4px solid #ffffff;
  z-index: -1;
}
.think__title {
  color: inherit;
}
.think__list {
  margin: -18px;
  text-align: center;
  line-height: 1.8;
}
.think__item {
  width: 362px;
  padding: 18px;
}
.think__item h4 {
  color: #ffde59;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.2;
  margin: 25px 0;
}
.think__icon {
  font-size: 60px;
}
.think__btn {
  width: 100%;
  height: auto;
  margin-top: 60px;
  padding: 14px 5px;
}

/*--- End think ---*/
/*--- Begin map ---*/
.map {
  width: 100%;
  height: 600px;
}
.map__iframe {
  width: 100%;
  height: 100%;
  border: none;
}

/*--- End map ---*/
/*--- Begin footer ---*/
.footer {
  color: #ffffff;
  background: url("../img/bg.jpg");
  padding: 70px 0 50px 0;
  position: relative;
  z-index: 0;
}
.footer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #3b3b3b;
  opacity: 0.3;
  z-index: -2;
}
.footer::before {
  content: "";
  position: absolute;
  top: 15px;
  left: 0;
  width: 100%;
  height: 4px;
  background: #ffde59;
  z-index: -1;
}
.footer__logo {
  width: 180px;
  margin-right: auto;
}
.footer__logo a {
  text-decoration: none;
}
.footer__nav {
  width: 250px;
  margin-right: auto;
  padding-right: 50px;
  border-right: 1px solid #ededed;
}
.footer__nav_title {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 25px;
  color: #ffde59;
}
.footer__nav_list {
  list-style: none;
}
.footer__nav_list li {
  margin-bottom: 17px;
}
.footer__nav_list li:last-child {
  margin-bottom: 0;
}
.footer__nav_list li a {
  text-decoration: none;
}
.footer__nav_list li a:hover {
  color: #ffde59;
}
.footer__rights {
  width: 210px;
  line-height: 1.8;
  margin-right: auto;
}
.footer__contacts {
  width: 250px;
  text-align: center;
  padding-top: 7px;
}
.footer__social {
  color: #3b3b3b;
  font-size: 20px;
  margin-bottom: 40px;
}
.footer__social a {
  width: 40px;
  height: 40px;
  display: block;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  position: relative;
  margin: 0 10px;
  z-index: 0;
}
.footer__social a::after {
  content: "";
  border-radius: 5px;
  transform: rotate(45deg);
  transition: background 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffde59;
  z-index: -1;
}
.footer__social a:hover {
  color: #ffffff;
}
.footer__social a:hover::after {
  background: #ededed;
}
.footer__phone {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 10px;
}
.footer__phone a {
  position: relative;
  text-decoration: none;
  padding-left: 40px;
}
.footer__phone a [class^=icon-] {
  position: absolute;
  top: 2px;
  left: 0;
  width: 22px;
  color: #ffde59;
}
.footer__phone a:hover [class^=icon-] {
  animation: 0.1s trembling ease-out infinite;
}
.footer__location {
  font-size: 14px;
}

/*--- End footer ---*/
@media (max-width: 1499px) {
  .animation__left {
    width: 100%;
    margin-bottom: 70px;
    padding-bottom: 20px;
    min-height: auto;
  }
  .animation__triangle {
    width: 100%;
    height: 70px;
    top: 100%;
    left: 0;
  }
  .animation__triangle .polygon1 {
    display: none;
  }
  .animation__triangle .polygon2 {
    display: block;
  }
  .animation__info {
    width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
  }
  .animation__right {
    width: 100%;
    padding-left: 0;
  }
}
@media (max-width: 1229px) {
  .container {
    width: 960px;
  }
  /*--- slick ---*/
  .js_slider .slick-arrow {
    font-size: 30px;
  }
  /*--- Begin language ---*/
  .lang {
    display: none;
  }
  /*--- End language ---*/
  .header__social {
    width: 100px;
  }
  .header__logo {
    width: 84px;
    margin-bottom: -42px;
  }
  .header__menu {
    width: 650px;
  }
  .header__menu_list {
    font-size: 14px;
  }
  .header__btn {
    width: 130px;
    height: 38px;
    font-size: 12px;
  }
  .main {
    margin-top: 104px;
  }
  .main__slider_container {
    min-height: calc(100vh - 104px);
  }
  .main__slider_title {
    font-size: 40px;
    line-height: 1.4;
  }
  .main__slider_title span {
    font-size: 64px;
  }
  .offer-page {
    margin-top: 104px;
  }
  .total_info__item [class^=icon-] {
    font-size: 32px;
    margin-right: 15px;
    width: 32px;
  }
  .total_info__item p {
    width: 130px;
    font-size: 14px;
  }
  .total_info__item p span {
    font-size: 32px;
    margin-bottom: 5px;
  }
  .title {
    margin-bottom: 50px;
  }
  .title h2 {
    font-size: 50px;
    line-height: 1.3;
  }
  .title p {
    line-height: 1.5;
  }
  .tariffs .title {
    margin-bottom: 10px;
  }
  .advantages {
    padding: 60px 0;
  }
  .advantages__item {
    width: 290px;
    padding: 30px 15px;
  }
  /*--- Begin affiliates ---*/
  .affiliates {
    padding: 60px 0;
  }
  .affiliates__list {
    font-size: 14px;
    line-height: 1.5;
  }
  .affiliates__item {
    width: 282px;
  }
  .affiliates__item h4 {
    margin: 20px 0;
    font-size: 20px;
  }
  .affiliates__icon {
    font-size: 50px;
  }
  /*--- End affiliates ---*/
  .steps {
    padding-bottom: 60px;
  }
  .steps__list {
    margin: -30px -15px;
    background-size: 960px;
    background-position: center top 67px;
  }
  .steps__item {
    width: 320px;
    margin: 30px 0;
    padding-top: 35px;
    font-size: 16px;
  }
  .steps__item_number {
    width: 90px;
    margin-bottom: 51px;
  }
  .steps__item_number::before {
    width: 90px;
    height: 90px;
  }
  .steps__item_number span {
    font-size: 34px;
  }
  .animation__left {
    padding: 60px 0 20px 0;
  }
  .animation__info {
    width: 960px;
  }
  .team {
    padding: 60px 0;
  }
  .tariffs {
    padding-bottom: 60px;
  }
  .quiz__top {
    font-size: 22px;
  }
  .reviews {
    padding: 60px 0;
  }
  .countdown__left {
    width: 560px;
  }
  .think {
    padding: 60px 0;
  }
  .think__list {
    font-size: 14px;
    line-height: 1.5;
  }
  .think__item {
    width: 282px;
  }
  .think__item h4 {
    margin: 20px 0;
    font-size: 20px;
  }
  .think__icon {
    font-size: 50px;
  }
  .map {
    height: 500px;
  }
  .footer__nav {
    width: 280px;
  }
  .footer__rights {
    order: 1;
    width: 100%;
    text-align: center;
    margin-top: 50px;
  }
}
@media (max-width: 991px) {
  .container {
    width: 738px;
  }
  /*--- slick ---*/
  .js_slider .slick-dots {
    margin-top: 40px;
  }
  .js_slider .slick-dots li {
    margin: 0 6px;
  }
  .js_slider .slick-dots li::after {
    width: 28px;
  }
  /*--- Begin language ---*/
  .lang__items {
    display: flex;
    list-style: none;
  }
  .lang__item {
    background: #ffffff;
    padding: 3px;
    color: black;
  }
  .lang__item:hover {
    background: #f0c413;
  }
  .lang__item--active {
    padding: 3px;
    background: #ffde59;
    color: black;
  }
  .lang__mobile {
    display: flex;
    justify-content: center;
  }
  /*--- End language ---*/
  .header__contacts {
    display: none;
    padding: 25px 0;
  }
  .header__location, .header__phone, .header__email {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }
  .header__social {
    width: 250px;
    margin: 10px auto 0 auto;
  }
  .header__toggle {
    display: block;
    padding: 10px 0;
    font-size: 16px;
    cursor: pointer;
  }
  .header__toggle::before {
    width: 16px;
    height: 16px;
    display: block;
    margin: 0 auto;
    transition: transform 0.3s;
  }
  .header__toggle.is_active::before {
    transform: rotate(180deg);
  }
  .header__menu {
    position: fixed;
    top: 0;
    right: -290px;
    bottom: 0;
    width: 290px;
    background: #ffffff;
    transition: right 0.3s;
    overflow: auto;
  }
  .header__menu.is_open {
    right: 0;
    box-shadow: 2px 0 5px 0 #3b3b3b;
    z-index: 2;
  }
  .header__menu_close {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
  }
  .header__menu_list {
    display: block;
    padding: 30px 0;
  }
  .header__menu_list li {
    margin: 0;
    border-bottom: 1px solid #ededed;
  }
  .header__menu_list li:last-child {
    border-bottom: none;
  }
  .header__menu_list li a {
    display: block;
    padding: 15px 30px;
  }
  .header__burger {
    width: 28px;
    height: 28px;
    display: block;
    margin-left: 30px;
    text-decoration: none;
    font-size: 22px;
  }
  .header__btn-phone {
    display: flex;
    align-items: center;
    text-align: center;
  }
  .header__number-mobile {
    display: block;
    text-decoration: none;
    margin-right: 50px;
    font-size: 22px;
    animation: 0.3s ease;
  }
  .header__number-mobile:hover {
    color: #ffde59;
  }
  .main {
    margin-top: 94px;
  }
  .main__slider_container {
    min-height: calc(100vh - 94px);
  }
  .main__slider_title {
    font-size: 34px;
  }
  .main__slider_title span {
    font-size: 48px;
  }
  .offer-page {
    margin-top: 94px;
  }
  .total_info__item {
    width: 50%;
  }
  .total_info__item [class^=icon-] {
    font-size: 38px;
    margin-right: 20px;
    width: 38px;
  }
  .total_info__item p {
    width: 180px;
    font-size: 16px;
  }
  .total_info__item p span {
    font-size: 38px;
    margin-bottom: 10px;
  }
  .title h2 {
    font-size: 44px;
  }
  .advantages {
    padding: 50px 0;
  }
  .advantages__item {
    width: 339px;
  }
  .affiliates {
    padding: 50px 0;
  }
  .affiliates__list {
    font-size: 16px;
    line-height: 1.8;
  }
  .affiliates__item {
    width: 100%;
  }
  .affiliates__item h4 {
    margin: 15px 0;
    font-size: 24px;
  }
  .affiliates__btn {
    margin-top: 50px;
  }
  .steps {
    padding-bottom: 50px;
  }
  .steps__list {
    background: none;
    margin: -20px -15px;
  }
  .steps__item {
    z-index: 0;
    width: 246px;
    margin: 20px 0;
    position: relative;
  }
  .steps__item:nth-last-child(2) {
    order: 0;
  }
  .steps__item::before {
    content: "";
    position: absolute;
    top: 37px;
    left: 0;
    width: 100%;
    height: 45px;
    background: url("../img/steps/road_mobile.jpg") repeat-x;
    z-index: -1;
  }
  .animation__left {
    padding-top: 50px;
    margin-bottom: 50px;
  }
  .animation__triangle {
    height: 50px;
  }
  .animation__info {
    width: 738px;
  }
  .animation__text {
    font-size: 30px;
  }
  .animation__text strong {
    font-size: 42px;
    margin-top: 20px;
  }
  .team {
    padding: 50px 0;
  }
  .team__name {
    font-size: 18px;
  }
  .team__experience {
    font-size: 16px;
  }
  .tariffs {
    padding-bottom: 50px;
  }
  .tariffs__time {
    font-size: 22px;
  }
  .tariffs__time [class^=icon-] {
    width: 24px;
    height: 24px;
    font-size: 24px;
  }
  .quiz__item {
    padding: 30px;
  }
  .quiz__title {
    font-size: 26px;
  }
  .quiz__cards_item {
    width: 270px;
  }
  .reviews {
    padding: 50px 0;
  }
  .countdown {
    padding: 50px 0;
  }
  .countdown__left {
    width: 100%;
  }
  .countdown__right {
    margin: 30px auto 0 auto;
  }
  .think {
    padding: 50px 0;
  }
  .think__list {
    font-size: 16px;
    line-height: 1.8;
  }
  .think__item {
    width: 100%;
  }
  .think__item h4 {
    margin: 15px 0;
    font-size: 24px;
  }
  .think__btn {
    margin-top: 50px;
  }
  .footer__nav {
    width: 205px;
    padding-right: 30px;
  }
  .footer__phone {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .container {
    width: 546px;
  }
  .header__number-mobile {
    margin-right: 20px;
  }
  .main {
    background: url("../img/main/poster.jpg") center no-repeat;
    background-size: cover;
  }
  .main::before {
    opacity: 0.7;
  }
  .main__video {
    display: none;
  }
  .main__slider .slick-track {
    display: flex;
  }
  .main__slider .slick-slide {
    display: flex;
    flex-direction: column;
    height: auto;
    float: none;
  }
  .main__slider_container {
    min-height: auto;
    height: 100%;
  }
  .main__slider_title {
    font-size: 30px;
  }
  .main__slider_title span {
    font-size: 40px;
  }
  .total_info__item [class^=icon-] {
    font-size: 32px;
    margin-right: 15px;
    width: 32px;
  }
  .total_info__item p {
    width: 130px;
    font-size: 14px;
  }
  .total_info__item p span {
    font-size: 32px;
    margin-bottom: 5px;
  }
  .title h2 {
    font-size: 32px;
  }
  .advantages__info {
    margin: -15px 0;
  }
  .advantages__item {
    width: 100%;
    margin: 15px 0;
  }
  .advantages__icon {
    font-size: 34px;
    line-height: 68px;
    height: 68px;
    width: 68px;
  }
  .advantages__list {
    font-size: 16px;
  }
  .advantages__list li {
    margin-bottom: 8px;
  }
  .steps__item {
    width: 50%;
  }
  .animation__left {
    margin-bottom: 0;
  }
  .animation__info {
    width: 546px;
  }
  .animation__text {
    font-size: 20px;
  }
  .animation__text strong {
    font-size: 34px;
    margin-top: 15px;
  }
  .animation__right {
    height: 330px;
  }
  .animation__right::after {
    display: none;
  }
  .animation__car {
    width: 460px;
    margin-bottom: 25px;
  }
  .animation__car::before, .animation__car::after {
    left: 61px;
    bottom: 9px;
    width: 62px;
    height: 62px;
  }
  .animation__car::after {
    left: auto;
    right: 64px;
  }
  .team__foto {
    margin-bottom: 20px;
  }
  .team__name {
    font-size: 16px;
  }
  .team__experience {
    font-size: 14px;
  }
  .quiz__top {
    font-size: 20px;
  }
  .quiz__top [class^=icon-] {
    font-size: 34px;
    margin-right: 20px;
  }
  .quiz__title {
    font-size: 24px;
    margin-bottom: 25px;
  }
  .quiz__cards {
    font-size: 18px;
    margin: -10px 0;
  }
  .quiz__cards_item {
    width: 190px;
    margin: 10px;
  }
  .quiz__cards_item p::after {
    width: 15px;
    height: 15px;
  }
  .quiz__callback {
    font-size: 18px;
  }
  .quiz__progress_label {
    font-size: 16px;
    margin-bottom: 13px;
  }
  .quiz__prev, .quiz__next {
    width: 90px;
    height: 38px;
    font-size: 14px;
  }
  .map {
    height: 400px;
  }
  .footer {
    font-size: 14px;
  }
  .footer__logo {
    width: 168px;
  }
  .footer__nav {
    width: 50%;
    border-right: none;
    padding: 0 0 0 50px;
    border-left: 1px solid #ededed;
    text-align: right;
    margin: 0;
  }
  .footer__contacts {
    width: 100%;
    margin-top: 40px;
  }
  .footer__social {
    margin-bottom: 40px;
  }
  .tariffs__container {
    width: 100%;
    padding: 0;
  }
  .tariffs__slider .slick-list {
    margin: 0;
  }
  .tariffs__item {
    margin: 15px 10px;
  }
}
@media (max-width: 575px) {
  .header__btn-phone {
    display: flex;
    align-items: center;
    text-align: center;
  }
  .header__number-mobile {
    text-decoration: none;
    margin-right: 10px;
    font-size: 16px;
    animation: 0.3s ease;
  }
  .header__number-mobile:hover {
    color: #ffde59;
  }
  .header__telegram-btn {
    display: block;
    font-size: 30px;
  }
  .header__telegram-btn:hover {
    color: #ffde59;
  }
  .header__btn-hide {
    display: none;
  }
  .container {
    width: 100%;
  }
  .animation__info {
    width: 100%;
  }
  .animation__text {
    font-size: 18px;
  }
  .animation__text strong {
    font-size: 30px;
    margin-top: 10px;
  }
  .team__name {
    font-size: 18px;
  }
  .team__experience {
    font-size: 16px;
  }
  .quiz__top {
    padding: 25px 20px;
  }
  .quiz__item {
    padding: 30px 20px;
  }
  .quiz__title {
    font-size: 22px;
  }
  .quiz__cards {
    font-size: 16px;
    margin: -5px 0;
  }
  .quiz__cards_item {
    width: 180px;
    margin: 5px;
  }
  .quiz__radio p {
    padding: 15px 15px 15px 50px;
  }
  .quiz__radio p::before {
    width: 20px;
    height: 20px;
    left: 15px;
  }
  .quiz__bottom {
    padding: 25px 20px;
  }
  .quiz__nav {
    margin-left: 10px;
  }
  .countdown {
    padding: 15px 0 50px 0;
  }
  .countdown__left {
    font-size: 26px;
  }
  .countdown__title {
    font-size: 32px;
  }
  .countdown__subtitle [class^=icon-] {
    margin-top: 2px;
  }
}
@media (max-width: 479px) {
  .header__menu {
    width: 260px;
    right: -260px;
  }
  .header__burger {
    margin-left: 20px;
  }
  .total_info__item {
    width: 100%;
    max-width: 78%;
    margin: 0 auto;
  }
  .total_info__item p {
    width: 60%;
  }
  .title {
    margin-bottom: 40px;
  }
  .title h2 {
    font-size: 26px;
  }
  .title p {
    line-height: 1.3;
  }
  .advantages {
    padding: 40px 0;
  }
  .advantages__icon {
    font-size: 30px;
    line-height: 60px;
    height: 60px;
    width: 60px;
  }
  .affiliates {
    padding: 40px 0;
  }
  .affiliates__block {
    padding: 30px;
    border-radius: 20px;
  }
  .affiliates__block::before {
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    border-width: 2px;
  }
  .affiliates__list {
    font-size: 14px;
    line-height: 1.5;
  }
  .affiliates__item h4 {
    font-size: 20px;
  }
  .affiliates__btn {
    margin-top: 40px;
  }
  .steps {
    padding-bottom: 40px;
  }
  .steps__item::before {
    top: 34px;
  }
  .steps__item_number {
    width: 80px;
    font-size: 14px;
  }
  .steps__item_number::before {
    width: 80px;
    height: 80px;
  }
  .steps__item_number span {
    font-size: 30px;
  }
  .animation__left {
    padding-top: 40px;
  }
  .animation__triangle {
    height: 30px;
  }
  .animation__btn {
    width: 90%;
  }
  .animation__right {
    height: 250px;
  }
  .animation__car {
    width: 300px;
  }
  .animation__car::before, .animation__car::after {
    left: 40px;
    bottom: 6px;
    width: 40px;
    height: 40px;
  }
  .animation__car::after {
    left: auto;
    right: 42px;
  }
  .team {
    padding: 40px 0;
  }
  .tariffs {
    padding-bottom: 40px;
  }
  .tariffs__name {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .tariffs__list {
    margin-bottom: 40px;
  }
  .tariffs__item {
    padding: 10px;
  }
  .quiz__top {
    padding: 20px;
    font-size: 18px;
  }
  .quiz__top [class^=icon-] {
    font-size: 24px;
    margin-right: 15px;
  }
  .quiz__item {
    padding: 20px;
  }
  .quiz__title {
    font-size: 18px;
  }
  .quiz__radio {
    font-size: 14px;
  }
  .quiz__radio p {
    padding: 12px 12px 12px 38px;
  }
  .quiz__radio p::before {
    width: 15px;
    height: 15px;
    left: 12px;
  }
  .quiz__input {
    font-size: 12px;
    margin-bottom: 15px;
  }
  .quiz__input input[type=text] {
    height: 44px;
    padding: 0 15px;
    font-size: 16px;
  }
  .quiz__submit {
    height: 44px;
    margin-top: 20px;
    font-size: 12px;
  }
  .quiz__checkbox {
    font-size: 12px;
  }
  .quiz__callback {
    font-size: 16px;
  }
  .quiz__bottom {
    padding: 20px;
  }
  .quiz__progress_label {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .quiz__prev, .quiz__next {
    width: 60px;
    height: 32px;
    font-size: 10px;
    margin-left: 5px;
  }
  .reviews {
    padding: 40px 0;
  }
  .countdown {
    padding-bottom: 40px;
  }
  .countdown__right {
    width: 100%;
  }
  .countdown__item p {
    padding: 8px;
    font-size: 34px;
  }
  .think {
    padding: 40px 0;
  }
  .think__block {
    padding: 30px;
    border-radius: 20px;
  }
  .think__block::before {
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    border-width: 2px;
  }
  .think__list {
    font-size: 14px;
    line-height: 1.5;
  }
  .think__item h4 {
    font-size: 20px;
  }
  .think__btn {
    margin-top: 40px;
  }
  .map {
    height: 320px;
  }
  .footer {
    padding: 40px 0;
  }
  .footer__logo {
    margin: 0 auto 40px auto;
  }
  .footer__nav {
    padding: 0;
    width: 100%;
    border: none;
    text-align: center;
  }
}
.tariffs__list {
  margin-bottom: 20px;
}

.pay-systems {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
.pay-systems img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 50px;
  min-height: 34px;
  margin: 0 15px;
  border: 1px solid #ffde59;
  border-radius: 5px;
  padding: 4px;
  background: #ffde59;
}

.start-now {
  padding: 50px 0 100px;
}
.start-now__card {
  background: #ededed;
  padding: 70px 50px 50px;
  color: #3b3b3b;
}
.start-now__card h2 {
  font-size: 63px;
  margin-bottom: 30px;
}
.start-now__card h3 {
  font-size: 22px;
  font-weight: normal;
  max-width: 528px;
  margin-bottom: 40px;
}
.start-now__buttons {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 -20px;
}
.start-now__button {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: start;
  margin: 0 20px;
}
.start-now__button span {
  max-width: 223px;
  display: block;
  color: rgba(59, 59, 59, 0.6);
  margin-bottom: 10px;
}
.start-now .tariffs__btn {
  margin: 0;
}
.start-now .tariffs__btn:nth-of-type(1) {
  margin-bottom: 0;
}
@media screen and (max-width: 1199px) {
  .start-now__card {
    padding: 60px 40px;
  }
  .start-now__card h2 {
    font-size: 50px;
  }
}
@media only screen and (max-width: 992px) {
  .start-now__card {
    padding: 60px 40px;
  }
  .start-now__card h2 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 768px) {
  .start-now__card {
    text-align: center;
  }
  .start-now__buttons {
    flex-direction: column;
    align-items: center;
  }
  .start-now__button {
    align-items: center;
  }
}
@media only screen and (max-width: 479px) {
  .start-now__card {
    padding: 40px 20px 40px;
  }
  .start-now__card h2 {
    font-size: 32px;
  }
}

/*--- Start offer ---*/
.offer-page {
  margin-top: 134px;
}
.offer-page .offer {
  padding: 50px 0;
  overflow: hidden;
}
.offer-page .offer ol,
.offer-page .offer ul {
  padding-left: 40px;
  margin-top: 1em;
  margin-bottom: 1em;
  list-style: none;
}
.offer-page .offer ol li,
.offer-page .offer ul li {
  line-height: 1.5em;
}
@media only screen and (max-width: 479px) {
  .offer-page .offer ol,
  .offer-page .offer ul {
    padding-left: 20px;
  }
}
.offer-page .offer ol {
  counter-reset: li;
}
.offer-page .offer ol li {
  margin: auto auto 20px;
  position: relative;
}
.offer-page .offer ol li::before {
  counter-increment: li;
  content: counters(li, ".") ". ";
}
.offer-page .offer ol.ol-big h2 {
  margin-left: -40px;
}
@media only screen and (max-width: 479px) {
  .offer-page .offer ol.ol-big h2 {
    margin-left: -20px;
  }
}
.offer-page .offer ol.ol-big li::before {
  opacity: 0;
  position: absolute;
}
.offer-page .offer ol.ol-big ol {
  counter-reset: li;
}
.offer-page .offer ol.ol-big ol li {
  margin: auto auto 20px;
  position: relative;
}
.offer-page .offer ol.ol-big ol li::before {
  counter-increment: li;
  content: counters(li, ".") ". ";
  opacity: 1;
  position: relative;
}
.offer-page .offer ul li {
  margin: auto auto 20px;
  position: relative;
}
.offer-page .offer ul li::before {
  content: "-";
}
.offer-page .offer ul.ul-small li {
  margin-bottom: 4px;
}
.offer-page .offer h1,
.offer-page .offer h2,
.offer-page .offer h3,
.offer-page .offer h4,
.offer-page .offer h5,
.offer-page .offer h6 {
  text-align: center;
}
.offer-page .offer h1 {
  text-align: center;
  margin-bottom: 30px;
}
.offer-page .offer h2 {
  margin-bottom: 15px;
}
.offer-page .offer p {
  margin-bottom: 10px;
  line-height: 1.5em;
  text-indent: 1.5em;
}
.offer-page .offer .table {
  width: 100%;
  overflow: auto;
}
.offer-page .offer table {
  width: 100%;
  min-width: 750px;
  max-width: 950px;
  margin: 0 auto;
}
.offer-page .offer table td,
.offer-page .offer table th {
  width: 50%;
  border: 1px solid #3b3b3b;
  padding: 15px;
}
.offer-page .offer table p {
  text-indent: 0;
}
.offer-page .offer table p span {
  display: block;
  width: 100%;
}
.offer-page .t-center {
  text-align: center;
}
.offer-page .t-right {
  text-align: right;
}
.offer-page .t-italic {
  font-style: italic;
}
.offer-page .t-upper {
  text-transform: uppercase;
}
.offer-page .t-w-400 {
  font-weight: 400;
}
.offer-page .t-under {
  text-decoration: underline;
}
.offer-page .t-flex {
  display: flex;
}
.offer-page .t-wrap {
  flex-wrap: wrap;
}
.offer-page .t-sb {
  justify-content: space-between;
}
.offer-page .t-50 {
  max-width: 50%;
}
.offer-page .t-50.t-right {
  margin: 0 0 0 auto;
}
@media only screen and (max-width: 767px) {
  .offer-page .t-50 {
    max-width: 100%;
  }
}

/*--- End offer ---*//*# sourceMappingURL=main.css.map */