@charset "UTF-8";
/* line 5, src/layout/common/common.scss */
.swiper-slide {
  height: auto
}
/* line 3, src/layout/components/scss/reset.scss */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0 none;
  outline: none
}
/* line 14, src/layout/components/scss/reset.scss */
body {
  min-height: 100vh;
  line-height: 1
}
/* line 20, src/layout/components/scss/reset.scss */
ul[class],
ol[class] {
  list-style: none
}
/* line 26, src/layout/components/scss/reset.scss */
img {
  max-width: 100%;
  display: block
}
/* line 32, src/layout/components/scss/reset.scss */
form,
input,
button,
option,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0
}
/* line 48, src/layout/components/scss/reset.scss */
table,
thead,
tfoot,
tbody,
tr,
th,
td {
  border-collapse: collapse;
  border-spacing: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
/* line 59, src/layout/components/scss/reset.scss */
a {
  font-family: inherit;
  color: inherit;
  text-decoration: none;
  cursor: pointer
}
/* line 65, src/layout/components/scss/reset.scss */
button {
  cursor: pointer
}
/* line 1, src/layout/components/scss/ui.scss */
body {
  position: relative;
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  font-family: "Manrope",sans-serif;
  color: #090909;
  background: #fcfcfcdc
}
@media screen and (max-width: 1200px) {
  /* line 1, src/layout/components/scss/ui.scss */
body {
    font-size: calc(
 12px + 2 * ((100vw - 320px) / 880))
  }
}
/* line 11, src/layout/components/scss/ui.scss */
.main {
  overflow: hidden
}
/* line 15, src/layout/components/scss/ui.scss */
.container {
  max-width: 1190px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  margin: 0 auto
}
/* line 21, src/layout/components/scss/ui.scss */
.container--r {
  padding-left: 10px;
  max-width: calc((100% - 1190px) / 2 + 1190px);
  margin: 0 0 0 auto
}
/* line 28, src/layout/components/scss/ui.scss */
._text {
  font-weight: 300;
  font-size: 16px;
  line-height: 150%
}
@media screen and (max-width: 1200px) {
  /* line 28, src/layout/components/scss/ui.scss */
._text {
    font-size: calc(
 13px + 3 * ((100vw - 320px) / 880))
  }
}
/* line 34, src/layout/components/scss/ui.scss */
.mr-top {
  margin-top: 90px
}
@media screen and (max-width: 1200px) {
  /* line 34, src/layout/components/scss/ui.scss */
.mr-top {
    margin-top: calc(
 50px + 40 * ((100vw - 320px) / 880))
  }
}
/* line 38, src/layout/components/scss/ui.scss */
.pd-l100 {
  padding-left: 100px
}
@media screen and (max-width: 1200px) {
  /* line 38, src/layout/components/scss/ui.scss */
.pd-l100 {
    padding-left: calc(
 10px + 90 * ((100vw - 320px) / 880))
  }
}
/* line 41, src/layout/components/scss/ui.scss */
.pd-r100 {
  padding-right: 100px
}
@media screen and (max-width: 1200px) {
  /* line 41, src/layout/components/scss/ui.scss */
.pd-r100 {
    padding-right: calc(
 10px + 90 * ((100vw - 320px) / 880))
  }
}
/* line 45, src/layout/components/scss/ui.scss */
.pd-l50 {
  padding-left: 50px
}
@media screen and (max-width: 1200px) {
  /* line 45, src/layout/components/scss/ui.scss */
.pd-l50 {
    padding-left: calc(
 0px + 50 * ((100vw - 320px) / 880))
  }
}
/* line 48, src/layout/components/scss/ui.scss */
.pd-r50 {
  padding-right: 50px
}
@media screen and (max-width: 1200px) {
  /* line 48, src/layout/components/scss/ui.scss */
.pd-r50 {
    padding-right: calc(
 0px + 50 * ((100vw - 320px) / 880))
  }
}
/* line 51, src/layout/components/scss/ui.scss */
.pd-t30 {
  padding-top: 30px
}
@media screen and (max-width: 1200px) {
  /* line 51, src/layout/components/scss/ui.scss */
.pd-t30 {
    padding-top: calc(
 12px + 18 * ((100vw - 320px) / 880))
  }
}
/* line 54, src/layout/components/scss/ui.scss */
.mr-top-60 {
  margin-top: 60px
}
@media screen and (max-width: 1200px) {
  /* line 54, src/layout/components/scss/ui.scss */
.mr-top-60 {
    margin-top: calc(
 28px + 32 * ((100vw - 320px) / 880))
  }
}
/* line 57, src/layout/components/scss/ui.scss */
.mr-top-sm {
  margin-top: 40px
}
@media screen and (max-width: 1200px) {
  /* line 57, src/layout/components/scss/ui.scss */
.mr-top-sm {
    margin-top: calc(
 20px + 20 * ((100vw - 320px) / 880))
  }
}
/* line 61, src/layout/components/scss/ui.scss */
.m-btn {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #f83d34), color-stop(50%, #ff8833));
  background: linear-gradient(to right, #f83d34 50%, #ff8833 50%);
  background-size: 200%;
  border-radius: 30px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 29px;
  padding-right: 29px;
  position: relative;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  -webkit-transition: 500ms;
  transition: 500ms
}
@media screen and (max-width: 1200px) {
  /* line 61, src/layout/components/scss/ui.scss */
.m-btn {
    padding-top: calc(
 12px + 4 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 61, src/layout/components/scss/ui.scss */
.m-btn {
    padding-bottom: calc(
 12px + 4 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 61, src/layout/components/scss/ui.scss */
.m-btn {
    padding-left: calc(
 20px + 9 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 61, src/layout/components/scss/ui.scss */
.m-btn {
    padding-right: calc(
 20px + 9 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 61, src/layout/components/scss/ui.scss */
.m-btn {
    font-size: calc(
 12px + 2 * ((100vw - 320px) / 880))
  }
}
/* line 79, src/layout/components/scss/ui.scss */
.m-btn--transparent {
  outline: 1px solid #fff;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(248, 61, 52, 0)), color-stop(50%, #636363));
  background-image: linear-gradient(to right, rgba(248, 61, 52, 0) 50%, #636363 50%)
}
/* line 87, src/layout/components/scss/ui.scss */
.m-btn--grey {
  outline: 1px solid #ebebeb;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(248, 61, 52, 0)), color-stop(50%, #fde5d3));
  background-image: linear-gradient(to right, rgba(248, 61, 52, 0) 50%, #fde5d3 50%);
  color: #090909
}
/* line 97, src/layout/components/scss/ui.scss */
.m-btn:hover {
  background-position: -100%
}
/* line 102, src/layout/components/scss/ui.scss */
.m-num {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #ebebeb;
  font-weight: 700;
  font-size: 20px;
  line-height: 105%;
  text-transform: uppercase
}
@media screen and (max-width: 1200px) {
  /* line 102, src/layout/components/scss/ui.scss */
.m-num {
    width: calc(
 42px + 8 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 102, src/layout/components/scss/ui.scss */
.m-num {
    height: calc(
 42px + 8 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 102, src/layout/components/scss/ui.scss */
.m-num {
    font-size: calc(
 14px + 6 * ((100vw - 320px) / 880))
  }
}
/* line 116, src/layout/components/scss/ui.scss */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #d9d9d9;
  border-radius: 50%;
  display: block;
  margin: 8px 6px
}
/* line 124, src/layout/components/scss/ui.scss */
.swiper-pagination-bullet-active {
  background: #f83d34
}
/* line 127, src/layout/components/scss/ui.scss */
.swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
/* line 133, src/layout/components/scss/ui.scss */
.swiper-btn-mv {
  cursor: pointer
}
/* line 135, src/layout/components/scss/ui.scss */
.swiper-btn-mv--prev {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
/* line 140, src/layout/components/scss/ui.scss */
.swiper-btn-mv--next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
/* line 146, src/layout/components/scss/ui.scss */
.block-title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2px 10px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%
}
/* line 153, src/layout/components/scss/ui.scss */
.block-title::before {
  position: absolute;
  content: "";
  background: #ebebeb;
  width: 100%;
  height: 12px;
  bottom: 0;
  left: 0
}
/* line 162, src/layout/components/scss/ui.scss */
.block-title__txt {
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #090909;
  position: relative
}
/* line 170, src/layout/components/scss/ui.scss */
.block-title__txt:first-child {
  margin-right: 67px
}
@media screen and (max-width: 1200px) {
  /* line 170, src/layout/components/scss/ui.scss */
.block-title__txt:first-child {
    margin-right: calc(
 20px + 47 * ((100vw - 320px) / 880))
  }
}
/* line 176, src/layout/components/scss/ui.scss */
.swiper-container {
  margin: 0
}
/* line 180, src/layout/components/scss/ui.scss */
._h2 {
  font-weight: 800;
  line-height: 130%;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-size: 44px;
  word-break: break-word
}
@media screen and (max-width: 1200px) {
  /* line 180, src/layout/components/scss/ui.scss */
._h2 {
    font-size: calc(
 25px + 19 * ((100vw - 320px) / 880))
  }
}
/* line 189, src/layout/components/scss/ui.scss */
.--grey {
  color: #636363
}
/* line 193, src/layout/components/scss/ui.scss */
.swiper__arrow {
  width: 56px;
  height: 56px
}
@media screen and (max-width: 1200px) {
  /* line 193, src/layout/components/scss/ui.scss */
.swiper__arrow {
    width: calc(
 36px + 20 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 193, src/layout/components/scss/ui.scss */
.swiper__arrow {
    height: calc(
 36px + 20 * ((100vw - 320px) / 880))
  }
}
/* line 197, src/layout/components/scss/ui.scss */
.swiper-button-disabled {
  opacity: 0.3
}
/* line 202, src/layout/components/scss/ui.scss */
._list > li::before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #1d1c1f;
  position: absolute;
  left: 0px;
  top: 16px
}
/* line 212, src/layout/components/scss/ui.scss */
._list > li {
  position: relative;
  padding: 5px 0 5px 15px
}
/* line 219, src/layout/components/scss/ui.scss */
.m-list > li {
  position: relative
}
/* line 221, src/layout/components/scss/ui.scss */
.m-list > li::before {
  position: absolute;
  content: "";
  height: calc(100%);
  width: 1px;
  background: #ebebeb;
  left: 0px;
  top: 23px
}
/* line 230, src/layout/components/scss/ui.scss */
.m-list > li::after {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  background: #f83d34;
  left: -5px;
  top: 23px;
  border-radius: 50%
}
/* line 240, src/layout/components/scss/ui.scss */
.m-list > li:last-child::before {
  height: 0
}
/* line 244, src/layout/components/scss/ui.scss */
.m-list--long {
  height: 100%;
  position: relative;
  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-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
/* line 250, src/layout/components/scss/ui.scss */
.m-list--long::before {
  position: absolute;
  content: "";
  height: calc(100%);
  width: 1px;
  background: #636363;
  left: 0px;
  top: 0px
}
/* line 259, src/layout/components/scss/ui.scss */
.m-list--long li {
  position: relative
}
/* line 261, src/layout/components/scss/ui.scss */
.m-list--long li::before {
  display: none
}
/* line 268, src/layout/components/scss/ui.scss */
.t-field {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
/* line 272, src/layout/components/scss/ui.scss */
.t-field::after {
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.4);
  position: absolute;
  bottom: 0;
  left: 0%;
  content: ""
}
/* line 281, src/layout/components/scss/ui.scss */
.t-field__input {
  width: 100%;
  background-color: transparent;
  border-radius: 5px;
  height: 60px;
  padding: 0 15px;
  padding-left: 30px;
  font-size: 16px;
  color: #636363;
  position: relative;
  z-index: 1
}
@media screen and (max-width: 1200px) {
  /* line 281, src/layout/components/scss/ui.scss */
.t-field__input {
    height: calc(
 46px + 14 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 281, src/layout/components/scss/ui.scss */
.t-field__input {
    padding-left: calc(
 15px + 15 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 281, src/layout/components/scss/ui.scss */
.t-field__input {
    font-size: calc(
 13px + 3 * ((100vw - 320px) / 880))
  }
}
/* line 294, src/layout/components/scss/ui.scss */
.t-field__label {
  color: #636363;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  position: absolute;
  left: 30px;
  -webkit-transition: 300ms;
  transition: 300ms
}
@media screen and (max-width: 1200px) {
  /* line 294, src/layout/components/scss/ui.scss */
.t-field__label {
    font-size: calc(
 13px + 3 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 294, src/layout/components/scss/ui.scss */
.t-field__label {
    left: calc(
 15px + 15 * ((100vw - 320px) / 880))
  }
}
/* line 304, src/layout/components/scss/ui.scss */
.t-field__border {
  width: 0%;
  height: 1px;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
/* line 314, src/layout/components/scss/ui.scss */
.t-field.error .t-field__label {
  color: #d60c0cf5 !important
}
/* line 317, src/layout/components/scss/ui.scss */
.t-field.error::after,
.t-field.error .t-field__border {
  background: #d60c0cf5 !important
}
/* line 322, src/layout/components/scss/ui.scss */
.t-field__input:focus ~ .t-field__label,
.t-field__input:not(:invalid) ~ .t-field__label {
  -webkit-transform: translateY(-26px) scale(0.8) translateX(-12px);
  transform: translateY(-26px) scale(0.8) translateX(-12px);
  color: #fff
}
/* line 328, src/layout/components/scss/ui.scss */
.t-field__input:focus ~ .t-field__border,
.t-field__input:not(:invalid) ~ .t-field__border {
  -webkit-animation: input-border-twitching 600ms;
  animation: input-border-twitching 600ms;
  width: 100%
}
/* line 334, src/layout/components/scss/ui.scss */
.t-field__input:not(:focus):invalid ~ .t-field__border {
  -webkit-animation: input-border-twitching-rew 600ms;
  animation: input-border-twitching-rew 600ms
}
@-webkit-keyframes input-border-twitching {
  0% {
    width: 0%
  }
  100% {
    width: 100%
  }
}
@keyframes input-border-twitching {
  0% {
    width: 0%
  }
  100% {
    width: 100%
  }
}
@-webkit-keyframes input-border-twitching-rew {
  0% {
    width: 100%
  }
  100% {
    width: 0%
  }
}
@keyframes input-border-twitching-rew {
  0% {
    width: 100%
  }
  100% {
    width: 0%
  }
}
/* line 357, src/layout/components/scss/ui.scss */
.goverlay {
  background: rgba(0, 0, 0, 0.7)
}
/* line 360, src/layout/components/scss/ui.scss */
.glightbox-mobile .goverlay {
  background: rgba(0, 0, 0, 0.7)
}
/* line 364, src/layout/components/scss/ui.scss */
.loader {
  display: block;
  width: 40px;
  height: 40px;
  border: 3px solid #e5e5e5;
  border-bottom-color: #e21414;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-animation: spin 0.75s infinite linear;
  animation: spin 0.75s infinite linear
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
/* line 386, src/layout/components/scss/ui.scss */
.swiper-btn {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: absolute;
  width: 80px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff
}
@media screen and (max-width: 1200px) {
  /* line 386, src/layout/components/scss/ui.scss */
.swiper-btn {
    width: calc(
 40px + 40 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 386, src/layout/components/scss/ui.scss */
.swiper-btn {
    height: calc(
 40px + 40 * ((100vw - 320px) / 880))
  }
}
/* line 396, src/layout/components/scss/ui.scss */
.swiper-btn__icon {
  width: 37px;
  -webkit-transition: 300ms;
  transition: 300ms
}
@media screen and (max-width: 1200px) {
  /* line 396, src/layout/components/scss/ui.scss */
.swiper-btn__icon {
    width: calc(
 20px + 17 * ((100vw - 320px) / 880))
  }
}
/* line 400, src/layout/components/scss/ui.scss */
.swiper-btn--next {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}
@media (hover: hover) and (pointer: fine) {
  /* line 404, src/layout/components/scss/ui.scss */
.swiper-btn:hover .swiper-btn__icon {
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px)
  }
}
/* line 409, src/layout/components/scss/ui.scss */
.icon {
  min-width: 38px;
  width: 38px;
  height: 38px
}
/* line 410, src/layout/components/scss/ui.scss */
.icon--large {
  min-width: 44px;
  width: 44px;
  height: 44px
}
@media screen and (max-width: 1200px) {
  /* line 410, src/layout/components/scss/ui.scss */
.icon--large {
    min-width: calc(
 30px + 14 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 410, src/layout/components/scss/ui.scss */
.icon--large {
    width: calc(
 30px + 14 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 410, src/layout/components/scss/ui.scss */
.icon--large {
    height: calc(
 30px + 14 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 409, src/layout/components/scss/ui.scss */
.icon {
    min-width: calc(
 30px + 8 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 409, src/layout/components/scss/ui.scss */
.icon {
    width: calc(
 30px + 8 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 409, src/layout/components/scss/ui.scss */
.icon {
    height: calc(
 30px + 8 * ((100vw - 320px) / 880))
  }
}
/* line 419, src/layout/components/scss/ui.scss */
.arrow-icon {
  width: 50px;
  height: 16px
}
/* line 423, src/layout/components/scss/ui.scss */
.m-table {
  display: block;
  overflow: auto;
  width: 100%
}
/* line 424, src/layout/components/scss/ui.scss */
.m-table__subtitle {
  font-weight: 700;
  font-size: 36px;
  line-height: 150%
}
@media screen and (max-width: 1200px) {
  /* line 424, src/layout/components/scss/ui.scss */
.m-table__subtitle {
    font-size: calc(
 20px + 16 * ((100vw - 320px) / 880))
  }
}
/* line 432, src/layout/components/scss/ui.scss */
.m-table th {
  text-align: left;
  font-weight: 800;
  font-size: 16px;
  line-height: 150%;
  color: #f83d34;
  text-transform: uppercase
}
@media screen and (max-width: 1200px) {
  /* line 432, src/layout/components/scss/ui.scss */
.m-table th {
    font-size: calc(
 14px + 2 * ((100vw - 320px) / 880))
  }
}
/* line 440, src/layout/components/scss/ui.scss */
.m-table td {
  font-weight: 300;
  font-size: 16px;
  line-height: 150%;
  color: #636363
}
@media screen and (max-width: 1200px) {
  /* line 440, src/layout/components/scss/ui.scss */
.m-table td {
    font-size: calc(
 14px + 2 * ((100vw - 320px) / 880))
  }
}
/* line 445, src/layout/components/scss/ui.scss */
.m-table td:first-child {
  color: #090909;
  font-weight: 700
}
/* line 450, src/layout/components/scss/ui.scss */
.m-table th,
.m-table td {
  padding: 20px 8px;
  min-width: 210px;
  vertical-align: top
}
/* line 455, src/layout/components/scss/ui.scss */
.m-table th:first-child,
.m-table td:first-child {
  padding-left: 0;
  width: 28%
}
/* line 459, src/layout/components/scss/ui.scss */
.m-table th:nth-of-type(2),
.m-table td:nth-of-type(2) {
  width: 40%
}
/* line 463, src/layout/components/scss/ui.scss */
.m-table tr:not(:last-child) {
  border-bottom: 1px solid #ebebeb
}
/* line 467, src/layout/components/scss/ui.scss */
.m-table--border-bottom tr:last-child {
  border-bottom: 1px solid #ebebeb
}
/* line 473, src/layout/components/scss/ui.scss */
.arrow-column__row {
  border-top: 1px solid #ebebeb;
  padding: 20px 60px 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative
}
/* line 480, src/layout/components/scss/ui.scss */
.arrow-column__row:last-child {
  border-bottom: 1px solid #ebebeb
}
/* line 484, src/layout/components/scss/ui.scss */
.arrow-column__title {
  font-weight: 700;
  font-size: 27px;
  line-height: 130%;
  -webkit-transition: 400ms;
  transition: 400ms
}
@media screen and (max-width: 1200px) {
  /* line 484, src/layout/components/scss/ui.scss */
.arrow-column__title {
    font-size: calc(
 18px + 9 * ((100vw - 320px) / 880))
  }
}
/* line 489, src/layout/components/scss/ui.scss */
.arrow-column__title--20 {
  font-size: 20px
}
@media screen and (max-width: 1200px) {
  /* line 489, src/layout/components/scss/ui.scss */
.arrow-column__title--20 {
    font-size: calc(
 16px + 4 * ((100vw - 320px) / 880))
  }
}
/* line 493, src/layout/components/scss/ui.scss */
.arrow-column__arrow {
  position: absolute;
  right: 0
}
/* line 497, src/layout/components/scss/ui.scss */
.arrow-column__row:hover .arrow-column__title {
  color: #f83d34
}
/* line 502, src/layout/components/scss/ui.scss */
.arrow-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
/* line 505, src/layout/components/scss/ui.scss */
.arrow-link__txt {
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #f83d34;
  padding-right: 20px;
  -webkit-transition: 500ms;
  transition: 500ms;
  text-align: right
}
@media screen and (max-width: 1200px) {
  /* line 505, src/layout/components/scss/ui.scss */
.arrow-link__txt {
    font-size: calc(
 13px + 3 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 505, src/layout/components/scss/ui.scss */
.arrow-link__txt {
    padding-right: calc(
 10px + 10 * ((100vw - 320px) / 880))
  }
}
/* line 516, src/layout/components/scss/ui.scss */
.arrow-link__arrow {
  -webkit-transition: 500ms;
  transition: 500ms
}
@media (hover: hover) and (pointer: fine) {
  /* line 521, src/layout/components/scss/ui.scss */
.arrow-link:hover .arrow-link__txt {
    -webkit-transform: translateX(100px) scale(0);
    transform: translateX(100px) scale(0);
    opacity: 0
  }
  /* line 525, src/layout/components/scss/ui.scss */
.arrow-link:hover .arrow-link__arrow {
    -webkit-transform: translateX(-60px) scale(1.4);
    transform: translateX(-60px) scale(1.4)
  }
  /* line 527, src/layout/components/scss/ui.scss */
.arrow-link:hover .arrow-link__arrow path {
    fill: #f83d34
  }
}
/* line 534, src/layout/components/scss/ui.scss */
.img-scroll-box {
  overflow: auto;
  scrollbar-width: thin
}
/* line 536, src/layout/components/scss/ui.scss */
.img-scroll-box::-webkit-scrollbar {
  width: 5px;
  /* ширина всей полосы прокрутки */height: 5px
}
/* line 540, src/layout/components/scss/ui.scss */
.img-scroll-box::-webkit-scrollbar-track {
  background: transparent/* цвет зоны отслеживания */
}
/* line 543, src/layout/components/scss/ui.scss */
.img-scroll-box::-webkit-scrollbar-thumb {
  background-color: rgba(99, 99, 99, 0.6);
  /* цвет бегунка */border-radius: 2px/* отступ вокруг бегунка */
}
/* line 549, src/layout/components/scss/ui.scss */
.img-scroll-box__img {
  min-width: 690px
}
/* line 1, src/layout/blocks/header/header.scss */
.header {
  min-height: 700px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-position: center;
  background-repeat: repeat;
  background-size: cover
}
/* line 8, src/layout/blocks/header/header.scss */
.header__container {
  padding-top: 150px;
  padding-bottom: 150px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 1200px) {
  /* line 8, src/layout/blocks/header/header.scss */
.header__container {
    padding-top: calc(
 70px + 80 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 8, src/layout/blocks/header/header.scss */
.header__container {
    padding-bottom: calc(
 70px + 80 * ((100vw - 320px) / 880))
  }
}
/* line 15, src/layout/blocks/header/header.scss */
.header__col {
  margin-left: 100px
}
/* line 18, src/layout/blocks/header/header.scss */
.header__title {
  font-size: 56px;
  margin-bottom: 20px;
  font-weight: 700;
  line-height: 105%
}
@media screen and (max-width: 1200px) {
  /* line 18, src/layout/blocks/header/header.scss */
.header__title {
    font-size: calc(
 28px + 28 * ((100vw - 320px) / 880))
  }
}
/* line 24, src/layout/blocks/header/header.scss */
.header__subtitle {
  font-size: 24px;
  font-weight: 600;
  line-height: 150%
}
@media screen and (max-width: 1200px) {
  /* line 24, src/layout/blocks/header/header.scss */
.header__subtitle {
    font-size: calc(
 18px + 6 * ((100vw - 320px) / 880))
  }
}
/* line 29, src/layout/blocks/header/header.scss */
.header__text {
  font-weight: 300;
  font-size: 18px;
  line-height: 150%
}
@media screen and (max-width: 1200px) {
  /* line 29, src/layout/blocks/header/header.scss */
.header__text {
    font-size: calc(
 14px + 4 * ((100vw - 320px) / 880))
  }
}
/* line 34, src/layout/blocks/header/header.scss */
.header__note {
  font-weight: 300;
  font-size: 16px;
  line-height: 150%;
  color: #cccc
}
@media screen and (max-width: 1200px) {
  /* line 34, src/layout/blocks/header/header.scss */
.header__note {
    font-size: calc(
 13px + 3 * ((100vw - 320px) / 880))
  }
}
/* line 39, src/layout/blocks/header/header.scss */
.header__note > span {
  font-weight: 600;
  color: #fff
}
/* line 43, src/layout/blocks/header/header.scss */
.header__note--mr-right {
  margin-right: 40px
}
@media screen and (max-width: 1200px) {
  /* line 43, src/layout/blocks/header/header.scss */
.header__note--mr-right {
    margin-right: calc(
 12px + 28 * ((100vw - 320px) / 880))
  }
}
/* line 47, src/layout/blocks/header/header.scss */
.header__row {
  padding-top: 70px
}
@media screen and (max-width: 1200px) {
  /* line 47, src/layout/blocks/header/header.scss */
.header__row {
    padding-top: calc(
 24px + 46 * ((100vw - 320px) / 880))
  }
}
/* line 50, src/layout/blocks/header/header.scss */
.header__options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
/* line 55, src/layout/blocks/header/header.scss */
.header__btn {
  margin-right: 20px;
  margin-bottom: 16px
}
@media screen and (max-width: 1055px) {
  /* line 62, src/layout/blocks/header/header.scss */
.header__col {
    margin-left: 0px
  }
}
/* line 1, src/layout/blocks/contacts/contacts.scss */
.contacts {
  position: relative;
  width: 100%;
  height: 724px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
/* line 7, src/layout/blocks/contacts/contacts.scss */
.contacts__map {
  width: 100%;
  height: 724px;
  position: absolute
}
/* line 11, src/layout/blocks/contacts/contacts.scss */
.contacts__map #map {
  width: 100%;
  height: 100% !important
}
/* line 16, src/layout/blocks/contacts/contacts.scss */
.contacts__content {
  position: absolute;
  padding: 50px;
  z-index: 1;
  left: 4%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  color: #fff;
  max-width: 434px
}
@media screen and (max-width: 1200px) {
  /* line 16, src/layout/blocks/contacts/contacts.scss */
.contacts__content {
    padding: calc(
 25px + 25 * ((100vw - 320px) / 880))
  }
}
/* line 27, src/layout/blocks/contacts/contacts.scss */
.contacts__title {
  margin-bottom: 32px
}
/* line 30, src/layout/blocks/contacts/contacts.scss */
.contacts__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 32px
}
/* line 35, src/layout/blocks/contacts/contacts.scss */
.contacts__row-box {
  width: 50%;
  padding: 0 25px 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
/* line 41, src/layout/blocks/contacts/contacts.scss */
.contacts__text {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px
}
@media screen and (max-width: 1200px) {
  /* line 41, src/layout/blocks/contacts/contacts.scss */
.contacts__text {
    font-size: calc(
 14px + 2 * ((100vw - 320px) / 880))
  }
}
/* line 46, src/layout/blocks/contacts/contacts.scss */
.contacts__logo {
  width: 15px;
  height: 15px;
  margin-right: 9px
}
/* line 51, src/layout/blocks/contacts/contacts.scss */
.contacts__btn {
  max-width: 206px;
  width: 100%;
  margin-top: 32px
}
/* line 55, src/layout/blocks/contacts/contacts.scss */
.contacts__btn span {
  margin: auto;
  font-weight: 800;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase
}
@media screen and (max-width: 1200px) {
  /* line 55, src/layout/blocks/contacts/contacts.scss */
.contacts__btn span {
    font-size: calc(
 14px + 2 * ((100vw - 320px) / 880))
  }
}
/* line 64, src/layout/blocks/contacts/contacts.scss */
.contacts .ymaps-2-1-79-image-with-content-content ymaps {
  background: #ffff;
  font-weight: 600;
  font-size: 16px;
  font-family: "Manrope",sans-serif;
  padding: 0 3px 4px
}
@media screen and (max-width: 1180px) {
  /* line 75, src/layout/blocks/contacts/contacts.scss */
.contacts__row-box {
    width: 100%
  }
  /* line 78, src/layout/blocks/contacts/contacts.scss */
.contacts__content {
    max-width: 300px;
    left: 10px
  }
}
@media screen and (max-width: 760px) {
  /* line 85, src/layout/blocks/contacts/contacts.scss */
.contacts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto
  }
  /* line 88, src/layout/blocks/contacts/contacts.scss */
.contacts__row-box {
    width: 50%
  }
  /* line 91, src/layout/blocks/contacts/contacts.scss */
.contacts__content {
    max-width: 100%;
    width: 100%;
    left: 0px;
    margin-bottom: 18px;
    position: relative
  }
  /* line 98, src/layout/blocks/contacts/contacts.scss */
.contacts__map {
    height: 400px;
    position: relative
  }
}
@media screen and (max-width: 470px) {
  /* line 106, src/layout/blocks/contacts/contacts.scss */
.contacts__row-box {
    width: 100%
  }
  /* line 109, src/layout/blocks/contacts/contacts.scss */
.contacts__map {
    height: 400px
  }
}
/* line 1, src/layout/blocks/footer/footer.scss */
.footer {
  color: #090909
}
/* line 3, src/layout/blocks/footer/footer.scss */
.footer__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 26px;
  padding-bottom: 26px
}
@media screen and (max-width: 1200px) {
  /* line 3, src/layout/blocks/footer/footer.scss */
.footer__row {
    padding-top: calc(
 14px + 12 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 3, src/layout/blocks/footer/footer.scss */
.footer__row {
    padding-bottom: calc(
 14px + 12 * ((100vw - 320px) / 880))
  }
}
/* line 8, src/layout/blocks/footer/footer.scss */
.footer__row--border {
  border-top: 2px solid #f4f6f7;
  border-bottom: 2px solid #f4f6f7;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
/* line 14, src/layout/blocks/footer/footer.scss */
.footer__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
/* line 17, src/layout/blocks/footer/footer.scss */
.footer__menu-link {
  font-weight: 500;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #090909), color-stop(50%, #f83d34));
  background: linear-gradient(to right, #090909 50%, #f83d34 50%);
  background-size: 200%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-transition: 500ms;
  transition: 500ms;
  display: block
}
/* line 27, src/layout/blocks/footer/footer.scss */
.footer__menu-link:hover {
  background-position: -100%;
  -webkit-transform: scale(1.2);
  transform: scale(1.2)
}
/* line 32, src/layout/blocks/footer/footer.scss */
.footer__menu-item {
  padding: 4px 15px
}
/* line 35, src/layout/blocks/footer/footer.scss */
.footer__icon-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
/* line 38, src/layout/blocks/footer/footer.scss */
.footer__icon-item {
  padding: 0px 5px
}
/* line 41, src/layout/blocks/footer/footer.scss */
.footer__note {
  font-weight: 300;
  font-size: 13px;
  letter-spacing: 0.01em;
  padding-top: 14px
}
@media screen and (max-width: 1200px) {
  /* line 41, src/layout/blocks/footer/footer.scss */
.footer__note {
    font-size: calc(
 11px + 2 * ((100vw - 320px) / 880))
  }
}
/* line 46, src/layout/blocks/footer/footer.scss */
.footer__note:last-child {
  padding-bottom: 24px
}
@media screen and (max-width: 1200px) {
  /* line 46, src/layout/blocks/footer/footer.scss */
.footer__note:last-child {
    padding-bottom: calc(
 14px + 10 * ((100vw - 320px) / 880))
  }
}
/* line 49, src/layout/blocks/footer/footer.scss */
.footer__note:first-child {
  padding-right: 28px
}
/* line 53, src/layout/blocks/footer/footer.scss */
.footer__space {
  padding: 0 10px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}
@media screen and (max-width: 600px) {
  /* line 61, src/layout/blocks/footer/footer.scss */
.footer__row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  /* line 64, src/layout/blocks/footer/footer.scss */
.footer__menu {
    width: 100%;
    padding-bottom: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  /* line 69, src/layout/blocks/footer/footer.scss */
.footer__note {
    padding-top: 8px
  }
  /* line 72, src/layout/blocks/footer/footer.scss */
.footer__space {
    padding: 0
  }
}
/* line 1, src/layout/blocks/modal/modal.scss */
.modal {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  z-index: 9999;
  color: #000000
}
/* line 15, src/layout/blocks/modal/modal.scss */
.modal._active {
  visibility: visible;
  opacity: 1
}
/* line 20, src/layout/blocks/modal/modal.scss */
.modal__layer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7
}
/* line 31, src/layout/blocks/modal/modal.scss */
.modal__head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-bottom: 15px
}
/* line 38, src/layout/blocks/modal/modal.scss */
.modal__icon {
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  width: 19px;
  height: 19px
}
/* line 42, src/layout/blocks/modal/modal.scss */
.modal__icon--close {
  fill: #000000;
  width: 60px;
  height: 60px
}
/* line 48, src/layout/blocks/modal/modal.scss */
.modal__close {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  position: absolute;
  top: 20px;
  z-index: 1;
  right: 20px
}
/* line 60, src/layout/blocks/modal/modal.scss */
.modal__close-btn {
  padding: 15px 20px;
  margin: 0 auto
}
/* line 64, src/layout/blocks/modal/modal.scss */
.modal__success {
  margin: 0 auto;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
/* line 73, src/layout/blocks/modal/modal.scss */
.modal__wrapper {
  width: 100%;
  max-width: 948px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  position: relative;
  margin: 15px 15px 10px;
  max-height: calc(100% - 30px)
}
/* line 81, src/layout/blocks/modal/modal.scss */
.modal__wrapper--max-770 {
  max-width: 770px
}
/* line 85, src/layout/blocks/modal/modal.scss */
.modal__content {
  padding-top: 80px;
  padding-bottom: 90px
}
@media screen and (max-width: 1200px) {
  /* line 85, src/layout/blocks/modal/modal.scss */
.modal__content {
    padding-top: calc(
 25px + 55 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 85, src/layout/blocks/modal/modal.scss */
.modal__content {
    padding-bottom: calc(
 25px + 65 * ((100vw - 320px) / 880))
  }
}
/* line 89, src/layout/blocks/modal/modal.scss */
.modal__text {
  font-weight: 300;
  font-size: 16px;
  line-height: 150%
}
@media screen and (max-width: 1200px) {
  /* line 89, src/layout/blocks/modal/modal.scss */
.modal__text {
    font-size: calc(
 13px + 3 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 580px) {
  /* line 99, src/layout/blocks/modal/modal.scss */
.modal__input {
    width: 100%
  }
  /* line 102, src/layout/blocks/modal/modal.scss */
.modal__img--success {
    display: none
  }
  /* line 105, src/layout/blocks/modal/modal.scss */
.modal__bg--success {
    display: none
  }
  /* line 108, src/layout/blocks/modal/modal.scss */
.modal__content--success {
    max-width: 100%
  }
}
/* line 1, src/layout/blocks/navbar/navbar.scss */
.nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  color: #fff;
  -webkit-transition: 500ms;
  transition: 500ms;
  z-index: 1000
}
/* line 11, src/layout/blocks/navbar/navbar.scss */
.nav__bg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
  pointer-events: none;
  visibility: hidden;
  position: absolute;
  -webkit-transition: 500ms;
  transition: 500ms
}
/* line 23, src/layout/blocks/navbar/navbar.scss */
.nav__layout {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1
}
/* line 30, src/layout/blocks/navbar/navbar.scss */
.nav__layout::before {
  width: 130%;
  height: 0;
  position: absolute;
  content: "";
  background: #1d1c1f;
  left: -15%;
  bottom: 0;
  border-radius: 30% 30% 0 0;
  z-index: -2;
  -webkit-transition: 600ms;
  transition: 600ms
}
/* line 43, src/layout/blocks/navbar/navbar.scss */
.nav__layout::after {
  width: 130%;
  height: 0;
  position: absolute;
  content: "";
  background: #fff;
  left: -15%;
  bottom: 0;
  border-radius: 30% 30% 0 0;
  z-index: -1;
  -webkit-transition: 600ms;
  transition: 600ms
}
/* line 57, src/layout/blocks/navbar/navbar.scss */
.nav__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 14px;
  padding-bottom: 14px
}
/* line 63, src/layout/blocks/navbar/navbar.scss */
.nav__trigger {
  display: none;
  cursor: pointer;
  width: 40px;
  margin-left: auto;
  margin-right: 6px;
  -webkit-transition: 380ms ease;
  transition: 380ms ease;
  position: relative;
  z-index: 1;
  opacity: 0.6;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
/* line 74, src/layout/blocks/navbar/navbar.scss */
.nav__trigger span {
  display: block;
  background: #fff;
  width: 30px;
  height: 3px;
  margin: 4px;
  border-radius: 3px;
  -webkit-transition: 380ms ease;
  transition: 380ms ease
}
/* line 84, src/layout/blocks/navbar/navbar.scss */
.nav__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-transition: 600ms;
  transition: 600ms
}
/* line 91, src/layout/blocks/navbar/navbar.scss */
.nav__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-left: 46px
}
@media screen and (max-width: 1200px) {
  /* line 91, src/layout/blocks/navbar/navbar.scss */
.nav__box {
    padding-left: calc(
 36px + 10 * ((100vw - 320px) / 880))
  }
}
/* line 97, src/layout/blocks/navbar/navbar.scss */
.nav__space {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}
/* line 100, src/layout/blocks/navbar/navbar.scss */
.nav__link {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  -webkit-transition: 400ms;
  transition: 400ms;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(33%), color-stop(33%, #f83d34), color-stop(66%), color-stop(66%, #090909));
  background: linear-gradient(to bottom, #fff 0%, 33%, #f83d34 33%, 66%, #090909 66%);
  background-size: 100% 300%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-position-y: 0%;
  display: block
}
/* line 119, src/layout/blocks/navbar/navbar.scss */
.nav__link._active {
  background-position-y: -100% !important;
  -webkit-transform: scale(1.2);
  transform: scale(1.2)
}
/* line 125, src/layout/blocks/navbar/navbar.scss */
.nav__phone {
  font-weight: 600;
  font-size: 14px;
  text-align: right;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  margin-right: 50px;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(33%), color-stop(33%, #f83d34), color-stop(66%), color-stop(66%, #090909));
  background: linear-gradient(to bottom, #fff 0%, 33%, #f83d34 33%, 66%, #090909 66%);
  background-size: 100% 300%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-position-y: 0%;
  -webkit-transition: 400ms;
  transition: 400ms
}
@media screen and (max-width: 1200px) {
  /* line 125, src/layout/blocks/navbar/navbar.scss */
.nav__phone {
    margin-right: calc(
 25px + 25 * ((100vw - 320px) / 880))
  }
}
/* line 146, src/layout/blocks/navbar/navbar.scss */
.nav__item {
  padding: 6px 15px
}
/* line 149, src/layout/blocks/navbar/navbar.scss */
.nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
/* line 152, src/layout/blocks/navbar/navbar.scss */
.nav__logo-box {
  position: relative
}
/* line 155, src/layout/blocks/navbar/navbar.scss */
.nav__logo {
  -webkit-transition: 400ms;
  transition: 400ms;
  width: 170px
}
/* line 161, src/layout/blocks/navbar/navbar.scss */
.nav__logo-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: 500ms;
  transition: 500ms;
  overflow: hidden
}
/* line 171, src/layout/blocks/navbar/navbar.scss */
.nav__scroll-box {
  overflow-y: auto;
  max-height: calc(100vh - 100%);
  width: 100%
}
/* line 177, src/layout/blocks/navbar/navbar.scss */
.nav._scroll .nav__layout::before {
  height: 120%
}
/* line 181, src/layout/blocks/navbar/navbar.scss */
.nav._scroll .nav__logo {
  width: 100px
}
/* line 185, src/layout/blocks/navbar/navbar.scss */
.nav._open .nav__trigger {
  opacity: 0.8
}
/* line 187, src/layout/blocks/navbar/navbar.scss */
.nav._open .nav__trigger span {
  background: #f83d34
}
/* line 190, src/layout/blocks/navbar/navbar.scss */
.nav._open .nav__trigger span:nth-of-type(1) {
  -webkit-transform: rotate(45deg) translate(6px, 5px);
  transform: rotate(45deg) translate(6px, 5px)
}
/* line 193, src/layout/blocks/navbar/navbar.scss */
.nav._open .nav__trigger span:nth-of-type(2) {
  opacity: 0
}
/* line 196, src/layout/blocks/navbar/navbar.scss */
.nav._open .nav__trigger span:nth-of-type(3) {
  -webkit-transform: rotate(-45deg) translate(6px, -4px);
  transform: rotate(-45deg) translate(6px, -4px)
}
/* line 200, src/layout/blocks/navbar/navbar.scss */
.nav._open .nav__layout::before {
  height: 120%
}
/* line 204, src/layout/blocks/navbar/navbar.scss */
.nav._drop-open .nav__bg {
  pointer-events: all;
  visibility: visible;
  background: rgba(29, 28, 31, 0.8)
}
/* line 210, src/layout/blocks/navbar/navbar.scss */
.nav._drop-open .nav__layout::after {
  height: 120%
}
/* line 214, src/layout/blocks/navbar/navbar.scss */
.nav._drop-open .nav__link,
.nav._drop-open .nav__phone {
  background-position-y: -50%
}
/* line 218, src/layout/blocks/navbar/navbar.scss */
.nav._drop-open .nav__logo-wrap {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  opacity: 1
}
/* line 224, src/layout/blocks/navbar/navbar.scss */
.nav._drop-open .nav__trigger {
  opacity: 0.3 !important;
  cursor: auto
}
@media (hover: hover) and (pointer: fine) {
  /* line 230, src/layout/blocks/navbar/navbar.scss */
.nav:not(._drop-open) .nav__link:hover,
  .nav:not(._drop-open) .nav__phone:hover {
    background-position-y: 50%
  }
  /* line 234, src/layout/blocks/navbar/navbar.scss */
.nav._drop-open .nav__link:hover,
  .nav._drop-open .nav__phone:hover {
    background-position-y: -100%
  }
  /* line 239, src/layout/blocks/navbar/navbar.scss */
.nav__trigger:hover {
    opacity: 1
  }
}
@media screen and (max-width: 1110px) {
  /* line 247, src/layout/blocks/navbar/navbar.scss */
.nav__wrapper {
    position: absolute;
    background: #1d1c1f;
    width: 100%;
    top: 100%;
    left: 0;
    max-height: 0px;
    overflow: hidden
  }
  /* line 256, src/layout/blocks/navbar/navbar.scss */
.nav__list {
    -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
  }
  /* line 260, src/layout/blocks/navbar/navbar.scss */
.nav__menu {
    padding: 5px 0 26px
  }
  /* line 263, src/layout/blocks/navbar/navbar.scss */
.nav__box {
    padding: 30px 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  /* line 267, src/layout/blocks/navbar/navbar.scss */
.nav__tel-box {
    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
  }
  /* line 272, src/layout/blocks/navbar/navbar.scss */
.nav__phone {
    margin-right: 0;
    margin-bottom: 16px
  }
  /* line 276, src/layout/blocks/navbar/navbar.scss */
.nav__trigger {
    display: block
  }
  /* line 279, src/layout/blocks/navbar/navbar.scss */
.nav._open .nav__wrapper {
    max-height: 370px
  }
  /* line 283, src/layout/blocks/navbar/navbar.scss */
.nav._open .nav__bg {
    visibility: visible;
    background: rgba(29, 28, 31, 0.8);
    pointer-events: all
  }
}
@media screen and (max-width: 600px) {
  /* line 293, src/layout/blocks/navbar/navbar.scss */
.nav__logo {
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-pixelated;
    image-rendering: pixelated
  }
}
/* line 1, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 2000;
  width: 100%;
  background: #fff;
  color: #090909;
  height: 0px;
  overflow: hidden;
  pointer-events: none;
  -webkit-transition: 500ms;
  transition: 500ms;
  top: 102;
  max-height: calc(100vh - 100%)
}
/* line 17, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__scroll-box {
  overflow-y: scroll;
  -webkit-transition: 500ms;
  transition: 500ms;
  max-height: 100%;
  min-height: calc(100vh - 100%);
  scrollbar-width: thin/* "auto" или "thin" */
}
/* line 23, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__scroll-box::-webkit-scrollbar {
  width: 8px/* ширина всей полосы прокрутки */
}
/* line 26, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__scroll-box::-webkit-scrollbar-track {
  background: #fff/* цвет зоны отслеживания */
}
/* line 29, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__scroll-box::-webkit-scrollbar-thumb {
  background-color: #f0f0f0;
  /* цвет бегунка */border-radius: 10px/* отступ вокруг бегунка */
}
/* line 36, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu._open {
  pointer-events: initial
}
/* line 40, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}
/* line 48, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__wrapper {
  border-top: 2px solid #f4f6f7;
  padding-bottom: 90px;
  padding-top: 25px;
  position: relative
}
@media screen and (max-width: 1200px) {
  /* line 48, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__wrapper {
    padding-bottom: calc(
 25px + 65 * ((100vw - 320px) / 880))
  }
}
/* line 56, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__list-l0 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  width: 100%
}
/* line 60, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__list-l1 {
  page-break-inside: avoid
}
/* line 62, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__list-l1--3 {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3
}
/* line 65, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__list-l1--2 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2
}
/* line 68, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__list-l1--row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
/* line 75, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__item-l0 {
  padding-top: 34px
}
/* line 78, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__item-l0:nth-of-type(3) {
  -webkit-column-span: all;
  -moz-column-span: all;
  column-span: all
}
/* line 82, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__item-l1 {
  page-break-inside: avoid;
  position: relative
}
/* line 87, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__item-l2--last {
  -webkit-column-break-after: column;
  -moz-column-break-after: column;
  break-after: column
}
/* line 96, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__link-l0 {
  margin-bottom: 24px;
  display: block
}
/* line 99, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__link-l0 .block-title__txt {
  margin-right: 0;
  font-size: 44px;
  font-weight: 800;
  text-transform: none;
  line-height: 105%
}
@media screen and (max-width: 1200px) {
  /* line 99, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__link-l0 .block-title__txt {
    font-size: calc(
 25px + 19 * ((100vw - 320px) / 880))
  }
}
/* line 106, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__link-l0 .block-title::before {
  bottom: 0px
}
/* line 110, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__link-l1 {
  font-weight: 700;
  font-size: 13px;
  padding: 5px 10px 5px 0;
  display: block
}
/* line 115, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__link-l1--with-icon {
  padding: 10px 15px
}
/* line 119, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__link-l2 {
  font-weight: 300;
  font-size: 13px;
  padding: 2px 16px 3px 0;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
/* line 127, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__link {
  -webkit-transition: 400ms;
  transition: 400ms;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%
}
/* line 131, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__link._active {
  color: #f83d34
}
/* line 134, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__link:hover {
  color: #f83d34
}
/* line 139, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__icon {
  mix-blend-mode: luminosity;
  -webkit-transition: 500ms;
  transition: 500ms
}
/* line 144, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__link-l1:hover .drop-down-menu__icon {
  mix-blend-mode: inherit
}
/* line 148, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__trigger {
  cursor: pointer;
  width: 40px;
  margin-left: auto;
  margin-right: 6px;
  -webkit-transition: 380ms ease;
  transition: 380ms ease;
  position: absolute;
  right: 20px;
  top: 25px;
  z-index: 1;
  opacity: 0.6;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
/* line 160, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__trigger span {
  display: block;
  background: #090909;
  width: 30px;
  height: 3px;
  margin: 4px;
  border-radius: 3px;
  -webkit-transition: 380ms ease;
  transition: 380ms ease
}
/* line 169, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__trigger span:nth-of-type(1) {
  -webkit-transform: rotate(45deg) translate(6px, -1px);
  transform: rotate(45deg) translate(6px, -1px)
}
/* line 172, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__trigger span:nth-of-type(2) {
  -webkit-transform: rotate(-45deg) translate(7px, 1px);
  transform: rotate(-45deg) translate(7px, 1px)
}
/* line 175, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__trigger:hover {
  opacity: 1
}
/* line 179, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__arrow {
  height: 16px;
  width: 16px
}
/* line 183, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__arrow-wrap {
  display: none
}
/* line 187, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__list-wrapper {
  -webkit-transition: 300ms;
  transition: 300ms;
  overflow: hidden;
  display: none
}
@media screen and (max-width: 1065px) {
  /* line 196, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__list-l1--3 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-break-after: column;
    -moz-column-break-after: column;
    break-after: column
  }
  /* line 201, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__item-l2--last {
    -webkit-column-break-after: auto;
    -moz-column-break-after: auto;
    break-after: auto
  }
}
@media screen and (max-width: 765px) {
  /* line 209, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__list-l0 {
    -webkit-column-count: auto;
    -moz-column-count: auto;
    column-count: auto
  }
  /* line 213, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__item-l0:first-child {
    padding-top: 0
  }
  /* line 217, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__trigger {
    -webkit-transform: scale(0.8);
    transform: scale(0.8)
  }
}
@media screen and (max-width: 500px) {
  /* line 226, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__list-l1--3 {
    -webkit-column-count: auto;
    -moz-column-count: auto;
    column-count: auto
  }
  /* line 229, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__list-l1--2 {
    -webkit-column-count: auto;
    -moz-column-count: auto;
    column-count: auto
  }
  /* line 233, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__link-l1 {
    padding-right: 38px;
    position: relative
  }
  /* line 237, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__list-wrapper {
    display: block
  }
  /* line 240, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__list-l2:not(._copy) {
    display: none
  }
  /* line 243, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__link-l1 {
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto
  }
  /* line 249, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__arrow-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 4px;
    top: 4px;
    height: 28px;
    width: 28px;
    border-radius: 13px;
    background: #f8f8f8;
    -webkit-transition: 500ms;
    transition: 500ms;
    cursor: pointer
  }
  /* line 263, src/layout/blocks/drop-down-menu/drop-down-menu.scss */
.drop-down-menu__item-l1._open .drop-down-menu__arrow-wrap {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
  }
}
/* line 1, src/layout/blocks/banners/banner.scss */
.banner {
  padding: 0 3px
}
/* line 3, src/layout/blocks/banners/banner.scss */
.banner__bg {
  background: #1d1c1f;
  color: #fff
}
/* line 6, src/layout/blocks/banners/banner.scss */
.banner__bg--light {
  background: #fff;
  color: #090909;
  border: 1px solid #ebebeb;
  -webkit-box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.1)
}
/* line 13, src/layout/blocks/banners/banner.scss */
.banner__wrapper {
  padding-top: 80px;
  padding-left: 100px;
  padding-right: 25px;
  position: relative
}
@media screen and (max-width: 1200px) {
  /* line 13, src/layout/blocks/banners/banner.scss */
.banner__wrapper {
    padding-top: calc(
 30px + 50 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 13, src/layout/blocks/banners/banner.scss */
.banner__wrapper {
    padding-left: calc(
 20px + 80 * ((100vw - 320px) / 880))
  }
}
/* line 19, src/layout/blocks/banners/banner.scss */
.banner__title {
  font-weight: 600;
  font-size: 26px;
  line-height: 160%;
  letter-spacing: 0.01em;
  text-transform: uppercase
}
@media screen and (max-width: 1200px) {
  /* line 19, src/layout/blocks/banners/banner.scss */
.banner__title {
    font-size: calc(
 18px + 8 * ((100vw - 320px) / 880))
  }
}
/* line 26, src/layout/blocks/banners/banner.scss */
.banner__name {
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
  text-align: right
}
@media screen and (max-width: 1200px) {
  /* line 26, src/layout/blocks/banners/banner.scss */
.banner__name {
    font-size: calc(
 14px + 6 * ((100vw - 320px) / 880))
  }
}
/* line 32, src/layout/blocks/banners/banner.scss */
.banner__description {
  line-height: 130%;
  text-align: right;
  font-size: 14px;
  opacity: 0.5
}
@media screen and (max-width: 1200px) {
  /* line 32, src/layout/blocks/banners/banner.scss */
.banner__description {
    font-size: calc(
 12px + 2 * ((100vw - 320px) / 880))
  }
}
/* line 38, src/layout/blocks/banners/banner.scss */
.banner__box {
  max-width: 187px;
  position: absolute;
  bottom: 50px;
  right: 270px
}
/* line 44, src/layout/blocks/banners/banner.scss */
.banner__img {
  position: absolute
}
/* line 47, src/layout/blocks/banners/banner.scss */
.banner__subtitle {
  font-size: 19px;
  line-height: 150%
}
@media screen and (max-width: 1200px) {
  /* line 47, src/layout/blocks/banners/banner.scss */
.banner__subtitle {
    font-size: calc(
 15px + 4 * ((100vw - 320px) / 880))
  }
}
/* line 50, src/layout/blocks/banners/banner.scss */
.banner__subtitle span {
  font-weight: 800;
  text-transform: uppercase
}
/* line 55, src/layout/blocks/banners/banner.scss */
.banner__txt {
  font-size: 16px;
  font-weight: 300;
  line-height: 150%;
  color: #636363
}
@media screen and (max-width: 1200px) {
  /* line 55, src/layout/blocks/banners/banner.scss */
.banner__txt {
    font-size: calc(
 13px + 3 * ((100vw - 320px) / 880))
  }
}
/* line 64, src/layout/blocks/banners/banner.scss */
.banner-m__title {
  max-width: 770px
}
/* line 67, src/layout/blocks/banners/banner.scss */
.banner-m__wrapper {
  padding-bottom: 94px;
  padding-right: 300px
}
@media screen and (max-width: 1200px) {
  /* line 67, src/layout/blocks/banners/banner.scss */
.banner-m__wrapper {
    padding-bottom: calc(
 76px + 18 * ((100vw - 320px) / 880))
  }
}
/* line 72, src/layout/blocks/banners/banner.scss */
.banner-m__bot-img {
  bottom: -88px;
  right: calc(50% - 108px)
}
/* line 76, src/layout/blocks/banners/banner.scss */
.banner-m__r-img {
  right: -33px;
  top: 52px
}
/* line 81, src/layout/blocks/banners/banner.scss */
.banner-m__t-img {
  right: 218px;
  top: -18px
}
/* line 86, src/layout/blocks/banners/banner.scss */
.banner-m__main-img {
  right: 54px;
  bottom: 0
}
/* line 93, src/layout/blocks/banners/banner.scss */
.banner-t__title {
  max-width: 820px
}
/* line 96, src/layout/blocks/banners/banner.scss */
.banner-t__tech-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 400px;
  padding-top: 30px
}
/* line 102, src/layout/blocks/banners/banner.scss */
.banner-t__tech-link {
  padding: 10px 30px 11px 0
}
/* line 105, src/layout/blocks/banners/banner.scss */
.banner-t__wrapper {
  padding-bottom: 77px;
  padding-right: 258px
}
/* line 109, src/layout/blocks/banners/banner.scss */
.banner-t__main-img {
  right: 0px;
  bottom: 0
}
/* line 113, src/layout/blocks/banners/banner.scss */
.banner-t__box {
  max-width: 230px
}
/* line 116, src/layout/blocks/banners/banner.scss */
.banner-t__t-img {
  top: 12px;
  right: 220px
}
/* line 120, src/layout/blocks/banners/banner.scss */
.banner-t__r-img {
  bottom: -53px;
  right: 475px
}
/* line 127, src/layout/blocks/banners/banner.scss */
.banner-f__title {
  max-width: 600px
}
/* line 130, src/layout/blocks/banners/banner.scss */
.banner-f__wrapper {
  padding-bottom: 137px;
  padding-right: 438px
}
/* line 135, src/layout/blocks/banners/banner.scss */
.banner-f__main-img {
  right: 0px;
  bottom: 0
}
/* line 139, src/layout/blocks/banners/banner.scss */
.banner-f__l-img {
  left: 78px;
  bottom: -121px
}
/* line 143, src/layout/blocks/banners/banner.scss */
.banner-f__c-img {
  right: 475px;
  bottom: 42px
}
/* line 147, src/layout/blocks/banners/banner.scss */
.banner-f__r-img {
  bottom: 191px;
  right: 251px
}
/* line 154, src/layout/blocks/banners/banner.scss */
.banner-s__wrapper {
  padding-bottom: 137px;
  padding-right: 275px
}
/* line 158, src/layout/blocks/banners/banner.scss */
.banner-s__main-img {
  bottom: 0;
  right: 0
}
/* line 162, src/layout/blocks/banners/banner.scss */
.banner-s__l-img {
  bottom: -113px;
  left: 119px
}
/* line 166, src/layout/blocks/banners/banner.scss */
.banner-s__r-img {
  top: 62px;
  right: -69px
}
/* line 170, src/layout/blocks/banners/banner.scss */
.banner-s__box {
  max-width: 217px
}
/* line 176, src/layout/blocks/banners/banner.scss */
.banner-wh__wrapper {
  padding-right: 400px;
  padding-bottom: 96px
}
/* line 180, src/layout/blocks/banners/banner.scss */
.banner-wh__txt {
  padding-top: 30px
}
/* line 183, src/layout/blocks/banners/banner.scss */
.banner-wh__btn {
  margin-top: 60px
}
/* line 186, src/layout/blocks/banners/banner.scss */
.banner-wh__t-img {
  top: 90px;
  right: 85px
}
/* line 190, src/layout/blocks/banners/banner.scss */
.banner-wh__b-img {
  bottom: -40px;
  right: 406px
}
/* line 194, src/layout/blocks/banners/banner.scss */
.banner-wh__c-img {
  bottom: 90px;
  right: 248px
}
/* line 199, src/layout/blocks/banners/banner.scss */
.banner-wh--336 .banner-wh__wrapper {
  padding-right: 336px
}
/* line 202, src/layout/blocks/banners/banner.scss */
.banner-wh--336 .banner-wh__t-img {
  top: 62px
}
/* line 205, src/layout/blocks/banners/banner.scss */
.banner-wh--336 .banner-wh__c-img {
  bottom: 111px;
  right: 326px
}
/* line 209, src/layout/blocks/banners/banner.scss */
.banner-wh--336 .banner-wh__b-img {
  bottom: -60px
}
/* line 214, src/layout/blocks/banners/banner.scss */
.banner-seo--mr-420 .banner-seo__wrapper {
  padding-right: 420px
}
/* line 217, src/layout/blocks/banners/banner.scss */
.banner-seo--mr-420 .banner-seo__txt {
  max-width: 490px
}
/* line 220, src/layout/blocks/banners/banner.scss */
.banner-seo__wrapper {
  padding-right: 500px;
  padding-bottom: 96px
}
/* line 224, src/layout/blocks/banners/banner.scss */
.banner-seo__r-img {
  bottom: 0;
  right: 0
}
/* line 228, src/layout/blocks/banners/banner.scss */
.banner-seo__b-img {
  bottom: -60px;
  right: 490px
}
/* line 232, src/layout/blocks/banners/banner.scss */
.banner-seo__title {
  margin-bottom: 30px;
  max-width: 450px
}
/* line 236, src/layout/blocks/banners/banner.scss */
.banner-seo__txt {
  margin-bottom: 36px
}
/* line 242, src/layout/blocks/banners/banner.scss */
.banner-exp-op__wrapper {
  padding-right: 370px;
  padding-bottom: 125px
}
/* line 246, src/layout/blocks/banners/banner.scss */
.banner-exp-op__title {
  color: #f83d34;
  margin-bottom: 20px
}
/* line 250, src/layout/blocks/banners/banner.scss */
.banner-exp-op__box {
  bottom: 50px;
  right: 270px;
  max-width: 230px
}
/* line 255, src/layout/blocks/banners/banner.scss */
.banner-exp-op__main-img {
  bottom: 0;
  right: 0
}
/* line 259, src/layout/blocks/banners/banner.scss */
.banner-exp-op__t-img {
  right: 220px;
  top: 39px
}
@media screen and (max-width: 1320px) {
  /* line 267, src/layout/blocks/banners/banner.scss */
.banner-s__r-img {
    right: -10px;
    width: 70px
  }
}
@media screen and (max-width: 1230px) {
  /* line 276, src/layout/blocks/banners/banner.scss */
.banner-m__r-img {
    width: 80px;
    right: -7px
  }
  /* line 280, src/layout/blocks/banners/banner.scss */
.banner-m__t-img {
    width: 70px;
    top: -12px
  }
  /* line 284, src/layout/blocks/banners/banner.scss */
.banner-m__bot-img {
    width: 170px;
    bottom: -78px
  }
  /* line 288, src/layout/blocks/banners/banner.scss */
.banner-m__main-img {
    right: 35px
  }
  /* line 291, src/layout/blocks/banners/banner.scss */
.banner-m__box {
    bottom: 20px;
    right: 250px
  }
  /* line 295, src/layout/blocks/banners/banner.scss */
.banner-m__wrapper {
    padding-right: 255px
  }
}
@media screen and (max-width: 1150px) {
  /* line 303, src/layout/blocks/banners/banner.scss */
.banner-t__t-img {
    width: 85px;
    right: 170px;
    top: 20px
  }
  /* line 308, src/layout/blocks/banners/banner.scss */
.banner-t__r-img {
    width: 130px;
    bottom: -40px;
    right: 500px
  }
  /* line 313, src/layout/blocks/banners/banner.scss */
.banner-t__main-img {
    max-width: 270px
  }
  /* line 319, src/layout/blocks/banners/banner.scss */
.banner-f__l-img {
    max-width: 230px;
    left: 20px;
    bottom: -100px
  }
  /* line 324, src/layout/blocks/banners/banner.scss */
.banner-f__c-img {
    right: 499px;
    max-width: 90px
  }
  /* line 328, src/layout/blocks/banners/banner.scss */
.banner-f__r-img {
    max-width: 80px
  }
}
@media screen and (max-width: 1060px) {
  /* line 336, src/layout/blocks/banners/banner.scss */
.banner__wrapper {
    padding-left: 50px
  }
}
@media screen and (max-width: 1060px) and (max-width: 1200px) {
  /* line 336, src/layout/blocks/banners/banner.scss */
.banner__wrapper {
    padding-left: calc(
 20px + 30 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1060px) {
  /* line 341, src/layout/blocks/banners/banner.scss */
.banner-m__r-img {
    width: 55px
  }
  /* line 344, src/layout/blocks/banners/banner.scss */
.banner-m__t-img {
    width: 50px;
    top: -8px
  }
  /* line 348, src/layout/blocks/banners/banner.scss */
.banner-m__bot-img {
    width: 120px;
    bottom: -48px;
    right: calc(65% - 30px)
  }
  /* line 353, src/layout/blocks/banners/banner.scss */
.banner-m__main-img {
    right: 20px
  }
  /* line 356, src/layout/blocks/banners/banner.scss */
.banner-m__box {
    right: 218px
  }
  /* line 359, src/layout/blocks/banners/banner.scss */
.banner-m__wrapper {
    padding-right: 245px
  }
}
@media screen and (max-width: 1010px) {
  /* line 367, src/layout/blocks/banners/banner.scss */
.banner-t__r-img {
    right: 340px;
    bottom: -60px
  }
  /* line 371, src/layout/blocks/banners/banner.scss */
.banner-t__main-img {
    max-width: 250px
  }
  /* line 374, src/layout/blocks/banners/banner.scss */
.banner-t__box {
    bottom: 120px;
    right: 200px
  }
}
@media screen and (max-width: 990px) {
  /* line 383, src/layout/blocks/banners/banner.scss */
.banner-s__l-img {
    left: 30px;
    width: 200px;
    bottom: -40px
  }
}
@media screen and (max-width: 935px) {
  /* line 393, src/layout/blocks/banners/banner.scss */
.banner-seo--mr-420 .banner-seo__wrapper {
    padding-right: 300px
  }
  /* line 396, src/layout/blocks/banners/banner.scss */
.banner-seo__wrapper {
    padding-right: 300px
  }
  /* line 399, src/layout/blocks/banners/banner.scss */
.banner-seo__r-img {
    width: 290px
  }
  /* line 402, src/layout/blocks/banners/banner.scss */
.banner-seo__b-img {
    width: 100px;
    left: -5px
  }
}
@media screen and (max-width: 910px) {
  /* line 411, src/layout/blocks/banners/banner.scss */
.banner-f__wrapper {
    padding-right: 200px
  }
  /* line 414, src/layout/blocks/banners/banner.scss */
.banner-f__main-img {
    max-width: 230px
  }
  /* line 417, src/layout/blocks/banners/banner.scss */
.banner-f__box {
    bottom: 20px;
    right: 218px
  }
  /* line 421, src/layout/blocks/banners/banner.scss */
.banner-f__l-img {
    max-width: 180px;
    left: 10px;
    bottom: -60px
  }
  /* line 426, src/layout/blocks/banners/banner.scss */
.banner-f__c-img {
    right: 420px;
    max-width: 80px
  }
  /* line 430, src/layout/blocks/banners/banner.scss */
.banner-f__r-img {
    max-width: 80px;
    bottom: 120px;
    right: 190px
  }
}
@media screen and (max-width: 870px) {
  /* line 440, src/layout/blocks/banners/banner.scss */
.banner-wh__t-img,
  .banner-wh--336 .banner-wh__t-img {
    width: 120px;
    top: 40px;
    right: 30px
  }
  /* line 446, src/layout/blocks/banners/banner.scss */
.banner-wh__c-img,
  .banner-wh--336 .banner-wh__c-img {
    bottom: 120px;
    width: 60px;
    right: -7px
  }
  /* line 452, src/layout/blocks/banners/banner.scss */
.banner-wh__b-img,
  .banner-wh--336 .banner-wh__b-img {
    width: 100px;
    right: 200px
  }
  /* line 457, src/layout/blocks/banners/banner.scss */
.banner-wh__wrapper,
  .banner-wh--336 .banner-wh__wrapper {
    padding-right: 140px;
    padding-bottom: 50px
  }
}
@media screen and (max-width: 860px) {
  /* line 467, src/layout/blocks/banners/banner.scss */
.banner-t__wrapper {
    padding-right: 20px;
    padding-bottom: 110px
  }
  /* line 471, src/layout/blocks/banners/banner.scss */
.banner-t__r-img {
    left: 10px;
    width: 100px
  }
  /* line 475, src/layout/blocks/banners/banner.scss */
.banner-t__main-img {
    max-width: 230px
  }
  /* line 478, src/layout/blocks/banners/banner.scss */
.banner-t__t-img {
    width: 65px;
    top: 130px
  }
  /* line 482, src/layout/blocks/banners/banner.scss */
.banner-t__box {
    bottom: 20px;
    right: 230px
  }
}
@media screen and (max-width: 780px) {
  /* line 491, src/layout/blocks/banners/banner.scss */
.banner-f__wrapper {
    padding-bottom: 220px;
    padding-right: 20px
  }
  /* line 495, src/layout/blocks/banners/banner.scss */
.banner-f__l-img {
    left: -10px;
    max-width: 160px
  }
  /* line 499, src/layout/blocks/banners/banner.scss */
.banner-f__main-img {
    max-width: 200px
  }
  /* line 502, src/layout/blocks/banners/banner.scss */
.banner-f__c-img {
    left: 180px;
    bottom: 110px
  }
  /* line 506, src/layout/blocks/banners/banner.scss */
.banner-f__box {
    right: 190px;
    max-width: 150px
  }
  /* line 510, src/layout/blocks/banners/banner.scss */
.banner-f__r-img {
    right: 150px;
    max-width: 60px;
    bottom: 174px
  }
}
@media screen and (max-width: 770px) {
  /* line 520, src/layout/blocks/banners/banner.scss */
.banner-exp-op__wrapper {
    padding-right: 20px;
    padding-bottom: 200px
  }
  /* line 524, src/layout/blocks/banners/banner.scss */
.banner-exp-op__main-img {
    max-width: 190px
  }
  /* line 527, src/layout/blocks/banners/banner.scss */
.banner-exp-op__t-img {
    max-width: 50px;
    bottom: 100px;
    top: auto;
    right: 150px
  }
  /* line 533, src/layout/blocks/banners/banner.scss */
.banner-exp-op__box {
    right: 190px;
    bottom: 30px
  }
}
@media screen and (max-width: 730px) {
  /* line 542, src/layout/blocks/banners/banner.scss */
.banner-s__l-img {
    left: -10px;
    width: 200px;
    bottom: -60px
  }
  /* line 547, src/layout/blocks/banners/banner.scss */
.banner-s__main-img {
    width: 196px
  }
  /* line 550, src/layout/blocks/banners/banner.scss */
.banner-s__wrapper {
    padding-right: 20px;
    padding-bottom: 186px
  }
  /* line 554, src/layout/blocks/banners/banner.scss */
.banner-s__r-img {
    width: 50px;
    top: auto;
    bottom: 150px
  }
  /* line 559, src/layout/blocks/banners/banner.scss */
.banner-s__box {
    bottom: 80px;
    right: 156px
  }
}
@media screen and (max-width: 710px) {
  /* line 568, src/layout/blocks/banners/banner.scss */
.banner-m__main-img {
    width: 150px
  }
  /* line 571, src/layout/blocks/banners/banner.scss */
.banner-m__box {
    right: 178px
  }
  /* line 574, src/layout/blocks/banners/banner.scss */
.banner-m__wrapper {
    padding-right: 185px
  }
  /* line 577, src/layout/blocks/banners/banner.scss */
.banner-m__t-img {
    right: 110px;
    width: 45px
  }
  /* line 581, src/layout/blocks/banners/banner.scss */
.banner-m__r-img {
    width: 45px
  }
  /* line 585, src/layout/blocks/banners/banner.scss */
.banner-m__bot-img {
    width: 90px;
    bottom: -30px;
    left: 5%
  }
}
@media screen and (max-width: 630px) {
  /* line 595, src/layout/blocks/banners/banner.scss */
.banner-t__wrapper {
    padding-bottom: 190px
  }
  /* line 598, src/layout/blocks/banners/banner.scss */
.banner-t__t-img {
    top: auto;
    bottom: 130px;
    width: 46px
  }
  /* line 603, src/layout/blocks/banners/banner.scss */
.banner-t__box {
    bottom: 45px;
    right: 158px
  }
  /* line 608, src/layout/blocks/banners/banner.scss */
.banner-t__main-img {
    max-width: 200px
  }
  /* line 611, src/layout/blocks/banners/banner.scss */
.banner-t__r-img {
    width: 90px
  }
}
@media screen and (max-width: 605px) {
  /* line 619, src/layout/blocks/banners/banner.scss */
.banner-seo--mr-420 .banner-seo__wrapper {
    padding-right: 10px
  }
  /* line 622, src/layout/blocks/banners/banner.scss */
.banner-seo__wrapper {
    padding-right: 10px;
    padding-bottom: 120px
  }
  /* line 626, src/layout/blocks/banners/banner.scss */
.banner-seo__r-img {
    width: 125px;
    right: -10px;
    bottom: -10px
  }
  /* line 631, src/layout/blocks/banners/banner.scss */
.banner-seo__b-img {
    width: 60px;
    top: -40px
  }
}
@media screen and (max-width: 535px) {
  /* line 640, src/layout/blocks/banners/banner.scss */
.banner-wh__t-img,
  .banner-wh--336 .banner-wh__t-img {
    width: 60px;
    top: -20px;
    right: 10px
  }
  /* line 646, src/layout/blocks/banners/banner.scss */
.banner-wh__c-img,
  .banner-wh--336 .banner-wh__c-img {
    bottom: 20px
  }
  /* line 650, src/layout/blocks/banners/banner.scss */
.banner-wh__b-img,
  .banner-wh--336 .banner-wh__b-img {
    width: 70px;
    left: -5px
  }
  /* line 655, src/layout/blocks/banners/banner.scss */
.banner-wh__wrapper,
  .banner-wh--336 .banner-wh__wrapper {
    padding-right: 10px;
    padding-bottom: 40px
  }
  /* line 660, src/layout/blocks/banners/banner.scss */
.banner-wh__btn,
  .banner-wh--336 .banner-wh__btn {
    margin-top: 30px
  }
}
@media screen and (max-width: 516px) {
  /* line 669, src/layout/blocks/banners/banner.scss */
.banner-f__l-img {
    max-width: 130px;
    bottom: -74px
  }
  /* line 673, src/layout/blocks/banners/banner.scss */
.banner-f__main-img {
    max-width: 180px
  }
  /* line 676, src/layout/blocks/banners/banner.scss */
.banner-f__c-img {
    max-width: 70px;
    left: 30px
  }
  /* line 680, src/layout/blocks/banners/banner.scss */
.banner-f__box {
    right: 170px
  }
  /* line 683, src/layout/blocks/banners/banner.scss */
.banner-f__r-img {
    max-width: 50px;
    right: 128px
  }
}
@media screen and (max-width: 500px) {
  /* line 692, src/layout/blocks/banners/banner.scss */
.banner-m__bot-img {
    left: -5px
  }
  /* line 695, src/layout/blocks/banners/banner.scss */
.banner-m__wrapper {
    padding-bottom: 190px;
    padding-right: 40px
  }
  /* line 699, src/layout/blocks/banners/banner.scss */
.banner-m__box {
    bottom: 60px;
    right: 156px
  }
  /* line 703, src/layout/blocks/banners/banner.scss */
.banner-m__t-img {
    right: 0px
  }
  /* line 706, src/layout/blocks/banners/banner.scss */
.banner-m__r-img {
    top: 50%
  }
  /* line 709, src/layout/blocks/banners/banner.scss */
.banner-m__main-img {
    width: 130px
  }
}
@media screen and (max-width: 430px) {
  /* line 717, src/layout/blocks/banners/banner.scss */
.banner-exp-op__main-img {
    max-width: 160px
  }
  /* line 720, src/layout/blocks/banners/banner.scss */
.banner-exp-op__t-img {
    bottom: 150px;
    right: 120px
  }
  /* line 724, src/layout/blocks/banners/banner.scss */
.banner-exp-op__box {
    right: 128px;
    bottom: 60px
  }
}
@media screen and (max-width: 318px) {
  /* line 731, src/layout/blocks/banners/banner.scss */
.banner-t__t-img {
    display: none
  }
}
/* line 1, src/layout/blocks/approach/approach.scss */
.approach {
  padding-top: 20px;
  color: #090909
}
/* line 4, src/layout/blocks/approach/approach.scss */
.approach__wrapper {
  padding-bottom: 2px
}
/* line 7, src/layout/blocks/approach/approach.scss */
.approach__title {
  font-size: 30px;
  line-height: 120%;
  letter-spacing: 0.01em;
  font-weight: 700
}
@media screen and (max-width: 1200px) {
  /* line 7, src/layout/blocks/approach/approach.scss */
.approach__title {
    font-size: calc(
 22px + 8 * ((100vw - 320px) / 880))
  }
}
/* line 13, src/layout/blocks/approach/approach.scss */
.approach__text {
  color: #090909
}
/* line 18, src/layout/blocks/approach/approach.scss */
.arrow-list {
  clear: both
}
/* line 20, src/layout/blocks/approach/approach.scss */
.arrow-list__wrapper {
  padding-bottom: 2px
}
/* line 23, src/layout/blocks/approach/approach.scss */
.arrow-list__wrapper--pd-top0 {
  padding-top: 0
}
/* line 27, src/layout/blocks/approach/approach.scss */
.arrow-list__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
/* line 31, src/layout/blocks/approach/approach.scss */
.arrow-list__item {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 36px;
  width: calc(100% / 3)
}
@media screen and (max-width: 1200px) {
  /* line 31, src/layout/blocks/approach/approach.scss */
.arrow-list__item {
    padding-top: calc(
 10px + 10 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 31, src/layout/blocks/approach/approach.scss */
.arrow-list__item {
    padding-bottom: calc(
 10px + 10 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 31, src/layout/blocks/approach/approach.scss */
.arrow-list__item {
    padding-right: calc(
 10px + 26 * ((100vw - 320px) / 880))
  }
}
/* line 36, src/layout/blocks/approach/approach.scss */
.arrow-list__item--50 {
  width: 50%
}
/* line 39, src/layout/blocks/approach/approach.scss */
.arrow-list__item--25 {
  width: 25%
}
/* line 43, src/layout/blocks/approach/approach.scss */
.arrow-list__arrow {
  width: 50px;
  height: 16px
}
/* line 47, src/layout/blocks/approach/approach.scss */
.arrow-list__footer {
  padding-top: 40px;
  padding-bottom: 40px
}
@media screen and (max-width: 1200px) {
  /* line 47, src/layout/blocks/approach/approach.scss */
.arrow-list__footer {
    padding-top: calc(
 10px + 30 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 47, src/layout/blocks/approach/approach.scss */
.arrow-list__footer {
    padding-bottom: calc(
 10px + 30 * ((100vw - 320px) / 880))
  }
}
/* line 51, src/layout/blocks/approach/approach.scss */
.arrow-list__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}
/* line 56, src/layout/blocks/approach/approach.scss */
.arrow-list__text {
  padding-top: 16px;
  font-weight: 300;
  line-height: 140%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 16px;
  color: #1d1c1f
}
@media screen and (max-width: 1200px) {
  /* line 56, src/layout/blocks/approach/approach.scss */
.arrow-list__text {
    padding-top: calc(
 8px + 8 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 56, src/layout/blocks/approach/approach.scss */
.arrow-list__text {
    font-size: calc(
 14px + 2 * ((100vw - 320px) / 880))
  }
}
/* line 64, src/layout/blocks/approach/approach.scss */
.arrow-list__title {
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-size: 16px
}
@media screen and (max-width: 1200px) {
  /* line 64, src/layout/blocks/approach/approach.scss */
.arrow-list__title {
    font-size: calc(
 14px + 2 * ((100vw - 320px) / 880))
  }
}
/* line 72, src/layout/blocks/approach/approach.scss */
.arrow-list__title-num {
  font-size: 48px;
  line-height: 140%;
  letter-spacing: 0.01em;
  text-transform: uppercase
}
@media screen and (max-width: 1200px) {
  /* line 72, src/layout/blocks/approach/approach.scss */
.arrow-list__title-num {
    font-size: calc(
 23px + 25 * ((100vw - 320px) / 880))
  }
}
/* line 77, src/layout/blocks/approach/approach.scss */
.arrow-list__title-num > span {
  font-size: 20px
}
@media screen and (max-width: 1200px) {
  /* line 77, src/layout/blocks/approach/approach.scss */
.arrow-list__title-num > span {
    font-size: calc(
 13px + 7 * ((100vw - 320px) / 880))
  }
}
/* line 81, src/layout/blocks/approach/approach.scss */
.arrow-list__num {
  margin-bottom: 14px
}
@media screen and (max-width: 960px) {
  /* line 88, src/layout/blocks/approach/approach.scss */
.arrow-list__item {
    width: 50%
  }
}
@media screen and (max-width: 480px) {
  /* line 96, src/layout/blocks/approach/approach.scss */
.arrow-list__item {
    width: 100%
  }
  /* line 99, src/layout/blocks/approach/approach.scss */
.arrow-list__wrapper {
    padding-right: 0
  }
}
/* line 2, src/layout/blocks/stages/stages.scss */
.black-swiper__slide {
  background: #1d1c1f;
  color: #fff
}
/* line 9, src/layout/blocks/stages/stages.scss */
.stages__swiper-slide {
  padding: 44px
}
@media screen and (max-width: 1200px) {
  /* line 9, src/layout/blocks/stages/stages.scss */
.stages__swiper-slide {
    padding: calc(
 20px + 24 * ((100vw - 320px) / 880))
  }
}
/* line 12, src/layout/blocks/stages/stages.scss */
.stages__title {
  padding: 28px 200px 10px 60px;
  font-weight: 700;
  font-size: 26px;
  line-height: 105%;
  text-transform: uppercase
}
@media screen and (max-width: 1200px) {
  /* line 12, src/layout/blocks/stages/stages.scss */
.stages__title {
    font-size: calc(
 18px + 8 * ((100vw - 320px) / 880))
  }
}
/* line 19, src/layout/blocks/stages/stages.scss */
.stages__info {
  padding-top: 40px;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
@media screen and (max-width: 1200px) {
  /* line 19, src/layout/blocks/stages/stages.scss */
.stages__info {
    padding-top: calc(
 20px + 20 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 19, src/layout/blocks/stages/stages.scss */
.stages__info {
    padding-bottom: calc(
 10px + 10 * ((100vw - 320px) / 880))
  }
}
/* line 24, src/layout/blocks/stages/stages.scss */
.stages__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.01em;
  padding: 5px 10px
}
@media screen and (max-width: 1200px) {
  /* line 24, src/layout/blocks/stages/stages.scss */
.stages__text {
    font-size: calc(
 12px + 2 * ((100vw - 320px) / 880))
  }
}
/* line 30, src/layout/blocks/stages/stages.scss */
.stages__text--with-bg {
  background: #161617;
  border-radius: 20px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}
/* line 35, src/layout/blocks/stages/stages.scss */
.stages__text--mw159 {
  max-width: 169px
}
/* line 38, src/layout/blocks/stages/stages.scss */
.stages__text--indent {
  padding-top: 9px
}
/* line 43, src/layout/blocks/stages/stages.scss */
.stages__subtitle {
  font-weight: 600;
  font-size: 19px;
  line-height: 130%;
  letter-spacing: 0.01em;
  width: 50%;
  padding: 2px 15px
}
@media screen and (max-width: 1200px) {
  /* line 43, src/layout/blocks/stages/stages.scss */
.stages__subtitle {
    font-size: calc(
 15px + 4 * ((100vw - 320px) / 880))
  }
}
/* line 51, src/layout/blocks/stages/stages.scss */
.stages__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 13px
}
/* line 55, src/layout/blocks/stages/stages.scss */
.stages__description {
  width: 50%;
  padding: 2px 15px
}
/* line 59, src/layout/blocks/stages/stages.scss */
.stages__col {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-left: 43px
}
@media screen and (max-width: 1200px) {
  /* line 59, src/layout/blocks/stages/stages.scss */
.stages__col {
    padding-left: calc(
 22px + 21 * ((100vw - 320px) / 880))
  }
}
/* line 63, src/layout/blocks/stages/stages.scss */
.stages__img {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content
}
/* line 66, src/layout/blocks/stages/stages.scss */
.stages__description-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
/* line 70, src/layout/blocks/stages/stages.scss */
.stages__description-row:not(:last-child) {
  padding-bottom: 12px
}
/* line 75, src/layout/blocks/stages/stages.scss */
.stages__swiper-btn {
  position: absolute;
  cursor: pointer;
  z-index: 1
}
/* line 79, src/layout/blocks/stages/stages.scss */
.stages__swiper-btn--prev {
  top: 56px;
  right: 166px
}
/* line 82, src/layout/blocks/stages/stages.scss */
.stages__swiper-btn--prev svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
/* line 86, src/layout/blocks/stages/stages.scss */
.stages__swiper-btn--next {
  top: 56px;
  right: 100px
}
/* line 91, src/layout/blocks/stages/stages.scss */
.stages__swiper {
  position: relative
}
@media screen and (max-width: 960px) {
  /* line 98, src/layout/blocks/stages/stages.scss */
.stages__img {
    margin: auto
  }
  /* line 101, src/layout/blocks/stages/stages.scss */
.stages__info {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  /* line 104, src/layout/blocks/stages/stages.scss */
.stages__col {
    padding-left: 0
  }
  /* line 107, src/layout/blocks/stages/stages.scss */
.stages__row {
    padding-right: 0
  }
  /* line 110, src/layout/blocks/stages/stages.scss */
.stages__title {
    padding: 20px 160px 10px 10px
  }
  /* line 113, src/layout/blocks/stages/stages.scss */
.stages__swiper-btn--prev {
    top: 36px;
    right: 106px
  }
}
@media screen and (max-width: 960px) and (max-width: 1200px) {
  /* line 113, src/layout/blocks/stages/stages.scss */
.stages__swiper-btn--prev {
    right: calc(
 56px + 50 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 960px) {
  /* line 117, src/layout/blocks/stages/stages.scss */
.stages__swiper-btn--next {
    top: 36px;
    right: 40px
  }
}
@media screen and (max-width: 960px) and (max-width: 1200px) {
  /* line 117, src/layout/blocks/stages/stages.scss */
.stages__swiper-btn--next {
    right: calc(
 16px + 24 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 560px) {
  /* line 126, src/layout/blocks/stages/stages.scss */
.stages__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  /* line 129, src/layout/blocks/stages/stages.scss */
.stages__subtitle {
    width: 100%
  }
  /* line 132, src/layout/blocks/stages/stages.scss */
.stages__description {
    width: 100%;
    padding-top: 6px
  }
  /* line 136, src/layout/blocks/stages/stages.scss */
.stages__img {
    max-width: 230px
  }
  /* line 140, src/layout/blocks/stages/stages.scss */
.stages__title {
    padding: 20px 100px 10px 0px
  }
  /* line 143, src/layout/blocks/stages/stages.scss */
.stages__description-row:not(:last-child) {
    padding-bottom: 4px
  }
}
@media screen and (max-width: 450px) {
  /* line 151, src/layout/blocks/stages/stages.scss */
.stages__img {
    max-width: 190px
  }
}
/* line 2, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw--indent {
  padding: 30px 0 20px
}
/* line 5, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__box {
  padding-left: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%
}
@media screen and (max-width: 1200px) {
  /* line 5, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__box {
    padding-left: calc(
 30px + 70 * ((100vw - 320px) / 880))
  }
}
/* line 10, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__col {
  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-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
/* line 14, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__col--first {
  padding-top: 34px;
  padding-bottom: 160px
}
@media screen and (max-width: 1200px) {
  /* line 14, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__col--first {
    padding-top: calc(
 20px + 14 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 14, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__col--first {
    padding-bottom: calc(
 60px + 100 * ((100vw - 320px) / 880))
  }
}
/* line 18, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__col--img-top {
  padding-top: 40px
}
@media screen and (max-width: 1200px) {
  /* line 18, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__col--img-top {
    padding-top: calc(
 20px + 20 * ((100vw - 320px) / 880))
  }
}
/* line 21, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__col--img-right {
  padding-right: 30px
}
@media screen and (max-width: 1200px) {
  /* line 21, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__col--img-right {
    padding-right: calc(
 20px + 10 * ((100vw - 320px) / 880))
  }
}
/* line 24, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__col--grow {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}
/* line 27, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__col--img-bottom {
  padding-bottom: 22px
}
@media screen and (max-width: 1200px) {
  /* line 27, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__col--img-bottom {
    padding-bottom: calc(
 10px + 12 * ((100vw - 320px) / 880))
  }
}
/* line 30, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__col--mr-auto {
  margin-left: auto;
  min-height: 100%
}
/* line 34, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__col:nth-of-type(1) {
  width: 560px
}
/* line 37, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__col:nth-of-type(2) {
  padding-left: 10px
}
/* line 40, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__col--end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
/* line 44, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__logo-row {
  padding-bottom: 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
@media screen and (max-width: 1200px) {
  /* line 44, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__logo-row {
    padding-bottom: calc(
 30px + 45 * ((100vw - 320px) / 880))
  }
}
/* line 48, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__logo-link {
  padding-right: 30px
}
/* line 51, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 60px;
  padding-left: 100px
}
@media screen and (max-width: 1200px) {
  /* line 51, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__footer {
    padding-top: calc(
 10px + 40 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 51, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__footer {
    padding-bottom: calc(
 10px + 50 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 51, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__footer {
    padding-left: calc(
 2px + 98 * ((100vw - 320px) / 880))
  }
}
/* line 59, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__space {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}
/* line 62, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__logo {
  max-width: 170px
}
@media screen and (max-width: 1200px) {
  /* line 62, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__logo {
    max-width: calc(
 100px + 70 * ((100vw - 320px) / 880))
  }
}
/* line 65, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__swiper-slide {
  margin-bottom: 30px
}
/* line 68, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__subtitle {
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: 0.01em;
  max-width: 100%
}
@media screen and (max-width: 1200px) {
  /* line 68, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__subtitle {
    font-size: calc(
 18px + 14 * ((100vw - 320px) / 880))
  }
}
/* line 74, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__subtitle .block-title__txt:first-child {
  margin-right: 0px
}
/* line 77, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__subtitle .block-title__txt {
  color: #ffffff;
  font-weight: 700;
  font-size: 28px;
  line-height: 120%;
  letter-spacing: 0.01em
}
@media screen and (max-width: 1200px) {
  /* line 77, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__subtitle .block-title__txt {
    font-size: calc(
 18px + 10 * ((100vw - 320px) / 880))
  }
}
/* line 84, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__subtitle::before {
  background: #636363
}
/* line 88, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__m-item {
  padding-left: 78px;
  padding-bottom: 40px
}
@media screen and (max-width: 1200px) {
  /* line 88, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__m-item {
    padding-left: calc(
 28px + 50 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 88, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__m-item {
    padding-bottom: calc(
 22px + 18 * ((100vw - 320px) / 880))
  }
}
/* line 91, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__m-item:first-child {
  margin-top: 29px
}
/* line 95, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__text {
  padding-left: 10px;
  padding-top: 26px;
  font-weight: 300;
  font-size: 16px;
  line-height: 150%;
  max-width: 510px
}
@media screen and (max-width: 1200px) {
  /* line 95, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__text {
    padding-top: calc(
 10px + 16 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 95, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__text {
    font-size: calc(
 13px + 3 * ((100vw - 320px) / 880))
  }
}
/* line 101, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__text span {
  font-weight: 600
}
/* line 106, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__list {
  padding-left: 10px;
  padding-top: 26px;
  font-weight: 300;
  font-size: 16px
}
@media screen and (max-width: 1200px) {
  /* line 106, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__list {
    padding-top: calc(
 10px + 16 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 106, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__list {
    font-size: calc(
 13px + 3 * ((100vw - 320px) / 880))
  }
}
/* line 111, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__list > li {
  padding-left: 26px;
  position: relative;
  line-height: 150%;
  padding-bottom: 2px
}
/* line 116, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__list > li::before {
  display: block;
  top: 10px;
  left: 8px;
  content: "";
  position: absolute;
  background: #fff;
  width: 4px;
  height: 4px;
  border-radius: 50%
}
/* line 130, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__img--100h {
  min-height: 100%
}
/* line 134, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__dop-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 36px
}
@media screen and (max-width: 1200px) {
  /* line 134, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__dop-row {
    padding-top: calc(
 20px + 16 * ((100vw - 320px) / 880))
  }
}
/* line 138, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__dop-item {
  padding-right: 30px
}
@media screen and (max-width: 1200px) {
  /* line 138, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__dop-item {
    padding-right: calc(
 10px + 20 * ((100vw - 320px) / 880))
  }
}
/* line 141, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__dop-row .evrokappa-sw__text {
  padding-top: 4px;
  padding-left: 0
}
/* line 149, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__swiper-btn--next {
  margin-right: 20px
}
@media screen and (max-width: 800px) {
  /* line 156, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__box {
    padding-left: 40px
  }
}
@media screen and (max-width: 800px) and (max-width: 1200px) {
  /* line 156, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__box {
    padding-left: calc(
 20px + 20 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 800px) {
  /* line 160, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__m-item {
    padding-left: 18px
  }
}
@media screen and (max-width: 800px) and (max-width: 1200px) {
  /* line 160, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__m-item {
    padding-left: calc(
 10px + 8 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 800px) {
  /* line 163, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__col:nth-of-type(1) {
    min-width: 60%
  }
}
@media screen and (max-width: 560px) {
  /* line 171, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__col {
    width: 100%
  }
  /* line 173, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__col--none {
    display: none
  }
  /* line 177, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  /* line 180, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__col:nth-of-type(1) {
    padding-right: 20px
  }
  /* line 183, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__col:nth-of-type(2) {
    padding: 5px 15px 1px !important
  }
  /* line 186, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__img {
    max-width: 270px;
    margin: 0 auto
  }
}
@media screen and (max-width: 370px) {
  /* line 193, src/layout/blocks/evrokappa-sw/evrokappa-sw.scss */
.evrokappa-sw__img {
    max-width: 100%
  }
}
/* line 1, src/layout/blocks/reviews/reviews.scss */
.reviews {
  color: #090909
}
/* line 3, src/layout/blocks/reviews/reviews.scss */
.reviews__wrapp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
/* line 8, src/layout/blocks/reviews/reviews.scss */
.reviews__content--indent {
  margin-top: -60px
}
/* line 12, src/layout/blocks/reviews/reviews.scss */
.reviews__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}
/* line 15, src/layout/blocks/reviews/reviews.scss */
.reviews__row--pd-bottom {
  padding-bottom: 60px
}
/* line 19, src/layout/blocks/reviews/reviews.scss */
.reviews__text {
  font-weight: 300;
  font-size: 16px;
  line-height: 150%;
  padding-left: 30px
}
@media screen and (max-width: 1200px) {
  /* line 19, src/layout/blocks/reviews/reviews.scss */
.reviews__text {
    font-size: calc(
 13px + 3 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 19, src/layout/blocks/reviews/reviews.scss */
.reviews__text {
    padding-left: calc(
 14px + 16 * ((100vw - 320px) / 880))
  }
}
/* line 24, src/layout/blocks/reviews/reviews.scss */
.reviews__text--max-374 {
  max-width: 374px
}
/* line 28, src/layout/blocks/reviews/reviews.scss */
.reviews__blog {
  padding-top: 60px;
  padding-right: 100px
}
@media screen and (max-width: 1200px) {
  /* line 28, src/layout/blocks/reviews/reviews.scss */
.reviews__blog {
    padding-top: calc(
 22px + 38 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 28, src/layout/blocks/reviews/reviews.scss */
.reviews__blog {
    padding-right: calc(
 10px + 90 * ((100vw - 320px) / 880))
  }
}
/* line 33, src/layout/blocks/reviews/reviews.scss */
.reviews__name {
  font-weight: 600;
  font-size: 18px;
  line-height: 150%
}
@media screen and (max-width: 1200px) {
  /* line 33, src/layout/blocks/reviews/reviews.scss */
.reviews__name {
    font-size: calc(
 14px + 4 * ((100vw - 320px) / 880))
  }
}
/* line 38, src/layout/blocks/reviews/reviews.scss */
.reviews__company {
  opacity: 0.5;
  margin-top: 4px;
  margin-bottom: 30px
}
@media screen and (max-width: 1200px) {
  /* line 38, src/layout/blocks/reviews/reviews.scss */
.reviews__company {
    margin-bottom: calc(
 16px + 14 * ((100vw - 320px) / 880))
  }
}
/* line 43, src/layout/blocks/reviews/reviews.scss */
.reviews__info {
  font-size: 20px;
  line-height: 150%
}
@media screen and (max-width: 1200px) {
  /* line 43, src/layout/blocks/reviews/reviews.scss */
.reviews__info {
    font-size: calc(
 16px + 4 * ((100vw - 320px) / 880))
  }
}
/* line 47, src/layout/blocks/reviews/reviews.scss */
.reviews__col {
  padding-top: 60px;
  padding-bottom: 70px
}
@media screen and (max-width: 1200px) {
  /* line 47, src/layout/blocks/reviews/reviews.scss */
.reviews__col {
    padding-top: calc(
 22px + 38 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 47, src/layout/blocks/reviews/reviews.scss */
.reviews__col {
    padding-bottom: calc(
 22px + 48 * ((100vw - 320px) / 880))
  }
}
/* line 51, src/layout/blocks/reviews/reviews.scss */
.reviews__img {
  -o-object-fit: cover;
  object-fit: cover;
  float: left;
  margin-right: 70px;
  margin-bottom: 10px
}
@media screen and (max-width: 1200px) {
  /* line 51, src/layout/blocks/reviews/reviews.scss */
.reviews__img {
    margin-right: calc(
 20px + 50 * ((100vw - 320px) / 880))
  }
}
/* line 57, src/layout/blocks/reviews/reviews.scss */
.reviews__space {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}
/* line 60, src/layout/blocks/reviews/reviews.scss */
.reviews__icon {
  margin-bottom: -60px
}
/* line 65, src/layout/blocks/reviews/reviews.scss */
.rev-sw {
  -webkit-filter: drop-shadow(0px 0px 100px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 100px rgba(0, 0, 0, 0.1));
  font-weight: 300;
  line-height: 150%
}
/* line 69, src/layout/blocks/reviews/reviews.scss */
.rev-sw__slide {
  padding: 2px
}
/* line 72, src/layout/blocks/reviews/reviews.scss */
.rev-sw__box {
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 30px;
  padding-right: 30px;
  background: #fff
}
@media screen and (max-width: 1200px) {
  /* line 72, src/layout/blocks/reviews/reviews.scss */
.rev-sw__box {
    padding-top: calc(
 25px + 15 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 72, src/layout/blocks/reviews/reviews.scss */
.rev-sw__box {
    padding-bottom: calc(
 25px + 15 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 72, src/layout/blocks/reviews/reviews.scss */
.rev-sw__box {
    padding-left: calc(
 20px + 10 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 72, src/layout/blocks/reviews/reviews.scss */
.rev-sw__box {
    padding-right: calc(
 20px + 10 * ((100vw - 320px) / 880))
  }
}
/* line 79, src/layout/blocks/reviews/reviews.scss */
.rev-sw__text {
  padding-top: 43px;
  padding-bottom: 10px;
  font-size: 16px
}
@media screen and (max-width: 1200px) {
  /* line 79, src/layout/blocks/reviews/reviews.scss */
.rev-sw__text {
    padding-top: calc(
 20px + 23 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 79, src/layout/blocks/reviews/reviews.scss */
.rev-sw__text {
    font-size: calc(
 13px + 3 * ((100vw - 320px) / 880))
  }
}
/* line 84, src/layout/blocks/reviews/reviews.scss */
.rev-sw__wrapper--table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
/* line 89, src/layout/blocks/reviews/reviews.scss */
.rev-sw__wrapper--table .rev-sw__slide {
  width: calc(50% - 20px);
  padding: 20px 0
}
/* line 93, src/layout/blocks/reviews/reviews.scss */
.rev-sw__link {
  color: #f83d34;
  -webkit-transition: 600ms;
  transition: 600ms;
  position: relative;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}
/* line 99, src/layout/blocks/reviews/reviews.scss */
.rev-sw__link::after {
  content: "";
  position: absolute;
  width: 0;
  left: 0;
  height: 1px;
  background: #f83d34;
  -webkit-transition: 400ms;
  transition: 400ms;
  bottom: -1px
}
/* line 109, src/layout/blocks/reviews/reviews.scss */
.rev-sw__link:hover::after {
  width: 100%
}
/* line 112, src/layout/blocks/reviews/reviews.scss */
.rev-sw__link:hover {
  -webkit-transform: scale(1.05) translateX(10px);
  transform: scale(1.05) translateX(10px)
}
/* line 118, src/layout/blocks/reviews/reviews.scss */
.rev-remark-swiper {
  padding: 10px 0;
  position: relative
}
/* line 123, src/layout/blocks/reviews/reviews.scss */
.rev-remark-swiper__btn-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 10px;
  z-index: 1;
  padding-left: 400px
}
@media screen and (max-width: 1200px) {
  /* line 123, src/layout/blocks/reviews/reviews.scss */
.rev-remark-swiper__btn-row {
    padding-left: calc(
 330px + 70 * ((100vw - 320px) / 880))
  }
}
/* line 130, src/layout/blocks/reviews/reviews.scss */
.rev-remark-swiper__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
/* line 133, src/layout/blocks/reviews/reviews.scss */
.rev-remark-swiper__col {
  padding-left: 70px;
  padding-top: 10px;
  padding-bottom: 65px
}
@media screen and (max-width: 1200px) {
  /* line 133, src/layout/blocks/reviews/reviews.scss */
.rev-remark-swiper__col {
    padding-left: calc(
 0px + 70 * ((100vw - 320px) / 880))
  }
}
/* line 138, src/layout/blocks/reviews/reviews.scss */
.rev-remark-swiper .reviews__text {
  padding-left: 0
}
/* line 141, src/layout/blocks/reviews/reviews.scss */
.rev-remark-swiper__img {
  width: 330px
}
@media screen and (max-width: 990px) {
  /* line 148, src/layout/blocks/reviews/reviews.scss */
.reviews__icon {
    max-width: 180px
  }
  /* line 151, src/layout/blocks/reviews/reviews.scss */
.reviews__content--indent {
    margin-top: -10px
  }
}
@media screen and (max-width: 940px) {
  /* line 159, src/layout/blocks/reviews/reviews.scss */
.reviews__row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  /* line 162, src/layout/blocks/reviews/reviews.scss */
.reviews__text {
    padding-left: 0;
    padding-top: 15px
  }
  /* line 166, src/layout/blocks/reviews/reviews.scss */
.reviews__img {
    max-width: 250px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content
  }
}
@media screen and (max-width: 830px) {
  /* line 175, src/layout/blocks/reviews/reviews.scss */
.rev-remark-swiper__img {
    width: 200px;
    -o-object-fit: cover;
    object-fit: cover
  }
  /* line 179, src/layout/blocks/reviews/reviews.scss */
.rev-remark-swiper__btn-row {
    padding-left: 220px
  }
  /* line 182, src/layout/blocks/reviews/reviews.scss */
.rev-remark-swiper__col {
    padding-left: 20px
  }
}
@media screen and (max-width: 810px) {
  /* line 190, src/layout/blocks/reviews/reviews.scss */
.reviews__icon {
    max-width: 110px;
    margin-bottom: -10px
  }
  /* line 194, src/layout/blocks/reviews/reviews.scss */
.reviews__content--indent {
    margin-top: 5px
  }
  /* line 197, src/layout/blocks/reviews/reviews.scss */
.reviews__row--pd-bottom {
    padding-bottom: 25px
  }
}
@media screen and (max-width: 710px) {
  /* line 205, src/layout/blocks/reviews/reviews.scss */
.rev-sw__wrapper--table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  /* line 210, src/layout/blocks/reviews/reviews.scss */
.rev-sw__wrapper--table .rev-sw__slide {
    width: 100%;
    padding: 10px 0
  }
}
@media screen and (max-width: 560px) {
  /* line 218, src/layout/blocks/reviews/reviews.scss */
.reviews__img {
    max-width: 160px
  }
}
@media screen and (max-width: 490px) {
  /* line 226, src/layout/blocks/reviews/reviews.scss */
.rev-remark-swiper__img {
    width: 60%
  }
  /* line 229, src/layout/blocks/reviews/reviews.scss */
.rev-remark-swiper__btn-row {
    padding-left: 0px
  }
  /* line 232, src/layout/blocks/reviews/reviews.scss */
.rev-remark-swiper__col {
    padding-left: 0px;
    width: 100%
  }
  /* line 236, src/layout/blocks/reviews/reviews.scss */
.rev-remark-swiper__slide {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}
/* line 2, src/layout/blocks/banners/banner-detail.scss */
.detail-b__content {
  padding: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 1200px) {
  /* line 2, src/layout/blocks/banners/banner-detail.scss */
.detail-b__content {
    padding: calc(
 23px + 77 * ((100vw - 320px) / 880))
  }
}
/* line 7, src/layout/blocks/banners/banner-detail.scss */
.detail-b__col:nth-of-type(1) {
  width: calc(56% - 50px)
}
/* line 11, src/layout/blocks/banners/banner-detail.scss */
.detail-b__col:nth-of-type(2) {
  width: calc(44% - 50px)
}
/* line 14, src/layout/blocks/banners/banner-detail.scss */
.detail-b__wrapper {
  position: relative
}
/* line 17, src/layout/blocks/banners/banner-detail.scss */
.detail-b__img {
  position: absolute;
  left: 27px;
  bottom: 0;
  max-width: 50%
}
/* line 23, src/layout/blocks/banners/banner-detail.scss */
.detail-b__title {
  margin-bottom: 30px
}
@media screen and (max-width: 1200px) {
  /* line 23, src/layout/blocks/banners/banner-detail.scss */
.detail-b__title {
    margin-bottom: calc(
 18px + 12 * ((100vw - 320px) / 880))
  }
}
/* line 26, src/layout/blocks/banners/banner-detail.scss */
.detail-b__text {
  padding-bottom: 166px
}
/* line 29, src/layout/blocks/banners/banner-detail.scss */
.detail-b__inp-box {
  padding-bottom: 26px
}
/* line 32, src/layout/blocks/banners/banner-detail.scss */
.detail-b__note {
  line-height: 150%;
  color: #636363;
  max-width: 400px
}
/* line 36, src/layout/blocks/banners/banner-detail.scss */
.detail-b__note a {
  color: #fff
}
/* line 40, src/layout/blocks/banners/banner-detail.scss */
.detail-b__btn {
  margin-top: 40px
}
@media screen and (max-width: 1200px) {
  /* line 40, src/layout/blocks/banners/banner-detail.scss */
.detail-b__btn {
    margin-top: calc(
 20px + 20 * ((100vw - 320px) / 880))
  }
}
/* line 45, src/layout/blocks/banners/banner-detail.scss */
.detail-propose-b__col:nth-of-type(1) {
  width: calc(54% - 30px)
}
/* line 48, src/layout/blocks/banners/banner-detail.scss */
.detail-propose-b__col:nth-of-type(2) {
  width: calc(46% - 20px);
  padding-top: 90px
}
/* line 52, src/layout/blocks/banners/banner-detail.scss */
.detail-propose-b__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
/* line 57, src/layout/blocks/banners/banner-detail.scss */
.detail-propose-b__inp-box {
  width: calc(50% - 20px)
}
/* line 60, src/layout/blocks/banners/banner-detail.scss */
.detail-propose-b__b-img {
  position: absolute;
  bottom: 0;
  left: calc(50% - 160px)
}
/* line 65, src/layout/blocks/banners/banner-detail.scss */
.detail-propose-b__r-img {
  position: absolute;
  top: 73px;
  right: 70px
}
/* line 70, src/layout/blocks/banners/banner-detail.scss */
.detail-propose-b__note {
  width: calc(50% - 20px);
  padding-right: 20px;
  font-size: 11px;
  letter-spacing: 0.01em;
  line-height: 130%
}
/* line 77, src/layout/blocks/banners/banner-detail.scss */
.detail-propose-b__content {
  padding-top: 100px;
  padding-bottom: 140px;
  padding-left: 100px;
  padding-right: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 1200px) {
  /* line 77, src/layout/blocks/banners/banner-detail.scss */
.detail-propose-b__content {
    padding-top: calc(
 32px + 68 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 77, src/layout/blocks/banners/banner-detail.scss */
.detail-propose-b__content {
    padding-bottom: calc(
 68px + 72 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 77, src/layout/blocks/banners/banner-detail.scss */
.detail-propose-b__content {
    padding-left: calc(
 20px + 80 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 77, src/layout/blocks/banners/banner-detail.scss */
.detail-propose-b__content {
    padding-right: calc(
 20px + 50 * ((100vw - 320px) / 880))
  }
}
/* line 85, src/layout/blocks/banners/banner-detail.scss */
.detail-propose-b__btn {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 30px;
  margin-left: 20px;
  height: 60px
}
@media screen and (max-width: 1200px) {
  /* line 85, src/layout/blocks/banners/banner-detail.scss */
.detail-propose-b__btn {
    margin-top: calc(
 12px + 18 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 85, src/layout/blocks/banners/banner-detail.scss */
.detail-propose-b__btn {
    height: calc(
 46px + 14 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 955px) {
  /* line 95, src/layout/blocks/banners/banner-detail.scss */
.detail-propose-b__col:nth-of-type(1) {
    width: 100%
  }
  /* line 98, src/layout/blocks/banners/banner-detail.scss */
.detail-propose-b__col:nth-of-type(2) {
    width: 100%;
    padding-top: 20px
  }
  /* line 102, src/layout/blocks/banners/banner-detail.scss */
.detail-propose-b__content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  /* line 105, src/layout/blocks/banners/banner-detail.scss */
.detail-propose-b__r-img {
    width: 60px;
    top: -10px;
    right: 30px
  }
  /* line 110, src/layout/blocks/banners/banner-detail.scss */
.detail-propose-b__b-img {
    width: 100px;
    left: -10px
  }
  /* line 115, src/layout/blocks/banners/banner-detail.scss */
.detail-propose-b__note {
    width: 100%;
    padding-right: 0px
  }
  /* line 119, src/layout/blocks/banners/banner-detail.scss */
.detail-propose-b__btn {
    margin-left: 0px;
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0
  }
}
@media screen and (max-width: 860px) {
  /* line 128, src/layout/blocks/banners/banner-detail.scss */
.detail-b__col:nth-of-type(1),
  .detail-b__col:nth-of-type(2) {
    width: 100%
  }
  /* line 132, src/layout/blocks/banners/banner-detail.scss */
.detail-b__content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 230px
  }
  /* line 136, src/layout/blocks/banners/banner-detail.scss */
.detail-b__text {
    padding-bottom: 30px
  }
  /* line 139, src/layout/blocks/banners/banner-detail.scss */
.detail-b__img {
    max-width: 470px
  }
  /* line 142, src/layout/blocks/banners/banner-detail.scss */
.detail-b__form {
    max-width: 500px;
    margin: auto
  }
  /* line 146, src/layout/blocks/banners/banner-detail.scss */
.detail-b__btn {
    margin-left: auto;
    display: block
  }
}
@media screen and (max-width: 580px) {
  /* line 155, src/layout/blocks/banners/banner-detail.scss */
.detail-b__img {
    max-width: calc(100% - 40px);
    left: 20px
  }
  /* line 159, src/layout/blocks/banners/banner-detail.scss */
.detail-b__btn {
    margin-left: 0
  }
  /* line 162, src/layout/blocks/banners/banner-detail.scss */
.detail-b__content {
    padding-bottom: 148px;
    position: relative;
    z-index: 1
  }
}
@media screen and (max-width: 500px) {
  /* line 172, src/layout/blocks/banners/banner-detail.scss */
.detail-propose-b__inp-box {
    width: 100%
  }
  /* line 174, src/layout/blocks/banners/banner-detail.scss */
.detail-propose-b__inp-box:not(:first-child) {
    padding-top: 24px
  }
}
/* line 2, src/layout/blocks/projects/projects.scss */
.projects__content {
  padding-bottom: 60px
}
@media screen and (max-width: 1200px) {
  /* line 2, src/layout/blocks/projects/projects.scss */
.projects__content {
    padding-bottom: calc(
 26px + 34 * ((100vw - 320px) / 880))
  }
}
/* line 5, src/layout/blocks/projects/projects.scss */
.projects__text {
  font-weight: 300;
  font-size: 16px;
  line-height: 150%;
  max-width: 500px;
  padding-top: 30px;
  color: #636363
}
@media screen and (max-width: 1200px) {
  /* line 5, src/layout/blocks/projects/projects.scss */
.projects__text {
    font-size: calc(
 13px + 3 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 5, src/layout/blocks/projects/projects.scss */
.projects__text {
    padding-top: calc(
 16px + 14 * ((100vw - 320px) / 880))
  }
}
/* line 13, src/layout/blocks/projects/projects.scss */
.projects__cards-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-filter: drop-shadow(0px 0px 100px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 100px rgba(0, 0, 0, 0.1))
}
/* line 18, src/layout/blocks/projects/projects.scss */
.projects__card {
  width: calc(100% / 3)
}
/* line 23, src/layout/blocks/projects/projects.scss */
.pr-card {
  border: 1px solid #ebebeb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100%
}
/* line 28, src/layout/blocks/projects/projects.scss */
.pr-card__wrapper {
  padding: 40px;
  background: none;
  position: relative;
  -webkit-transition: 800ms;
  transition: 800ms;
  background: transparent;
  overflow: hidden;
  width: 100%
}
@media screen and (max-width: 1200px) {
  /* line 28, src/layout/blocks/projects/projects.scss */
.pr-card__wrapper {
    padding: calc(
 10px + 30 * ((100vw - 320px) / 880))
  }
}
/* line 36, src/layout/blocks/projects/projects.scss */
.pr-card__wrapper::before {
  position: absolute;
  content: "";
  width: 140%;
  height: 0%;
  background: #1d1c1f;
  left: -20%;
  bottom: 0;
  z-index: -1;
  -webkit-transition: 600ms;
  transition: 600ms;
  border-radius: 50% 50% 0% 0
}
/* line 48, src/layout/blocks/projects/projects.scss */
.pr-card__wrapper::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #fff;
  left: 0%;
  bottom: 0;
  z-index: -2;
  -webkit-transition: 800ms;
  transition: 800ms
}
/* line 61, src/layout/blocks/projects/projects.scss */
.pr-card__content {
  padding: 5px 0
}
/* line 64, src/layout/blocks/projects/projects.scss */
.pr-card__3d-img {
  position: relative;
  z-index: 2
}
/* line 68, src/layout/blocks/projects/projects.scss */
.pr-card__3d-box {
  position: relative
}
/* line 71, src/layout/blocks/projects/projects.scss */
.pr-card__3d-bg {
  height: 100%;
  width: 100%;
  position: absolute;
  -webkit-transition: 800ms;
  transition: 800ms;
  overflow: hidden;
  background: none;
  z-index: 1;
  border-radius: 50%
}
/* line 79, src/layout/blocks/projects/projects.scss */
.pr-card__3d-bg::before {
  position: absolute;
  content: "";
  width: 120%;
  height: 0%;
  left: -10%;
  top: 0;
  z-index: -1;
  -webkit-transition: 400ms;
  transition: 400ms;
  border-radius: 0 0 50% 50%
}
/* line 90, src/layout/blocks/projects/projects.scss */
.pr-card__3d-bg::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #1d1c1f;
  left: 0%;
  bottom: 0;
  z-index: -2;
  -webkit-transition: 800ms;
  transition: 800ms
}
/* line 104, src/layout/blocks/projects/projects.scss */
.pr-card__3d-bg--80D9FF::before {
  background: #80d9ff
}
/* line 108, src/layout/blocks/projects/projects.scss */
.pr-card__3d-bg--8DD1EA::before {
  background: #8dd1ea
}
/* line 112, src/layout/blocks/projects/projects.scss */
.pr-card__3d-bg--8F8FF0::before {
  background: #8f8ff0
}
/* line 116, src/layout/blocks/projects/projects.scss */
.pr-card__3d-bg--C1E3FF::before {
  background: #c1e3ff
}
/* line 119, src/layout/blocks/projects/projects.scss */
.pr-card__3d-bg--FFB0BA::before {
  background: #ffb0ba
}
/* line 122, src/layout/blocks/projects/projects.scss */
.pr-card__3d-bg--FFC6DD::before {
  background: #ffc6dd
}
/* line 125, src/layout/blocks/projects/projects.scss */
.pr-card__3d-bg--52D9FF::before {
  background: #52d9ff
}
/* line 128, src/layout/blocks/projects/projects.scss */
.pr-card__3d-bg--2C8AA3::before {
  background: #2c8aa3
}
/* line 131, src/layout/blocks/projects/projects.scss */
.pr-card__3d-bg--F5CD61::before {
  background: #f5cd61
}
/* line 134, src/layout/blocks/projects/projects.scss */
.pr-card__3d-bg--C4DCFE::before {
  background: #c4dcfe
}
/* line 137, src/layout/blocks/projects/projects.scss */
.pr-card__3d-bg--AEF5FF::before {
  background: #aef5ff
}
/* line 140, src/layout/blocks/projects/projects.scss */
.pr-card__3d-bg--EC6A47::before {
  background: #ec6a47
}
/* line 143, src/layout/blocks/projects/projects.scss */
.pr-card__3d-bg--B298E7::before {
  background: #b298e7
}
/* line 146, src/layout/blocks/projects/projects.scss */
.pr-card__3d-bg--891C1A::before {
  background: #891c1a
}
/* line 149, src/layout/blocks/projects/projects.scss */
.pr-card__3d-bg--A9D2FF::before {
  background: #a9d2ff
}
/* line 152, src/layout/blocks/projects/projects.scss */
.pr-card__3d-bg--266ABC::before {
  background: #266abc
}
/* line 155, src/layout/blocks/projects/projects.scss */
.pr-card__3d-bg--A6C4EE::before {
  background: #a6c4ee
}
/* line 158, src/layout/blocks/projects/projects.scss */
.pr-card__3d-bg--879E5A::before {
  background: #879e5a
}
/* line 161, src/layout/blocks/projects/projects.scss */
.pr-card__3d-bg--DDEFFF::before {
  background: #ddefff
}
/* line 164, src/layout/blocks/projects/projects.scss */
.pr-card__3d-bg--FFC631::before {
  background: #ffc631
}
/* line 167, src/layout/blocks/projects/projects.scss */
.pr-card__3d-bg--5EADFE::before {
  background: #5eadfe
}
/* line 170, src/layout/blocks/projects/projects.scss */
.pr-card__3d-bg--A978FF::before {
  background: #a978ff
}
/* line 173, src/layout/blocks/projects/projects.scss */
.pr-card__3d-bg--99A9FF::before {
  background: #99a9ff
}
/* line 176, src/layout/blocks/projects/projects.scss */
.pr-card__3d-bg--F4F6F7::before {
  background: #1d1c1f
}
/* line 179, src/layout/blocks/projects/projects.scss */
.pr-card__3d-bg--F4F6F7::after {
  background: #f4f6f7
}
/* line 183, src/layout/blocks/projects/projects.scss */
.pr-card__info {
  padding-top: 30px
}
@media screen and (max-width: 1200px) {
  /* line 183, src/layout/blocks/projects/projects.scss */
.pr-card__info {
    padding-top: calc(
 20px + 10 * ((100vw - 320px) / 880))
  }
}
/* line 186, src/layout/blocks/projects/projects.scss */
.pr-card__title {
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  text-align: center;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #fff), color-stop(50%, #090909));
  background: linear-gradient(to top, #fff 50%, #090909 50%);
  background-size: 100% 200%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-transition: 430ms;
  transition: 430ms;
  -webkit-transition-delay: 180ms;
  transition-delay: 180ms
}
@media screen and (max-width: 1200px) {
  /* line 186, src/layout/blocks/projects/projects.scss */
.pr-card__title {
    font-size: calc(
 16px + 4 * ((100vw - 320px) / 880))
  }
}
/* line 198, src/layout/blocks/projects/projects.scss */
.pr-card__text {
  font-weight: 700;
  text-align: center;
  color: #cccccc;
  margin-top: 8px
}
/* line 204, src/layout/blocks/projects/projects.scss */
.pr-card__link {
  width: 100%;
  position: absolute;
  font-weight: 800;
  font-size: 60px;
  line-height: 130%;
  text-align: center;
  color: #ffffff;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) scale(0);
  transform: translateY(-50%) scale(0);
  z-index: 1;
  -webkit-transition: 400ms;
  transition: 400ms;
  -webkit-animation: project-link-animate-rew 500ms;
  animation: project-link-animate-rew 500ms;
  text-shadow: 0 0 15px #000
}
@media screen and (max-width: 1200px) {
  /* line 204, src/layout/blocks/projects/projects.scss */
.pr-card__link {
    font-size: calc(
 21px + 39 * ((100vw - 320px) / 880))
  }
}
/* line 221, src/layout/blocks/projects/projects.scss */
.pr-card:hover .pr-card__wrapper::before {
  height: 150%
}
/* line 224, src/layout/blocks/projects/projects.scss */
.pr-card:hover .pr-card__3d-bg::before {
  height: 120%
}
/* line 227, src/layout/blocks/projects/projects.scss */
.pr-card:hover .pr-card__3d-bg--F4F6F7::after {
  opacity: 0
}
/* line 230, src/layout/blocks/projects/projects.scss */
.pr-card:hover .pr-card__title {
  background-position-y: 100%;
  -webkit-transition-delay: 0ms;
  transition-delay: 0ms
}
/* line 235, src/layout/blocks/projects/projects.scss */
.pr-card:hover .pr-card__link {
  -webkit-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
  -webkit-animation: project-link-animate 700ms;
  animation: project-link-animate 700ms;
  z-index: 10
}
@-webkit-keyframes project-link-animate {
  0% {
    -webkit-transform: translateY(-50%) scale(0.2);
    transform: translateY(-50%) scale(0.2);
    z-index: 0
  }
  50% {
    -webkit-transform: translateY(80px) scale(0.3);
    transform: translateY(80px) scale(0.3)
  }
  85% {
    z-index: 10
  }
  100% {
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1)
  }
}
@keyframes project-link-animate {
  0% {
    -webkit-transform: translateY(-50%) scale(0.2);
    transform: translateY(-50%) scale(0.2);
    z-index: 0
  }
  50% {
    -webkit-transform: translateY(80px) scale(0.3);
    transform: translateY(80px) scale(0.3)
  }
  85% {
    z-index: 10
  }
  100% {
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1)
  }
}
@-webkit-keyframes project-link-animate-rew {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    z-index: 10
  }
  50% {
    -webkit-transform: translateY(90px) scale(0.3);
    transform: translateY(90px) scale(0.3)
  }
  55% {
    z-index: 1
  }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0)
  }
}
@keyframes project-link-animate-rew {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    z-index: 10
  }
  50% {
    -webkit-transform: translateY(90px) scale(0.3);
    transform: translateY(90px) scale(0.3)
  }
  55% {
    z-index: 1
  }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0)
  }
}
@media screen and (max-width: 800px) {
  /* line 276, src/layout/blocks/projects/projects.scss */
.projects__card {
    width: 50%
  }
}
@media screen and (max-width: 600px) {
  @-webkit-keyframes project-link-animate {
    0% {
      -webkit-transform: translateY(-50%) scale(0.2);
      transform: translateY(-50%) scale(0.2);
      z-index: 1
    }
    50% {
      -webkit-transform: translateY(60px) scale(0.3);
      transform: translateY(60px) scale(0.3);
      z-index: 10
    }
    100% {
      -webkit-transform: translateY(-50%) scale(1);
      transform: translateY(-50%) scale(1)
    }
  }
  @keyframes project-link-animate {
    0% {
      -webkit-transform: translateY(-50%) scale(0.2);
      transform: translateY(-50%) scale(0.2);
      z-index: 1
    }
    50% {
      -webkit-transform: translateY(60px) scale(0.3);
      transform: translateY(60px) scale(0.3);
      z-index: 10
    }
    100% {
      -webkit-transform: translateY(-50%) scale(1);
      transform: translateY(-50%) scale(1)
    }
  }
  @-webkit-keyframes project-link-animate-rew {
    0% {
      -webkit-transform: translateY(-50%) scale(1);
      transform: translateY(-50%) scale(1);
      z-index: 10
    }
    50% {
      -webkit-transform: translateY(62px) scale(0.3);
      transform: translateY(62px) scale(0.3)
    }
    55% {
      z-index: 1
    }
    100% {
      -webkit-transform: translateY(-50%) scale(0);
      transform: translateY(-50%) scale(0)
    }
  }
  @keyframes project-link-animate-rew {
    0% {
      -webkit-transform: translateY(-50%) scale(1);
      transform: translateY(-50%) scale(1);
      z-index: 10
    }
    50% {
      -webkit-transform: translateY(62px) scale(0.3);
      transform: translateY(62px) scale(0.3)
    }
    55% {
      z-index: 1
    }
    100% {
      -webkit-transform: translateY(-50%) scale(0);
      transform: translateY(-50%) scale(0)
    }
  }
  /* line 314, src/layout/blocks/projects/projects.scss */
.pr-card__link {
    text-shadow: 0 0 20px rgba(29, 28, 31, 0.99)
  }
}
@media screen and (max-width: 470px) {
  @-webkit-keyframes project-link-animate {
    0% {
      -webkit-transform: translateY(-50%) scale(0.2);
      transform: translateY(-50%) scale(0.2);
      z-index: 1
    }
    50% {
      -webkit-transform: translateY(40px) scale(0.3);
      transform: translateY(40px) scale(0.3)
    }
    100% {
      -webkit-transform: translateY(-50%) scale(1);
      transform: translateY(-50%) scale(1)
    }
  }
  @keyframes project-link-animate {
    0% {
      -webkit-transform: translateY(-50%) scale(0.2);
      transform: translateY(-50%) scale(0.2);
      z-index: 1
    }
    50% {
      -webkit-transform: translateY(40px) scale(0.3);
      transform: translateY(40px) scale(0.3)
    }
    100% {
      -webkit-transform: translateY(-50%) scale(1);
      transform: translateY(-50%) scale(1)
    }
  }
  @-webkit-keyframes project-link-animate-rew {
    0% {
      -webkit-transform: translateY(-50%) scale(1);
      transform: translateY(-50%) scale(1);
      z-index: 10
    }
    50% {
      -webkit-transform: translateY(40px) scale(0.3);
      transform: translateY(40px) scale(0.3)
    }
    55% {
      z-index: 1
    }
    100% {
      -webkit-transform: translateY(-50%) scale(0);
      transform: translateY(-50%) scale(0)
    }
  }
  @keyframes project-link-animate-rew {
    0% {
      -webkit-transform: translateY(-50%) scale(1);
      transform: translateY(-50%) scale(1);
      z-index: 10
    }
    50% {
      -webkit-transform: translateY(40px) scale(0.3);
      transform: translateY(40px) scale(0.3)
    }
    55% {
      z-index: 1
    }
    100% {
      -webkit-transform: translateY(-50%) scale(0);
      transform: translateY(-50%) scale(0)
    }
  }
}
/* line 2, src/layout/blocks/projects/logo-sw.scss */
.logo-sw__slide {
  width: -webkit-max-content !important;
  width: -moz-max-content !important;
  width: max-content !important
}
/* line 5, src/layout/blocks/projects/logo-sw.scss */
.logo-sw__border {
  height: 340px;
  width: 340px;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media screen and (max-width: 950px) {
  /* line 18, src/layout/blocks/projects/logo-sw.scss */
.logo-sw__border {
    height: 270px;
    width: 270px
  }
  /* line 22, src/layout/blocks/projects/logo-sw.scss */
.logo-sw__img {
    max-width: calc(100% - 34px)
  }
}
@media screen and (max-width: 550px) {
  /* line 30, src/layout/blocks/projects/logo-sw.scss */
.logo-sw__border {
    height: 220px;
    width: 220px
  }
  /* line 34, src/layout/blocks/projects/logo-sw.scss */
.logo-sw__img {
    max-width: calc(100% - 64px)
  }
}
/* line 1, src/layout/blocks/stages/engagement.scss */
.engagement {
  padding-top: 30px
}
@media screen and (max-width: 1200px) {
  /* line 1, src/layout/blocks/stages/engagement.scss */
.engagement {
    padding-top: calc(
 20px + 10 * ((100vw - 320px) / 880))
  }
}
/* line 3, src/layout/blocks/stages/engagement.scss */
.engagement__content {
  padding-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 1200px) {
  /* line 3, src/layout/blocks/stages/engagement.scss */
.engagement__content {
    padding-top: calc(
 20px + 10 * ((100vw - 320px) / 880))
  }
}
/* line 8, src/layout/blocks/stages/engagement.scss */
.engagement__title {
  max-width: 470px
}
/* line 11, src/layout/blocks/stages/engagement.scss */
.engagement__title-2 {
  font-weight: 600;
  font-size: 32px;
  line-height: 120%;
  text-transform: uppercase
}
@media screen and (max-width: 1200px) {
  /* line 11, src/layout/blocks/stages/engagement.scss */
.engagement__title-2 {
    font-size: calc(
 20px + 12 * ((100vw - 320px) / 880))
  }
}
/* line 17, src/layout/blocks/stages/engagement.scss */
.engagement__subtitle-2 {
  font-weight: 300;
  font-size: 24px;
  line-height: 150%
}
@media screen and (max-width: 1200px) {
  /* line 17, src/layout/blocks/stages/engagement.scss */
.engagement__subtitle-2 {
    font-size: calc(
 16px + 8 * ((100vw - 320px) / 880))
  }
}
/* line 21, src/layout/blocks/stages/engagement.scss */
.engagement__subtitle-2--grey {
  color: #636363
}
/* line 24, src/layout/blocks/stages/engagement.scss */
.engagement__subtitle-2.--pd-top {
  padding-top: 30px
}
@media screen and (max-width: 1200px) {
  /* line 24, src/layout/blocks/stages/engagement.scss */
.engagement__subtitle-2.--pd-top {
    padding-top: calc(
 20px + 10 * ((100vw - 320px) / 880))
  }
}
/* line 28, src/layout/blocks/stages/engagement.scss */
.engagement__subtitle-3 {
  font-weight: 600;
  font-size: 27px;
  line-height: 120%;
  text-transform: uppercase
}
@media screen and (max-width: 1200px) {
  /* line 28, src/layout/blocks/stages/engagement.scss */
.engagement__subtitle-3 {
    font-size: calc(
 18px + 9 * ((100vw - 320px) / 880))
  }
}
/* line 34, src/layout/blocks/stages/engagement.scss */
.engagement__text {
  padding-bottom: 30px
}
@media screen and (max-width: 1200px) {
  /* line 34, src/layout/blocks/stages/engagement.scss */
.engagement__text {
    padding-bottom: calc(
 20px + 10 * ((100vw - 320px) / 880))
  }
}
/* line 37, src/layout/blocks/stages/engagement.scss */
.engagement__txt {
  font-size: 16px;
  font-weight: 300
}
@media screen and (max-width: 1200px) {
  /* line 37, src/layout/blocks/stages/engagement.scss */
.engagement__txt {
    font-size: calc(
 13px + 3 * ((100vw - 320px) / 880))
  }
}
/* line 40, src/layout/blocks/stages/engagement.scss */
.engagement__txt.--list {
  max-width: calc(100% - 70px);
  color: #1d1c1f
}
/* line 44, src/layout/blocks/stages/engagement.scss */
.engagement__txt.--pd-top {
  padding-top: 30px
}
@media screen and (max-width: 1200px) {
  /* line 44, src/layout/blocks/stages/engagement.scss */
.engagement__txt.--pd-top {
    padding-top: calc(
 20px + 10 * ((100vw - 320px) / 880))
  }
}
/* line 47, src/layout/blocks/stages/engagement.scss */
.engagement__txt--pd-bot-10 {
  padding-bottom: 6px
}
/* line 51, src/layout/blocks/stages/engagement.scss */
.engagement__col {
  width: calc(50% - 47px)
}
/* line 54, src/layout/blocks/stages/engagement.scss */
.engagement__col-50 {
  width: 50%
}
/* line 57, src/layout/blocks/stages/engagement.scss */
.engagement__num {
  margin-right: 20px
}
/* line 60, src/layout/blocks/stages/engagement.scss */
.engagement__subtitle {
  font-weight: 700;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  max-width: calc(100% - 70px)
}
/* line 66, src/layout/blocks/stages/engagement.scss */
.engagement__item {
  padding: 0 30px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
/* line 70, src/layout/blocks/stages/engagement.scss */
.engagement__item--align-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
/* line 74, src/layout/blocks/stages/engagement.scss */
.engagement__bg-box {
  padding: 60px;
  background: #f4f6f7;
  height: 100%
}
@media screen and (max-width: 1200px) {
  /* line 74, src/layout/blocks/stages/engagement.scss */
.engagement__bg-box {
    padding: calc(
 22px + 38 * ((100vw - 320px) / 880))
  }
}
/* line 79, src/layout/blocks/stages/engagement.scss */
.engagement__list li {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.01em
}
@media screen and (max-width: 1200px) {
  /* line 79, src/layout/blocks/stages/engagement.scss */
.engagement__list li {
    font-size: calc(
 13px + 3 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 770px) {
  /* line 89, src/layout/blocks/stages/engagement.scss */
.engagement__col {
    width: 100%
  }
  /* line 92, src/layout/blocks/stages/engagement.scss */
.engagement__content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  /* line 95, src/layout/blocks/stages/engagement.scss */
.engagement__list {
    padding-top: 20px
  }
  /* line 99, src/layout/blocks/stages/engagement.scss */
.engagement__item {
    padding: 10px 0px 15px 20px
  }
}
@media screen and (max-width: 710px) {
  /* line 107, src/layout/blocks/stages/engagement.scss */
.engagement__col-50 {
    width: 100%
  }
  /* line 109, src/layout/blocks/stages/engagement.scss */
.engagement__col-50:not(:first-child) {
    margin-top: 30px
  }
}
/* line 2, src/layout/blocks/banners/banner-propose.scss */
.propose-b__wrapper {
  padding: 100px;
  position: relative
}
@media screen and (max-width: 1200px) {
  /* line 2, src/layout/blocks/banners/banner-propose.scss */
.propose-b__wrapper {
    padding: calc(
 20px + 80 * ((100vw - 320px) / 880))
  }
}
/* line 6, src/layout/blocks/banners/banner-propose.scss */
.propose-b__content {
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  z-index: 2
}
/* line 13, src/layout/blocks/banners/banner-propose.scss */
.propose-b__scroll-box {
  max-height: 498px;
  overflow: auto;
  padding-right: 22px;
  scrollbar-width: thin/* "auto" или "thin" */
}
/* line 17, src/layout/blocks/banners/banner-propose.scss */
.propose-b__scroll-box::-webkit-scrollbar {
  width: 8px/* ширина всей полосы прокрутки */
}
/* line 21, src/layout/blocks/banners/banner-propose.scss */
.propose-b__scroll-box::-webkit-scrollbar-track {
  background: #302f32/* цвет зоны отслеживания */
}
/* line 25, src/layout/blocks/banners/banner-propose.scss */
.propose-b__scroll-box::-webkit-scrollbar-thumb {
  background-color: #565657;
  /* цвет бегунка */border-radius: 00px/* отступ вокруг бегунка */
}
/* line 32, src/layout/blocks/banners/banner-propose.scss */
.propose-b__scroll-txt {
  font-weight: 500;
  font-size: 11px;
  line-height: 150%;
  color: #cccccc
}
/* line 37, src/layout/blocks/banners/banner-propose.scss */
.propose-b__scroll-txt span {
  color: #fff;
  padding-bottom: 4px;
  display: block
}
/* line 41, src/layout/blocks/banners/banner-propose.scss */
.propose-b__scroll-txt span:not(:first-child) {
  padding-top: 26px
}
/* line 46, src/layout/blocks/banners/banner-propose.scss */
.propose-b__col:first-child {
  width: calc(100% - 370px)
}
/* line 49, src/layout/blocks/banners/banner-propose.scss */
.propose-b__col:last-child {
  max-width: 300px
}
/* line 52, src/layout/blocks/banners/banner-propose.scss */
.propose-b__text {
  padding-top: 20px;
  padding-bottom: 50px
}
@media screen and (max-width: 1200px) {
  /* line 52, src/layout/blocks/banners/banner-propose.scss */
.propose-b__text {
    padding-bottom: calc(
 26px + 24 * ((100vw - 320px) / 880))
  }
}
/* line 56, src/layout/blocks/banners/banner-propose.scss */
.propose-b__btn {
  margin-bottom: 70px
}
@media screen and (max-width: 1200px) {
  /* line 56, src/layout/blocks/banners/banner-propose.scss */
.propose-b__btn {
    margin-bottom: calc(
 34px + 36 * ((100vw - 320px) / 880))
  }
}
/* line 59, src/layout/blocks/banners/banner-propose.scss */
.propose-b__link {
  margin-top: 3px;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  display: block
}
/* line 66, src/layout/blocks/banners/banner-propose.scss */
.propose-b__note {
  font-size: 12px;
  letter-spacing: 0.01em
}
/* line 70, src/layout/blocks/banners/banner-propose.scss */
.propose-b__text {
  max-width: 487px
}
/* line 72, src/layout/blocks/banners/banner-propose.scss */
.propose-b__text span {
  text-transform: uppercase
}
/* line 76, src/layout/blocks/banners/banner-propose.scss */
.propose-b__img1,
.propose-b__img2 {
  position: absolute
}
/* line 80, src/layout/blocks/banners/banner-propose.scss */
.propose-b__img2 {
  right: 433px;
  bottom: 128px
}
/* line 84, src/layout/blocks/banners/banner-propose.scss */
.propose-b__img1 {
  bottom: 0;
  left: 300px;
  z-index: 1
}
/* line 89, src/layout/blocks/banners/banner-propose.scss */
.propose-b__title {
  font-size: 44px
}
@media screen and (max-width: 1200px) {
  /* line 89, src/layout/blocks/banners/banner-propose.scss */
.propose-b__title {
    font-size: calc(
 19px + 25 * ((100vw - 320px) / 880))
  }
}
/* line 95, src/layout/blocks/banners/banner-propose.scss */
.work-propose-b__note {
  line-height: 120%;
  padding-bottom: 3px
}
/* line 99, src/layout/blocks/banners/banner-propose.scss */
.work-propose-b__col--center {
  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-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
/* line 104, src/layout/blocks/banners/banner-propose.scss */
.work-propose-b__img1 {
  bottom: 0;
  right: 99px
}
/* line 108, src/layout/blocks/banners/banner-propose.scss */
.work-propose-b__img2 {
  bottom: 43px;
  right: 430px
}
/* line 112, src/layout/blocks/banners/banner-propose.scss */
.work-propose-b__btn {
  margin-bottom: 20px
}
@media screen and (max-width: 1050px) {
  /* line 119, src/layout/blocks/banners/banner-propose.scss */
.propose-b__content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  /* line 123, src/layout/blocks/banners/banner-propose.scss */
.propose-b__col:first-child {
    width: 100%
  }
  /* line 126, src/layout/blocks/banners/banner-propose.scss */
.propose-b__col:last-child {
    max-width: 100%;
    padding-top: 36px
  }
  /* line 130, src/layout/blocks/banners/banner-propose.scss */
.propose-b__img2 {
    right: 19%;
    top: 220px
  }
  /* line 134, src/layout/blocks/banners/banner-propose.scss */
.propose-b__img1 {
    width: 130px;
    left: -10px
  }
  /* line 141, src/layout/blocks/banners/banner-propose.scss */
.work-propose-b__img1 {
    width: 180px
  }
  /* line 144, src/layout/blocks/banners/banner-propose.scss */
.work-propose-b__img2 {
    width: 200px;
    right: -10px;
    bottom: 220px
  }
}
@media screen and (max-width: 760px) {
  /* line 154, src/layout/blocks/banners/banner-propose.scss */
.work-propose-b__img1 {
    width: 80px;
    right: 10px
  }
  /* line 158, src/layout/blocks/banners/banner-propose.scss */
.work-propose-b__img2 {
    width: 110px;
    right: 5%;
    bottom: 180px
  }
}
@media screen and (max-width: 700px) {
  /* line 168, src/layout/blocks/banners/banner-propose.scss */
.propose-b__img2 {
    right: -10px;
    width: 200px
  }
  /* line 173, src/layout/blocks/banners/banner-propose.scss */
.propose-b__img1 {
    width: 80px
  }
  /* line 176, src/layout/blocks/banners/banner-propose.scss */
.propose-b__scroll-box {
    max-height: 250px
  }
}
@media screen and (max-width: 500px) {
  /* line 184, src/layout/blocks/banners/banner-propose.scss */
.propose-b__img2 {
    width: 120px;
    top: 210px
  }
  /* line 188, src/layout/blocks/banners/banner-propose.scss */
.propose-b__img1 {
    width: 50px
  }
}
/* line 1, src/layout/blocks/description/description.scss */
.description {
  clear: both
}
/* line 3, src/layout/blocks/description/description.scss */
.description--pd {
  padding: 20px 0
}
/* line 6, src/layout/blocks/description/description.scss */
.description__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
/* line 9, src/layout/blocks/description/description.scss */
.description__title {
  letter-spacing: 0
}
/* line 11, src/layout/blocks/description/description.scss */
.description__title.--mv600 {
  max-width: 600px
}
/* line 15, src/layout/blocks/description/description.scss */
.description__col {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}
/* line 17, src/layout/blocks/description/description.scss */
.description__col--max-690 {
  max-width: 690px
}
/* line 20, src/layout/blocks/description/description.scss */
.description__col--max-600 {
  max-width: 600px
}
/* line 24, src/layout/blocks/description/description.scss */
.description__txt {
  font-weight: 300;
  font-size: 16px;
  line-height: 150%;
  color: #636363;
  padding-top: 30px
}
@media screen and (max-width: 1200px) {
  /* line 24, src/layout/blocks/description/description.scss */
.description__txt {
    font-size: calc(
 13px + 3 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 24, src/layout/blocks/description/description.scss */
.description__txt {
    padding-top: calc(
 20px + 10 * ((100vw - 320px) / 880))
  }
}
/* line 30, src/layout/blocks/description/description.scss */
.description__txt > span {
  font-weight: 700
}
/* line 34, src/layout/blocks/description/description.scss */
.description__img {
  float: right;
  margin: 0 0 -40px 6px;
  -o-object-fit: contain;
  object-fit: contain;
  max-width: 40%
}
/* line 39, src/layout/blocks/description/description.scss */
.description__img.--max-35 {
  max-width: 35%
}
/* line 42, src/layout/blocks/description/description.scss */
.description__img.--max-30 {
  max-width: 30%
}
/* line 45, src/layout/blocks/description/description.scss */
.description__img.--min-36 {
  min-width: 36%
}
/* line 48, src/layout/blocks/description/description.scss */
.description__img.--mr-30 {
  margin-right: 33px
}
@media screen and (max-width: 1200px) {
  /* line 48, src/layout/blocks/description/description.scss */
.description__img.--mr-30 {
    margin-right: calc(
 5px + 28 * ((100vw - 320px) / 880))
  }
}
/* line 51, src/layout/blocks/description/description.scss */
.description__img.--ml-30 {
  margin-left: 33px
}
@media screen and (max-width: 1200px) {
  /* line 51, src/layout/blocks/description/description.scss */
.description__img.--ml-30 {
    margin-left: calc(
 5px + 28 * ((100vw - 320px) / 880))
  }
}
/* line 54, src/layout/blocks/description/description.scss */
.description__img.--otr-mr-top {
  margin-top: -60px
}
/* line 57, src/layout/blocks/description/description.scss */
.description__img--pd-left-100 {
  padding-left: 100px
}
@media screen and (max-width: 1200px) {
  /* line 57, src/layout/blocks/description/description.scss */
.description__img--pd-left-100 {
    padding-left: calc(
 20px + 80 * ((100vw - 320px) / 880))
  }
}
/* line 61, src/layout/blocks/description/description.scss */
.description__list {
  font-weight: 300;
  font-size: 16px;
  line-height: 150%;
  padding-top: 10px;
  color: #636363
}
@media screen and (max-width: 1200px) {
  /* line 61, src/layout/blocks/description/description.scss */
.description__list {
    font-size: calc(
 13px + 3 * ((100vw - 320px) / 880))
  }
}
/* line 67, src/layout/blocks/description/description.scss */
.description__list > li::before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #1d1c1f;
  position: absolute;
  left: 0px;
  top: 16px
}
/* line 77, src/layout/blocks/description/description.scss */
.description__list > li {
  position: relative;
  padding: 5px 0 5px 15px
}
/* line 80, src/layout/blocks/description/description.scss */
.description__list > li > span {
  font-weight: 700
}
/* line 85, src/layout/blocks/description/description.scss */
.description__link-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
/* line 88, src/layout/blocks/description/description.scss */
.description__link-box--mt-60 {
  margin-top: 60px
}
@media screen and (max-width: 1200px) {
  /* line 88, src/layout/blocks/description/description.scss */
.description__link-box--mt-60 {
    margin-top: calc(
 25px + 35 * ((100vw - 320px) / 880))
  }
}
/* line 92, src/layout/blocks/description/description.scss */
.description__arrow {
  -webkit-transition: 500ms;
  transition: 500ms
}
/* line 95, src/layout/blocks/description/description.scss */
.description__link-txt {
  -webkit-transition: 500ms;
  transition: 500ms;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  padding-right: 20px
}
@media screen and (max-width: 1200px) {
  /* line 95, src/layout/blocks/description/description.scss */
.description__link-txt {
    font-size: calc(
 13px + 3 * ((100vw - 320px) / 880))
  }
}
@media (hover: hover) and (pointer: fine) {
  /* line 106, src/layout/blocks/description/description.scss */
.description__link-box:hover .description__link-txt {
    -webkit-transform: translateX(50px) scale(0);
    transform: translateX(50px) scale(0);
    opacity: 0
  }
  /* line 110, src/layout/blocks/description/description.scss */
.description__link-box:hover .description__arrow {
    -webkit-transform: translateX(-60px) scale(1.4);
    transform: translateX(-60px) scale(1.4)
  }
  /* line 112, src/layout/blocks/description/description.scss */
.description__link-box:hover .description__arrow path {
    fill: #f83d34
  }
}
/* line 120, src/layout/blocks/description/description.scss */
.description-gr__subtitle {
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: 0.01em;
  text-transform: uppercase
}
@media screen and (max-width: 1200px) {
  /* line 120, src/layout/blocks/description/description.scss */
.description-gr__subtitle {
    font-size: calc(
 15px + 3 * ((100vw - 320px) / 880))
  }
}
/* line 126, src/layout/blocks/description/description.scss */
.description-gr__subtitle:not(:first-child) {
  margin-top: 20px
}
/* line 130, src/layout/blocks/description/description.scss */
.description-gr__bg {
  padding-top: 38px;
  padding-bottom: 38px;
  padding-left: 50px;
  padding-right: 50px
}
/* line 131, src/layout/blocks/description/description.scss */
.description-gr__bg--grey {
  background: #f4f6f7
}
/* line 134, src/layout/blocks/description/description.scss */
.description-gr__bg--white {
  -webkit-box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.1)
}
@media screen and (max-width: 1200px) {
  /* line 130, src/layout/blocks/description/description.scss */
.description-gr__bg {
    padding-top: calc(
 26px + 12 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 130, src/layout/blocks/description/description.scss */
.description-gr__bg {
    padding-bottom: calc(
 26px + 12 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 130, src/layout/blocks/description/description.scss */
.description-gr__bg {
    padding-left: calc(
 20px + 30 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 130, src/layout/blocks/description/description.scss */
.description-gr__bg {
    padding-right: calc(
 20px + 30 * ((100vw - 320px) / 880))
  }
}
/* line 141, src/layout/blocks/description/description.scss */
.description-gr__bg--300 {
  width: 300px
}
/* line 144, src/layout/blocks/description/description.scss */
.description-gr__bg--670 {
  width: 670px;
  padding-left: 60px;
  padding-right: 60px
}
@media screen and (max-width: 1200px) {
  /* line 144, src/layout/blocks/description/description.scss */
.description-gr__bg--670 {
    width: calc(
 200px + 470 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 144, src/layout/blocks/description/description.scss */
.description-gr__bg--670 {
    padding-left: calc(
 20px + 40 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 144, src/layout/blocks/description/description.scss */
.description-gr__bg--670 {
    padding-right: calc(
 20px + 40 * ((100vw - 320px) / 880))
  }
}
/* line 151, src/layout/blocks/description/description.scss */
.description-gr__col {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}
/* line 153, src/layout/blocks/description/description.scss */
.description-gr__col:last-child {
  padding-left: 55px
}
/* line 157, src/layout/blocks/description/description.scss */
.description-gr__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
@media screen and (max-width: 900px) {
  /* line 163, src/layout/blocks/description/description.scss */
.description__img.--otr-mr-top {
    margin-top: -20px
  }
}
@media screen and (max-width: 865px) {
  /* line 170, src/layout/blocks/description/description.scss */
.description-gr__wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  /* line 173, src/layout/blocks/description/description.scss */
.description-gr__col {
    width: 100%
  }
  /* line 175, src/layout/blocks/description/description.scss */
.description-gr__col:last-child {
    padding-left: 0px;
    padding-top: 25px
  }
  /* line 180, src/layout/blocks/description/description.scss */
.description-gr__bg--300,
  .description-gr__bg--670 {
    width: 100%
  }
}
@media screen and (max-width: 540px) {
  /* line 189, src/layout/blocks/description/description.scss */
.description__wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  /* line 192, src/layout/blocks/description/description.scss */
.description__img {
    max-width: 65%;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin: 15px auto
  }
  /* line 196, src/layout/blocks/description/description.scss */
.description__img.--max-35 {
    max-width: 55%;
    margin: 15px auto
  }
  /* line 200, src/layout/blocks/description/description.scss */
.description__img.--max-30 {
    max-width: 50%;
    margin: 15px auto
  }
  /* line 204, src/layout/blocks/description/description.scss */
.description__img.--mr-30,
  .description__img.--ml-30 {
    margin: 15px auto
  }
  /* line 208, src/layout/blocks/description/description.scss */
.description__img.--otr-mr-top {
    margin-top: 6px
  }
  /* line 211, src/layout/blocks/description/description.scss */
.description__img--pd-left-100 {
    padding-left: 0
  }
  /* line 215, src/layout/blocks/description/description.scss */
.description--repeat .description__img {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 20px auto 5px !important
  }
}
/* line 2, src/layout/blocks/price/price.scss */
.price__table {
  padding-top: 60px;
  position: relative
}
@media screen and (max-width: 1200px) {
  /* line 2, src/layout/blocks/price/price.scss */
.price__table {
    padding-top: calc(
 30px + 30 * ((100vw - 320px) / 880))
  }
}
/* line 6, src/layout/blocks/price/price.scss */
.price__row {
  border: 1px solid #ebebeb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 50px
}
@media screen and (max-width: 1200px) {
  /* line 6, src/layout/blocks/price/price.scss */
.price__row {
    padding: calc(
 16px + 34 * ((100vw - 320px) / 880))
  }
}
/* line 11, src/layout/blocks/price/price.scss */
.price__col {
  width: calc(100% / 3);
  padding: 4px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
/* line 17, src/layout/blocks/price/price.scss */
.price__col--center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
/* line 21, src/layout/blocks/price/price.scss */
.price__price {
  font-weight: 600;
  font-size: 20px;
  line-height: 130%
}
@media screen and (max-width: 1200px) {
  /* line 21, src/layout/blocks/price/price.scss */
.price__price {
    font-size: calc(
 14px + 6 * ((100vw - 320px) / 880))
  }
}
/* line 25, src/layout/blocks/price/price.scss */
.price__price span {
  font-weight: 700;
  font-size: 56px;
  line-height: 130%;
  padding-left: 15px;
  color: #cccc
}
@media screen and (max-width: 1200px) {
  /* line 25, src/layout/blocks/price/price.scss */
.price__price span {
    font-size: calc(
 24px + 32 * ((100vw - 320px) / 880))
  }
}
/* line 33, src/layout/blocks/price/price.scss */
.price__text {
  font-weight: 300;
  font-size: 16px;
  line-height: 150%;
  padding-top: 6px
}
@media screen and (max-width: 1200px) {
  /* line 33, src/layout/blocks/price/price.scss */
.price__text {
    font-size: calc(
 13px + 3 * ((100vw - 320px) / 880))
  }
}
/* line 38, src/layout/blocks/price/price.scss */
.price__text.--with-img {
  max-width: calc(100% - 420px)
}
/* line 41, src/layout/blocks/price/price.scss */
.price__text.--pd-top {
  padding-top: 30px
}
@media screen and (max-width: 1200px) {
  /* line 41, src/layout/blocks/price/price.scss */
.price__text.--pd-top {
    padding-top: calc(
 20px + 10 * ((100vw - 320px) / 880))
  }
}
/* line 45, src/layout/blocks/price/price.scss */
.price__txt {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.01em;
  text-transform: uppercase
}
@media screen and (max-width: 1200px) {
  /* line 45, src/layout/blocks/price/price.scss */
.price__txt {
    font-size: calc(
 14px + 6 * ((100vw - 320px) / 880))
  }
}
/* line 51, src/layout/blocks/price/price.scss */
.price__wrapper {
  position: relative
}
/* line 54, src/layout/blocks/price/price.scss */
.price__img {
  position: absolute;
  right: 195px;
  top: -176px
}
@media screen and (max-width: 880px) {
  /* line 63, src/layout/blocks/price/price.scss */
.price__img {
    width: 140px;
    right: 20px;
    top: -120px
  }
  /* line 68, src/layout/blocks/price/price.scss */
.price__row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  /* line 71, src/layout/blocks/price/price.scss */
.price__col {
    width: 100%;
    padding-top: 10px
  }
  /* line 75, src/layout/blocks/price/price.scss */
.price__text.--with-img {
    max-width: calc(100% - 180px)
  }
}
@media screen and (max-width: 530px) {
  /* line 83, src/layout/blocks/price/price.scss */
.price__img {
    width: 70px;
    top: -50px;
    right: -10px
  }
  /* line 88, src/layout/blocks/price/price.scss */
.price__text.--with-img {
    max-width: calc(100% - 60px)
  }
}
/* line 2, src/layout/blocks/faq/faq.scss */
.faq__title {
  max-width: 770px
}
/* line 5, src/layout/blocks/faq/faq.scss */
.faq__list-item {
  padding-top: 16px;
  padding-bottom: 50px;
  padding-left: 60px
}
@media screen and (max-width: 1200px) {
  /* line 5, src/layout/blocks/faq/faq.scss */
.faq__list-item {
    padding-bottom: calc(
 14px + 36 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 5, src/layout/blocks/faq/faq.scss */
.faq__list-item {
    padding-left: calc(
 26px + 34 * ((100vw - 320px) / 880))
  }
}
/* line 10, src/layout/blocks/faq/faq.scss */
.faq__txt {
  font-weight: 300;
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 14px
}
@media screen and (max-width: 1200px) {
  /* line 10, src/layout/blocks/faq/faq.scss */
.faq__txt {
    font-size: calc(
 13px + 3 * ((100vw - 320px) / 880))
  }
}
/* line 15, src/layout/blocks/faq/faq.scss */
.faq__txt--bold {
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.01em;
  text-transform: uppercase
}
/* line 2, src/layout/blocks/process/process.scss */
.process__title {
  max-width: 500px
}
/* line 4, src/layout/blocks/process/process.scss */
.process__title.--mw-760 {
  max-width: 760px
}
/* line 2, src/layout/blocks/map/contacts-map.scss */
.contacts-map__map {
  height: 360px
}
/* line 2, src/layout/blocks/articles/articles.scss */
.articles__wpapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
/* line 6, src/layout/blocks/articles/articles.scss */
.articles__item {
  padding: 80px
}
@media screen and (max-width: 1200px) {
  /* line 6, src/layout/blocks/articles/articles.scss */
.articles__item {
    padding: calc(
 20px + 60 * ((100vw - 320px) / 880))
  }
}
/* line 8, src/layout/blocks/articles/articles.scss */
.articles__item--100 {
  width: 100%
}
/* line 11, src/layout/blocks/articles/articles.scss */
.articles__item--40 {
  width: 40%
}
/* line 14, src/layout/blocks/articles/articles.scss */
.articles__item--60 {
  width: 60%
}
/* line 17, src/layout/blocks/articles/articles.scss */
.articles__item--33 {
  width: calc(100% / 3);
  padding: 60px
}
@media screen and (max-width: 1200px) {
  /* line 17, src/layout/blocks/articles/articles.scss */
.articles__item--33 {
    padding: calc(
 20px + 40 * ((100vw - 320px) / 880))
  }
}
/* line 22, src/layout/blocks/articles/articles.scss */
.articles__title {
  font-weight: 700;
  font-size: 32px;
  line-height: 120%
}
@media screen and (max-width: 1200px) {
  /* line 22, src/layout/blocks/articles/articles.scss */
.articles__title {
    font-size: calc(
 18px + 14 * ((100vw - 320px) / 880))
  }
}
/* line 27, src/layout/blocks/articles/articles.scss */
.articles__text {
  font-weight: 300;
  font-size: 16px;
  line-height: 150%
}
@media screen and (max-width: 1200px) {
  /* line 27, src/layout/blocks/articles/articles.scss */
.articles__text {
    font-size: calc(
 13px + 3 * ((100vw - 320px) / 880))
  }
}
/* line 31, src/layout/blocks/articles/articles.scss */
.articles__text--light {
  opacity: 0.5
}
/* line 35, src/layout/blocks/articles/articles.scss */
.articles__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
/* line 39, src/layout/blocks/articles/articles.scss */
.articles__footer--center {
  margin-left: auto;
  margin-right: auto
}
/* line 44, src/layout/blocks/articles/articles.scss */
.articles__body {
  max-width: 700px
}
/* line 47, src/layout/blocks/articles/articles.scss */
.articles__item--dark {
  background: #1d1c1f;
  color: #fff
}
/* line 50, src/layout/blocks/articles/articles.scss */
.articles__item--dark svg path {
  fill: #fff
}
/* line 54, src/layout/blocks/articles/articles.scss */
.articles__item--orange {
  background: #f83d34;
  color: #fff
}
/* line 57, src/layout/blocks/articles/articles.scss */
.articles__item--orange svg path {
  fill: #fff
}
/* line 61, src/layout/blocks/articles/articles.scss */
.articles__item--grey {
  background: #f4f6f7
}
@media screen and (max-width: 890px) {
  /* line 67, src/layout/blocks/articles/articles.scss */
.articles__item--33 {
    width: 50%
  }
}
@media screen and (max-width: 750px) {
  /* line 74, src/layout/blocks/articles/articles.scss */
.articles__item--40,
  .articles__item--60 {
    width: 100%
  }
}
@media screen and (max-width: 470px) {
  /* line 82, src/layout/blocks/articles/articles.scss */
.articles__item--33 {
    width: 100%
  }
}
/* line 1, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper {
  position: relative
}
/* line 3, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__title {
  padding-bottom: 10px
}
/* line 6, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #ebebeb;
  width: 100%;
  height: 100%
}
/* line 12, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__subtitle {
  font-weight: 700;
  font-size: 17px;
  line-height: 130%;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  padding-bottom: 10px
}
@media screen and (max-width: 1200px) {
  /* line 12, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__subtitle {
    font-size: calc(
 14px + 3 * ((100vw - 320px) / 880))
  }
}
/* line 20, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__col:first-child {
  padding-top: 50px;
  width: 68%;
  padding-left: 100px;
  padding-right: 100px;
  padding-bottom: 80px
}
@media screen and (max-width: 1200px) {
  /* line 20, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__col:first-child {
    padding-top: calc(
 56px + -6 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 20, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__col:first-child {
    padding-left: calc(
 16px + 84 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 20, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__col:first-child {
    padding-right: calc(
 16px + 84 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 20, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__col:first-child {
    padding-bottom: calc(
 16px + 64 * ((100vw - 320px) / 880))
  }
}
/* line 27, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__col:last-child {
  padding-top: 50px;
  width: 32%;
  background: #f4f6f7;
  padding-left: 80px;
  padding-right: 80px;
  padding-bottom: 50px;
  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-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media screen and (max-width: 1200px) {
  /* line 27, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__col:last-child {
    padding-top: calc(
 16px + 34 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 27, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__col:last-child {
    padding-left: calc(
 16px + 64 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 27, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__col:last-child {
    padding-right: calc(
 16px + 64 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 27, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__col:last-child {
    padding-bottom: calc(
 16px + 34 * ((100vw - 320px) / 880))
  }
}
/* line 38, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__list-item {
  font-weight: 300
}
/* line 41, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__text {
  padding-bottom: 10px
}
/* line 44, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__list-row {
  padding-bottom: 10px;
  padding-top: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
/* line 49, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__list-box:not(:last-child) {
  padding-right: 30px
}
/* line 52, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__list {
  max-width: calc(100% - 10px)
}
/* line 55, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__num-item {
  font-weight: 600;
  font-size: 48px;
  line-height: 135%
}
@media screen and (max-width: 1200px) {
  /* line 55, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__num-item {
    font-size: calc(
 20px + 28 * ((100vw - 320px) / 880))
  }
}
/* line 59, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__num-item > span {
  font-size: 20px;
  line-height: 100%
}
@media screen and (max-width: 1200px) {
  /* line 59, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__num-item > span {
    font-size: calc(
 11px + 9 * ((100vw - 320px) / 880))
  }
}
/* line 64, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__footer {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: absolute;
  bottom: 80px;
  width: 68%;
  padding-right: 100px
}
@media screen and (max-width: 1200px) {
  /* line 64, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__footer {
    bottom: calc(
 26px + 54 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 1200px) {
  /* line 64, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__footer {
    padding-right: calc(
 20px + 80 * ((100vw - 320px) / 880))
  }
}
@media screen and (max-width: 800px) {
  /* line 78, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto
  }
  /* line 82, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__col:first-child {
    width: 100%
  }
  /* line 85, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__col:last-child {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  /* line 91, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__num-box:not(:last-child) {
    padding-right: 26px
  }
  /* line 94, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__footer {
    top: 20px;
    right: 20px;
    padding-right: 0;
    width: auto;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content
  }
  /* line 101, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__list-box:not(:last-child) {
    padding-right: 16px
  }
  /* line 104, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__list-item {
    line-heighst: 110%
  }
}
@media screen and (max-width: 460px) {
  /* line 112, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__list-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  /* line 115, src/layout/blocks/smm-sliders/smm-sliders.scss */
.light-swiper__list-box:not(:last-child) {
    padding-right: 0px;
    padding-bottom: 16px
  }
}