@charset "UTF-8";
@font-face {
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/FuturaPT-Light.woff") format("woff"), url("../fonts/FuturaPT-Light.woff2") format("woff2");
  font-family: "FuturaPT";
  font-display: swap;
}
@font-face {
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/FuturaPT-Book.woff") format("woff"), url("../fonts/FuturaPT-Book.woff2") format("woff2");
  font-family: "FuturaPT";
  font-display: swap;
}
@font-face {
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/FuturaPT-Demi.woff") format("woff"), url("../fonts/FuturaPT-Demi.woff2") format("woff2");
  font-family: "FuturaPT";
  font-display: swap;
}
@font-face {
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/FuturaPT-Medium.woff") format("woff"), url("../fonts/FuturaPT-Medium.woff2") format("woff2");
  font-family: "FuturaPT";
  font-display: swap;
}
@font-face {
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/FuturaPT-Bold.woff") format("woff"), url("../fonts/FuturaPT-Bold.woff2") format("woff2");
  font-family: "FuturaPT";
  font-display: swap;
}
@font-face {
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/FuturaPT-Heavy.woff") format("woff"), url("../fonts/FuturaPT-Heavy.woff2") format("woff2");
  font-family: "FuturaPT";
  font-display: swap;
}
@font-face {
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/FuturaPT-ExtraBold.woff") format("woff"), url("../fonts/FuturaPT-ExtraBold.woff2") format("woff2");
  font-family: "FuturaPT";
  font-display: swap;
}
@font-face {
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/ProximaNova-Light.woff") format("woff"), url("../fonts/ProximaNova-Light.woff2") format("woff2");
  font-family: "ProximaNova";
  font-display: swap;
}
@font-face {
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/ProximaNova-Regular.woff") format("woff"), url("../fonts/ProximaNova-Regular.woff2") format("woff2");
  font-family: "ProximaNova";
  font-display: swap;
}
@font-face {
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/ProximaNova-Semibold.woff") format("woff"), url("../fonts/ProximaNova-Semibold.woff2") format("woff2");
  font-family: "ProximaNova";
  font-display: swap;
}
@font-face {
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/ProximaNova-Bold.woff") format("woff"), url("../fonts/ProximaNova-Bold.woff2") format("woff2");
  font-family: "ProximaNova";
  font-display: swap;
}
@font-face {
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/ProximaNova-Black.woff") format("woff"), url("../fonts/ProximaNova-Black.woff2") format("woff2");
  font-family: "ProximaNova";
  font-display: swap;
}
html,
body {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  font-family: FuturaPT;
}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  font-family: FuturaPT;
}

body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: relative;
  min-width: 320px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.69;
}
body.is-show-menu {
  overflow: hidden;
}
body.page-dark {
  background-color: #10151B;
}

.page-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex-direction: column;
          justify-content: space-between;
  min-height: 100vh;
  overflow: hidden;
}
.page-wrapper .page-main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.page-wrapper .page-main > * {
  z-index: 1;
  position: relative;
}
.page-wrapper .page-content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
  position: relative;
  padding-top: 120px;
}
@media only screen and (max-width: 767px) {
  .page-wrapper .page-content {
    padding-top: 80px;
  }
}

.uk-container-xlarge {
  max-width: 1700px;
}

.social-list {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: flex-start;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.social-item {
  display: block;
  position: relative;
  margin: 0 6px;
}

.social-link {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  transition: 0.3s;
}
.social-link:hover .social-icon path.white {
  fill: #FFB43E;
}
.social-link:hover .social-icon path.yellow {
  fill: #fff;
}

.social-icon {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  transition: 0.3s;
}
.social-icon path.white {
  fill: #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.social-icon path.yellow {
  fill: #FFC039;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.uk-button {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
          align-items: center;
          justify-content: center;
  height: 55px;
  background-color: #FFC039;
  color: #FFFFFF;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 3.06;
  font-family: FuturaPT;
  transition: 0.5s;
}
.uk-button:hover {
  background-color: #ffb006;
}

.uk-button-outline {
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  border: 4px solid #F7D720;
  background-color: transparent;
  transition: 0.25s;
}
.uk-button-outline:hover {
  background-color: #F7D720;
  color: #000;
}

body.is-show-menu .page-main {
  opacity: 0.1;
}

body.page--white .logo-img--dark {
  display: none;
}
body.page--white .logo-img--white {
  display: block;
}
body.page--white .page-header__menu .uk-navbar-nav > li > a {
  color: #000;
}
body.page--white .page-header__menu .uk-navbar-nav > li > a:after {
  background-color: #000;
}
body.page--white .select-lang button {
  color: #000;
}
body.page--white .select-lang .uk-drop span {
  color: #000;
}
body.page--white .menu-btn {
  color: #000;
}
body.page--white .menu-btn:hover {
  background: #D69B1C;
  color: #fff;
}

.page-title {
  display: block;
  position: relative;
  margin-bottom: 10px;
  color: #000000;
  font-style: normal;
  font-weight: bold;
  font-size: 64px;
  line-height: 1.1;
  font-family: ProximaNova;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (max-width: 1920px) and (max-width: 767px) {
  .page-title {
    font-size: calc(24px + 68 * ((100vw - 320px) / 1920));
  }
}
@media only screen and (max-width: 1920px) and (min-width: 767px) {
  .page-title {
    font-size: calc(24px + 40 * (100vw / 1920));
  }
}
.page-title:after {
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
          transform: translateX(-50%);
  content: attr(data-subtitle);
  color: #000000;
  font-style: normal;
  font-weight: 600;
  font-size: 100px;
  line-height: 1.28;
  font-family: FuturaPT;
  text-transform: uppercase;
  opacity: 0.03;
  pointer-events: none;
}
@media only screen and (max-width: 1920px) and (max-width: 767px) {
  .page-title:after {
    font-size: calc(24px + 129.2 * ((100vw - 320px) / 1920));
  }
}
@media only screen and (max-width: 1920px) and (min-width: 767px) {
  .page-title:after {
    font-size: calc(24px + 76 * (100vw / 1920));
  }
}

.page-desc {
  display: block;
  z-index: 1;
  position: relative;
  margin-bottom: 25px;
  padding: 25px 5px;
  color: #000000;
  font-style: normal;
  font-weight: 200;
  font-size: 24px;
  line-height: 1.29;
  font-family: FuturaPT;
  text-align: center;
}
@media only screen and (max-width: 1920px) and (max-width: 767px) {
  .page-desc {
    font-size: calc(14px + 17 * ((100vw - 320px) / 1920));
  }
}
@media only screen and (max-width: 1920px) and (min-width: 767px) {
  .page-desc {
    font-size: calc(14px + 10 * (100vw / 1920));
  }
}
.page-desc p {
  margin: 0;
}
.page-desc b {
  font-weight: 500;
}

.accent-color {
  color: #FFC039;
}

.anim-button {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
          box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
          align-items: center;
          justify-content: center;
  height: 55px;
  padding: 0 45px;
  border: 1px solid rgba(255, 255, 255, 0.34);
  background: transparent;
  color: #fff;
  line-height: 55px;
  text-transform: uppercase;
  cursor: pointer;
  opacity: 0.999;
  transition: all 0.3s;
  transition: 0.5s;
}
.anim-button:before, .anim-button:after {
  -webkit-box-sizing: content-box;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
          box-sizing: content-box;
  z-index: 5;
  position: absolute;
  border-style: solid;
  border-color: #FFC039;
  content: "";
  pointer-events: none;
  transition: 0.5s;
}
.anim-button:before {
  -webkit-transition-delay: 0.05s;
       -o-transition-delay: 0.05s;
  top: -1px;
  left: -1px;
  width: 57px;
  height: 100%;
  border-width: 1px 0 0 0;
          transition-delay: 0.05s;
}
.anim-button:after {
  top: 0;
  left: -1px;
  width: 100%;
  height: 30px;
  border-width: 0 0 0 1px;
}
.anim-button span:before, .anim-button span:after {
  -webkit-box-sizing: content-box;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
          box-sizing: content-box;
  z-index: 5;
  position: absolute;
  border-style: solid;
  border-color: #FFC039;
  content: "";
  pointer-events: none;
  transition: 0.5s;
}
.anim-button span:before {
  -webkit-transition-delay: 0.05s;
       -o-transition-delay: 0.05s;
  top: 0;
  right: -1px;
  width: 57px;
  height: 100%;
  border-width: 0 0 1px 0;
          transition-delay: 0.05s;
}
.anim-button span:after {
  right: -1px;
  bottom: 0;
  width: 100%;
  height: 30px;
  border-width: 0 1px 0 0;
}
.anim-button:hover {
  color: #FFC039;
  text-decoration: none;
}
.anim-button:hover:before {
  width: calc(100% + 2px);
}
.anim-button:hover:after {
  height: 100%;
}
.anim-button:hover span:before {
  width: calc(100% + 2px);
}
.anim-button:hover span:after {
  height: 100%;
}
.anim-button.anim-button--dark {
  border: 1px solid rgba(23, 28, 34, 0.54);
  color: #171C22;
  font-weight: 500;
  font-size: 18px;
  text-transform: none;
}
.anim-button.anim-button--dark:before, .anim-button.anim-button--dark:after {
  border-color: #fff;
}
.anim-button.anim-button--dark span {
  z-index: 2;
}
.anim-button.anim-button--dark span:before, .anim-button.anim-button--dark span:after {
  border-color: #fff;
}
.anim-button.anim-button--dark:hover {
  color: #fff;
}

.anim-link {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: 1s;
  -o-transition: 1s;
          box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
          align-items: center;
          justify-content: center;
  height: 55px;
  padding: 0 45px;
  border: 1px solid rgba(255, 255, 255, 0.34);
  background: transparent;
  color: #fff;
  line-height: 55px;
  text-transform: uppercase;
  cursor: pointer;
  opacity: 0.999;
  transition: all 0.3s;
  transition: 1s;
}
@media only screen and (max-width: 767px) {
  .anim-link {
    width: 100%;
    height: 45px;
    padding: 0 5px;
    line-height: 45px;
  }
}
.anim-link:before, .anim-link:after {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  z-index: 5;
  position: absolute;
  border-style: solid;
  border-color: #FFC039;
  content: "";
  pointer-events: none;
}
.anim-link:before {
  -webkit-transition-delay: 0.05s;
       -o-transition-delay: 0.05s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  top: -1px;
  left: -1px;
  width: 0;
  height: 100%;
  border-width: 1px 0 0 0;
  transition: 1s;
          transition-delay: 0.05s;
}
.anim-link:after {
  -webkit-transition: 1s;
  -o-transition: 1s;
  top: 0;
  left: -1px;
  width: 100%;
  height: 0;
  border-width: 0 0 0 1px;
  transition: 1s;
}
.anim-link > span {
  display: block;
  height: 55px;
  line-height: 55px;
}
@media only screen and (max-width: 767px) {
  .anim-link > span {
    height: 45px;
    line-height: 45px;
  }
}
.anim-link > span:before, .anim-link > span:after {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  z-index: 5;
  position: absolute;
  border-style: solid;
  border-color: #FFC039;
  content: "";
  pointer-events: none;
}
.anim-link > span:before {
  -webkit-transition: 1s;
  -o-transition: 1s;
  top: -1px;
  right: -1px;
  width: 0;
  height: 100%;
  border-width: 0 0 1px 0;
  transition: 1s;
}
.anim-link > span:after {
  -webkit-transition: 1s;
  -o-transition: 1s;
  right: -1px;
  bottom: 0;
  width: 100%;
  height: 0;
  border-width: 0 1px 0 0;
  transition: 1s;
}
.anim-link:hover {
  color: #FFC039;
  text-decoration: none;
}
.anim-link:hover:before {
  width: calc(100% + 2px);
}
.anim-link:hover:after {
  height: 100%;
}
.anim-link:hover > span:before {
  width: calc(100% + 2px);
}
.anim-link:hover > span:after {
  height: 100%;
}

.uk-input {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  padding-right: 0;
  padding-left: 0;
  border: none;
  border-bottom: 1px solid #fff;
  background: none;
  color: #FFC039;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  transition: 0.3s;
}
.uk-input:focus {
  border-color: #FFC039;
  background-color: transparent;
  color: #FFC039;
}

.section-title {
  margin-bottom: 30px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}

.list-dots {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.list-dots li {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex-direction: row-reverse;
          align-items: baseline;
          justify-content: flex-end;
}
.list-dots li svg {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
  position: relative;
  bottom: -4px;
          flex: 0 0 20px;
  width: 20px !important;
  height: 20px !important;
  margin: 0 10px 0 0;
}

.uk-dotnav {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
}
.uk-dotnav > * > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8px;
          flex: 0 0 8px;
  width: 8px;
  height: 8px;
  border: none;
  background-color: rgba(153, 163, 172, 0.5);
}
.uk-dotnav > .uk-active > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12px;
          flex: 0 0 12px;
  width: 12px;
  height: 12px;
  background-color: rgba(153, 163, 172, 0.5);
}

/* Radio */
.radio {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
          align-items: center;
  line-height: 25px;
  cursor: pointer;
}

.radio__input {
  clip: rect(0 0 0 0);
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0 !important;
  padding: 0;
  overflow: hidden;
}
.radio__input:hover, .radio__input:focus, .radio__input:active {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.radio-sm .radio__box {
  font-size: 16px;
}
.radio-sm .radio__input:checked + .radio__box,
.radio-sm .radio__input:focus:checked + .radio__box {
  color: #3A424D;
}

.radio__box {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
          align-items: center;
          justify-content: center;
  color: #878C98;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1;
}
.radio__box::before {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: relative;
          flex: 0 0 25px;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  overflow: hidden;
  border: 1px solid #E1E3EA;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: white;
  content: "";
}
.radio__box::after {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  display: block;
  position: absolute;
  top: 50%;
  left: 8.5px;
  width: 8px;
  height: 8px;
          transform: translateY(-50%);
  background: #F7D720;
  content: "";
  opacity: 0;
  transition: 0.2s;
}

/* Checked */
.radio__input:checked + .radio__box:before,
.radio__input:focus:checked + .radio__box:before {
  border-color: #F7D720;
}
.radio__input:checked + .radio__box:after,
.radio__input:focus:checked + .radio__box:after {
  opacity: 1;
}

/* Focused */
.radio__input:focus + .radio__box:before {
  border: 1.5px solid #CCD2E3;
}

/* Disabled */
.radio__input:disabled + .radio__box {
  opacity: 0.5;
}

.radio__input:checked:disabled + .radio__box {
  opacity: 0.5;
}

/* Check */
.check {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
          align-items: center;
  line-height: 25px;
  cursor: pointer;
}
.check__txt {
  color: #878C98;
  font-weight: 300;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.01em;
}

.check__input {
  clip: rect(0 0 0 0);
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.check__input:hover, .check__input:focus, .check__input:active {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.check__box {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
          align-items: flex-start;
          justify-content: center;
  line-height: 1.1;
  vertical-align: middle;
  white-space: normal;
  word-break: break-word;
}
.check__box::before {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
          flex: 0 0 25px;
          align-items: center;
          justify-content: center;
  width: 25px;
  height: 25px;
  margin-top: 0;
  margin-right: 10px;
  overflow: hidden;
  border: 1px solid #E1E3EA;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: white;
  content: "";
  line-height: 1.1;
}
.check__box::after {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  display: block;
  position: absolute;
  top: 50%;
  left: 8.5px;
  width: 8px;
  height: 8px;
          transform: translateY(-50%);
  background: #F7D720;
  content: "";
  opacity: 0;
  transition: 0.2s;
}
.check__box .on {
  display: none;
  width: 50px;
}
.check__box .off {
  display: block;
  width: 50px;
}

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

/* Checked */
.check__input:checked + .check__body .check__box::after {
  opacity: 1;
}
.check__input:checked + .check__body .check__box:before {
  border-color: #F7D720;
}

.check__input:checked + .check__body .check__txt {
  color: #3A424D;
}

.check__input:checked + .check__body .check__box .on {
  display: block;
}
.check__input:checked + .check__body .check__box .off {
  display: none;
}

/* Focused */
.check__input:focus {
  border: none;
  outline: none;
}

/* Disabled */
.check__input:disabled + .check__box {
  opacity: 0.5;
}

.check__input:checked:disabled + .check__box {
  opacity: 0.5;
}

.check.--radio .check__input:checked + .check__box::before {
  border-color: #F7D720;
}
.check.--radio .check__box {
  color: #30393E;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.21;
}
.check.--radio .check__box::before {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25px;
          flex: 0 0 25px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.check.--radio .check__box::after {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25px;
          flex: 0 0 25px;
  width: 25px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' fill='none' viewBox='0 0 11 11'%3E%3Ccircle cx='5.625' cy='5.654' r='5' fill='%23FFDE3F'/%3E%3C/svg%3E%0A");
}

.uk-input--dark {
  border-bottom: 1px solid #E1E3EA;
  color: #878C98;
}

.swiper-nav-fraction {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: space-between;
  height: 34px;
  padding: 0 5px;
  background: #F8F9FA;
  color: #3A424C;
  font-weight: 450;
  font-size: 14px;
  line-height: 100%;
}
.swiper-nav-fraction .swiper-button-prev, .swiper-nav-fraction .swiper-button-next {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-sizing: border-box;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          flex: 0 0 24px;
          align-items: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  margin: 0;
  inset: auto;
  border-radius: 50%;
  text-align: center;
  transition: 0.25s;
}
.swiper-nav-fraction .swiper-button-prev::before, .swiper-nav-fraction .swiper-button-next::before {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  content: "";
  color: #4B5563;
  font-size: 20px;
  text-align: center;
}
.swiper-nav-fraction .swiper-button-prev:after, .swiper-nav-fraction .swiper-button-next:after {
  display: none;
}
.swiper-nav-fraction .swiper-pagination {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          align-items: center;
  width: auto;
  margin: 0 10px;
  inset: auto;
  gap: 2px;
  color: #3A424C;
  font-style: normal;
  font-weight: 450;
  font-size: 14px;
  line-height: 100%;
  text-align: center;
}
.swiper-nav-fraction .swiper-button-next {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 12H18" stroke="%23878C98" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 6L18 12L12 18" stroke="%23878C98" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.swiper-nav-fraction .swiper-button-prev {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 12H6" stroke="%23878C98" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 6L6 12L12 18" stroke="%23878C98" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.table-nav {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.table-nav .drop {
  min-width: 120px;
}
@media only screen and (max-width: 767px) {
  .table-nav .drop {
    min-width: 120px;
    margin-top: -4px;
    margin-right: 10px;
  }
}
.table-nav .drop .drop-button {
  height: 35px;
  padding: 6.5px 15px;
  border: 1.5px solid #E1E3EA;
  color: #9FA4B0;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  line-height: 100%;
  letter-spacing: 0.02em;
}
.table-nav .footable-paging-right {
  margin-left: 0;
}
@media only screen and (max-width: 767px) {
  .table-nav .footable-paging-right {
    margin-left: 0;
  }
}
.table-nav .footable-paging-right:empty {
  margin-left: 0;
}
.table-nav .footable-pagination-wrapper {
  -webkit-box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          align-items: center;
          justify-content: center;
  height: 34px;
  background: #F8F9FA;
}
.table-nav .footable-pagination-wrapper .divider, .table-nav .footable-pagination-wrapper .footable-page-nav, .table-nav .footable-pagination-wrapper .footable-page {
  display: none !important;
}
.table-nav .footable-pagination-wrapper .footable-page-nav[data-page=prev], .table-nav .footable-pagination-wrapper .footable-page-nav[data-page=next] {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  position: absolute;
  top: 50%;
          align-items: center;
          justify-content: center;
  width: 24px;
  height: 24px;
          transform: translateY(-50%);
}
.table-nav .footable-pagination-wrapper .footable-page-nav[data-page=prev] .footable-page-link, .table-nav .footable-pagination-wrapper .footable-page-nav[data-page=next] .footable-page-link {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
          flex: 0 0 24px;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 0;
  transition: 0.25s;
}
.table-nav .footable-pagination-wrapper .footable-page-nav[data-page=prev] {
  left: 5px;
}
.table-nav .footable-pagination-wrapper .footable-page-nav[data-page=prev] .footable-page-link {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 12H6" stroke="%23878C98" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 6L6 12L12 18" stroke="%23878C98" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.table-nav .footable-pagination-wrapper .footable-page-nav[data-page=prev] .footable-page-link:hover, .table-nav .footable-pagination-wrapper .footable-page-nav[data-page=prev] .footable-page-link:focus, .table-nav .footable-pagination-wrapper .footable-page-nav[data-page=prev] .footable-page-link:active {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 12H6" stroke="%23B4BACA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 6L6 12L12 18" stroke="%23B4BACA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.table-nav .footable-pagination-wrapper .footable-page-nav[data-page=next] {
  right: 5px;
}
.table-nav .footable-pagination-wrapper .footable-page-nav[data-page=next] .footable-page-link {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 12H18" stroke="%23878C98" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 6L18 12L12 18" stroke="%23878C98" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.table-nav .footable-pagination-wrapper .footable-page-nav[data-page=next] .footable-page-link:hover, .table-nav .footable-pagination-wrapper .footable-page-nav[data-page=next] .footable-page-link:focus, .table-nav .footable-pagination-wrapper .footable-page-nav[data-page=next] .footable-page-link:active {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 12H18" stroke="%23B4BACA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 6L18 12L12 18" stroke="%23B4BACA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.table-nav .footable-pagination-wrapper .label {
  margin: 0;
  padding: 0;
  border: none;
  color: #5C6170;
  font-style: normal;
  font-weight: 450;
  font-size: 14px;
  line-height: 100%;
}

.invalid-feedback {
  display: none;
  width: auto;
  height: 20px;
  margin: 0;
  padding: 0 10px;
  color: #FF5F72;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: 0.01em;
}
.invalid-feedback.is-show {
  display: block;
}

.password {
  position: relative;
}

.show-password {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  display: block;
  z-index: 3;
  position: absolute;
  top: -3px;
  right: 0;
  width: 50px;
  height: 50px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='15' viewBox='0 0 20 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1018 0.753906C12.3748 0.753906 14.5482 1.94609 16.5737 3.90486C17.2647 4.57311 17.8899 5.28654 18.4402 6.00026C18.7723 6.43094 19.0081 6.76973 19.1372 6.97157L19.4244 7.42057L19.1372 7.86957C19.0081 8.07141 18.7723 8.4102 18.4402 8.84089C17.8899 9.55461 17.2647 10.268 16.5737 10.9363C14.5482 12.8951 12.3748 14.0872 10.1018 14.0872C7.82887 14.0872 5.65543 12.8951 3.62992 10.9363C2.9389 10.268 2.31375 9.55461 1.76342 8.84089C1.43133 8.4102 1.19555 8.07141 1.06646 7.86957L0.779297 7.42057L1.06646 6.97157C1.19555 6.76973 1.43133 6.43094 1.76342 6.00026C2.31375 5.28654 2.9389 4.57311 3.62992 3.90486C5.65543 1.94609 7.82887 0.753906 10.1018 0.753906ZM17.1204 7.01797C16.6165 6.3645 16.0436 5.71074 15.4151 5.10295C13.6706 3.41589 11.8561 2.42057 10.1018 2.42057C8.3476 2.42057 6.53307 3.41589 4.78853 5.10295C4.16002 5.71074 3.58715 6.3645 3.08328 7.01797C2.97446 7.1591 2.8739 7.29376 2.78196 7.42057C2.8739 7.54739 2.97446 7.68204 3.08328 7.82318C3.58715 8.47664 4.16002 9.1304 4.78853 9.7382C6.53307 11.4253 8.3476 12.4206 10.1018 12.4206C11.8561 12.4206 13.6706 11.4253 15.4151 9.7382C16.0436 9.1304 16.6165 8.47664 17.1204 7.82318C17.2292 7.68204 17.3298 7.54739 17.4217 7.42057C17.3298 7.29376 17.2292 7.1591 17.1204 7.01797ZM6.7685 7.42057C6.7685 9.26152 8.26088 10.7539 10.1018 10.7539C11.9428 10.7539 13.4352 9.26152 13.4352 7.42057C13.4352 5.57962 11.9428 4.08724 10.1018 4.08724C8.26088 4.08724 6.7685 5.57962 6.7685 7.42057ZM11.7685 7.42057C11.7685 8.34105 11.0223 9.08724 10.1018 9.08724C9.18135 9.08724 8.43516 8.34105 8.43516 7.42057C8.43516 6.5001 9.18135 5.75391 10.1018 5.75391C11.0223 5.75391 11.7685 6.5001 11.7685 7.42057Z' fill='%23ccc'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: 0.3s;
}
.show-password:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='15' viewBox='0 0 20 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1018 0.753906C12.3748 0.753906 14.5482 1.94609 16.5737 3.90486C17.2647 4.57311 17.8899 5.28654 18.4402 6.00026C18.7723 6.43094 19.0081 6.76973 19.1372 6.97157L19.4244 7.42057L19.1372 7.86957C19.0081 8.07141 18.7723 8.4102 18.4402 8.84089C17.8899 9.55461 17.2647 10.268 16.5737 10.9363C14.5482 12.8951 12.3748 14.0872 10.1018 14.0872C7.82887 14.0872 5.65543 12.8951 3.62992 10.9363C2.9389 10.268 2.31375 9.55461 1.76342 8.84089C1.43133 8.4102 1.19555 8.07141 1.06646 7.86957L0.779297 7.42057L1.06646 6.97157C1.19555 6.76973 1.43133 6.43094 1.76342 6.00026C2.31375 5.28654 2.9389 4.57311 3.62992 3.90486C5.65543 1.94609 7.82887 0.753906 10.1018 0.753906ZM17.1204 7.01797C16.6165 6.3645 16.0436 5.71074 15.4151 5.10295C13.6706 3.41589 11.8561 2.42057 10.1018 2.42057C8.3476 2.42057 6.53307 3.41589 4.78853 5.10295C4.16002 5.71074 3.58715 6.3645 3.08328 7.01797C2.97446 7.1591 2.8739 7.29376 2.78196 7.42057C2.8739 7.54739 2.97446 7.68204 3.08328 7.82318C3.58715 8.47664 4.16002 9.1304 4.78853 9.7382C6.53307 11.4253 8.3476 12.4206 10.1018 12.4206C11.8561 12.4206 13.6706 11.4253 15.4151 9.7382C16.0436 9.1304 16.6165 8.47664 17.1204 7.82318C17.2292 7.68204 17.3298 7.54739 17.4217 7.42057C17.3298 7.29376 17.2292 7.1591 17.1204 7.01797ZM6.7685 7.42057C6.7685 9.26152 8.26088 10.7539 10.1018 10.7539C11.9428 10.7539 13.4352 9.26152 13.4352 7.42057C13.4352 5.57962 11.9428 4.08724 10.1018 4.08724C8.26088 4.08724 6.7685 5.57962 6.7685 7.42057ZM11.7685 7.42057C11.7685 8.34105 11.0223 9.08724 10.1018 9.08724C9.18135 9.08724 8.43516 8.34105 8.43516 7.42057C8.43516 6.5001 9.18135 5.75391 10.1018 5.75391C11.0223 5.75391 11.7685 6.5001 11.7685 7.42057Z' fill='%23FFDE3F'/%3E%3C/svg%3E%0A");
}
.show-password._active {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.35775 0.498047L1.17924 1.67656L4.56658 5.0639C4.25103 5.32541 3.93876 5.60625 3.62992 5.90491C2.9389 6.57316 2.31375 7.28659 1.76342 8.00031C1.43133 8.43099 1.19555 8.76978 1.06646 8.97163L0.779297 9.42062L1.06646 9.86962C1.19555 10.0715 1.43133 10.4103 1.76342 10.8409C2.31375 11.5547 2.9389 12.2681 3.62992 12.9363C5.65543 14.8951 7.82887 16.0873 10.1018 16.0873C11.5359 16.0873 12.9304 15.6127 14.2731 14.7704L17.8459 18.3432L19.0244 17.1647L2.35775 0.498047ZM13.0557 13.553L11.7951 12.2924C11.2989 12.5857 10.72 12.754 10.1018 12.754C8.26088 12.754 6.7685 11.2616 6.7685 9.42063C6.7685 8.80246 6.93677 8.22359 7.23001 7.72733L5.75159 6.24891C5.42876 6.50924 5.10747 6.79456 4.78853 7.103C4.16002 7.71079 3.58715 8.36455 3.08328 9.01802C2.97446 9.15915 2.8739 9.29381 2.78196 9.42062C2.8739 9.54744 2.97446 9.68209 3.08328 9.82323C3.58715 10.4767 4.16002 11.1305 4.78853 11.7382C6.53307 13.4253 8.34759 14.4206 10.1018 14.4206C11.0753 14.4206 12.0673 14.1141 13.0557 13.553ZM8.49161 8.98893C8.45479 9.12662 8.43516 9.27133 8.43516 9.42063C8.43516 10.3411 9.18135 11.0873 10.1018 11.0873C10.2511 11.0873 10.3958 11.0677 10.5335 11.0308L8.49161 8.98893ZM16.8502 12.6631L15.6717 11.4846C16.2002 10.9503 16.6859 10.3867 17.1204 9.82323C17.2292 9.6821 17.3298 9.54744 17.4217 9.42063C17.3298 9.29381 17.2292 9.15916 17.1204 9.01803C16.6165 8.36456 16.0436 7.7108 15.4151 7.103C13.6706 5.41594 11.8561 4.42063 10.1018 4.42063C9.66658 4.42063 9.22762 4.4819 8.78693 4.59981L7.46862 3.2815C8.32899 2.93844 9.20771 2.75396 10.1018 2.75396C12.3748 2.75396 14.5482 3.94615 16.5737 5.90492C17.2648 6.57317 17.8899 7.28659 18.4402 8.00031C18.7723 8.431 19.0081 8.76979 19.1372 8.97163L19.4244 9.42063L19.1372 9.86963C19.0081 10.0715 18.7723 10.4103 18.4402 10.8409C17.9643 11.4582 17.4323 12.0753 16.8502 12.6631Z' fill='%23FFDE3F'/%3E%3C/svg%3E%0A");
}

._pass-cont.is-invalid .valid-feedback {
  display: block;
}

@font-face {
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/footable.eot");
  src: url("../fonts/footable.eot") format("embedded-opentype"), url("../fonts/footable.woff2") format("woff2"), url("../fonts/footable.woff") format("woff"), url("../fonts/footable.ttf") format("truetype"), url("../fonts/footable.svg") format("svg");
  font-family: "footable";
}
.fooicon {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
  display: inline-block;
          transform: translate(0);
  font-style: normal;
  font-weight: 400;
  font-size: inherit;
  line-height: 1;
  font-family: footable !important;
  text-rendering: auto;
}

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

.fooicon-loader:before {
  content: "";
}

.fooicon-plus:before {
  content: "";
}

.fooicon-minus:before {
  content: "";
}

.fooicon-search:before {
  content: "";
}

.fooicon-remove:before {
  content: "";
}

.fooicon-pencil:before {
  content: "";
}

.fooicon-flash:before {
  content: "";
}

.fooicon-eye-close:before {
  content: "";
}

.fooicon-cog:before {
  content: "";
}

.fooicon-stats:before {
  content: "";
}

.fooicon-sort:before {
  content: "";
}

.fooicon-sort-asc:before {
  content: "";
}

.fooicon-sort-desc:before {
  content: "";
}

.fooicon-trash:before {
  content: "";
}

table.table-rent {
  position: relative;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
table.table-rent thead tr {
  border-bottom: 2px solid #D2D6DF;
}
table.table-rent thead tr th {
  padding: 20px 6px;
  color: #9FA4B0;
  font-style: normal;
  font-weight: 450;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.01em;
}
table.table-rent thead tr th:first-child {
  padding-left: 0;
}
@media only screen and (max-width: 767px) {
  table.table-rent thead tr th {
    padding: 0;
  }
}
table.table-rent > tbody > tr {
  border-bottom: 1px solid #D2D6DF;
}
table.table-rent > tbody > tr > td {
  padding: 20px 6px;
  color: #000000;
  font-weight: 450;
  font-size: 22px;
  line-height: 100%;
  letter-spacing: 0.01em;
}
table.table-rent > tbody > tr > td:first-child {
  padding-left: 0;
}
@media only screen and (max-width: 767px) {
  table.table-rent > tbody > tr > td {
    padding: 10px 0;
  }
}
table.table-rent > tbody > tr[data-expanded=true] {
  border-bottom: 0;
}
table.table-rent .footable-detail-row > td {
  padding: 0;
}
table.table-rent .footable-toggle {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  position: absolute;
  top: 50%;
  right: 0;
  width: 21px;
  height: 21px;
  margin: 0 !important;
  float: right;
  transform: translateY(-50%);
  background-image: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0.857421L6.02353 6.8222L12 0.857422L12 5.13139L6.02353 11.1431L-1.86821e-07 5.13139L0 0.857421Z" fill="%23F7D720"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  color: #9C91DB !important;
  font-size: 21px !important;
  opacity: 1 !important;
  transition: 0.25s;
}
table.table-rent .footable-toggle::before {
  content: "";
}
table.table-rent .footable-toggle.fooicon-minus {
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
@media only screen and (max-width: 767px) {
  table.table-rent .footable-first-visible {
    position: relative;
    padding-right: 30px;
  }
}

table.footable-details.table-rent {
  width: 100%;
  margin-bottom: 10px;
}
table.footable-details.table-rent > tbody {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          justify-content: space-between;
}
table.footable-details.table-rent > tbody > tr {
  display: block;
  border-bottom: 0;
}
@media only screen and (max-width: 567px) {
  table.footable-details.table-rent > tbody > tr {
    max-width: 100px;
  }
}
table.footable-details.table-rent > tbody > tr > th:first-child {
  display: block;
  color: #9FA4B0;
  font-weight: 450;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.01em;
}
table.footable-details.table-rent > tbody > tr > td {
  display: block;
  font-size: 16px;
}

.ftable {
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  margin-bottom: 20px;
  text-align: left;
  transition: 0.25s;
}
.ftable.footable {
  opacity: 1;
}

.icon {
  display: inline-block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  vertical-align: top;
}
.icon_price {
  background-image: url('data:image/svg+xml;utf8,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.0813 25.6429C12.4363 25.6429 10.7796 25.0129 9.53128 23.7646L4.24628 18.4796C2.96295 17.1962 2.28628 15.4229 2.36795 13.6146L2.64795 7.76956C2.77628 4.98123 4.98128 2.77623 7.78128 2.63623L13.6146 2.35623C15.4346 2.27456 17.1963 2.95123 18.4796 4.23456L23.7646 9.51956C26.2729 12.0279 26.2729 16.1229 23.7646 18.6312L18.6429 23.7529C17.3829 25.0129 15.7379 25.6429 14.0813 25.6429ZM5.48295 17.2312L10.7679 22.5162C12.5996 24.3479 15.5746 24.3479 17.4063 22.5162L22.5279 17.3946C24.3596 15.5629 24.3596 12.5879 22.5279 10.7562L17.2313 5.4829C16.2979 4.54956 15.0263 4.05956 13.6846 4.1179L7.85128 4.3979C5.96128 4.47956 4.47961 5.96123 4.38628 7.85123L4.10628 13.6962C4.04795 15.0029 4.54961 16.2979 5.48295 17.2312Z" fill="%23F7D720"/><path d="M11.0827 14.8753C8.99435 14.8753 7.29102 13.172 7.29102 11.0837C7.29102 8.99533 8.99435 7.29199 11.0827 7.29199C13.171 7.29199 14.8743 8.99533 14.8743 11.0837C14.8743 13.172 13.171 14.8753 11.0827 14.8753ZM11.0827 9.04199C9.96268 9.04199 9.04102 9.96366 9.04102 11.0837C9.04102 12.2037 9.96268 13.1253 11.0827 13.1253C12.2027 13.1253 13.1243 12.2037 13.1243 11.0837C13.1243 9.96366 12.2027 9.04199 11.0827 9.04199Z" fill="%23F7D720"/><path d="M15.167 20.7087C14.9453 20.7087 14.7237 20.627 14.5487 20.452C14.2103 20.1137 14.2103 19.5537 14.5487 19.2153L19.2153 14.5487C19.5537 14.2103 20.1137 14.2103 20.452 14.5487C20.7903 14.887 20.7903 15.447 20.452 15.7853L15.7853 20.452C15.6103 20.627 15.3887 20.7087 15.167 20.7087Z" fill="%23F7D720"/></svg>');
}
.icon_card-tick {
  background-image: url('data:image/svg+xml;utf8,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.6673 12.542H2.33398C1.85565 12.542 1.45898 12.1453 1.45898 11.667C1.45898 11.1887 1.85565 10.792 2.33398 10.792H25.6673C26.1457 10.792 26.5423 11.1887 26.5423 11.667C26.5423 12.1453 26.1457 12.542 25.6673 12.542Z" fill="%23F7D720"/><path d="M13.4756 24.7914H7.51395C2.87061 24.7914 1.44727 23.3914 1.44727 18.7947V9.20473C1.44727 5.52973 2.22892 3.48806 6.39392 3.24306C6.74392 3.2314 7.11728 3.21973 7.51395 3.21973H20.4756C25.1189 3.21973 26.5423 4.61973 26.5423 9.21639V14.3614C26.5423 14.8397 26.1456 15.2364 25.6673 15.2364C25.1889 15.2364 24.7923 14.8397 24.7923 14.3614V9.21639C24.7923 5.61139 24.1506 4.96973 20.4756 4.96973H7.51395C7.14061 4.96973 6.80226 4.9814 6.4756 4.99306C3.94393 5.14473 3.19727 5.71639 3.19727 9.21639V18.8064C3.19727 22.4114 3.83895 23.0531 7.51395 23.0531H13.4756C13.9539 23.0531 14.3506 23.4497 14.3506 23.9281C14.3506 24.4064 13.9656 24.7914 13.4756 24.7914Z" fill="%23F7D720"/><path d="M11.6667 19.542H7C6.52167 19.542 6.125 19.1453 6.125 18.667C6.125 18.1887 6.52167 17.792 7 17.792H11.6667C12.145 17.792 12.5417 18.1887 12.5417 18.667C12.5417 19.1453 12.145 19.542 11.6667 19.542Z" fill="%23F7D720"/><path d="M21.0007 26.5413C19.064 26.5413 17.244 25.5147 16.264 23.8463C15.739 23.0063 15.459 22.0147 15.459 20.9997C15.459 17.943 17.944 15.458 21.0007 15.458C24.0573 15.458 26.5423 17.943 26.5423 20.9997C26.5423 22.0147 26.2623 23.0063 25.7373 23.858C24.7573 25.5147 22.9373 26.5413 21.0007 26.5413ZM21.0007 17.208C18.9123 17.208 17.209 18.9113 17.209 20.9997C17.209 21.688 17.3956 22.3647 17.7573 22.948C18.434 24.0913 19.6823 24.7913 21.0007 24.7913C22.319 24.7913 23.5674 24.0913 24.244 22.9597C24.6057 22.3647 24.7923 21.6997 24.7923 20.9997C24.7923 18.9113 23.089 17.208 21.0007 17.208Z" fill="%23F7D720"/><path d="M20.3357 23.0305C20.114 23.0305 19.8924 22.9488 19.7174 22.7738L18.5623 21.6188C18.224 21.2805 18.224 20.7205 18.5623 20.3821C18.9007 20.0438 19.4607 20.0438 19.799 20.3821L20.3591 20.9421L22.2257 19.2155C22.5757 18.8888 23.1357 18.9121 23.4624 19.2621C23.789 19.6121 23.7657 20.1721 23.4157 20.4988L20.9307 22.7971C20.7557 22.9488 20.5457 23.0305 20.3357 23.0305Z" fill="%23F7D720"/></svg>');
}
.icon_plain {
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.2189 21.6303C13.0389 21.6303 11.3689 20.8003 10.0489 16.8303L9.32891 14.6703L7.16891 13.9503C3.20891 12.6303 2.37891 10.9603 2.37891 9.78031C2.37891 8.61031 3.20891 6.93032 7.16891 5.60032L15.6589 2.77032C17.7789 2.06032 19.5489 2.27032 20.6389 3.35032C21.7289 4.43032 21.9389 6.21032 21.2289 8.33032L18.3989 16.8203C17.0689 20.8003 15.3989 21.6303 14.2189 21.6303ZM7.63891 7.03032C4.85891 7.96032 3.86891 9.06031 3.86891 9.78031C3.86891 10.5003 4.85891 11.6003 7.63891 12.5203L10.1589 13.3603C10.3789 13.4303 10.5589 13.6103 10.6289 13.8303L11.4689 16.3503C12.3889 19.1303 13.4989 20.1203 14.2189 20.1203C14.9389 20.1203 16.0389 19.1303 16.9689 16.3503L19.7989 7.86032C20.3089 6.32032 20.2189 5.06032 19.5689 4.41032C18.9189 3.76032 17.6589 3.68032 16.1289 4.19032L7.63891 7.03032Z" fill="%23F7D720"/><path d="M10.1108 14.4C9.92078 14.4 9.73078 14.33 9.58078 14.18C9.29078 13.89 9.29078 13.41 9.58078 13.12L13.1608 9.53C13.4508 9.24 13.9308 9.24 14.2208 9.53C14.5108 9.82 14.5108 10.3 14.2208 10.59L10.6408 14.18C10.5008 14.33 10.3008 14.4 10.1108 14.4Z" fill="%23F7D720"/></svg>');
}

.page-header {
  display: block;
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.page-header.is-show-menu .logo-img--dark {
  display: block;
}
.page-header.is-show-menu .logo-img.logo-img--white {
  display: none;
}
.page-header.is-show-menu .logo-img.logo-img--contacts {
  display: none;
}
.page-header.is-show-menu .page-header__menu .uk-navbar-nav > li > a {
  color: #fff;
}
.page-header.is-show-menu .page-header__menu .uk-navbar-nav > li > a:hover {
  color: #FFC039;
}
.page-header.is-show-menu .page-header__menu .uk-navbar-nav > li > a:after {
  background-color: #FFC039;
}
.page-header.is-show-menu .select-lang button {
  border-width: 1px;
  border-color: #fff;
  color: #fff;
}
.page-header.is-show-menu .select-lang .uk-drop a {
  display: inline-block;
  position: relative;
  color: #fff;
}
.page-header__inner {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  position: relative;
          align-items: center;
          justify-content: space-between;
  padding-top: 21px;
}
@media only screen and (max-width: 1199px) {
  .page-header__inner {
    padding-top: 11px;
  }
}
@media only screen and (max-width: 767px) {
  .page-header__inner {
    padding-top: 5px;
  }
}
.page-header__logo {
  display: block;
  position: relative;
}
.page-header__logo .logo-img {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          align-items: center;
          justify-content: center;
  width: 152px;
}
@media only screen and (max-width: 1199px) {
  .page-header__logo .logo-img {
    max-width: 105px;
  }
}
@media only screen and (max-width: 767px) {
  .page-header__logo .logo-img {
    max-width: 90px;
  }
}
.page-header__logo .logo-img--dark {
  display: block;
}
.page-header__logo .logo-img--white {
  display: none;
}
.page-header__logo .logo-img--contacts {
  display: none;
}
.page-header__menu {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .page-header__menu .uk-navbar-nav {
    display: none;
  }
}
.page-header__menu .uk-navbar-nav > li {
  margin: 0 20px;
  margin: 0 1.0416666667vw;
}
.page-header__menu .uk-navbar-nav > li > a {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  display: block;
  position: relative;
  min-height: auto;
  padding: 0;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.27;
  font-family: FuturaPT;
  text-transform: uppercase;
  transition: 0.5s;
}
.page-header__menu .uk-navbar-nav > li > a::after {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #FFC039;
  content: "";
  transition: 0.5s;
}
.page-header__menu .uk-navbar-nav > li > a:hover {
  color: #FFC039;
}
.page-header__menu .uk-navbar-nav > li > a:hover:after {
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .page-header__menu .uk-navbar-nav > li > a {
    font-weight: 300;
    font-size: 14px;
  }
}

.menu-btn {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  border: 2px solid #FFC039;
  background: none;
  color: #fff;
  cursor: pointer;
  transition: 0.3s;
}
.menu-btn svg path {
  fill: #fff;
}
.menu-btn:hover {
  background: #D69B1C;
  color: #fff;
}
@media only screen and (max-width: 1199px) {
  .menu-btn {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .menu-btn {
    width: 30px;
    height: 30px;
    margin-left: 0;
  }
}
.menu-btn .menu-btn-open {
  display: block;
}
.menu-btn .menu-btn-close {
  display: none;
}
.menu-btn.is-active {
  color: #fff !important;
}
.menu-btn.is-active .menu-btn-open {
  display: none;
}
.menu-btn.is-active .menu-btn-close {
  display: block;
}

.select-lang {
  position: relative;
  margin: 0 43px 0 25px;
  margin: 0 2.2395833333vw 0 1.3020833333vw;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  color: #fff;
}
@media only screen and (max-width: 1199px) {
  .select-lang {
    display: none;
  }
}
.select-lang button {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
  border-bottom: 2px solid #FFC039;
  color: #FFFFFF;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 1.27;
  text-transform: uppercase;
}
.select-lang button svg {
  margin-left: 5px;
}
.select-lang [class*=uk-drop-bottom] {
  margin-top: 7px;
}
.select-lang .uk-drop {
  width: 50px;
}
@media only screen and (max-width: 1199px) {
  .select-lang .uk-drop {
    width: 60px;
    padding: 0 10px;
    background: #000;
  }
}
@media only screen and (max-width: 767px) {
  .select-lang .uk-drop {
    width: 50px;
    padding: 0;
  }
}
.select-lang .uk-drop ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.select-lang .uk-drop ul li {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          align-items: center;
}
.select-lang .uk-drop ul li::before {
  display: block;
  width: 4px;
  height: 4px;
  margin-right: 10px;
  border-radius: 50%;
  background-color: #FFC039;
  content: "";
}
.select-lang .uk-drop ul li span {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  display: block;
  position: relative;
  color: #FFFFFF;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 1.67;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.5s;
}
.select-lang .uk-drop ul li span:hover {
  color: #FFC039;
  text-decoration: none;
}

.log-in {
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0;
  margin: 0 43px 0 0;
  margin: 0 2.2395833333vw 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #fff;
  cursor: pointer;
  transition: 0.25s;
}
.log-in img {
  max-width: 24px;
}
.log-in:hover {
  color: #FFC039;
}
@media only screen and (max-width: 1199px) {
  .log-in {
    display: none;
  }
}

.forgot {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 300;
  font-size: 14px;
  line-height: 1.29;
  text-decoration: none;
}
.forgot:hover {
  color: #F7D720;
  text-decoration: none;
}

.registration {
  color: #F7D720;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.29;
}
.registration:hover {
  color: #f7d720;
  text-decoration: none;
  opacity: 0.8;
}

.modal--white .uk-modal-dialog {
  width: 550px;
  padding: 100px;
  background: #fff;
}
.modal--white .uk-modal-body .uk-modal-title {
  color: #000;
  font-size: 30px;
}
.modal--white .uk-modal-body {
  color: #878C98;
}
.modal--white .uk-button {
  color: #3A424D;
  font-size: 16px;
}
@media only screen and (max-width: 639px) {
  .modal--white .uk-modal-dialog {
    padding: 50px 20px 40px;
  }
  .modal--white .uk-modal-body .uk-modal-title {
    font-size: 24px;
  }
}

.registration-modal .contract-info {
  color: #878C98;
  font-weight: 300;
  font-size: 14px;
  line-height: 120%;
}
@media only screen and (max-width: 639px) {
  .registration-modal .radio__box {
    font-size: 16px;
  }
  .registration-modal .drop {
    min-width: 75px;
  }
  .registration-modal .uk-margin-left {
    margin-left: 15px !important;
  }
}

.log-in-modal .uk-modal-dialog {
  background: #10151B;
}
@media only screen and (max-width: 639px) {
  .log-in-modal .uk-modal-body {
    padding: 50px 20px 40px;
  }
  .log-in-modal .uk-modal-body .uk-modal-title {
    font-size: 24px;
  }
}

.steps {
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      flex-wrap: wrap;
  margin: 0 0 40px 0;
  padding: 0;
  list-style: none;
}
.steps li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 104px;
  position: relative;
          flex: 0 0 104px;
}
.steps li::after {
  display: block;
  position: absolute;
  bottom: 15px;
  left: 30px;
  width: calc( 100% - 30px );
  height: 2px;
  background: #B4BACA;
  content: "";
}
.steps li:last-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
}
.steps li:last-child::after {
  display: none;
}
.steps li a {
  text-decoration: none;
}
.steps li.uk-active .steps__name {
  color: #4285F4;
}
.steps li.uk-active .steps__number {
  border: 2px solid #4285F4;
  background: #4285F4;
  color: #fff;
}
.steps li.is-done .steps__number {
  border: 2px solid #4285F4;
}
.steps li.is-done::after {
  background: #4285F4;
}
.steps__name {
  max-width: 38px;
  height: 20px;
  margin-bottom: 5px;
  color: #B4BACA;
  font-weight: 300;
  font-size: 12px;
  line-height: 80%;
}
.steps__number {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  border: 2px solid #B4BACA;
  border-radius: 50%;
  color: #5C6170;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.05em;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (max-width: 639px) {
  .steps {
    width: 243px;
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: auto;
  }
  .steps li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70px;
            flex: 0 0 70px;
  }
  .steps__name {
    font-size: 10px;
  }
}

.form-specification {
  margin-top: 12px;
  color: #878C98;
  font-weight: 300;
  font-size: 16px;
  line-height: 100%;
}
@media only screen and (max-width: 639px) {
  .form-specification {
    font-size: 15px;
  }
}

.password-quality__title {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          justify-content: space-between;
  color: rgba(58, 66, 77, 0.5);
  font-weight: 300;
  font-size: 16px;
  line-height: 100%;
}
.password-quality__percent {
  color: #3A424D;
  font-size: 16px;
  line-height: 100%;
}
.password-quality__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 12px 0 0 0;
  padding: 0;
  list-style: none;
}
.password-quality__list li {
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  width: 66px;
  height: 9px;
  margin-right: 4px;
  background-image: url('data:image/svg+xml;utf8,<svg width="66" height="9" viewBox="0 0 66 9" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="9" height="9" fill="%23E1E3EA"/><rect x="11" width="9" height="9" fill="%23E1E3EA"/><rect x="22" width="9" height="9" fill="%23E1E3EA"/><rect x="35" width="9" height="9" fill="%23E1E3EA"/><rect x="46" width="9" height="9" fill="%23E1E3EA"/><rect x="57" width="9" height="9" fill="%23E1E3EA"/></svg>');
  transition: 0.25s;
}
.password-quality__list li._active {
  background-image: url('data:image/svg+xml;utf8,<svg width="66" height="9" viewBox="0 0 66 9" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="9" height="9" fill="%2302C999"/><rect x="11" width="9" height="9" fill="%2302C999"/><rect x="22" width="9" height="9" fill="%2302C999"/><rect x="35" width="9" height="9" fill="%2302C999"/><rect x="46" width="9" height="9" fill="%2302C999"/><rect x="57" width="9" height="9" fill="%2302C999"/></svg>');
}

.row-title {
  margin-top: 0;
  margin-bottom: 17px;
  color: #3A424D;
  font-weight: 300;
  font-size: 16px;
  line-height: 100%;
}

.reg-payment {
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      flex-wrap: wrap;
  margin: 0;
  margin: 0 -8px 40px;
  padding: 0;
  list-style: none;
}
.reg-payment li {
  margin-bottom: 16px;
  padding: 0 8px;
}
.reg-payment__item {
  position: relative;
  cursor: pointer;
}
.reg-payment__img {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  width: 106px;
  height: 50px;
  margin-bottom: 8px;
  padding: 0 9px;
  border: 1px solid transparent;
  background: #F0F1F4;
}
.reg-payment__img img {
  display: block;
  max-width: 100%;
}
.reg-payment__name {
  display: block;
  color: #878C98;
  font-weight: 300;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
}
.reg-payment__input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
@media only screen and (max-width: 639px) {
  .reg-payment {
    width: 244px;
    margin-right: auto;
    margin-left: auto;
  }
}

.reg-payment__input:checked + .reg-payment__inner .reg-payment__img {
  border-color: #F7D720;
}
.reg-payment__input:checked + .reg-payment__inner .reg-payment__name {
  color: #3A424C;
}

.tooltip-badge {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 22px;
  height: 22px;
          transform: translateY(-50%);
  background-image: url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.8"><circle opacity="0.5" cx="11" cy="11" r="10.5" stroke="%23F7D720"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.142 6.44661C12.142 7.07944 11.6288 7.59245 10.9957 7.59245C10.3627 7.59245 9.84954 7.07944 9.84954 6.44661C9.84954 5.81379 10.3627 5.30078 10.9957 5.30078C11.6288 5.30078 12.142 5.81379 12.142 6.44661ZM13.2904 13.3216H12.1453V8.73828H8.70703V11.0299H9.85286V13.3216H8.70703V15.6133H13.2904V13.3216Z" fill="%23F7D720"/></g></svg>');
  background-size: cover;
  content: "";
}

.payment-drop {
  display: none;
}
.payment-drop.is-active {
  display: block;
}

.success-registration {
  color: #3A424C;
  font-weight: 300;
  font-size: 16px;
  line-height: 120%;
}
.success-registration .row-title {
  margin-bottom: 10px;
}
.success-registration p {
  margin: 0;
}

.destination-step {
  display: none;
}
.destination-step.is-active {
  display: block;
}

.page-footer {
  display: block;
  z-index: 2;
  position: relative;
  padding: 8px 0;
  background-color: #FFDE3F;
}
@media only screen and (max-width: 479px) {
  .page-footer {
    padding: 14px 0;
  }
}
.page-footer__inner {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: space-between;
}
@media only screen and (max-width: 479px) {
  .page-footer__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.page-footer__copy {
  color: #000000;
  font-style: normal;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.27;
  font-family: FuturaPT;
}
@media only screen and (max-width: 1199px) {
  .page-footer__copy {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .page-footer__copy {
    font-size: 12px;
  }
}
@media only screen and (max-width: 479px) {
  .page-footer__social {
    margin-bottom: 12px;
  }
}

.mainmenu {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  padding: 150px 0 50px;
  background-color: rgba(0, 0, 0, 0.95);
}
@media only screen and (max-width: 1199px) {
  .mainmenu {
    padding: 100px 0 50px;
    background-image: none;
  }
}
@media only screen and (max-width: 767px) {
  .mainmenu {
    padding: 70px 0 30px;
  }
}
.mainmenu__lines {
  display: block;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}
.mainmenu__line {
  display: block;
  z-index: -1;
  position: absolute;
  width: 713px;
  width: 37.1354166667vw;
  height: 586px;
  height: 30.5208333333vw;
  opacity: 0.3;
}
.mainmenu__line--left {
  top: 50px;
  left: -10%;
}
@media only screen and (max-width: 767px) {
  .mainmenu__line--left {
    top: 0;
    left: 0;
  }
}
.mainmenu__line--right {
  right: -70px;
  bottom: -5%;
}
@media only screen and (max-width: 767px) {
  .mainmenu__line--right {
    right: -50px;
    bottom: 0;
  }
}
.mainmenu .uk-container {
  z-index: 2;
  position: relative;
}
.mainmenu__inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  position: relative;
          flex-direction: column;
          align-items: stretch;
          justify-content: space-between;
  height: calc(100vh - 200px);
  color: #fff;
}
@media only screen and (max-width: 1199px) {
  .mainmenu__inner {
    height: calc(100vh - 150px);
  }
}
@media only screen and (max-width: 767px) {
  .mainmenu__inner {
    height: calc(100vh - 100px);
    padding-top: 20px;
    overflow-y: auto;
  }
}
.mainmenu__inner h1 {
  color: #fff;
}
.mainmenu__list {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex-grow: 1;
          flex-direction: column;
          align-items: center;
          justify-content: center;
}
@media only screen and (max-width: 767px) {
  .mainmenu__list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.mainmenu__list > div {
  z-index: 20;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .mainmenu__list > div {
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin-bottom: 20px;
  }
}
.mainmenu__list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
@media only screen and (max-width: 767px) {
  .mainmenu__list ul {
    width: 100%;
  }
}
.mainmenu__list ul > li {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .mainmenu__list ul > li {
    text-align: right;
  }
}
.mainmenu__list ul > li.visible-mobile {
  display: none;
}
@media only screen and (max-width: 767px) {
  .mainmenu__list ul > li.visible-mobile {
    display: block;
  }
}
.mainmenu__list ul > li + li {
  margin-top: 20px;
}
@media only screen and (max-width: 1199px) {
  .mainmenu__list ul > li + li {
    margin-top: 5px;
  }
}
.mainmenu__list ul > li > a {
  -webkit-box-sizing: border-box;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
          box-sizing: border-box;
  display: inline-block;
  position: relative;
  border: 1px solid transparent;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 2.29;
  font-family: FuturaPT;
  text-transform: uppercase;
  transition: 0.3s;
}
.mainmenu__list ul > li > a:hover {
  border: 1px solid rgba(255, 255, 255, 0.34);
  color: #FFC039;
  text-decoration: none;
}
@media only screen and (max-width: 1199px) {
  .mainmenu__list ul > li > a {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .mainmenu__list ul > li > a {
    font-size: 14px;
  }
}
.mainmenu__list .select-lang {
  display: none;
}
@media only screen and (max-width: 1199px) {
  .mainmenu__list .select-lang {
    display: block;
    text-align: left;
  }
}
.mainmenu__list .log-in {
  display: none;
  height: 29px;
  margin-right: 0;
  margin-left: 20px;
}
@media only screen and (max-width: 1199px) {
  .mainmenu__list .log-in {
    display: block;
  }
}
.mainmenu__bottom {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  -webkit-box-align: end;
      -ms-flex-align: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  position: relative;
          align-items: flex-end;
          justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .mainmenu__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            flex-direction: column-reverse;
            align-items: center;
            justify-content: stretch;
    margin-top: 20px;
  }
}
.mainmenu__bottom a {
  -webkit-box-align: start;
      -ms-flex-align: start;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
          align-items: flex-start;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.28;
  font-family: FuturaPT;
  transition: 0.3s;
}
.mainmenu__bottom a:hover {
  color: #FFC039;
  text-decoration: none;
}
@media only screen and (max-width: 1199px) {
  .mainmenu__bottom a {
    font-weight: 400;
    font-size: 14px;
  }
}
.mainmenu__bottom a .uk-svg {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
  height: 24px;
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  .mainmenu__bottom a .uk-svg {
    margin-right: 10px;
  }
}
.mainmenu__bottom a.no-icon {
  padding-left: 44px;
}
.mainmenu__adress {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .mainmenu__adress {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
}
.mainmenu__adress::before {
  display: block;
  position: absolute;
  right: 0;
  bottom: -40px;
  width: 500px;
  height: 40px;
  background-image: url(../img/decor/mainmenu_adress.svg);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
@media only screen and (max-width: 1199px) {
  .mainmenu__adress::before {
    right: auto;
    left: -30px;
    width: 400px;
    height: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .mainmenu__adress::before {
    display: none;
  }
}
.mainmenu__adress > * + * {
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  .mainmenu__adress > * + * {
    margin-top: 9px;
  }
}
.mainmenu__contacts {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          flex-direction: column;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .mainmenu__contacts {
    margin-bottom: 9px;
  }
}

.our-projects {
  margin-bottom: 35px;
  border-radius: 30px;
  background: -o-linear-gradient(310.37deg, rgba(255, 255, 255, 0) -2.97%, rgba(255, 255, 255, 0.08) 93.62%);
  background: linear-gradient(139.63deg, rgba(255, 255, 255, 0) -2.97%, rgba(255, 255, 255, 0.08) 93.62%);
}
@media only screen and (max-width: 767px) {
  .our-projects {
    display: none;
  }
}
.our-projects__box {
  display: block;
  position: relative;
}
.our-projects__title {
  padding: 25px 10px;
  background-image: url(../img/decor/our-projects-title.svg);
  background-position: center top;
  background-repeat: no-repeat;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  text-align: center;
}
.our-projects__item {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  width: 236px;
  height: 40px;
  padding: 5px;
}
.our-projects__item img {
  max-height: 21px;
}

.uk-modal-dialog {
  width: 540px;
  background: #181818;
}

.uk-modal-body {
  padding: 60px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.28;
}
@media only screen and (max-width: 639px) {
  .uk-modal-body {
    padding: 25px 20px;
  }
}
.uk-modal-body .uk-modal-title {
  margin-bottom: 35px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 300;
  font-size: 36px;
  line-height: 1.1;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .uk-modal-body .uk-modal-title {
    font-size: calc(18px + 30.6 * ((100vw - 320px) / 1920));
  }
}
@media (min-width: 767px) {
  .uk-modal-body .uk-modal-title {
    font-size: calc(18px + 18 * (100vw / 1920));
  }
}
@media only screen and (max-width: 639px) {
  .uk-modal-body .uk-modal-title {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 639px) {
  .uk-modal-body .uk-margin-medium {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 639px) {
  .uk-modal-body * + .uk-margin-medium, .uk-modal-body .uk-margin-medium-top {
    margin-top: 20px !important;
  }
}

[class*=uk-modal-close-] {
  -webkit-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
}
[class*=uk-modal-close-]:hover {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  color: #FFC039;
}

#callback .anim-button {
  min-width: 280px;
}
@media only screen and (max-width: 767px) {
  #callback .anim-button {
    width: 100%;
    min-width: auto;
  }
}

#message .uk-modal-dialog {
  width: 740px;
  border: 5px solid #FFC039;
  background: #181818;
}
#message .uk-modal-title {
  font-weight: 700;
}

.paument-logo {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 170px;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
  padding: 30px 40px;
  border-radius: 30px;
  background: #F8F9FA;
}
.paument-logo img {
  display: block;
  width: 100%;
}

.button-all-modal {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 20;
  position: fixed;
  bottom: 10px;
  left: 10px;
          align-items: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  background: #F7D720;
  color: #000;
}

.drop {
  display: block;
  z-index: 3;
  position: relative;
  min-width: 100px;
}
.drop._active {
  z-index: 11;
}
.drop._active .drop-button {
  background-image: none;
}
.drop._active-close .drop-button {
  background-image: none;
}
.drop-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: none;
  z-index: 3;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 0;
  overflow: hidden;
  border: 1px solid #E1E3EA;
  border-top: 0;
  background-color: #fff;
}
.drop-input {
  -o-text-overflow: ellipsis;
  height: 45px;
  padding: 0 45px 0 0;
  overflow: hidden;
  color: #30393E;
  line-height: 45px;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.drop-input:hover, .drop-input:focus, .drop-input:active {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.drop-input:placeholder {
  color: #9FA4B0;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: 0.01em;
}
.drop-input:focus::-webkit-input-placeholder {
  opacity: 0;
}
.drop-input:focus::-moz-placeholder {
  opacity: 0;
}
.drop-input:focus:-ms-input-placeholder {
  opacity: 0;
}
.drop-input:focus::-ms-input-placeholder {
  opacity: 0;
}
.drop-input:focus::placeholder {
  opacity: 0;
}
.drop-input-hide {
  display: none;
}
.drop-button {
  -o-text-overflow: ellipsis;
  height: 45px;
  padding: 0 45px 0 0;
  overflow: hidden;
  background-image: url("data:image/svg+xml,%3Csvg width=6' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline fill='none' stroke='%23A3AED0' stroke-width='1.03' points='16 7 10 13 4 7'%3E%3C/polyline%3E%3C/svg%3E");
  background-position: right 10px center;
  background-size: 15px;
  background-repeat: no-repeat;
  color: #B4BACA;
  color: #9FA4B0;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 3;
  line-height: 1.29;
  letter-spacing: 0.01em;
  text-align: left;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.drop-clear {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: none;
  z-index: 5;
  position: absolute;
  top: 0;
  right: 0;
          align-items: center;
          justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23C3C8D5' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'%3E%3C/path%3E%3C/svg%3E");
  background-position: center;
  background-size: 15px;
  background-repeat: no-repeat;
  color: #FFC039;
  cursor: pointer;
}
.drop-clear:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FF6A6A' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'%3E%3C/path%3E%3C/svg%3E");
  background-position: center;
  background-size: 15px;
  background-repeat: no-repeat;
}
.drop-clear._active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.drop-clear._active ~ .uk-input {
  background-image: none !important;
}
.drop-overflow {
  -moz-appearance: none !important;
  max-height: 160px;
  overflow: auto;
  scrollbar-color: #E2EBEC #FFFFFF;
  scrollbar-width: thin !important;
}
.drop-overflow::-webkit-scrollbar {
  width: 4px;
}
.drop-overflow::-webkit-scrollbar-track {
  background-color: #FFFFFF;
}
.drop-overflow::-webkit-scrollbar-thumb {
  background-color: #E2EBEC;
}
.drop .drop-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.drop .drop-list-item {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  display: block;
  position: relative;
  padding: 8px 15px;
  color: #9FA4B0;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: 0.3s;
}
.drop .drop-list-item:hover {
  background: #F8F9FA;
  color: #30393E;
}
.drop .drop-list-item a {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  display: block;
  display: block;
  position: relative;
  color: #000;
  font-size: 14px;
  transition: 0.3s;
}
.drop .drop-list-item a:hover {
  color: #FFC039;
  text-decoration: none;
}

.drop.--select .drop-overflow {
  max-height: 150px;
}
.drop.--select .drop-clear._active ~ .drop-button {
  color: #30393E;
}

.--arrow .drop-input,
.--arrow .drop-button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 34px;
  border-color: #E1E3EA;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline fill='none' stroke='%23B4BACA' stroke-width='1.03' points='16 7 10 13 4 7'%3E%3C/polyline%3E%3C/svg%3E");
  background-position: right 10px center;
  background-size: 15px;
  background-repeat: no-repeat;
  color: #878C98;
}
.--arrow._active .drop-input,
.--arrow._active .drop-button, .--arrow._active-close .drop-input,
.--arrow._active-close .drop-button {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline fill='none' stroke='%23B4BACA' stroke-width='1.03' points='4 13 10 7 16 13'%3E%3C/polyline%3E%3C/svg%3E");
}

.--search .drop-input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve' fill='%23ccc'%3E%3Cpath d='M225.474,0C101.151,0,0,101.151,0,225.474c0,124.33,101.151,225.474,225.474,225.474 c124.33,0,225.474-101.144,225.474-225.474C450.948,101.151,349.804,0,225.474,0z M225.474,409.323 c-101.373,0-183.848-82.475-183.848-183.848S124.101,41.626,225.474,41.626s183.848,82.475,183.848,183.848 S326.847,409.323,225.474,409.323z'/%3E%3Cpath d='M505.902,476.472L386.574,357.144c-8.131-8.131-21.299-8.131-29.43,0c-8.131,8.124-8.131,21.306,0,29.43l119.328,119.328 c4.065,4.065,9.387,6.098,14.715,6.098c5.321,0,10.649-2.033,14.715-6.098C514.033,497.778,514.033,484.596,505.902,476.472z'/%3E%3C/svg%3E%0A");
  background-position: right 14px center;
  background-size: 15px;
  background-repeat: no-repeat;
}
.--search._active .drop-input, .--search._active._active-close {
  background-image: none;
}

.hero {
  display: block;
  position: relative;
}
.hero__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .hero__box {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .hero__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.hero__box::before {
  display: block;
  position: absolute;
  top: -202px;
  left: -102px;
  width: 228px;
  height: 789px;
  background-image: url(../img/decor/hero-left.svg);
  background-repeat: no-repeat;
  content: "";
}
@media only screen and (max-width: 1199px) {
  .hero__box::before {
    left: 80px;
    width: 171px;
    height: 555px;
    background-size: contain;
  }
}
@media only screen and (max-width: 767px) {
  .hero__box::before {
    left: 20px;
  }
}
.hero__desc {
  width: 100%;
  max-width: 720px;
}
@media only screen and (max-width: 1199px) {
  .hero__desc {
    width: 60%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .hero__desc {
    width: 100%;
  }
}
.hero__media {
  width: 100%;
  max-width: calc(100% - 720px);
  padding-top: 44px;
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .hero__media {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
            align-items: center;
            justify-content: center;
    width: 40%;
    max-width: 100%;
    padding-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .hero__media {
    width: 100%;
    padding: 40px 0;
  }
}
.hero__media img {
  max-width: 80%;
}
.hero__media::before {
  display: block;
  z-index: -1;
  position: absolute;
  top: -50px;
  right: 50px;
  width: 226px;
  height: 789px;
  background-image: url(../img/decor/hero-right.svg);
  background-repeat: no-repeat;
  content: "";
}
.hero__media-bg-animation {
  display: block;
  position: absolute;
  top: -25px;
  right: -120px;
  width: 660px;
  height: 490px;
}
@media only screen and (max-width: 1199px) {
  .hero__media-bg-animation {
    right: -200px;
  }
}
@media only screen and (max-width: 767px) {
  .hero__media-bg-animation {
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    right: auto;
    left: 50%;
    width: 555px;
    height: 681px;
            transform: translateX(-50%);
  }
}
.hero__animation {
  max-width: 400px;
  max-height: 400px;
}
.hero__animation svg {
  width: auto !important;
  max-width: 400px;
  height: auto !important;
  max-height: 400px;
}
.hero__title {
  display: block;
  position: relative;
  padding: 90px 0 70px 70px;
}
@media only screen and (max-width: 1199px) {
  .hero__title {
    padding: 90px 0 70px 35px;
  }
}
@media only screen and (max-width: 767px) {
  .hero__title {
    padding: 80px 0 80px 20px;
  }
}
.hero__title .uk-h1 {
  margin: 0 0 10px 0;
  color: #fff;
  font-style: normal;
  font-weight: 300;
  font-size: 64px;
  line-height: 102.7%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .hero__title .uk-h1 {
    font-size: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .hero__title .uk-h1 {
    font-size: 30px;
  }
}
.hero__title .uk-h1 span {
  color: #FFC039;
  font-weight: 800;
}
.hero__title p {
  margin: 0;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 1;
}
@media only screen and (max-width: 1199px) {
  .hero__title p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .hero__title p {
    font-size: 16px;
  }
}
.hero__title .border {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 360px;
  height: 100%;
}
.hero__title .border > span {
  display: block;
  position: absolute;
  background-color: #FFC039;
}
.hero__title .border span.right-top {
  -webkit-transition-property: height;
  -o-transition-property: height;
  -webkit-animation-name: right-top;
  -webkit-animation-duration: 500ms;
  -webkit-animation-delay: 500ms;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  right: 0;
  bottom: calc(100% - 44px);
  width: 8px;
  height: 0px;
          animation-duration: 500ms;
          animation-timing-function: linear;
          animation-delay: 500ms;
          animation-fill-mode: forwards;
          animation-name: right-top;
  transition-property: height;
}
@-webkit-keyframes right-top {
  0% {
    height: 0;
  }
  100% {
    height: 44px;
  }
}
@keyframes right-top {
  0% {
    height: 0;
  }
  100% {
    height: 44px;
  }
}
.hero__title .border span.top {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
  -webkit-transform-origin: right;
      -ms-transform-origin: right;
  -webkit-animation-name: top;
  -webkit-animation-duration: 1000ms;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 1000ms;
  -webkit-animation-fill-mode: forwards;
  top: 0;
  left: 100%;
  width: 0;
  height: 8px;
          transform: translateX(-100%);
          transform-origin: right;
          animation-duration: 1000ms;
          animation-timing-function: linear;
          animation-delay: 1000ms;
          animation-fill-mode: forwards;
          animation-name: top;
}
@-webkit-keyframes top {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes top {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.hero__title .border span.left {
  -webkit-animation-name: left;
  -webkit-animation-duration: 500ms;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 2000ms;
  -webkit-animation-fill-mode: forwards;
  top: 0;
  left: 0;
  width: 8px;
  height: 0;
          animation-duration: 500ms;
          animation-timing-function: linear;
          animation-delay: 2000ms;
          animation-fill-mode: forwards;
          animation-name: left;
}
@-webkit-keyframes left {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
@keyframes left {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.hero__title .border span.bottom {
  -webkit-animation-name: bottom;
  -webkit-animation-duration: 1000ms;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 2500ms;
  -webkit-animation-fill-mode: forwards;
  bottom: 0;
  left: 0;
  width: 0;
  height: 8px;
          animation-duration: 1000ms;
          animation-timing-function: linear;
          animation-delay: 2500ms;
          animation-fill-mode: forwards;
          animation-name: bottom;
}
@-webkit-keyframes bottom {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes bottom {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.hero__title .border span.right-bottom {
  -webkit-animation-name: right-bottom;
  -webkit-animation-duration: 500ms;
  -webkit-animation-delay: 3500ms;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  right: 0;
  bottom: 0;
  width: 8px;
  height: 0;
          animation-duration: 500ms;
          animation-timing-function: linear;
          animation-delay: 3500ms;
          animation-fill-mode: forwards;
          animation-name: right-bottom;
}
@-webkit-keyframes right-bottom {
  0% {
    height: 0;
  }
  100% {
    height: 44px;
  }
}
@keyframes right-bottom {
  0% {
    height: 0;
  }
  100% {
    height: 44px;
  }
}
.hero__title .decor {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 360px;
  height: 100%;
}
.hero__title .decor::before, .hero__title .decor::after {
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  content: "";
}
.hero__title .decor::before {
  top: -10px;
  right: -7px;
  width: 162px;
  height: 67px;
  background-image: url(../img/decor/hero-title-right.svg);
}
.hero__title .decor::after {
  bottom: -10px;
  left: -7px;
  width: 215px;
  height: 215px;
  background-image: url(../img/decor/hero-title-left.svg);
}
.hero__info {
  display: block;
  position: relative;
  margin-top: 120px;
  padding-left: 70px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 1199px) {
  .hero__info {
    margin-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .hero__info {
    margin-top: 0;
    padding-left: 0;
  }
}
.hero__info::before {
  display: block;
  position: absolute;
  top: -55px;
  left: -50px;
  width: 133px;
  height: 228px;
  background-image: url(../img/decor/service-hero-info.png);
  background-position: top left;
  background-repeat: no-repeat;
  content: "";
}
@media only screen and (max-width: 767px) {
  .hero__info::before {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .hero__info {
    font-size: 16px;
  }
}
.hero__info h2 {
  margin: 0 0 25px 0;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .hero__info h2 {
    font-size: 21px;
  }
}
.hero__info .uk-text-muted {
  color: #B0B0B0;
}
.hero__info .uk-text-muted p {
  margin: 0;
  color: #B0B0B0;
}
.hero__info .uk-text-muted ul {
  margin: 0;
  padding-left: 20px;
  color: #B0B0B0;
}

.plus-block {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: relative;
  height: 100%;
}
.plus-block::before {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
  display: block;
  z-index: 1;
  position: absolute;
  top: 60px;
  left: -24px;
  width: 168px;
  height: 1px;
          transform: rotate(-45deg);
  background-color: #FFC039;
  content: "";
}
@media only screen and (max-width: 1199px) {
  .plus-block::before {
    -webkit-transform: rotate(300deg);
        -ms-transform: rotate(300deg);
    top: 60px;
    left: -35px;
    width: 140px;
    height: 1px;
            transform: rotate(300deg);
  }
}
.plus-block::after {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 37px;
  height: 37px;
  background-image: url(../img/decor/plus-block-triangle.svg);
  content: "";
}
.plus-block__box {
  -webkit-box-sizing: border-box;
  -webkit-backdrop-filter: blur(10px);
  -webkit-clip-path: polygon(120px 0, 100% 0, 100% 100%, 0 100%, 0 120px);
          box-sizing: border-box;
  height: 100%;
  min-height: 225px;
  padding: 80px 70px 40px 130px;
  border: 1px solid #FFC039;
          backdrop-filter: blur(10px);
  background: -o-linear-gradient(351.4deg, rgba(66, 66, 66, 0.057) -0.58%, rgba(97, 97, 97, 0.128954) 36.05%, rgba(16, 21, 27, 0.3) 100%);
  background: linear-gradient(98.6deg, rgba(66, 66, 66, 0.057) -0.58%, rgba(97, 97, 97, 0.128954) 36.05%, rgba(16, 21, 27, 0.3) 100%);
          clip-path: polygon(120px 0, 100% 0, 100% 100%, 0 100%, 0 120px);
}
@media only screen and (max-width: 1199px) {
  .plus-block__box {
    -webkit-clip-path: polygon(70px 0, 100% 0, 100% 100%, 0 100%, 0 120px);
    padding: 100px 10px 30px 60px;
            clip-path: polygon(70px 0, 100% 0, 100% 100%, 0 100%, 0 120px);
  }
}
@media only screen and (max-width: 767px) {
  .plus-block__box {
    padding: 100px 10px 30px 20px;
  }
}
.plus-block__icon {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-filter: drop-shadow(0px 0px 58px rgba(255, 187, 63, 0.5));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  position: absolute;
  top: 12px;
  left: 12px;
          align-items: center;
          justify-content: center;
  width: 84px;
  height: 91px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFC039' viewBox='0 0 84 91'%3E%3Cpath d='M82.12 23.121L42.903.711a1.864 1.864 0 00-1.852 0L1.833 23.121a1.867 1.867 0 00-.941 1.621v41.085c0 .669.359 1.289.941 1.621l39.218 22.41a1.86 1.86 0 001.852 0l39.218-22.41c.582-.332.94-.952.94-1.62V24.741c0-.668-.358-1.288-.94-1.62z'/%3E%3C/svg%3E");
          filter: drop-shadow(0px 0px 58px rgba(255, 187, 63, 0.5));
}
@media only screen and (max-width: 1199px) {
  .plus-block__icon {
    top: 0;
    left: 0;
  }
}
.plus-block__title {
  display: block;
  position: relative;
  margin-bottom: 5px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.33;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .plus-block__title {
    font-size: 14px;
  }
}
.plus-block__title::before {
  display: block;
  position: absolute;
  top: -35px;
  left: -10px;
  width: 104px;
  height: 28px;
  background-image: url(../img/decor/solutions-item-dots.svg);
  content: "";
}
@media only screen and (max-width: 1199px) {
  .plus-block__title::before {
    left: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .plus-block__title::before {
    top: -50px;
    left: 70px;
  }
}
.plus-block__text {
  color: #FFFFFF;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.33;
}
@media only screen and (max-width: 1199px) {
  .plus-block__text {
    font-size: 16px;
    line-height: 1.25;
  }
}
@media only screen and (max-width: 767px) {
  .plus-block__text {
    font-size: 14px;
  }
}
.plus-block__line::before, .plus-block__line::after {
  display: block;
  position: absolute;
  width: 68px;
  height: 7px;
  background-image: url(../img/decor/plus-block-line.svg);
  content: "";
}
.plus-block__line::before {
  top: 0;
  left: 55%;
}
.plus-block__line::after {
  bottom: 0;
  left: 35%;
}
.plus-block__angel::before, .plus-block__angel::after {
  display: block;
  position: absolute;
  width: 69px;
  height: 69px;
  background-image: url(../img/decor/plus-block-angel.svg);
  content: "";
}
.plus-block__angel::before {
  bottom: 0;
  left: 0;
}
.plus-block__angel:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
  top: 0;
  right: 0;
          transform: rotate(180deg);
}

.page-service-blockquote {
  display: block;
  position: relative;
  max-width: 1140px;
  margin: 80px auto;
}
@media only screen and (max-width: 1199px) {
  .page-service-blockquote {
    margin: 70px auto;
  }
}
@media only screen and (max-width: 767px) {
  .page-service-blockquote {
    margin: 20px auto 40px;
  }
}
.page-service-blockquote div {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  -webkit-clip-path: polygon(0 0, calc(100% - 75px) 0%, 100% 100%, 75px 100%);
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  position: relative;
          align-items: center;
          justify-content: center;
  min-height: 80px;
  padding: 15px 170px;
  background: #181D21;
  background: -o-linear-gradient(351.4deg, rgba(66, 66, 66, 0.057) -0.58%, rgba(97, 97, 97, 0.128954) 36.05%, rgba(16, 21, 27, 0.3) 100%);
  background: linear-gradient(98.6deg, rgba(66, 66, 66, 0.057) -0.58%, rgba(97, 97, 97, 0.128954) 36.05%, rgba(16, 21, 27, 0.3) 100%);
  color: #FFDE3F;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-align: center;
          clip-path: polygon(0 0, calc(100% - 75px) 0%, 100% 100%, 75px 100%);
}
@media only screen and (max-width: 1199px) {
  .page-service-blockquote div {
    padding: 15px 120px;
  }
}
@media only screen and (max-width: 767px) {
  .page-service-blockquote div {
    -webkit-clip-path: polygon(0 0, calc(100% - 20px) 0%, 100% 100%, 20px 100%);
    padding: 10px 20px;
    font-size: 21px;
            clip-path: polygon(0 0, calc(100% - 20px) 0%, 100% 100%, 20px 100%);
  }
}
.page-service-blockquote::before, .page-service-blockquote::after {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
  display: block;
  z-index: 2;
  position: absolute;
  top: 50%;
  width: 557px;
  height: 60px;
          transform: translateY(-50%);
  background-repeat: no-repeat;
  content: "";
}
.page-service-blockquote::before {
  top: calc(50% + 5px);
  right: calc(100% - 160px);
  background-image: url(../img/decor/service-blockquote-left.png);
}
@media only screen and (max-width: 1199px) {
  .page-service-blockquote::before {
    right: calc(100% - 120px);
  }
}
@media only screen and (max-width: 767px) {
  .page-service-blockquote::before {
    right: calc(100% - 40px);
  }
}
.page-service-blockquote::after {
  top: calc(50% - 3px);
  left: calc(100% - 160px);
  background-image: url(../img/decor/service-blockquote-right.png);
}
@media only screen and (max-width: 1199px) {
  .page-service-blockquote::after {
    left: calc(100% - 120px);
  }
}
@media only screen and (max-width: 767px) {
  .page-service-blockquote::after {
    left: calc(100% - 30px);
  }
}
@media only screen and (max-width: 1199px) {
  .page-service-blockquote br {
    display: none;
  }
}

.block-clip {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: relative;
  height: 100%;
}
.block-clip::before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
  display: block;
  z-index: 1;
  position: absolute;
  top: 60px;
  right: -24px;
  width: 168px;
  height: 1px;
          transform: rotate(45deg);
  background-color: #FFC039;
  content: "";
}
@media only screen and (max-width: 767px) {
  .block-clip::before {
    -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
    top: 61px;
    right: -35px;
    width: 140px;
    height: 1px;
            transform: rotate(60deg);
  }
}
.block-clip::after {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 37px;
  height: 37px;
          transform: rotate(90deg);
  background-image: url(../img/decor/plus-block-triangle.svg);
  content: "";
}
.block-clip__box {
  -webkit-box-sizing: border-box;
  -webkit-backdrop-filter: blur(10px);
  -webkit-clip-path: polygon(calc(100% - 120px) 0, 100% 120px, 100% 100%, 0 100%, 0 0);
          box-sizing: border-box;
  height: 100%;
  min-height: 225px;
  padding: 50px;
  border: 1px solid #FFC039;
          backdrop-filter: blur(10px);
  background: -o-linear-gradient(351.4deg, rgba(66, 66, 66, 0.057) -0.58%, rgba(97, 97, 97, 0.128954) 36.05%, rgba(16, 21, 27, 0.3) 100%);
  background: linear-gradient(98.6deg, rgba(66, 66, 66, 0.057) -0.58%, rgba(97, 97, 97, 0.128954) 36.05%, rgba(16, 21, 27, 0.3) 100%);
          clip-path: polygon(calc(100% - 120px) 0, 100% 120px, 100% 100%, 0 100%, 0 0);
}
@media only screen and (max-width: 1199px) {
  .block-clip__box {
    padding: 50px 20px 30px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .block-clip__box {
    -webkit-clip-path: polygon(calc(100% - 70px) 0, 100% 120px, 100% 100%, 0 100%, 0 0);
    padding: 30px 20px 30px 20px;
            clip-path: polygon(calc(100% - 70px) 0, 100% 120px, 100% 100%, 0 100%, 0 0);
  }
}
.block-clip__title {
  max-width: calc(100% - 70px);
  margin-bottom: 20px;
  color: #FFC039;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .block-clip__title {
    max-width: calc(100% - 50px);
    margin-bottom: 15px;
    font-size: 18px;
  }
}
.block-clip__content {
  color: #FFFFFF;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.33;
}
@media only screen and (max-width: 1199px) {
  .block-clip__content {
    font-size: 16px;
    line-height: 1.25;
  }
}
.block-clip__content ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.block-clip__content ul li {
  display: block;
  position: relative;
  padding-left: 30px;
  font-size: 18px;
  line-height: 1.33;
}
@media only screen and (max-width: 1199px) {
  .block-clip__content ul li {
    font-size: 16px;
    line-height: 1.25;
  }
}
.block-clip__content ul li + li {
  margin-top: 5px;
}
.block-clip__content ul li::before {
  display: block;
  position: absolute;
  top: -7px;
  left: -8px;
  width: 36px;
  height: 36px;
  background-image: url(../img/decor/solutions-notice-title.svg);
  background-position: center;
  background-repeat: no-repeat;
  content: "";
}
.block-clip__content > *:last-child {
  margin-bottom: 0;
}
.block-clip__line::before, .block-clip__line::after {
  display: block;
  position: absolute;
  width: 68px;
  height: 7px;
  background-image: url(../img/decor/plus-block-line.svg);
  content: "";
}
.block-clip__line::before {
  top: 0;
  left: 40%;
}
.block-clip__line::after {
  bottom: 0;
  left: 45%;
}
.block-clip__angel::before, .block-clip__angel::after {
  display: block;
  position: absolute;
  width: 69px;
  height: 69px;
  background-image: url(../img/decor/plus-block-angel.svg);
  content: "";
}
.block-clip__angel::before {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
  top: 0;
  left: 0;
          transform: rotate(90deg);
}
.block-clip__angel:after {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
  right: 0;
  bottom: 0;
          transform: rotate(-90deg);
}

.block-clip.--small {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: relative;
  height: 100%;
}
.block-clip.--small::before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
  display: block;
  z-index: 1;
  position: absolute;
  top: 38px;
  right: -16px;
  width: 107px;
  height: 1px;
          transform: rotate(45deg);
  background-color: #FFC039;
  content: "";
}
.block-clip.--small::after {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 37px;
  height: 37px;
  background-image: url(../img/decor/plus-block-triangle.svg);
  content: "";
}
.block-clip.--small .block-clip__box {
  -webkit-box-sizing: border-box;
  -webkit-backdrop-filter: blur(10px);
  -webkit-clip-path: polygon(calc(100% - 75px) 0, 100% 75px, 100% 100%, 0 100%, 0 0);
          box-sizing: border-box;
  height: 100%;
  min-height: 225px;
  padding: 70px 40px 50px 50px;
  border: 1px solid #FFC039;
          backdrop-filter: blur(10px);
  background: -o-linear-gradient(351.4deg, rgba(66, 66, 66, 0.057) -0.58%, rgba(97, 97, 97, 0.128954) 36.05%, rgba(16, 21, 27, 0.3) 100%);
  background: linear-gradient(98.6deg, rgba(66, 66, 66, 0.057) -0.58%, rgba(97, 97, 97, 0.128954) 36.05%, rgba(16, 21, 27, 0.3) 100%);
          clip-path: polygon(calc(100% - 75px) 0, 100% 75px, 100% 100%, 0 100%, 0 0);
}
.block-clip.--small .block-clip__icon {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-filter: drop-shadow(0px 0px 58px rgba(255, 187, 63, 0.5));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  position: absolute;
  top: -40px;
  left: 50px;
          align-items: center;
          justify-content: center;
  width: 84px;
  height: 91px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFC039' viewBox='0 0 84 91'%3E%3Cpath d='M82.12 23.121L42.903.711a1.864 1.864 0 00-1.852 0L1.833 23.121a1.867 1.867 0 00-.941 1.621v41.085c0 .669.359 1.289.941 1.621l39.218 22.41a1.86 1.86 0 001.852 0l39.218-22.41c.582-.332.94-.952.94-1.62V24.741c0-.668-.358-1.288-.94-1.62z'/%3E%3C/svg%3E");
          filter: drop-shadow(0px 0px 58px rgba(255, 187, 63, 0.5));
}
.block-clip.--small .block-clip__icon span {
  color: #FFFFFF;
  font-style: normal;
  font-weight: bold;
  font-size: 48px;
  line-height: 1;
  text-transform: uppercase;
}
.block-clip.--small .block-clip__title {
  display: block;
  position: relative;
  margin-bottom: 5px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.33;
  text-transform: uppercase;
}
.block-clip.--small .block-clip__title::before {
  display: block;
  position: absolute;
  top: -35px;
  left: 82px;
  width: 104px;
  height: 28px;
  background-image: url(../img/decor/solutions-item-dots.svg);
  content: "";
}
.block-clip.--small .block-clip__text {
  color: #FFFFFF;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.33;
}
.block-clip.--small .block-clip__line::after {
  bottom: 0;
  left: 15%;
}
.block-clip.--small .block-clip__line::before {
  display: none;
}

.cta {
  display: block;
  position: relative;
}
.cta::before, .cta::after {
  display: block;
  z-index: -1;
  position: absolute;
  background-repeat: no-repeat;
  content: "";
}
.cta::before {
  top: -10px;
  right: -10px;
  width: 163px;
  height: 67px;
  background-image: url(../img/decor/service-cta-right.svg);
}
.cta::after {
  bottom: -10px;
  left: -10px;
  width: 215px;
  height: 215px;
  background-image: url(../img/decor/service-cta-left.svg);
}
.cta__wrap {
  -webkit-backdrop-filter: blur(5px);
  padding: 40px;
          backdrop-filter: blur(5px);
  background: -o-linear-gradient(351.4deg, rgba(66, 66, 66, 0.057) -0.58%, rgba(97, 97, 97, 0.128954) 36.05%, rgba(16, 21, 27, 0.3) 100%);
  background: linear-gradient(98.6deg, rgba(66, 66, 66, 0.057) -0.58%, rgba(97, 97, 97, 0.128954) 36.05%, rgba(16, 21, 27, 0.3) 100%);
}
@media only screen and (max-width: 767px) {
  .cta__wrap {
    padding: 30px 20px;
  }
}
.cta__box {
  -webkit-box-align: start;
      -ms-flex-align: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .cta__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.cta__logo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 155px;
          flex: 0 0 155px;
  width: 155px;
}
@media only screen and (max-width: 1199px) {
  .cta__logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px;
    width: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .cta__logo {
    display: block;
    height: 50px;
    max-height: 50px;
    margin: 0 auto;
  }
}
.cta__desc {
  margin-left: 40px;
  padding-left: 40px;
  border-left: 4px solid #FFC039;
  color: #FFFFFF;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 1.11;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 1199px) {
  .cta__desc {
    margin-left: 20px;
    padding-left: 20px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .cta__desc {
    margin-top: 20px;
    margin-left: 0;
    padding-top: 10px;
    padding-left: 0;
    border-top: 4px solid #FFC039;
    border-left: 0;
    font-size: 14px;
    text-align: center;
  }
}
.cta__desc p {
  margin: 10px 0;
}
.cta__desc .accent-color {
  font-weight: 500;
  font-size: 24px;
}
@media only screen and (max-width: 1199px) {
  .cta__desc .accent-color {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .cta__desc .accent-color {
    font-size: 16px;
  }
}
.cta__btn {
  margin-top: 30px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .cta__btn {
    margin-top: 20px;
  }
}

.page-index {
  display: block;
  position: relative;
}
.page-index::before {
  display: block;
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  width: 634px;
  height: 544px;
  background-image: url(../img/decor/index-right.svg);
  background-position: right top;
  background-repeat: no-repeat;
  content: "";
}
@media only screen and (max-width: 959px) {
  .page-index::before {
    display: none;
  }
}
.page-index::after {
  display: block;
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 634px;
  height: 544px;
  background-image: url(../img/decor/index-left.svg);
  background-position: left bottom;
  background-repeat: no-repeat;
  content: "";
}
@media only screen and (max-width: 959px) {
  .page-index::after {
    display: none;
  }
}
.page-index .page-wrapper {
  position: relative;
}
.page-index .page-wrapper::before {
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
  display: block;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 50%;
  width: 944px;
  height: 108px;
          transform: translateX(-50%);
  background-image: url(../img/decor/index-top.svg);
  background-position: center top;
  background-repeat: no-repeat;
  content: "";
}
@media only screen and (max-width: 959px) {
  .page-index .page-wrapper::before {
    display: none;
  }
}

.section-hero {
  display: block;
  position: relative;
  min-height: calc(100vh - 50px);
}
@media only screen and (max-width: 479px) {
  .section-hero {
    min-height: calc(100vh - 89px);
  }
}
.section-hero__video {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/bg_page-index.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #151822;
}
.section-hero__video video {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
  -o-object-fit: cover;
  -o-object-position: center;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120%;
  height: 120%;
     object-fit: cover;
     object-position: center;
          transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
  .section-hero__video video {
    display: none;
  }
}
.section-hero__inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  position: relative;
          flex-direction: column;
          align-items: center;
          justify-content: center;
  min-height: calc(100vh - 50px);
  padding-top: 150px;
  padding-top: 13.9vh;
  padding-bottom: 20px;
}
@media only screen and (max-width: 1199px) {
  .section-hero__inner {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .section-hero__inner {
    min-height: calc(100vh - 89px);
    padding-top: 70px;
  }
}
.section-hero__title {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex-direction: column;
  color: #FFFFFF;
  font-style: normal;
  font-weight: normal;
  font-size: 72px;
  line-height: 1.1;
  font-family: ProximaNova;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .section-hero__title {
    font-size: calc(24px + 81.6 * ((100vw - 320px) / 1920));
  }
}
@media (min-width: 767px) {
  .section-hero__title {
    font-size: calc(24px + 48 * (100vw / 1920));
  }
}
.section-hero__title strong {
  color: #FFC039;
}
@media only screen and (max-width: 1199px) {
  .section-hero__title {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .section-hero__title {
    margin-bottom: 23px;
  }
}
.section-hero__animation {
  -webkit-transform: translate(-12px, -22px);
      -ms-transform: translate(-12px, -22px);
          transform: translate(-12px, -22px);
}
@media only screen and (max-width: 1199px) {
  .section-hero__animation {
    -webkit-transform: none;
        -ms-transform: none;
    margin-bottom: 0;
            transform: none;
  }
}
.section-hero__animation img {
  width: 1436px;
  width: 74.7916666667vw;
  height: 544px;
  height: 28.3333333333vw;
}
@media only screen and (max-width: 1199px) {
  .section-hero__animation img {
    width: auto;
    height: auto;
  }
}
.section-hero__animation-desctop {
  display: block;
}
@media only screen and (max-width: 1024px) {
  .section-hero__animation-desctop {
    display: none;
  }
}
.section-hero__animation-tablet {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .section-hero__animation-tablet {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .section-hero__animation-tablet {
    display: none;
  }
}
.section-hero__animation-mobile {
  display: none;
}
@media only screen and (max-width: 767px) {
  .section-hero__animation-mobile {
    display: block;
  }
}
.section-hero__btn {
  -webkit-transform: translateY(-108px);
      -ms-transform: translateY(-108px);
  -webkit-transform: translateY(-10vh);
      -ms-transform: translateY(-10vh);
          transform: translateY(-108px);
          transform: translateY(-10vh);
}
@media only screen and (max-width: 1199px) {
  .section-hero__btn {
    -webkit-transform: none;
        -ms-transform: none;
    margin-top: 40px;
            transform: none;
  }
}
@media only screen and (max-width: 767px) {
  .section-hero__btn {
    margin-top: 50px;
  }
}

.page-automate .page-main {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex-direction: column;
          justify-content: center;
  background-image: url(../img/bg_page-automate.svg);
  background-position: center bottom;
  background-repeat: no-repeat;
}
.page-automate .page-main::before {
  display: block;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 440px;
  width: 22.9166666667vw;
  height: 403px;
  height: 20.9895833333vw;
  background-image: url(../img/decor/decor_page-automate-left.png);
  background-position: left top;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  pointer-events: none;
}
@media only screen and (max-width: 959px) {
  .page-automate .page-main::before {
    width: 240px;
    height: 215px;
  }
}
@media only screen and (max-width: 767px) {
  .page-automate .page-main::before {
    width: 140px;
    height: 130px;
  }
}
.page-automate .page-main::after {
  display: block;
  z-index: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 339px;
  width: 17.65625vw;
  height: 303px;
  height: 15.78125vw;
  background-image: url(../img/decor/decor_page-automate-right.png);
  background-position: right bottom;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  pointer-events: none;
}
@media only screen and (max-width: 959px) {
  .page-automate .page-main::after {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .page-automate .page-main::after {
    display: block;
    bottom: 80px;
    width: 150px;
    height: 150px;
  }
}
@media only screen and (max-width: 1199px) {
  .page-automate .page-title {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 1199px) {
  .page-automate .page-desc {
    padding: 25px 35px;
    background: -o-linear-gradient(106.59deg, #EBE9E9 -22.81%, #FFFFFF 102.41%);
    background: linear-gradient(343.41deg, #EBE9E9 -22.81%, #FFFFFF 102.41%);
  }
}
@media only screen and (max-width: 767px) {
  .page-automate .page-desc {
    margin-bottom: 20px;
    padding: 10px 20px;
  }
}

.page-automate__animate {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
          align-items: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}

.automate-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: relative;
  height: 100%;
  padding-top: 100px;
}
@media only screen and (max-width: 1920px) {
  .automate-item {
    padding-top: 5.2083333333vw;
  }
}
@media only screen and (max-width: 1199px) {
  .automate-item {
    padding-top: 20px;
  }
}
.automate-item__box {
  -webkit-box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.12);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: relative;
  height: 100%;
  background: #FFFFFF;
          box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.12);
}
.automate-item__icon {
  -webkit-transform: translate(-61px, 35px);
      -ms-transform: translate(-61px, 35px);
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 122px;
  height: 134px;
          transform: translate(-61px, 35px);
}
@media only screen and (max-width: 1600px) {
  .automate-item__icon {
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
    top: -30px;
    right: 12px;
    bottom: auto;
    left: auto;
    width: 53px;
    height: 59px;
            transform: translate(0);
  }
}
.automate-item__animate {
  display: block;
  position: relative;
}
.automate-item__animate svg {
  display: block;
  position: absolute;
  top: 11px;
  left: 5px;
}
.automate-item__content {
  color: #000000;
  font-style: normal;
  font-weight: 200;
  font-size: 18px;
  line-height: 1.28;
  font-family: FuturaPT;
}
@media only screen and (max-width: 1600px) {
  .automate-item__content {
    font-size: 12px;
  }
}
.automate-item__content b {
  font-weight: 500;
}
.automate-item__content ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.automate-item__content ul li {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
  color: #000000;
  font-style: normal;
  font-weight: 200;
  font-size: 18px;
  line-height: 1.28;
}
@media only screen and (max-width: 1600px) {
  .automate-item__content ul li {
    font-size: 12px;
  }
}
.automate-item__content ul li + li {
  margin-top: 7px;
}
.automate-item__content ul li img {
  margin-right: 18px;
}
@media only screen and (max-width: 1600px) {
  .automate-item__content ul li img {
    width: 26px;
    height: 28px;
    margin-right: 12px;
  }
}
.automate-item.automate-item--1 {
  max-width: 460px;
}
@media only screen and (max-width: 1920px) {
  .automate-item.automate-item--1 {
    max-width: 23.9583333333vw;
  }
}
@media only screen and (max-width: 1199px) {
  .automate-item.automate-item--1 {
    max-width: 100%;
  }
}
.automate-item.automate-item--1 .automate-item__box {
  padding: 63px 26px 37px 34px;
}
@media only screen and (max-width: 1600px) {
  .automate-item.automate-item--1 .automate-item__box {
    padding: 25px 15px 15px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .automate-item.automate-item--1 .automate-item__box {
    padding: 25px 10px 25px 10px;
  }
}
.automate-item.automate-item--2 {
  max-width: 495px;
}
@media only screen and (max-width: 1920px) {
  .automate-item.automate-item--2 {
    max-width: 25.78125vw;
  }
}
@media only screen and (max-width: 1199px) {
  .automate-item.automate-item--2 {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .automate-item.automate-item--2 {
    padding-top: 0;
  }
}
.automate-item.automate-item--2 .automate-item__box {
  padding: 28px 35px 22px 35px;
}
@media only screen and (max-width: 1600px) {
  .automate-item.automate-item--2 .automate-item__box {
    padding: 10px 10px 10px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .automate-item.automate-item--2 .automate-item__box {
    padding: 10px;
  }
}
@media only screen and (max-width: 1600px) {
  .automate-item.automate-item--2 .automate-item__content img {
    max-height: 70px;
  }
}
.automate-item.automate-item--3 {
  max-width: 487px;
}
@media only screen and (max-width: 1920px) {
  .automate-item.automate-item--3 {
    max-width: 25.3645833333vw;
  }
}
@media only screen and (max-width: 1199px) {
  .automate-item.automate-item--3 {
    max-width: 100%;
  }
}
.automate-item.automate-item--3 .automate-item__box {
  padding: 50px 21px 10px 30px;
}
@media only screen and (max-width: 1600px) {
  .automate-item.automate-item--3 .automate-item__box {
    padding: 20px 70px 20px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .automate-item.automate-item--3 .automate-item__box {
    padding: 30px 10px 25px 10px;
  }
}

.page-automate-text {
  -webkit-box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.12);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  width: 100%;
  max-width: 870px;
  margin: 45px 0;
  padding: 15px;
  border: 5px solid #FFC039;
  background-color: #fff;
          box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.12);
  color: #000000;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.29;
  font-family: FuturaPT;
  text-align: center;
}
@media only screen and (max-width: 1920px) {
  .page-automate-text {
    max-width: 45.3125vw;
  }
}
@media only screen and (max-width: 1920px) and (max-width: 767px) {
  .page-automate-text {
    font-size: calc(16px + 13.6 * ((100vw - 320px) / 1920));
  }
}
@media only screen and (max-width: 1920px) and (min-width: 767px) {
  .page-automate-text {
    font-size: calc(16px + 8 * (100vw / 1920));
  }
}
@media only screen and (max-width: 1600px) {
  .page-automate-text {
    max-width: 670px;
  }
}
@media only screen and (max-width: 1199px) {
  .page-automate-text {
    margin: 40px 0;
  }
}
@media only screen and (max-width: 767px) {
  .page-automate-text {
    margin: 20px 0;
    padding: 10px 15px;
  }
}

.automate-item__img {
  display: block;
  position: relative;
}
.automate-item__img #icon_animate {
  position: absolute;
  top: -15px;
  left: -75px;
}
@media only screen and (max-width: 1599px) {
  .automate-item__img #icon_animate {
    top: -7px;
    left: -90px;
  }
}
@media only screen and (max-width: 1599px) {
  .automate-item__img #icon_animate svg {
    max-height: 90px;
  }
}

.page-solutions .page-wrapper {
  overflow: hidden;
  background: #10151B;
  background-image: url(../img/bg_page-solutions.png);
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .page-solutions .page-wrapper {
    background-repeat: repeat;
  }
}
.page-solutions .page-wrapper::before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 501px;
  height: 100%;
  background-image: url(../img/decor/solutions-right.svg);
  background-position: right top;
  background-repeat: no-repeat;
  content: "";
}
@media only screen and (max-width: 767px) {
  .page-solutions .page-wrapper::before {
    display: none;
  }
}
.page-solutions .page-wrapper::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 549px;
  height: 100%;
  background-image: url(../img/decor/solutions-left.svg);
  background-position: left bottom;
  background-repeat: no-repeat;
  content: "";
}
@media only screen and (max-width: 767px) {
  .page-solutions .page-wrapper::after {
    display: none;
  }
}
.page-solutions .page-main {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex-direction: column;
          justify-content: center;
}
.page-solutions .page-title {
  color: #fff;
}

.solutions-block {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          align-items: center;
          justify-content: center;
  padding: 90px 0 120px;
}
@media only screen and (max-width: 1199px) {
  .solutions-block {
    display: block;
    max-width: 700px;
    margin: 0 auto;
    padding: 0 0 30px;
  }
}
.solutions-block .solutions-center-box {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          flex-direction: column;
          align-items: center;
          justify-content: center;
  width: 575px;
  height: 575px;
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .solutions-block .solutions-center-box {
    position: absolute;
    top: 10%;
    right: -30px;
    width: 350px;
    height: 350px;
    background-size: cover;
  }
}
@media only screen and (max-width: 767px) {
  .solutions-block .solutions-center-box {
    position: relative;
    top: auto;
    right: auto;
    width: 220px;
    height: 220px;
    margin: -30px auto 0;
  }
}
.solutions-block .solutions_animate {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
  display: block;
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
          transform: translate(-50%, -50%);
}
.solutions-block .solutions-center-icon {
  display: block;
}
@media only screen and (max-width: 1199px) {
  .solutions-block .solutions-center-icon {
    width: 80px;
    height: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .solutions-block .solutions-center-icon {
    width: 64px;
    height: 64px;
  }
}
.solutions-block .solutions-center-title {
  margin-bottom: 35px;
  color: #FFC039;
  font-style: normal;
  font-weight: 600;
  font-size: 48px;
  line-height: 0.8;
  font-family: FuturaPT;
  text-align: center;
}
@media only screen and (max-width: 1600px) {
  .solutions-block .solutions-center-title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 1199px) {
  .solutions-block .solutions-center-title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .solutions-block .solutions-center-title {
    font-size: 18px;
  }
}

.solutions-item {
  display: block;
  position: absolute;
  max-width: 544px;
}
@media only screen and (max-width: 1600px) {
  .solutions-item {
    max-width: 35%;
  }
}
@media only screen and (max-width: 1199px) {
  .solutions-item {
    position: static;
    max-width: 708px;
  }
}
@media only screen and (max-width: 767px) {
  .solutions-item {
    max-width: 100%;
  }
}
.solutions-item__icon {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  position: absolute;
  right: calc( 100% - 25px );
  bottom: calc(100% - 85px);
          align-items: center;
          justify-content: center;
  width: 123px;
  height: 134px;
  background-image: url(../img/decor/solutions-item-num.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1600px) {
  .solutions-item__icon {
    top: -50px;
    right: auto;
    bottom: auto;
    left: 0;
  }
}
@media only screen and (max-width: 1600px) {
  .solutions-item__icon {
    width: 63px;
    height: 68px;
  }
}
@media only screen and (max-width: 767px) {
  .solutions-item__icon {
    left: 50%;
    margin-left: -32px;
  }
}
.solutions-item__icon img {
  max-width: 60%;
  max-height: 60%;
}
.solutions-item__box {
  display: block;
  position: relative;
  margin: 50px 0 0 115px;
}
@media only screen and (max-width: 1600px) {
  .solutions-item__box {
    margin: 50px 0 0 0;
  }
}
@media only screen and (max-width: 1199px) {
  .solutions-item__box {
    margin: 60px 0 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .solutions-item__box {
    text-align: center;
  }
}
.solutions-item__info {
  position: relative;
  padding: 15px 15px 45px 35px;
  border: 1px solid #FFC039;
  border-radius: 15px;
  background-image: url(../img/decor/solutions-item-head.svg);
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1600px) {
  .solutions-item__info {
    padding: 20px 15px 30px 25px;
  }
}
@media only screen and (max-width: 1199px) {
  .solutions-item__info {
    padding: 25px 20px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .solutions-item__info {
    padding: 25px 10px 40px;
  }
}
.solutions-item__info::after {
  display: block;
  position: absolute;
  bottom: 10px;
  left: 28px;
  width: 104px;
  height: 28px;
  background-image: url(../img/decor/solutions-item-dots.svg);
  background-repeat: no-repeat;
  content: "";
  pointer-events: none;
}
@media only screen and (max-width: 1600px) {
  .solutions-item__info::after {
    bottom: 2px;
    left: 15px;
  }
}
.solutions-item__info::before {
  display: block;
  position: absolute;
  bottom: 18px;
  background-repeat: no-repeat;
  content: "";
  pointer-events: none;
}
@media only screen and (max-width: 1600px) {
  .solutions-item__info::before {
    bottom: 10px;
  }
}
.solutions-item__title {
  margin-bottom: 20px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.1;
}
@media only screen and (max-width: 1600px) {
  .solutions-item__title {
    font-size: 16px;
  }
}
.solutions-item__text {
  color: #FFFFFF;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.1;
}
@media only screen and (max-width: 1600px) {
  .solutions-item__text {
    font-size: 14px;
  }
}
.solutions-item--4 .solutions-item__box, .solutions-item--5 .solutions-item__box, .solutions-item--6 .solutions-item__box {
  display: block;
  position: relative;
  margin: 50px 100px 0 0;
}
@media only screen and (max-width: 1600px) {
  .solutions-item--4 .solutions-item__box, .solutions-item--5 .solutions-item__box, .solutions-item--6 .solutions-item__box {
    margin: 50px 0 0 0;
  }
}
@media only screen and (max-width: 1199px) {
  .solutions-item--4 .solutions-item__box, .solutions-item--5 .solutions-item__box, .solutions-item--6 .solutions-item__box {
    margin: 60px 0 0 0;
  }
}
.solutions-item--4 .solutions-item__icon, .solutions-item--5 .solutions-item__icon, .solutions-item--6 .solutions-item__icon {
  right: auto;
  left: calc( 100% - 25px );
}
@media only screen and (max-width: 1600px) {
  .solutions-item--4 .solutions-item__icon, .solutions-item--5 .solutions-item__icon, .solutions-item--6 .solutions-item__icon {
    right: 0;
    left: auto;
  }
}
@media only screen and (max-width: 1199px) {
  .solutions-item--4 .solutions-item__icon, .solutions-item--5 .solutions-item__icon, .solutions-item--6 .solutions-item__icon {
    right: auto;
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .solutions-item--4 .solutions-item__icon, .solutions-item--5 .solutions-item__icon, .solutions-item--6 .solutions-item__icon {
    left: 50%;
    margin-left: -32px;
  }
}
.solutions-item--4 .solutions-item__info::after, .solutions-item--5 .solutions-item__info::after, .solutions-item--6 .solutions-item__info::after {
  right: 28px;
  left: auto;
}
@media only screen and (max-width: 1199px) {
  .solutions-item--4 .solutions-item__info::after, .solutions-item--5 .solutions-item__info::after, .solutions-item--6 .solutions-item__info::after {
    right: auto;
    left: 10px;
  }
}
@media only screen and (max-width: 1199px) {
  .solutions-item--4 .solutions-item__info:before, .solutions-item--5 .solutions-item__info:before, .solutions-item--6 .solutions-item__info:before {
    -webkit-box-shadow: 0px 0px 4px #FFD83F;
    bottom: 15px;
    left: 120px;
    width: calc(100% - 140px);
    height: 1px;
    border-bottom: 1.15px solid #FFCB3F;
    background: none;
            box-shadow: 0px 0px 4px #FFD83F;
  }
}
.solutions-item--1 {
  top: 2px;
  left: 0;
  max-width: 636px;
}
@media only screen and (max-width: 1199px) {
  .solutions-item--1 {
    max-width: 446px;
  }
}
@media only screen and (max-width: 767px) {
  .solutions-item--1 {
    max-width: 100%;
    margin-top: -35px;
  }
}
.solutions-item--1 .solutions-item__info::before {
  left: 170px;
  width: 452px;
  height: 110px;
  background-image: url(../img/decor/solutions-item-line-1.svg);
}
@media only screen and (max-width: 1600px) {
  .solutions-item--1 .solutions-item__info::before {
    right: -120px;
    left: auto;
    width: 31.25vw;
    background-position: top right;
  }
}
@media only screen and (max-width: 1199px) {
  .solutions-item--1 .solutions-item__info::before {
    left: 120px;
    width: 417px;
    height: 40px;
    background-image: url(../img/decor/solutions-item-line-1-mobile.svg);
  }
}
@media only screen and (max-width: 767px) {
  .solutions-item--1 .solutions-item__info::before {
    -webkit-box-shadow: 0px 0px 4px #FFD83F;
    bottom: 15px;
    left: 120px;
    width: calc(100% - 140px);
    height: 1px;
    border-bottom: 1.15px solid #FFCB3F;
    background: none;
            box-shadow: 0px 0px 4px #FFD83F;
  }
}
.solutions-item--2 {
  top: 238px;
  left: -22px;
  max-width: 560px;
}
@media only screen and (max-width: 1600px) {
  .solutions-item--2 {
    top: 280px;
    left: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .solutions-item--2 {
    max-width: 390px;
  }
}
@media only screen and (max-width: 767px) {
  .solutions-item--2 {
    max-width: 100%;
  }
}
.solutions-item--2 .solutions-item__info::before {
  left: 155px;
  width: 359px;
  height: 110px;
  background-image: url(../img/decor/solutions-item-line-2.svg);
}
@media only screen and (max-width: 1600px) {
  .solutions-item--2 .solutions-item__info::before {
    right: -80px;
    left: auto;
    width: 31.25vw;
    background-position: top right;
  }
}
@media only screen and (max-width: 1199px) {
  .solutions-item--2 .solutions-item__info::before {
    bottom: 10px;
    left: 120px;
    width: 332px;
    height: 84px;
    background-image: url(../img/decor/solutions-item-line-2-mobile.svg);
  }
}
@media only screen and (max-width: 767px) {
  .solutions-item--2 .solutions-item__info::before {
    -webkit-box-shadow: 0px 0px 4px #FFD83F;
    bottom: 15px;
    left: 120px;
    width: calc(100% - 140px);
    height: 1px;
    border-bottom: 1.15px solid #FFCB3F;
    background: none;
            box-shadow: 0px 0px 4px #FFD83F;
  }
}
.solutions-item--3 {
  top: 500px;
  left: 0;
}
@media only screen and (max-width: 1199px) {
  .solutions-item--3 {
    max-width: 530px;
  }
}
@media only screen and (max-width: 767px) {
  .solutions-item--3 {
    max-width: 100%;
  }
}
.solutions-item--3 .solutions-item__info::before {
  left: 163px;
  width: 436px;
  height: 157px;
  background-image: url(../img/decor/solutions-item-line-3.svg);
}
@media only screen and (max-width: 1600px) {
  .solutions-item--3 .solutions-item__info::before {
    right: -150px;
    left: auto;
    width: 31.25vw;
    background-position: top right;
  }
}
@media only screen and (max-width: 1199px) {
  .solutions-item--3 .solutions-item__info::before {
    right: auto;
    bottom: 10px;
    left: 120px;
    width: 440px;
    background-image: url(../img/decor/solutions-item-line-3-mobile.svg);
  }
}
@media only screen and (max-width: 767px) {
  .solutions-item--3 .solutions-item__info::before {
    -webkit-box-shadow: 0px 0px 4px #FFD83F;
    bottom: 15px;
    left: 120px;
    width: calc(100% - 140px);
    height: 1px;
    border-bottom: 1.15px solid #FFCB3F;
    background: none;
            box-shadow: 0px 0px 4px #FFD83F;
  }
}
.solutions-item--4 {
  top: 0;
  right: 24px;
  max-width: 540px;
}
@media only screen and (max-width: 1600px) {
  .solutions-item--4 {
    right: 0;
  }
}
.solutions-item--4 .solutions-item__info::before {
  right: 143px;
  bottom: 18px;
  width: 419px;
  height: 105px;
  background-image: url(../img/decor/solutions-item-line-4.svg);
}
@media only screen and (max-width: 1600px) {
  .solutions-item--4 .solutions-item__info::before {
    right: auto;
    bottom: 10px;
    left: -140px;
    width: 31.25vw;
    background-position: top left;
  }
}
.solutions-item--5 {
  top: 252px;
  right: -23px;
  max-width: 560px;
}
@media only screen and (max-width: 1600px) {
  .solutions-item--5 {
    right: 0;
  }
}
.solutions-item--5 .solutions-item__info::before {
  right: 170px;
  bottom: 18px;
  width: 344px;
  height: 75px;
  background-image: url(../img/decor/solutions-item-line-5.svg);
}
@media only screen and (max-width: 1600px) {
  .solutions-item--5 .solutions-item__info::before {
    right: auto;
    bottom: 10px;
    left: -80px;
    width: 31.25vw;
    background-position: top left;
  }
}
.solutions-item--6 {
  top: 470px;
  right: 0;
  max-width: 597px;
}
.solutions-item--6 .solutions-item__info {
  padding: 15px 25px 45px 35px;
}
.solutions-item--6 .solutions-item__icon {
  right: auto;
  bottom: calc(100% - 93px);
  left: calc( 100% - 40px);
}
.solutions-item--6 .solutions-item__info::before {
  right: 197px;
  bottom: 18px;
  width: 434px;
  height: 136px;
  background-image: url(../img/decor/solutions-item-line-6.svg);
}
@media only screen and (max-width: 1600px) {
  .solutions-item--6 .solutions-item__info::before {
    right: auto;
    bottom: 10px;
    left: -140px;
    width: 31.25vw;
    background-position: top left;
  }
}

.solutions-notice {
  margin-bottom: 24px !important;
  padding: 30px;
  border-radius: 30px;
  background: -o-linear-gradient(310.37deg, rgba(255, 255, 255, 0) -2.97%, rgba(255, 255, 255, 0.08) 93.62%), url(../img/decor/solutions-notice-head.png);
  background: linear-gradient(139.63deg, rgba(255, 255, 255, 0) -2.97%, rgba(255, 255, 255, 0.08) 93.62%), url(../img/decor/solutions-notice-head.png);
  background-position: center, center top;
  background-size: contain;
  background-repeat: no-repeat;
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .solutions-notice {
    max-width: 708px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .solutions-notice {
    background-size: contain, 450%;
  }
}
.solutions-notice__title {
  display: inline-block;
  position: relative;
  margin-bottom: 10px;
  padding: 0 40px;
  color: #F7D720;
  font-style: normal;
  font-weight: 600;
  font-size: 42px;
  line-height: 1;
  font-family: FuturaPT;
  text-align: center;
}
@media (max-width: 767px) {
  .solutions-notice__title {
    font-size: calc(24px + 30.6 * ((100vw - 320px) / 1920));
  }
}
@media (min-width: 767px) {
  .solutions-notice__title {
    font-size: calc(24px + 18 * (100vw / 1920));
  }
}
.solutions-notice__title:before, .solutions-notice__title:after {
  display: block;
  position: absolute;
  top: 50%;
  width: 36px;
  height: 36px;
  margin-top: -18px;
  background-image: url(../img/decor/solutions-notice-title.svg);
  background-position: center;
  background-repeat: no-repeat;
  content: "";
}
.solutions-notice__title:before {
  left: 0;
}
.solutions-notice__title:after {
  right: 0;
}
.solutions-notice__list ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          flex-direction: column;
          align-items: center;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.solutions-notice__list ul li {
  display: block;
  position: relative;
  margin: 0 10px;
}
@media only screen and (max-width: 767px) {
  .solutions-notice__list ul li {
    margin: 0;
  }
}
.solutions-notice__list ul li + li {
  margin-top: 5px;
}
.solutions-notice__list ul li span {
  display: inline-block;
  position: relative;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.2;
  font-family: FuturaPT;
  text-align: center;
}
@media (max-width: 767px) {
  .solutions-notice__list ul li span {
    font-size: calc(14px + 10.2 * ((100vw - 320px) / 1920));
  }
}
@media (min-width: 767px) {
  .solutions-notice__list ul li span {
    font-size: calc(14px + 6 * (100vw / 1920));
  }
}
.solutions-notice__list ul li span:before, .solutions-notice__list ul li span:after {
  display: block;
  position: absolute;
  top: 10px;
  width: 27px;
  height: 27px;
  margin-top: -13px;
  background-image: url(../img/decor/solutions-notice-list.svg);
  background-position: center;
  background-repeat: no-repeat;
  content: "";
}
.solutions-notice__list ul li span:before {
  left: -27px;
}
.solutions-notice__list ul li span:after {
  right: -27px;
}

body.page-realization .page-wrapper:before, body.page-realization .page-wrapper:after {
  display: block;
  position: absolute;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}
@media only screen and (max-width: 767px) {
  body.page-realization .page-wrapper:before, body.page-realization .page-wrapper:after {
    display: none;
  }
}
body.page-realization .page-wrapper::before {
  bottom: 0;
  left: 0;
  width: 529px;
  height: 692px;
  background-image: url(../img/decor/realization-left.svg);
}
body.page-realization .page-wrapper::after {
  top: 0;
  right: 0;
  width: 541px;
  height: 760px;
  background-image: url(../img/decor/realization-right.svg);
}
body.page-realization .page-main {
  position: relative;
}
@media only screen and (max-width: 1199px) {
  body.page-realization .page-main {
    background-position: center top 35%;
  }
}
body.page-realization .page-main::before {
  display: block;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 530px;
  width: 27.6041666667vw;
  height: 485px;
  height: 25.2604166667vw;
  background-image: url(../img/decor/decor_page-realization-left.png);
  background-position: left top;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  pointer-events: none;
}
@media only screen and (max-width: 959px) {
  body.page-realization .page-main::before {
    width: 240px;
    height: 215px;
  }
}
@media only screen and (max-width: 767px) {
  body.page-realization .page-main::before {
    width: 140px;
    height: 130px;
  }
}
body.page-realization .page-main::after {
  display: block;
  z-index: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 474px;
  width: 24.6875vw;
  height: 530px;
  height: 27.6041666667vw;
  background-image: url(../img/decor/decor_page-realization-right.png);
  background-position: right bottom;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  pointer-events: none;
}
@media only screen and (max-width: 959px) {
  body.page-realization .page-main::after {
    width: 250px;
    height: 275px;
  }
}
@media only screen and (max-width: 767px) {
  body.page-realization .page-main::after {
    display: block;
    bottom: 88px;
    width: 202px;
    height: 185px;
  }
}
body.page-realization .page-content {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
  min-height: calc(100vh - 50px);
}

.realization__animation {
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 738px;
  width: 38.4375vw;
  height: 738px;
  height: 38.4375vw;
          transform: translateX(-50%);
}
.realization__animation video {
  -o-object-fit: cover;
  -o-object-position: center;
  width: 100%;
  height: 100%;
     object-fit: cover;
     object-position: center;
}

.realization-content {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: space-between;
  margin-top: 84px;
  margin-bottom: 87px !important;
}
@media only screen and (max-width: 1199px) {
  .realization-content {
    margin-top: 57px;
    margin-bottom: 102px !important;
  }
}
@media only screen and (max-width: 767px) {
  .realization-content {
    margin-top: 25px;
    margin-bottom: 12px !important;
  }
}

.realization-block {
  -webkit-filter: drop-shadow(0 0 2px rgba(255, 192, 57, 0.75));
  display: block;
  position: relative;
}
.realization-block__head {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
  height: 75px;
  padding: 0 35px;
  background: -o-linear-gradient(106.73deg, #EBE9E9 -23.1%, #FFFFFF 103.51%);
  background: linear-gradient(343.27deg, #EBE9E9 -23.1%, #FFFFFF 103.51%);
}
.realization-block__head h3 {
  margin-bottom: 0;
  color: #3D3C3C;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.33;
  font-family: FuturaPT;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .realization-block__head h3 {
    font-size: 16px;
  }
}
.realization-block__body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: relative;
  padding: 20px 35px;
  background: -o-linear-gradient(101.53deg, #F8F8F8 6.99%, #FFFFFF 98.27%);
  background: linear-gradient(348.47deg, #F8F8F8 6.99%, #FFFFFF 98.27%);
}

.realization-block-left::before {
  display: block;
  z-index: 1;
  position: absolute;
  top: -55px;
  right: 40px;
  right: 2.0833333333vw;
  width: 124px;
  height: 134px;
  background-image: url(../img/decor/realization-block-1.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}
@media only screen and (max-width: 1499px) {
  .realization-block-left::before {
    right: 1.3020833333vw;
  }
}
@media only screen and (max-width: 1365px) {
  .realization-block-left::before {
    top: -20px;
    width: 77px;
    height: 84px;
  }
}
@media only screen and (max-width: 767px) {
  .realization-block-left::before {
    top: -25px;
  }
}
.realization-block-left:after {
  display: block;
  position: absolute;
  top: 20px;
  right: 63px;
  right: 3.28125vw;
  width: 725px;
  width: 37.7604166667vw;
  height: 35px;
  background-image: url(../img/decor/realization-block-left.svg);
  background-position: top right;
  background-repeat: no-repeat;
  content: "";
}
@media only screen and (max-width: 1499px) {
  .realization-block-left:after {
    top: 25px;
    right: 2.6041666667vw;
    width: 33.8541666667vw;
  }
}
@media only screen and (max-width: 1365px) {
  .realization-block-left:after {
    top: 15px;
    right: 1.3020833333vw;
  }
}
@media only screen and (max-width: 1199px) {
  .realization-block-left:after {
    width: 55vw;
  }
}
@media only screen and (max-width: 767px) {
  .realization-block-left:after {
    display: none;
  }
}
.realization-block-left .realization-block__body {
  -webkit-clip-path: url(#clip-path-big);
  padding: 47px 35px 35px;
  clip-path: url(#clip-path-big);
}
@media only screen and (max-width: 1023px) {
  .realization-block-left .realization-block__body {
    -webkit-clip-path: url(#clip-path-big-tablet);
    padding: 45px 20px 45px 20px;
    clip-path: url(#clip-path-big-tablet);
  }
}
@media only screen and (max-width: 639px) {
  .realization-block-left .realization-block__body {
    -webkit-clip-path: url(#clip-path-big-mobile);
    clip-path: url(#clip-path-big-mobile);
  }
}

.realization-block-right::before {
  display: block;
  z-index: 1;
  position: absolute;
  right: -30px;
  bottom: -82px;
  width: 124px;
  height: 134px;
  background-image: url(../img/decor/realization-block-2.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}
@media only screen and (max-width: 1365px) {
  .realization-block-right::before {
    right: 0;
    bottom: -62px;
    width: 81px;
    height: 88px;
  }
}
@media only screen and (max-width: 767px) {
  .realization-block-right::before {
    display: none;
  }
}
.realization-block-right:after {
  display: block;
  position: absolute;
  right: 83px;
  right: 4.3229166667vw;
  bottom: -55px;
  width: 460px;
  width: 23.9583333333vw;
  height: 35px;
  background-image: url(../img/decor/realization-block-right.svg);
  background-repeat: no-repeat;
  content: "";
}
@media only screen and (max-width: 1199px) {
  .realization-block-right:after {
    right: auto;
    left: 0;
    width: 55vw;
  }
}
@media only screen and (max-width: 767px) {
  .realization-block-right:after {
    display: none;
  }
}
.realization-block-right .realization-block__box {
  -webkit-clip-path: url(#clip-path-small);
  clip-path: url(#clip-path-small);
}
@media only screen and (max-width: 1023px) {
  .realization-block-right .realization-block__box {
    -webkit-clip-path: url(#clip-path-small-tablet);
    clip-path: url(#clip-path-small-tablet);
  }
}
@media only screen and (max-width: 639px) {
  .realization-block-right .realization-block__box {
    -webkit-clip-path: url(#clip-path-small-mobile);
    clip-path: url(#clip-path-small-mobile);
  }
}
.realization-block-right .realization-block__body {
  padding: 35px;
}
@media only screen and (max-width: 1199px) {
  .realization-block-right .realization-block__body {
    padding: 20px 20px 35px;
  }
}
@media only screen and (max-width: 767px) {
  .realization-block-right .realization-block__body {
    padding: 20px;
  }
}

.block-title {
  margin-bottom: 15px;
  color: #3D3C3C;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 1;
  font-family: FuturaPT;
  text-transform: uppercase;
}
@media only screen and (max-width: 1365px) {
  .block-title {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .block-title {
    font-size: 16px;
  }
}

.block-list {
  margin: 0;
  padding-left: 0;
  list-style-type: none;
}
.block-list li {
  display: block;
  position: relative;
  padding-left: 15px;
  color: #3D3C3C;
  font-style: normal;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.4;
  font-family: FuturaPT;
}
@media only screen and (max-width: 1365px) {
  .block-list li {
    font-size: 14px;
    line-height: 1.3;
  }
}
.block-list li + li {
  margin-top: 5px;
}
.block-list li:before {
  display: block;
  position: absolute;
  top: -3px;
  left: -13px;
  width: 27px;
  height: 27px;
  background-image: url(../img/decor/solutions-notice-list.svg);
  background-position: center;
  background-repeat: no-repeat;
  content: "";
}
@media only screen and (max-width: 1679px) {
  .block-list li br {
    display: none;
  }
}
.block-list.block-list--border li {
  padding-left: 20px;
}
.block-list.block-list--border li::before {
  background-image: url(../img/decor/solutions-notice-title.svg);
}

.page-result .page-main {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex-direction: column;
          justify-content: center;
  background-image: url(../img/bg_page-automate.svg);
  background-position: center bottom;
  background-repeat: no-repeat;
}
.page-result .page-main::before {
  display: block;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 535px;
  height: 490px;
  background-image: url(../img/decor/decor_page-result-left.png);
  background-position: left top;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  pointer-events: none;
}
@media only screen and (max-width: 1199px) {
  .page-result .page-main::before {
    width: 240px;
    height: 215px;
  }
}
@media only screen and (max-width: 767px) {
  .page-result .page-main::before {
    width: 145px;
    height: 130px;
  }
}
.page-result .page-main::after {
  display: block;
  z-index: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 339px;
  height: 303px;
  background-image: url(../img/decor/decor_page-automate-right.png);
  background-position: right bottom;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  pointer-events: none;
}
@media only screen and (max-width: 1199px) {
  .page-result .page-main::after {
    width: 240px;
    height: 270px;
  }
}
@media only screen and (max-width: 767px) {
  .page-result .page-main::after {
    width: 205px;
    height: 185px;
  }
}

.result-items {
  margin: 30px 0 !important;
}

.result-item {
  -webkit-filter: drop-shadow(0 0 2px rgba(255, 192, 57, 0.75));
  display: block;
  position: relative;
}
.result-item__box {
  -webkit-box-sizing: border-box;
  -webkit-clip-path: url(#result-item-clip);
          box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
  max-width: 668px;
  height: 245px;
  padding: 45px 240px 45px 25px;
  border: 1px solid rgba(247, 215, 32, 0.3);
  background: -o-linear-gradient(104.98deg, #F8F8F8 -3.73%, #FFFFFF 98.07%);
  background: linear-gradient(345.02deg, #F8F8F8 -3.73%, #FFFFFF 98.07%);
  clip-path: url(#result-item-clip);
}
@media only screen and (max-width: 1920px) {
  .result-item__box {
    padding: 45px 12.5vw 45px 25px;
  }
}
@media only screen and (max-width: 1199px) {
  .result-item__box {
    -webkit-clip-path: url(#result-item-clip-tablet);
    width: 100%;
    max-width: 100%;
    padding: 45px 200px 45px 25px;
    clip-path: url(#result-item-clip-tablet);
  }
}
@media only screen and (max-width: 639px) {
  .result-item__box {
    -webkit-clip-path: url(#result-item-clip-mobile);
    padding: 49px 15px 35px 15px;
    clip-path: url(#result-item-clip-mobile);
  }
}
.result-item__box:after {
  display: block;
  position: absolute;
  right: 11px;
  bottom: 13px;
  width: 27px;
  height: 27px;
  background-image: url(../img/decor/result-item-bottom.svg);
  background-position: center;
  background-repeat: no-repeat;
  content: "";
}
.result-item__title {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          align-items: center;
  height: 48px;
  margin-bottom: 38px;
}
.result-item__title:before {
  display: block;
  position: absolute;
  top: -37px;
  left: 10px;
  width: calc(100% + 5px);
  min-width: 389px;
  height: 27px;
  background-image: url(../img/decor/result-item-top.svg);
  background-position: left center;
  background-repeat: no-repeat;
  content: "";
}
@media only screen and (max-width: 1439px) {
  .result-item__title:before {
    top: -30px;
    left: 0;
  }
}
@media only screen and (max-width: 1365px) {
  .result-item__title:before {
    left: -5px;
  }
}
@media only screen and (max-width: 1279px) {
  .result-item__title:before {
    left: -12px;
  }
}
@media only screen and (max-width: 1199px) {
  .result-item__title:before {
    display: none;
  }
}
@media only screen and (max-width: 770px) {
  .result-item__title:before {
    display: block;
    top: -37px;
    left: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .result-item__title:before {
    display: none;
  }
}
@media only screen and (max-width: 639px) {
  .result-item__title:before {
    display: block;
    left: 15px;
    width: 230px;
    min-width: 230px;
    background-image: url(../img/decor/result-item-top-mobile.svg);
  }
}
@media only screen and (max-width: 374px) {
  .result-item__title:before {
    left: 0;
  }
}
.result-item__title:after {
  display: block;
  position: absolute;
  top: calc(100% + 15px);
  left: 0;
  width: calc(100% + 100px);
  height: 35px;
  background-image: url(../img/decor/result-item-center.svg);
  background-position: left center;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}
@media only screen and (max-width: 1199px) {
  .result-item__title:after {
    height: 65px;
  }
}
@media only screen and (max-width: 1080px) {
  .result-item__title:after {
    height: 50px;
  }
}
@media only screen and (max-width: 959px) {
  .result-item__title:after {
    height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .result-item__title:after {
    top: calc(100% + 5px);
    width: calc(100% + 150px);
  }
}
@media only screen and (max-width: 639px) {
  .result-item__title:after {
    top: calc(100% + 15px);
    width: 100%;
    height: 35px;
  }
}
@media only screen and (max-width: 414px) {
  .result-item__title:after {
    height: 20px;
  }
}
.result-item__title h3 {
  margin: 0;
  color: #000;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 1;
  font-family: FuturaPT;
  text-transform: uppercase;
}
@media only screen and (max-width: 1920px) and (max-width: 767px) {
  .result-item__title h3 {
    font-size: calc(16px + 13.6 * ((100vw - 320px) / 1920));
  }
}
@media only screen and (max-width: 1920px) and (min-width: 767px) {
  .result-item__title h3 {
    font-size: calc(16px + 8 * (100vw / 1920));
  }
}
@media only screen and (max-width: 767px) {
  .result-item__title h3 br {
    display: none;
  }
}
.result-item__list {
  display: block;
  position: relative;
}
@media only screen and (max-width: 639px) {
  .result-item__list {
    margin-top: 50px;
  }
}
.result-item__list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.result-item__list ul li {
  display: block;
  position: relative;
  padding-left: 21px;
  color: #3D3C3C;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.11;
  font-family: FuturaPT;
}
@media only screen and (max-width: 1920px) and (max-width: 767px) {
  .result-item__list ul li {
    font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920));
  }
}
@media only screen and (max-width: 1920px) and (min-width: 767px) {
  .result-item__list ul li {
    font-size: calc(14px + 4 * (100vw / 1920));
  }
}
.result-item__list ul li + li {
  margin-top: 6px;
}
.result-item__list ul li::before {
  display: block;
  position: absolute;
  top: calc(1em / 2 - 3px);
  left: 0;
  width: 11px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.50008 7.33332C6.5126 7.33332 7.33341 6.51251 7.33341 5.49999C7.33341 4.48747 6.5126 3.66666 5.50008 3.66666C4.48756 3.66666 3.66675 4.48747 3.66675 5.49999C3.66675 6.51251 4.48756 7.33332 5.50008 7.33332Z' fill='url(%23paint0_linear)'/%3E%3Cpath d='M10.5 5.5C10.5 8.26142 8.26142 10.5 5.5 10.5C2.73858 10.5 0.5 8.26142 0.5 5.5C0.5 2.73858 2.73858 0.5 5.5 0.5C8.26142 0.5 10.5 2.73858 10.5 5.5Z' stroke='%23FFD33F'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='4.67867' y1='4.20221' x2='6.97291' y2='7.80742' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFDE3F'/%3E%3Cstop offset='1' stop-color='%23FFB23F'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  content: "";
}
.result-item__icon {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  right: 50px;
          align-items: center;
          justify-content: center;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  border-radius: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFDE3F), to(#FFB43E));
  background: -o-linear-gradient(top, #FFDE3F 0%, #FFB43E 100%);
  background: linear-gradient(180deg, #FFDE3F 0%, #FFB43E 100%);
}
@media only screen and (max-width: 767px) {
  .result-item__icon {
    right: 15px;
    width: 45px;
    height: 45px;
    margin-top: -25px;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .result-item__icon img {
    width: 25px;
    height: 25px;
  }
}
.result-item__icon::before {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 110px;
  height: 110px;
          transform: translate(-50%, -50%);
  border: 1px solid #FFC039;
  border-radius: 50%;
  content: "";
}
@media only screen and (max-width: 767px) {
  .result-item__icon::before {
    width: 51px;
    height: 51px;
  }
}

.page-content-about {
  display: block;
  position: relative;
  background: #10151B;
  background-image: url(../img/bg_about-hero.svg);
  background-position: right top;
  background-repeat: no-repeat;
}
.page-content-about::before {
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
  -webkit-filter: blur(125px);
  display: block;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 50%;
  width: 850px;
  width: 44.2708333333vw;
  height: 850px;
  height: 44.2708333333vw;
          transform: translateX(-50%);
  background: rgba(255, 222, 63, 0.19);
  content: "";
          filter: blur(125px);
  opacity: 0.3;
  pointer-events: none;
}
.page-content-about::after {
  -webkit-filter: blur(125px);
  display: block;
  z-index: -1;
  position: absolute;
  top: -150px;
  top: -7.8125vw;
  right: -250px;
  right: -13.0208333333vw;
  width: 500px;
  width: 26.0416666667vw;
  height: 500px;
  height: 26.0416666667vw;
  background: rgba(255, 222, 63, 0.19);
  content: "";
          filter: blur(125px);
  opacity: 0.5;
  pointer-events: none;
}

.page-about-hero {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  position: relative;
          align-items: center;
          justify-content: space-between;
  width: 100%;
  padding: 10px 0 10px;
}
@media only screen and (max-width: 1199px) {
  .page-about-hero {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 10px 0 15px;
  }
}
.page-about-hero .uk-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.page-about-hero .block-left {
  display: block;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .page-about-hero .block-left {
    position: absolute;
    top: 20px;
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .page-about-hero .block-left {
    position: relative;
    top: auto;
    left: auto;
  }
}
.page-about-hero .block-left .block-animate {
  -webkit-transform: translateX(-70px);
      -ms-transform: translateX(-70px);
          transform: translateX(-70px);
}
@media only screen and (max-width: 1920px) {
  .page-about-hero .block-left .block-animate {
    -webkit-transform: translateX(-3.65vw);
        -ms-transform: translateX(-3.65vw);
            transform: translateX(-3.65vw);
  }
}
@media only screen and (max-width: 1199px) {
  .page-about-hero .block-left .block-animate {
    -webkit-transform: translateX(-15px);
        -ms-transform: translateX(-15px);
            transform: translateX(-15px);
  }
}
@media only screen and (max-width: 767px) {
  .page-about-hero .block-left .block-animate {
    -webkit-transform: none;
        -ms-transform: none;
    margin: 0 auto 20px;
            transform: none;
  }
}
.page-about-hero .block-left .block-animate .about_animate {
  width: 650px;
  height: 650px;
}
@media only screen and (max-width: 1920px) {
  .page-about-hero .block-left .block-animate .about_animate {
    width: 33.8541666667vw;
    height: 33.8541666667vw;
  }
}
@media only screen and (max-width: 639px) {
  .page-about-hero .block-left .block-animate .about_animate {
    width: 280px;
    height: 280px;
  }
}
.page-about-hero .block-right {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  -webkit-box-align: end;
      -ms-flex-align: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex-direction: column;
          align-items: flex-end;
          justify-content: space-between;
}

.svg-clip-path {
  position: absolute;
  width: 0;
  height: 0;
}

.clip-path-block {
  display: block;
  z-index: 1;
  position: relative;
}
.clip-path-block__line {
  display: block;
  position: absolute;
}
.clip-path-block__line span {
  color: #FFFFFF;
  font-style: normal;
  font-weight: bold;
  font-size: 52px;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 1920px) and (max-width: 767px) {
  .clip-path-block__line span {
    font-size: calc(36px + 27.2 * ((100vw - 320px) / 1920));
  }
}
@media only screen and (max-width: 1920px) and (min-width: 767px) {
  .clip-path-block__line span {
    font-size: calc(36px + 16 * (100vw / 1920));
  }
}
.clip-path-block img {
  display: block;
  z-index: 2;
  position: absolute;
  top: 12px;
  right: -73px;
}
@media only screen and (max-width: 1859px) {
  .clip-path-block img {
    top: -30px;
    right: -20px;
    width: 100px;
    height: 106px;
  }
}
@media only screen and (max-width: 1199px) {
  .clip-path-block img {
    top: 0px;
    right: 0;
    width: 61px;
    height: 67px;
  }
}
.clip-path-block h3 {
  margin: 0 0 20px 0;
  color: #FFC039;
  color: #F7D720;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
  text-transform: uppercase;
  text-transform: uppercase;
}
@media only screen and (max-width: 1920px) and (max-width: 767px) {
  .clip-path-block h3 {
    font-size: calc(16px + 13.6 * ((100vw - 320px) / 1920));
  }
}
@media only screen and (max-width: 1920px) and (min-width: 767px) {
  .clip-path-block h3 {
    font-size: calc(16px + 8 * (100vw / 1920));
  }
}
.clip-path-block ul {
  margin: 0;
  padding-left: 0;
  list-style-type: none;
}
.clip-path-block ul li {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  font-size: 18px;
  line-height: 1.28;
}
@media only screen and (max-width: 1920px) and (max-width: 767px) {
  .clip-path-block ul li {
    font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920));
  }
}
@media only screen and (max-width: 1920px) and (min-width: 767px) {
  .clip-path-block ul li {
    font-size: calc(14px + 4 * (100vw / 1920));
  }
}
.clip-path-block ul li + li {
  margin-top: 10px;
}
.clip-path-block ul li::before {
  display: block;
  position: absolute;
  top: -1px;
  left: -3px;
  width: 27px;
  height: 27px;
  background-image: url(../img/decor/solutions-notice-title.svg);
  background-position: center;
  background-repeat: no-repeat;
  content: "";
}
.clip-path-block > .clip-path-block__box::after {
  display: block;
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 60px;
  height: 60px;
  background-image: url(../img/decor/clip-path-block-dots.svg);
  content: "";
}
@media only screen and (max-width: 767px) {
  .clip-path-block > .clip-path-block__box::after {
    right: 3px;
    bottom: 3px;
  }
}
.clip-path-block .clip-path-block-title {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
  margin: 0 -30px 30px -20px;
  padding: 5px 60px 5px 20px;
  background: rgba(196, 196, 196, 0.1);
}
@media only screen and (max-width: 1859px) {
  .clip-path-block .clip-path-block-title {
    margin: 0 -20px 30px -20px;
    padding: 5px 50px 5px 10px;
  }
}
@media only screen and (max-width: 639px) {
  .clip-path-block .clip-path-block-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
    padding: 10px;
  }
}
.clip-path-block .clip-path-block-title h4 {
  margin: 0 10px 0 0;
  color: #FFC039;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.33;
  white-space: nowrap;
}
.clip-path-block .clip-path-block-title span {
  color: #FFFFFF;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 1;
}
@media (max-width: 767px) {
  .clip-path-block .clip-path-block-title span {
    font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920));
  }
}
@media (min-width: 767px) {
  .clip-path-block .clip-path-block-title span {
    font-size: calc(14px + 4 * (100vw / 1920));
  }
}

.clip-path-block--1 {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1920px) {
  .clip-path-block--1 {
    margin-bottom: 2.0833333333vw;
  }
}
@media only screen and (max-width: 1199px) {
  .clip-path-block--1 {
    max-width: 450px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .clip-path-block--1 {
    max-width: 100%;
  }
}
.clip-path-block--1 .clip-path-block__line {
  z-index: 2;
  top: 150px;
  right: calc(100% - 30px);
  width: 345px;
  height: 115px;
  background-image: url(../img/decor/clip-path-block-line-1.svg);
  background-position: left center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1920px) {
  .clip-path-block--1 .clip-path-block__line {
    width: 17.96875vw;
    height: 5.9895833333vw;
  }
}
@media only screen and (max-width: 1199px) {
  .clip-path-block--1 .clip-path-block__line {
    top: 20px;
    right: calc(100% - 25px);
    width: 180px;
    height: 61px;
    background-image: url(../img/decor/clip-path-block-line-mobile-1.svg);
  }
}
@media only screen and (max-width: 767px) {
  .clip-path-block--1 .clip-path-block__line {
    top: 10px;
    right: auto;
    left: 10px;
    width: 50px;
    height: 50px;
    background: none;
  }
}
.clip-path-block--1 .clip-path-block__line span {
  position: absolute;
  top: -10px;
  right: 50px;
}
@media only screen and (max-width: 1920px) {
  .clip-path-block--1 .clip-path-block__line span {
    right: 2.6041666667vw;
  }
}
@media only screen and (max-width: 1199px) {
  .clip-path-block--1 .clip-path-block__line span {
    top: -40px;
    right: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .clip-path-block--1 .clip-path-block__line span {
    position: static;
  }
}
.clip-path-block--1 .clip-path-block__box {
  -webkit-box-sizing: border-box;
  -webkit-clip-path: url(#clip-path-block-1);
          box-sizing: border-box;
  width: 100%;
  max-width: 855px;
  height: auto;
  padding: 62px 38px 54px 32px;
  background: -o-linear-gradient(320.97deg, rgba(66, 66, 66, 0.19) -1.48%, rgba(97, 97, 97, 0.429848) 18.97%, rgba(49, 49, 49, 0.678876) 55.06%, #10151B 100.17%), #11161C;
  background: linear-gradient(129.03deg, rgba(66, 66, 66, 0.19) -1.48%, rgba(97, 97, 97, 0.429848) 18.97%, rgba(49, 49, 49, 0.678876) 55.06%, #10151B 100.17%), #11161C;
  background-size: cover;
  color: #fff;
  clip-path: url(#clip-path-block-1);
}
@media only screen and (max-width: 1199px) {
  .clip-path-block--1 .clip-path-block__box {
    -webkit-clip-path: url(#clip-path-block-tablet-1);
    padding: 60px 35px 30px 30px;
    clip-path: url(#clip-path-block-tablet-1);
  }
}
@media only screen and (max-width: 639px) {
  .clip-path-block--1 .clip-path-block__box {
    -webkit-clip-path: url(#clip-path-block-mobile-1);
    padding: 66px 15px 30px 15px;
    clip-path: url(#clip-path-block-mobile-1);
  }
}
.clip-path-block--1 .clip-path-block__box::before {
  display: block;
  position: absolute;
  top: 15px;
  left: 57px;
  width: 100%;
  height: 50px;
  background-image: url(../img/decor/clip-path-block-1.svg);
  background-repeat: no-repeat;
  content: "";
}
@media only screen and (max-width: 1920px) {
  .clip-path-block--1 .clip-path-block__box::before {
    left: 2.96875vw;
  }
}
@media only screen and (max-width: 1199px) {
  .clip-path-block--1 .clip-path-block__box::before {
    top: 10px;
    left: 55px;
    background-image: url(../img/decor/clip-path-block-tablet-1.svg);
  }
}
@media only screen and (max-width: 767px) {
  .clip-path-block--1 .clip-path-block__box::before {
    display: none;
    background-image: url(../img/decor/clip-path-block-mobile-1.svg);
  }
}
@media only screen and (max-width: 425px) {
  .clip-path-block--1 .clip-path-block__box::before {
    display: block;
    left: 110px;
  }
}
@media only screen and (max-width: 415px) {
  .clip-path-block--1 .clip-path-block__box::before {
    display: block;
    left: 100px;
  }
}
@media only screen and (max-width: 376px) {
  .clip-path-block--1 .clip-path-block__box::before {
    display: block;
    left: 80px;
  }
}
@media only screen and (max-width: 374px) {
  .clip-path-block--1 .clip-path-block__box::before {
    display: block;
    left: 55px;
  }
}

.clip-path-block--2 .clip-path-block__line {
  z-index: 2;
  top: 15px;
  right: calc(100% - 15px);
  width: 467px;
  height: 161px;
  background-image: url(../img/decor/clip-path-block-line-2.svg);
  background-position: left center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1920px) {
  .clip-path-block--2 .clip-path-block__line {
    width: 24.3229166667vw;
    height: 8.3854166667vw;
  }
}
@media only screen and (max-width: 1199px) {
  .clip-path-block--2 .clip-path-block__line {
    top: auto;
    right: auto;
    bottom: calc(100% - 20px);
    left: 20px;
    width: 190px;
    height: 264px;
    background-image: url(../img/decor/clip-path-block-line-tablet-2.svg);
  }
}
@media only screen and (max-width: 767px) {
  .clip-path-block--2 .clip-path-block__line {
    bottom: auto;
    left: auto;
    width: 50px;
    height: 50px;
    background: none;
  }
}
.clip-path-block--2 .clip-path-block__line span {
  position: absolute;
  top: 0;
  right: 50px;
}
@media only screen and (max-width: 1199px) {
  .clip-path-block--2 .clip-path-block__line span {
    top: auto;
    bottom: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .clip-path-block--2 .clip-path-block__line span {
    position: static;
  }
}
.clip-path-block--2 .clip-path-block__box {
  -webkit-box-sizing: border-box;
  -webkit-clip-path: url(#clip-path-block-2);
          box-sizing: border-box;
  width: 100%;
  max-width: 735px;
  height: auto;
  padding: 60px 22px 40px;
  background: -o-linear-gradient(320.97deg, rgba(66, 66, 66, 0.19) -1.48%, rgba(97, 97, 97, 0.429848) 18.97%, rgba(49, 49, 49, 0.678876) 55.06%, #10151B 100.17%), #11161C;
  background: linear-gradient(129.03deg, rgba(66, 66, 66, 0.19) -1.48%, rgba(97, 97, 97, 0.429848) 18.97%, rgba(49, 49, 49, 0.678876) 55.06%, #10151B 100.17%), #11161C;
  background-size: cover;
  color: #fff;
  clip-path: url(#clip-path-block-2);
}
@media only screen and (max-width: 1199px) {
  .clip-path-block--2 .clip-path-block__box {
    -webkit-clip-path: url(#clip-path-block-tablet-2);
    max-width: 715px;
    clip-path: url(#clip-path-block-tablet-2);
  }
}
@media only screen and (max-width: 639px) {
  .clip-path-block--2 .clip-path-block__box {
    -webkit-clip-path: url(#clip-path-block-mobile-2);
    padding: 60px 20px 30px;
    clip-path: url(#clip-path-block-mobile-2);
  }
}
.clip-path-block--2 .clip-path-block__box::before {
  display: block;
  position: absolute;
  top: 15px;
  left: 31px;
  width: 100%;
  height: 50px;
  background-image: url(../img/decor/clip-path-block-tablet-2.svg);
  background-repeat: no-repeat;
  content: "";
}
@media only screen and (max-width: 767px) {
  .clip-path-block--2 .clip-path-block__box::before {
    display: none;
    background-image: url(../img/decor/clip-path-block-mobile-2.svg);
  }
}
@media only screen and (max-width: 425px) {
  .clip-path-block--2 .clip-path-block__box::before {
    display: block;
    left: 110px;
  }
}
@media only screen and (max-width: 415px) {
  .clip-path-block--2 .clip-path-block__box::before {
    display: block;
    left: 100px;
  }
}
@media only screen and (max-width: 376px) {
  .clip-path-block--2 .clip-path-block__box::before {
    display: block;
    left: 80px;
  }
}
@media only screen and (max-width: 374px) {
  .clip-path-block--2 .clip-path-block__box::before {
    display: block;
    left: 55px;
  }
}

.page-about-services {
  display: block;
  z-index: 2;
  position: relative;
  padding: 75px 0;
  background: rgba(196, 196, 196, 0.04);
}
@media only screen and (max-width: 1199px) {
  .page-about-services {
    padding: 27px 0;
  }
}
.page-about-services::before {
  -webkit-filter: blur(125px);
  display: block;
  z-index: -1;
  position: absolute;
  top: -20px;
  left: -300px;
  left: -15.625vw;
  width: 500px;
  width: 26.0416666667vw;
  height: 500px;
  height: 26.0416666667vw;
  background: rgba(255, 222, 63, 0.19);
  content: "";
          filter: blur(125px);
  opacity: 0.5;
  pointer-events: none;
}
.page-about-services::after {
  -webkit-filter: blur(125px);
  display: block;
  z-index: -1;
  position: absolute;
  top: -150px;
  top: -7.8125vw;
  right: -250px;
  right: -13.0208333333vw;
  width: 500px;
  width: 26.0416666667vw;
  height: 500px;
  height: 26.0416666667vw;
  background: -webkit-gradient(linear, left bottom, left top, from(#FFFFFF), to(#FFFFFF));
  background: -o-linear-gradient(bottom, #FFFFFF, #FFFFFF);
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF);
  content: "";
          filter: blur(125px);
  opacity: 0.1;
  pointer-events: none;
}
.page-about-services__title {
  display: block;
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 38px;
  text-align: center;
}
.page-about-services__title .clip-path-block__line {
  z-index: 2;
  bottom: -4px;
  left: -4px;
  width: 408px;
  height: 278px;
  background-image: url(../img/decor/clip-path-block-line-3.svg);
}
@media only screen and (max-width: 1199px) {
  .page-about-services__title .clip-path-block__line {
    height: 177px;
    background-image: url(../img/decor/clip-path-block-line-tablet-3.svg);
  }
}
@media only screen and (max-width: 639px) {
  .page-about-services__title .clip-path-block__line {
    width: 288px;
    height: 119px;
    background-image: url(../img/decor/clip-path-block-line-mobile-3.svg);
  }
}
.page-about-services__title .clip-path-block__line span {
  position: absolute;
  bottom: 120px;
  left: 50px;
}
@media only screen and (max-width: 767px) {
  .page-about-services__title .clip-path-block__line span {
    right: 0;
    bottom: 55px;
    left: auto;
  }
}
.page-about-services__title-box {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-clip-path: url(#clip-path-block-3);
  -webkit-filter: drop-shadow(0 0 2px rgba(255, 192, 57, 0.75));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          align-items: center;
          justify-content: center;
  max-width: 1200px;
  height: 110px;
  margin: 0 auto;
  background: -o-linear-gradient(338.5deg, rgba(255, 255, 255, 0.08) -12.94%, rgba(255, 255, 255, 0) 147.14%);
  background: linear-gradient(111.5deg, rgba(255, 255, 255, 0.08) -12.94%, rgba(255, 255, 255, 0) 147.14%);
  clip-path: url(#clip-path-block-3);
}
@media only screen and (max-width: 1199px) {
  .page-about-services__title-box {
    -webkit-clip-path: url(#clip-path-block-tablet-3);
    padding: 0 50px;
    clip-path: url(#clip-path-block-tablet-3);
  }
}
@media only screen and (max-width: 639px) {
  .page-about-services__title-box {
    -webkit-clip-path: url(#clip-path-block-mobile-3);
    height: 52px;
    padding: 0 20px;
    clip-path: url(#clip-path-block-mobile-3);
  }
}
.page-about-services__title-box h3 {
  margin: 0;
  color: #FFFFFF;
  font-style: normal;
  font-weight: bold;
  font-size: 42px;
  line-height: 1.1;
  text-align: center;
  text-transform: uppercase;
}
.page-about-services__title-box h3 span {
  color: #FFC039;
}
@media only screen and (max-width: 1199px) {
  .page-about-services__title-box h3 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .page-about-services__title-box h3 {
    font-size: 16px;
  }
}
.page-about-services__items {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  -webkit-box-align: start;
      -ms-flex-align: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          align-items: flex-start;
          justify-content: space-between;
  padding-top: 30px;
}
@media only screen and (max-width: 1199px) {
  .page-about-services__items {
    -ms-flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
        flex-wrap: wrap;
            justify-content: center;
  }
}
@media only screen and (max-width: 639px) {
  .page-about-services__items {
    padding-top: 0;
  }
}

.about-services-item {
  display: block;
  position: relative;
  width: 20%;
  margin: 0 5px;
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .about-services-item {
    width: calc(33.33% - 10px);
  }
}
@media only screen and (max-width: 639px) {
  .about-services-item {
    width: 100%;
  }
}
.about-services-item::before {
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
  display: block;
  position: absolute;
  bottom: calc(100% - 20px);
  left: 50%;
  width: 1.15px;
  height: 85px;
          transform: translateX(-50%);
  background-color: #FFCB3F;
  content: "";
  opacity: 0.4;
}
@media only screen and (max-width: 1199px) {
  .about-services-item::before {
    height: 60px;
  }
}
@media only screen and (max-width: 639px) {
  .about-services-item::before {
    display: none;
  }
}
.about-services-item::after {
  display: block;
  position: absolute;
  top: -65px;
  left: 50%;
  width: calc(100% + 10px);
  height: 1px;
  background-color: #FFCB3F;
  content: "";
  opacity: 0.4;
}
@media only screen and (max-width: 1199px) {
  .about-services-item::after {
    top: -40px;
  }
}
@media only screen and (max-width: 639px) {
  .about-services-item::after {
    display: none;
  }
}
.about-services-item:last-child::after {
  display: none;
}
.about-services-item.about-services-item--1, .about-services-item.about-services-item--3, .about-services-item.about-services-item--5 {
  margin-top: 35px;
}
@media only screen and (max-width: 1199px) {
  .about-services-item.about-services-item--1, .about-services-item.about-services-item--3, .about-services-item.about-services-item--5 {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 639px) {
  .about-services-item.about-services-item--1, .about-services-item.about-services-item--3, .about-services-item.about-services-item--5 {
    max-width: 200px;
  }
}
.about-services-item.about-services-item--2::before, .about-services-item.about-services-item--4::before {
  height: 50px;
}
.about-services-item.about-services-item--2::after, .about-services-item.about-services-item--4::after {
  top: -30px;
}
@media only screen and (max-width: 639px) {
  .about-services-item.about-services-item--2, .about-services-item.about-services-item--4 {
    max-width: 240px;
  }
}
@media only screen and (max-width: 1199px) {
  .about-services-item.about-services-item--3::after, .about-services-item.about-services-item--4::after, .about-services-item.about-services-item--5::after {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .about-services-item.about-services-item--4::before, .about-services-item.about-services-item--5::before {
    display: none;
  }
}

.page-about-banner {
  display: block;
  position: relative;
  padding: 100px 0 50px;
  background-image: url(../img/decor/about-banner.svg);
  background-position: right -5% top 60%;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1199px) {
  .page-about-banner {
    padding: 40px 0;
    background-position: right center;
  }
}
@media only screen and (max-width: 767px) {
  .page-about-banner {
    background: none;
  }
}
.page-about-banner::before {
  -webkit-filter: blur(125px);
  display: block;
  z-index: -1;
  position: absolute;
  top: -250px;
  right: -350px;
  width: 500px;
  height: 500px;
  background: rgba(255, 222, 63, 0.19);
  content: "";
          filter: blur(125px);
  opacity: 0.5;
  pointer-events: none;
}

.about-banner-wrap {
  display: block;
  position: relative;
  max-width: 1220px;
  margin: 0 auto;
  padding: 45px;
}
@media only screen and (max-width: 1199px) {
  .about-banner-wrap {
    padding: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .about-banner-wrap {
    padding: 15px;
  }
}
.about-banner-wrap:before, .about-banner-wrap:after {
  display: block;
  position: absolute;
  left: 0;
  width: 85px;
  height: 85px;
  border-style: solid;
  border-color: #FFC039;
  content: "";
}
.about-banner-wrap:before {
  top: 0;
  border-width: 1px 0 0 1px;
}
.about-banner-wrap:after {
  bottom: 0;
  border-width: 0 0 1px 1px;
}
.about-banner-wrap > div:before, .about-banner-wrap > div:after {
  display: block;
  position: absolute;
  right: 0;
  width: 85px;
  height: 85px;
  border-style: solid;
  border-color: #FFC039;
  content: "";
}
.about-banner-wrap > div:before {
  top: 0;
  border-width: 1px 1px 0 0;
}
.about-banner-wrap > div:after {
  bottom: 0;
  border-width: 0 1px 1px 0;
}

.about-banner {
  background: -o-linear-gradient(310.37deg, rgba(255, 255, 255, 0) -2.97%, rgba(255, 255, 255, 0.08) 93.62%);
  background: linear-gradient(139.63deg, rgba(255, 255, 255, 0) -2.97%, rgba(255, 255, 255, 0.08) 93.62%);
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .about-banner {
    background: -webkit-gradient(linear, left bottom, left top, from(#272A33), to(#272A33));
    background: -o-linear-gradient(bottom, #272A33, #272A33);
    background: linear-gradient(0deg, #272A33, #272A33);
  }
}
.about-banner__head {
  padding: 20px;
  background: -o-linear-gradient(310.37deg, rgba(255, 255, 255, 0) -2.97%, rgba(255, 255, 255, 0.08) 93.62%);
  background: linear-gradient(139.63deg, rgba(255, 255, 255, 0) -2.97%, rgba(255, 255, 255, 0.08) 93.62%);
}
@media only screen and (max-width: 1199px) {
  .about-banner__head {
    padding: 15px;
  }
}
.about-banner__head h4 {
  margin: 0;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .about-banner__head h4 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .about-banner__head h4 {
    font-size: 14px;
  }
}
.about-banner__body {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  padding: 40px 20px;
}
@media only screen and (max-width: 1199px) {
  .about-banner__body {
    padding: 63px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .about-banner__body {
    padding: 20px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .about-banner__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            flex-direction: column;
            align-items: center;
            justify-content: center;
  }
}
.about-banner__body span {
  display: inline-block;
  margin-left: 27px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 300;
  font-size: 42px;
  line-height: 1.29;
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .about-banner__body span {
    margin-left: 40px;
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .about-banner__body span {
    margin-top: 20px;
    margin-left: 0;
    font-size: 18px;
  }
}

body.page-service {
  background-image: url(../img/bg_page-service.png);
  background-position: right -30% bottom 10%;
  background-size: contain;
  background-repeat: no-repeat;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.33;
}
@media only screen and (max-width: 1199px) {
  body.page-service {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  body.page-service {
    font-size: 14px;
  }
}

.page-service-hero {
  margin-top: 100px;
  padding: 80px 0 100px;
  color: #fff;
}
@media only screen and (max-width: 1199px) {
  .page-service-hero {
    margin-top: 70px;
    padding-top: 60px;
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .page-service-hero {
    margin-top: 50px;
    padding-top: 30px;
    padding-bottom: 40px;
  }
}

.page-service-cta {
  display: block;
  position: relative;
  padding: 110px 0;
}
@media only screen and (max-width: 1199px) {
  .page-service-cta {
    padding: 70px 0;
    background-size: contain;
  }
}
@media only screen and (max-width: 767px) {
  .page-service-cta {
    padding: 50px 0 100px;
    background-size: 200%;
  }
}
.page-service-cta__animate {
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
  display: block;
  position: absolute;
  bottom: -40%;
  left: 50%;
  width: 100%;
  max-width: 1063px;
          transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  .page-service-cta__animate {
    bottom: 0;
  }
}

.page-service-plus {
  display: block;
  position: relative;
}
.page-service-plus::before {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
  -webkit-backdrop-filter: blur(10px);
  display: block;
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  min-height: 400px;
          transform: translateY(-50%);
          backdrop-filter: blur(10px);
  background: rgba(0, 0, 0, 0.2);
  content: "";
}
.page-service-plus .service-plus-title {
  margin-bottom: 60px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-align: center;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .page-service-plus .service-plus-title {
    margin-bottom: 30px;
    font-size: 21px;
  }
}
.page-service-plus .service-plus-title small {
  display: block;
  position: relative;
  margin-top: 10px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  text-transform: none;
}
@media only screen and (max-width: 767px) {
  .page-service-plus .service-plus-title small {
    font-size: 14px;
  }
}
.page-service-plus.--mobile-app::before, .page-service-plus.--systems-production::before, .page-service-plus.--machine-learning::before {
  display: none;
}
.page-service-plus.--mobile-app::after, .page-service-plus.--systems-production::after, .page-service-plus.--machine-learning::after {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
  display: block;
  z-index: 1;
  position: absolute;
  top: 70%;
  left: 50%;
  width: 652px;
  height: 513px;
          transform: translate(-50%, -50%);
  background-image: url(../img/bg_mobile-app-plus.png);
  background-position: center;
  background-size: cover;
  content: "";
}

.page-service-text {
  margin-top: 100px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .page-service-text {
    margin-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .page-service-text {
    margin-top: 40px;
  }
}
.page-service-text p {
  margin: 0;
}
.page-service-text .uk-text-lead {
  color: #FFFFFF;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .page-service-text .uk-text-lead {
    font-size: 21px;
  }
}
@media only screen and (max-width: 767px) {
  .page-service-text .uk-text-lead {
    font-size: 18px;
  }
}
.page-service-text .uk-text-lead.accent-color {
  color: #FFC039;
}

.page-service-solution.--api .block-clip {
  height: auto;
}
.page-service-solution.--api .block-clip__box {
  height: auto;
}

.page-service-api {
  display: block;
  position: relative;
  margin-top: -80px;
}
@media only screen and (max-width: 1199px) {
  .page-service-api {
    margin-top: 0;
  }
}

.service-api {
  -webkit-box-align: end;
      -ms-flex-align: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: flex-end;
}
@media only screen and (max-width: 767px) {
  .service-api {
    display: block;
    margin-top: 20px;
  }
}
.service-api__media {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 400px;
          flex: 0 0 400px;
}
@media only screen and (max-width: 1199px) {
  .service-api__media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(45% - 50px);
    -webkit-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
            flex: 0 0 calc(45% - 50px);
            transform: translateY(-100px);
  }
}
@media only screen and (max-width: 767px) {
  .service-api__media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            flex: 0 0 100%;
            transform: translateY(0);
  }
}
.service-api__desc {
  padding-left: 30px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.33;
}
@media only screen and (max-width: 1199px) {
  .service-api__desc {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .service-api__desc {
    margin-top: 20px;
    padding-left: 0;
  }
}
.service-api__title {
  color: #FFDE3F;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 1199px) {
  .service-api__title {
    font-size: 21px;
  }
}

.mobile-app__title {
  margin-bottom: 40px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .mobile-app__title {
    font-size: 18px;
  }
}
.mobile-app__box {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
      flex-wrap: wrap;
          justify-content: space-between;
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .mobile-app__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.mobile-app__media {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
  display: block;
  position: absolute;
  top: calc(50% + 40px);
  left: 50%;
          transform: translate(-50%, -50%);
}
@media only screen and (max-width: 1199px) {
  .mobile-app__media {
    top: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .mobile-app__media {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .mobile-app__media img {
    max-width: 250px;
  }
}

.mobile-app-item {
  display: block;
  position: relative;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .mobile-app-item {
    width: 90%;
    margin-left: auto;
  }
}
.mobile-app-item__box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: relative;
  max-width: 300px;
  padding: 35px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (max-width: 1199px) {
  .mobile-app-item__box {
    max-width: 240px;
    padding: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .mobile-app-item__box {
    max-width: 100%;
  }
}
.mobile-app-item__box::before {
  display: block;
  position: absolute;
  top: -15px;
  right: -40px;
  width: 168px;
  height: 35px;
  background-image: url(../img/decor/mobile-app.png);
  content: "";
}
@media only screen and (max-width: 767px) {
  .mobile-app-item__box::before {
    right: 10px;
  }
}
.mobile-app-item__numb {
  display: block;
  position: absolute;
  top: 35px;
  left: -20px;
  background-color: #10151b;
  color: #FFDE3F;
  font-style: normal;
  font-weight: 600;
  font-size: 64px;
  line-height: 1;
  text-transform: uppercase;
}
.mobile-app-item__title {
  color: #FFFFFF;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.33;
  text-transform: uppercase;
}
.mobile-app-item__text {
  color: #FFFFFF;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.33;
}
@media only screen and (max-width: 1199px) {
  .mobile-app-item__text {
    font-size: 16px;
  }
}
.mobile-app-item.mobile-app-item--1 {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .mobile-app-item.mobile-app-item--1 {
    text-align: left;
  }
}
@media only screen and (max-width: 1199px) {
  .mobile-app-item.mobile-app-item--1 .mobile-app-item__box {
    padding-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .mobile-app-item.mobile-app-item--1 .mobile-app-item__box {
    padding-left: 30px;
  }
}
.mobile-app-item.mobile-app-item--1 .mobile-app-item__numb {
  right: -20px;
  left: auto;
}
@media only screen and (max-width: 767px) {
  .mobile-app-item.mobile-app-item--1 .mobile-app-item__numb {
    right: auto;
    left: -20px;
  }
}
.mobile-app-item.mobile-app-item--2 {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          justify-content: flex-end;
  margin-top: 50px;
}
@media only screen and (max-width: 1199px) {
  .mobile-app-item.mobile-app-item--2 {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .mobile-app-item.mobile-app-item--2 .mobile-app-item__box {
    padding-right: 10px;
  }
}
.mobile-app-item.mobile-app-item--2 .mobile-app-item__box:before {
  right: auto;
  left: -40px;
  background-image: url(../img/decor/mobile-app-2.png);
}
@media only screen and (max-width: 767px) {
  .mobile-app-item.mobile-app-item--2 .mobile-app-item__box:before {
    right: 10px;
    left: auto;
    background-image: url(../img/decor/mobile-app.png);
  }
}
.mobile-app-item.mobile-app-item--3 {
  margin-top: 50px;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .mobile-app-item.mobile-app-item--3 {
    margin-top: 20px;
    text-align: left;
  }
}
@media only screen and (max-width: 1199px) {
  .mobile-app-item.mobile-app-item--3 .mobile-app-item__box {
    padding-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .mobile-app-item.mobile-app-item--3 .mobile-app-item__box {
    padding-left: 30px;
  }
}
.mobile-app-item.mobile-app-item--3 .mobile-app-item__numb {
  right: -20px;
  left: auto;
}
@media only screen and (max-width: 767px) {
  .mobile-app-item.mobile-app-item--3 .mobile-app-item__numb {
    right: auto;
    left: -20px;
  }
}
.mobile-app-item.mobile-app-item--4 {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          justify-content: flex-end;
  margin-top: 100px;
}
@media only screen and (max-width: 1199px) {
  .mobile-app-item.mobile-app-item--4 {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .mobile-app-item.mobile-app-item--4 .mobile-app-item__box {
    padding-right: 10px;
  }
}
.mobile-app-item.mobile-app-item--4 .mobile-app-item__box:before {
  right: auto;
  left: -40px;
  background-image: url(../img/decor/mobile-app-2.png);
}
@media only screen and (max-width: 767px) {
  .mobile-app-item.mobile-app-item--4 .mobile-app-item__box:before {
    right: 10px;
    left: auto;
    background-image: url(../img/decor/mobile-app.png);
  }
}

.oop-block__title {
  margin-bottom: 100px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}
.oop-block__title small {
  display: block;
  margin-top: 20px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.33;
  text-transform: none;
}
.oop-block__desc {
  display: block;
  position: relative;
  margin-top: 60px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.33;
}
.oop-block__desc p {
  margin: 0;
}

.integration-items {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  -webkit-box-align: start;
      -ms-flex-align: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: flex-start;
          justify-content: space-between;
  margin-top: 50px;
}
@media only screen and (max-width: 1199px) {
  .integration-items {
    -ms-flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
        flex-wrap: wrap;
            justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .integration-items {
    margin-top: 0;
  }
}

.integration-item {
  display: block;
  position: relative;
  width: calc(100% / 5);
}
@media only screen and (max-width: 1199px) {
  .integration-item {
    width: 33%;
  }
}
@media only screen and (max-width: 767px) {
  .integration-item {
    width: calc(50% - 10px);
    margin: 0 5px;
  }
}
.integration-item__box {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          align-items: center;
          justify-content: center;
  width: 195px;
  height: 220px;
  margin: 0 auto;
  background-image: url(../img/decor/integration-item.png);
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .integration-item__box {
    width: 100%;
    height: 150px;
  }
}
.integration-item__content {
  width: 150px;
  height: 80px;
  margin-top: 25px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .integration-item__content {
    width: 100%;
    max-width: 120px;
    height: auto;
    margin-top: 10px;
  }
}
.integration-item__icon {
  margin-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  .integration-item__icon {
    width: 36px;
    height: 36px;
    margin: 0 auto 5px;
  }
}
.integration-item__title {
  color: #10151B;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.07;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .integration-item__title {
    font-size: 12px;
  }
}
.integration-item::before {
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
  -webkit-box-shadow: 0px 0px 4px #FFD83F;
  display: block;
  position: absolute;
  bottom: calc(100% - 20px);
  left: 50%;
  width: 1.15px;
  height: 40px;
          transform: translateX(-50%);
  background-color: #FFCB3F;
          box-shadow: 0px 0px 4px #FFD83F;
  content: "";
  opacity: 0.4;
}
@media only screen and (max-width: 1199px) {
  .integration-item::before {
    display: none;
  }
}
.integration-item::after {
  -webkit-box-shadow: 0px 0px 4px #FFD83F;
  display: block;
  position: absolute;
  top: -20px;
  left: 50%;
  width: 100%;
  height: 1px;
  background-color: #FFCB3F;
          box-shadow: 0px 0px 4px #FFD83F;
  content: "";
  opacity: 0.4;
}
@media only screen and (max-width: 1199px) {
  .integration-item::after {
    display: none;
  }
}
.integration-item:last-child::after {
  display: none;
}

.steps-list {
  display: block;
  position: relative;
  margin: 0;
  margin: 100px 0;
  padding: 0;
  background-image: url(../img/bg_integration-steps.png);
  background-position: center;
  background-repeat: no-repeat;
  list-style: none;
}
@media only screen and (max-width: 767px) {
  .steps-list {
    margin-bottom: 0;
    background-image: none;
  }
}

.step-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex: 0 0 50%;
}
@media only screen and (max-width: 767px) {
  .step-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.step-item + .step-item {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .step-item + .step-item {
    margin-top: 0;
  }
}
.step-item:nth-child(odd) .step-item__box {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-left: 0;
  text-align: right;
}
.step-item:nth-child(odd) .step-item__dot {
  right: -6px;
}
@media only screen and (max-width: 767px) {
  .step-item:nth-child(odd) .step-item__dot {
    right: 15px;
  }
}
.step-item:nth-child(odd) .step-item__dot::after {
  right: 0;
  border-left: 0;
}
.step-item:nth-child(odd) .step-item__dot .service_integration_dot {
  margin-right: -50px;
}
.step-item:nth-child(even) .step-item__box {
  margin-left: 50%;
  padding-right: 0;
}
@media only screen and (max-width: 767px) {
  .step-item:nth-child(even) .step-item__box {
    margin-left: 0;
  }
}
.step-item:nth-child(even) .step-item__dot {
  left: -6px;
}
@media only screen and (max-width: 767px) {
  .step-item:nth-child(even) .step-item__dot {
    left: 15px;
  }
}
.step-item:nth-child(even) .step-item__dot::after {
  left: 10px;
  border-right: 0;
}
.step-item:nth-child(even) .step-item__dot .service_integration_dot {
  margin-left: -50px;
}
.step-item__box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          flex-direction: column;
  width: 50%;
  padding: 0 60px;
}
@media only screen and (max-width: 767px) {
  .step-item__box {
    width: 100%;
    height: 230px;
  }
}
.step-item__dot {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 40px;
          align-items: center;
          justify-content: center;
  width: 60px;
  height: 60px;
}
.step-item__dot:after {
  -webkit-transform: translate(-5px, -50%);
      -ms-transform: translate(-5px, -50%);
  display: block;
  position: absolute;
  top: 50%;
  width: 225px;
  height: 225px;
          transform: translate(-5px, -50%);
  border: 2px solid rgba(255, 192, 57, 0.3);
  border-bottom: 0;
  border-radius: 50%;
  content: "";
}
.step-item__numb {
  color: #FFFFFF;
  font-style: normal;
  font-weight: 600;
  font-size: 48px;
  line-height: 1;
  text-transform: uppercase;
}
.step-item__text {
  width: 100%;
  max-width: 280px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.33;
}

.cards-text {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: relative;
  min-height: 100%;
  padding: 50px 10px 30px 40px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.33;
}
.cards-text__line {
  position: absolute;
  top: 25px;
  left: 0;
  width: 28px;
  height: 196px;
}

.cards-list {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: relative;
  min-height: 100%;
  padding: 30px 0 0 30px;
  background-image: url(../img/decor/cards-list.png);
  background-position: left top;
  background-repeat: no-repeat;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.33;
}

.page-service-loaded-systems {
  margin-bottom: 100px;
}

.loaded-systems-list {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
  -webkit-box-align: start;
      -ms-flex-align: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: flex-start;
          justify-content: flex-start;
  margin: 50px 0 30px;
  padding: 0;
  list-style-type: none;
}
@media only screen and (max-width: 767px) {
  .loaded-systems-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 20px 0 30px;
  }
}
.loaded-systems-list > * {
  width: 25%;
}
@media only screen and (max-width: 767px) {
  .loaded-systems-list > * {
    width: 50%;
  }
}

.loaded-systems-list-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: relative;
  padding-top: 45px;
  padding-right: 20px;
}
@media only screen and (max-width: 767px) {
  .loaded-systems-list-item {
    margin-bottom: 20px;
    padding-top: 0;
    padding-right: 10px;
  }
}
.loaded-systems-list-item::before {
  -webkit-box-shadow: 0px 0px 4px #FFD83F;
  display: block;
  position: absolute;
  top: 0;
  left: 40px;
  width: 1px;
  height: 47px;
  background-color: #FFC039;
          box-shadow: 0px 0px 4px #FFD83F;
  content: "";
}
@media only screen and (max-width: 767px) {
  .loaded-systems-list-item::before {
    display: none;
  }
}
.loaded-systems-list-item::after {
  -webkit-box-shadow: 0px 0px 4px #FFD83F;
  display: block;
  position: absolute;
  top: 0;
  left: 40px;
  width: 100%;
  height: 1px;
  background-color: #FFC039;
          box-shadow: 0px 0px 4px #FFD83F;
  content: "";
}
@media only screen and (max-width: 767px) {
  .loaded-systems-list-item::after {
    display: none;
  }
}
.loaded-systems-list-item:last-child:after {
  display: none;
}
.loaded-systems-list-item__dot {
  -webkit-box-shadow: 0px 0px 4px #FFD83F;
  display: block;
  position: absolute;
  top: -4px;
  left: 36px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #FFC039;
          box-shadow: 0px 0px 4px #FFD83F;
}
@media only screen and (max-width: 767px) {
  .loaded-systems-list-item__dot {
    display: none;
  }
}
.loaded-systems-list-item__dot::before {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
          transform: translate(-50%, -50%);
  border: 1px solid #FFC039;
  border-radius: 50%;
  content: "";
}
.loaded-systems-list-item__icon {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-filter: drop-shadow(0px 0px 58px rgba(255, 187, 63, 0.5));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  width: 82px;
  height: 90px;
  margin-bottom: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFC039' viewBox='0 0 84 91'%3E%3Cpath d='M82.12 23.121L42.903.711a1.864 1.864 0 00-1.852 0L1.833 23.121a1.867 1.867 0 00-.941 1.621v41.085c0 .669.359 1.289.941 1.621l39.218 22.41a1.86 1.86 0 001.852 0l39.218-22.41c.582-.332.94-.952.94-1.62V24.741c0-.668-.358-1.288-.94-1.62z'/%3E%3C/svg%3E");
          filter: drop-shadow(0px 0px 58px rgba(255, 187, 63, 0.5));
}
.loaded-systems-list-item__text {
  color: #FFDE3F;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 1199px) {
  .loaded-systems-list-item__text {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .loaded-systems-list-item__text {
    font-size: 14px;
  }
}

.page-service-type-sites .type-sites-title {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  height: 100%;
}
.page-service-type-sites .block-clip.--small::before {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
  top: auto;
  bottom: 38px;
          transform: rotate(-45deg);
}
.page-service-type-sites .block-clip.--small .block-clip__box {
  -webkit-clip-path: polygon(100% 0, 100% calc(100% - 75px), calc(100% - 75px) 100%, 0 100%, 0 0);
          clip-path: polygon(100% 0, 100% calc(100% - 75px), calc(100% - 75px) 100%, 0 100%, 0 0);
}
.page-service-type-sites .block-clip.--small .block-clip__line::after {
  top: 0;
  bottom: auto;
  left: 75%;
}
.page-service-type-sites .block-clip.--small .block-clip__title::before {
  display: none;
}

.dev-steps-list {
  -webkit-box-align: start;
      -ms-flex-align: start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          align-items: flex-start;
          justify-content: space-between;
  margin: 90px 0 0 0;
  padding: 0 100px;
  list-style-type: none;
}
@media only screen and (max-width: 1199px) {
  .dev-steps-list {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .dev-steps-list {
    display: block;
    margin-top: 0;
  }
}
.dev-steps-list::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: -o-radial-gradient(50% 100%, 50% 15245665.39%, rgba(255, 222, 63, 0.2) 0%, rgba(255, 222, 63, 0.02) 100%);
  background: radial-gradient(50% 15245665.39% at 50% 100%, rgba(255, 222, 63, 0.2) 0%, rgba(255, 222, 63, 0.02) 100%);
  content: "";
}
@media only screen and (max-width: 767px) {
  .dev-steps-list::before {
    display: none;
  }
}

.dev-steps-list-item {
  -webkit-box-align: start;
      -ms-flex-align: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          align-items: flex-start;
  width: calc(25% - 40px);
  padding-top: 35px;
}
@media only screen and (max-width: 1199px) {
  .dev-steps-list-item {
    width: calc(25% - 20px);
  }
}
@media only screen and (max-width: 767px) {
  .dev-steps-list-item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    padding-top: 0;
  }
}
.dev-steps-list-item:hover .dev-steps-list-item__numb,
.dev-steps-list-item:hover .dev-steps-list-item__dot:after {
  opacity: 1;
}
.dev-steps-list-item:hover .dev-steps-list-item__dot:after {
  -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}
@media only screen and (max-width: 767px) {
  .dev-steps-list-item + .dev-steps-list-item {
    margin-top: 20px;
  }
}
.dev-steps-list-item__dot {
  -webkit-box-shadow: 0px 0px 4px #FFD83F;
  display: block;
  position: absolute;
  top: -3px;
  left: 8px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #FFC039;
          box-shadow: 0px 0px 4px #FFD83F;
}
@media only screen and (max-width: 767px) {
  .dev-steps-list-item__dot {
    display: none;
  }
}
.dev-steps-list-item__dot::before {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
          transform: translate(-50%, -50%);
  border: 1px solid #FFDE3F;
  border-radius: 50%;
  content: "";
}
.dev-steps-list-item__dot:after {
  -webkit-transform: translate(-50%, -50%) scale(0);
      -ms-transform: translate(-50%, -50%) scale(0);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 130px;
  height: 130px;
          transform: translate(-50%, -50%) scale(0);
  border: 2px solid #FFC039;
  border-right: 0;
  border-bottom: 0;
  border-radius: 50%;
  content: "";
  opacity: 0;
  transition: 0.5s;
}
.dev-steps-list-item__numb {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-text-stroke-color: #FFC039;
  -webkit-text-stroke-width: 1px;
  margin-right: 15px;
  color: transparent;
  font-style: normal;
  font-weight: 600;
  font-size: 48px;
  line-height: 1;
  text-transform: uppercase;
  opacity: 0.5;
  transition: 0.3s;
}
.dev-steps-list-item__text {
  color: #FFFFFF;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.22;
}
@media only screen and (max-width: 1199px) {
  .dev-steps-list-item__text {
    font-size: 14px;
  }
}

.page-service-site-goals {
  -webkit-backdrop-filter: blur(10px);
  display: block;
  position: relative;
  margin-top: 80px;
  padding: 60px 0;
          backdrop-filter: blur(10px);
  background: rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 767px) {
  .page-service-site-goals {
    margin-top: 40px;
    padding: 40px 0;
  }
}
.page-service-site-goals::before, .page-service-site-goals::after {
  display: block;
  position: absolute;
  width: 644px;
  height: 500px;
  background-image: url(../img/decor/site-goals.png);
  background-position: center;
  background-repeat: no-repeat;
  content: "";
}
.page-service-site-goals::before {
  top: -10%;
  right: calc(100% - 250px);
}
@media only screen and (max-width: 1199px) {
  .page-service-site-goals::before {
    display: none;
  }
}
.page-service-site-goals::after {
  bottom: -30%;
  left: calc(100% - 250px);
}

.site-goals {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  margin-top: 60px;
}
@media only screen and (max-width: 1199px) {
  .site-goals {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .site-goals {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            flex-direction: column;
            align-items: stretch;
  }
}
.site-goals__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.site-goals__list li {
  -webkit-box-sizing: border-box;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 20px 100%, 0 calc(100% - 20px));
          box-sizing: border-box;
  display: block;
  position: relative;
  padding: 12px 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: -o-linear-gradient(356.69deg, rgba(66, 66, 66, 0.057) -14.39%, rgba(97, 97, 97, 0.128954) 3.45%, rgba(16, 21, 27, 0.3) 34.61%);
  background: linear-gradient(93.31deg, rgba(66, 66, 66, 0.057) -14.39%, rgba(97, 97, 97, 0.128954) 3.45%, rgba(16, 21, 27, 0.3) 34.61%);
  color: #FFFFFF;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.33;
          clip-path: polygon(0 0, 100% 0, 100% 100%, 20px 100%, 0 calc(100% - 20px));
}
@media only screen and (max-width: 1199px) {
  .site-goals__list li {
    padding: 12px;
    font-size: 14px;
  }
}
.site-goals__list li + li {
  margin-top: 20px;
}
.site-goals__list li::before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
  display: block;
  position: absolute;
  bottom: 7px;
  left: -6px;
  width: 35px;
  height: 1px;
          transform: rotate(45deg);
  background-color: rgba(255, 255, 255, 0.1);
  content: "";
}
@media only screen and (max-width: 767px) {
  .site-goals__left {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-bottom: 20px;
  }
}
.site-goals__left .site-goals__list li {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .site-goals__left .site-goals__list li {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
    text-align: left;
            clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
  }
  .site-goals__left .site-goals__list li::before {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
    right: -6px;
    left: auto;
            transform: rotate(-45deg);
  }
}
.site-goals__center {
  margin: 0 35px;
}
@media only screen and (max-width: 1199px) {
  .site-goals__center {
    max-width: 240px;
    margin: 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  .site-goals__center {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    max-width: 100%;
    margin: 0 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .site-goals__right {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.site-goals__right .site-goals__list li {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
}
.site-goals__right .site-goals__list li::before {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
  right: -6px;
  left: auto;
          transform: rotate(-45deg);
}

.page-content-services {
  display: block;
  position: relative;
  background: #10151B;
  background-image: url(../img/bg_page-services.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.page-content-services::before {
  -webkit-filter: blur(125px);
  display: block;
  z-index: -1;
  position: absolute;
  top: 0;
  left: -250px;
  left: -13.0208333333vw;
  width: 500px;
  width: 26.0416666667vw;
  height: 500px;
  height: 26.0416666667vw;
  background: rgba(255, 222, 63, 0.19);
  content: "";
          filter: blur(125px);
  opacity: 0.3;
  pointer-events: none;
}

.page-services-hero {
  -webkit-box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex-direction: column;
          justify-content: center;
  min-height: calc(100vh - 170px);
}
@media only screen and (max-width: 1199px) {
  .page-services-hero {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .page-services-hero {
    display: block;
    position: relative;
  }
}
.page-services-hero .uk-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.page-services-hero .page-title {
  color: #fff;
}
@media only screen and (max-width: 1199px) {
  .page-services-hero .page-title {
    margin-bottom: 40px;
  }
}

.services-hero {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          align-items: center;
          justify-content: center;
  padding-top: 245px;
  padding-bottom: 300px;
}
@media only screen and (max-width: 1920px) {
  .services-hero {
    padding-top: 12.7604166667vw;
    padding-bottom: 15.625vw;
  }
}
@media only screen and (max-width: 1199px) {
  .services-hero {
    max-width: 708px;
    margin: 0 auto;
    padding: 240px 0 320px;
  }
}
@media only screen and (max-width: 767px) {
  .services-hero {
    display: block;
    max-width: 100%;
    padding: 0;
  }
}
.services-hero .services-hero-img {
  position: relative;
  width: 527px;
  height: 544px;
}
@media only screen and (max-width: 1920px) {
  .services-hero .services-hero-img {
    width: 27.4479166667vw;
    height: 28.3333333333vw;
  }
}
@media only screen and (max-width: 1199px) {
  .services-hero .services-hero-img {
    -webkit-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
    width: 393px;
    height: 404px;
            transform: translateY(-50px);
  }
}
@media only screen and (max-width: 767px) {
  .services-hero .services-hero-img {
    -webkit-transform: none;
        -ms-transform: none;
    width: 290px;
    height: 300px;
    margin: 0 auto;
            transform: none;
  }
}
.services-hero .services-hero-img img {
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
  position: absolute;
  top: 140px;
  left: 50%;
  width: 105px;
  height: 105px;
          transform: translateX(-50%);
}
@media only screen and (max-width: 1920px) {
  .services-hero .services-hero-img img {
    top: 7.2916666667vw;
    width: 5.46875vw;
    height: 5.46875vw;
  }
}
@media only screen and (max-width: 1199px) {
  .services-hero .services-hero-img img {
    top: 100px;
    width: 100px;
    height: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .services-hero .services-hero-img img {
    top: 80px;
    width: 60px;
    height: 60px;
  }
}

.service-item {
  display: block;
  z-index: 2;
  position: absolute;
}
@media only screen and (max-width: 767px) {
  .service-item {
    display: block;
    position: static;
    margin-bottom: 20px;
  }
}
.service-item:hover {
  z-index: 3;
}
.service-item:hover .service-item__box:after,
.service-item:hover .service-item__link {
  opacity: 1;
}
.service-item:hover .service-item__icon {
  -webkit-filter: drop-shadow(0 0 10px #FFC039);
}
.service-item:hover .service-item__bg {
  opacity: 1;
}
.service-item__box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          flex-direction: column;
          align-items: center;
  padding: 30px;
  text-align: center;
}
@media only screen and (max-width: 1920px) {
  .service-item__box {
    padding: 1.5625vw;
  }
}
.service-item__icon {
  -webkit-transition: 1s;
  -o-transition: 1s;
  position: relative;
  margin-bottom: 25px;
  transition: 1s;
}
@media only screen and (max-width: 1920px) {
  .service-item__icon {
    margin-bottom: 1.3020833333vw;
  }
}
@media only screen and (max-width: 1365px) {
  .service-item__icon {
    margin-bottom: 10px;
  }
}
.service-item__icon::before {
  display: block;
  position: absolute;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}
.service-item__icon::after {
  display: block;
  position: absolute;
  width: 135px;
  height: 135px;
  background-image: url(../img/decor/service-1.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}
@media only screen and (max-width: 1920px) {
  .service-item__icon::after {
    width: 7.03125vw;
    height: 7.03125vw;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item__icon::after {
    width: 135px;
    height: 135px;
  }
}
@media only screen and (max-width: 767px) {
  .service-item__icon::after {
    width: 84px;
    height: 84px;
  }
}
.service-item__icon img {
  width: 123px;
  height: 134px;
}
@media only screen and (max-width: 1920px) {
  .service-item__icon img {
    width: 6.40625vw;
    height: 6.9791666667vw;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item__icon img {
    width: 123px;
    height: 134px;
  }
}
@media only screen and (max-width: 767px) {
  .service-item__icon img {
    width: 77px;
    height: 84px;
  }
}
.service-item__title {
  max-width: 410px;
  margin-bottom: 20px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.28;
  text-align: center;
}
@media only screen and (max-width: 1920px) {
  .service-item__title {
    max-width: 21.3541666667vw;
    margin-bottom: 1.0416666667vw;
  }
}
@media only screen and (max-width: 1439px) {
  .service-item__title {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item__title {
    max-width: 250px;
    font-size: 16px;
  }
}
.service-item__link {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  opacity: 0;
  transition: 0.5s;
}
.service-item__link a {
  display: inline-block;
  color: #FFC039;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.28;
  text-align: center;
}
@media (max-width: 767px) {
  .service-item__link a {
    font-size: calc(16px + 3.4 * ((100vw - 320px) / 1920));
  }
}
@media (min-width: 767px) {
  .service-item__link a {
    font-size: calc(16px + 2 * (100vw / 1920));
  }
}
.service-item__link a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 1365px) {
  .service-item__link a {
    font-size: 14px;
  }
}
.service-item__link a:after {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
}
.service-item__link a .uk-icon svg {
  width: 30px;
  height: 30px;
}
@media only screen and (max-width: 1920px) {
  .service-item__link a .uk-icon svg {
    width: 1.5625vw;
    height: 1.5625vw;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item__link a .uk-icon svg {
    width: 20px;
    height: 20px;
  }
}
.service-item__bg {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
  -webkit-transition: 0.7s;
  -o-transition: 0.7s;
  display: block;
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 410px;
  height: 310px;
          transform: translate(-50%, -50%);
  opacity: 0;
  transition: 0.7s;
}
@media only screen and (max-width: 1920px) {
  .service-item__bg {
    width: 21.3541666667vw;
    height: 16.1458333333vw;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item__bg {
    width: 310px;
    height: 230px;
  }
}
@media only screen and (max-width: 767px) {
  .service-item__bg {
    width: 280px;
    height: 210px;
  }
}
.service-item.service-item--1 {
  top: 16px;
  left: 400px;
}
@media only screen and (max-width: 1920px) {
  .service-item.service-item--1 {
    top: 0.8333333333vw;
    left: 20.8333333333vw;
  }
}
@media only screen and (max-width: 1279px) {
  .service-item.service-item--1 {
    left: 331px;
    left: 18.28125vw;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item.service-item--1 {
    top: -20px;
    left: 70px;
  }
}
.service-item.service-item--1 .service-item__icon::before {
  top: 105px;
  right: -130px;
  width: 120px;
  height: 179px;
  background-image: url(../img/decor/service-line-1.svg);
}
@media only screen and (max-width: 1920px) {
  .service-item.service-item--1 .service-item__icon::before {
    top: 5.625vw;
    right: -6.7708333333vw;
    width: 6.25vw;
    height: 9.3229166667vw;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item.service-item--1 .service-item__icon::before {
    top: 108px;
    right: -78px;
    width: 64px;
    height: 148px;
    background-image: url(../img/decor/service-line-tablet-1.svg);
  }
}
@media only screen and (max-width: 767px) {
  .service-item.service-item--1 .service-item__icon::before {
    top: 68px;
    left: 88px;
    width: 306px;
    height: 107px;
    background-image: url(../img/decor/service-line-mobile-1.svg);
  }
}
.service-item.service-item--1 .service-item__icon:after {
  right: -43px;
  bottom: -20px;
}
@media only screen and (max-width: 1920px) {
  .service-item.service-item--1 .service-item__icon:after {
    right: -2.2395833333vw;
    bottom: -1.0416666667vw;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item.service-item--1 .service-item__icon:after {
    right: -43px;
    bottom: -20px;
  }
}
@media only screen and (max-width: 767px) {
  .service-item.service-item--1 .service-item__icon:after {
    right: -27px;
    bottom: -12px;
  }
}
.service-item.service-item--2 {
  top: 136px;
  left: 145px;
}
@media only screen and (max-width: 1920px) {
  .service-item.service-item--2 {
    top: 7.0833333333vw;
    left: 7.5520833333vw;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item.service-item--2 {
    top: 214px;
    left: 15px;
  }
}
.service-item.service-item--2 .service-item__icon::before {
  top: 112px;
  left: 140px;
  width: 335px;
  height: 145px;
  background-image: url(../img/decor/service-line-2.svg);
}
@media only screen and (max-width: 1920px) {
  .service-item.service-item--2 .service-item__icon::before {
    top: 5.8333333333vw;
    left: 7.2916666667vw;
    width: 17.4479166667vw;
    height: 7.5520833333vw;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item.service-item--2 .service-item__icon::before {
    top: 112px;
    left: 140px;
    width: 94px;
    height: 53px;
    background-image: url(../img/decor/service-line-tablet-2.svg);
  }
}
@media only screen and (max-width: 767px) {
  .service-item.service-item--2 .service-item__icon::before {
    top: 68px;
    left: 88px;
    width: 306px;
    height: 107px;
    background-image: url(../img/decor/service-line-mobile-2.svg);
  }
}
.service-item.service-item--2 .service-item__icon:after {
  right: -43px;
  bottom: -20px;
}
@media only screen and (max-width: 1920px) {
  .service-item.service-item--2 .service-item__icon:after {
    right: -2.2395833333vw;
    bottom: -1.0416666667vw;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item.service-item--2 .service-item__icon:after {
    right: -43px;
    bottom: -20px;
  }
}
@media only screen and (max-width: 767px) {
  .service-item.service-item--2 .service-item__icon:after {
    right: -27px;
    bottom: -12px;
  }
}
.service-item.service-item--3 {
  top: 462px;
  left: 60px;
}
@media only screen and (max-width: 1920px) {
  .service-item.service-item--3 {
    top: 24.0625vw;
    left: 3.125vw;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item.service-item--3 {
    top: 425px;
    left: 15px;
  }
}
.service-item.service-item--3 .service-item__icon::before {
  top: -8px;
  left: 160px;
  width: 390px;
  height: 75px;
  background-image: url(../img/decor/service-line-3.svg);
}
@media only screen and (max-width: 1920px) {
  .service-item.service-item--3 .service-item__icon::before {
    top: -0.4166666667vw;
    left: 8.3333333333vw;
    width: 20.3125vw;
    height: 3.90625vw;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item.service-item--3 .service-item__icon::before {
    top: 2px;
    left: 160px;
    width: 76px;
    height: 68px;
    background-image: url(../img/decor/service-line-tablet-3.svg);
  }
}
@media only screen and (max-width: 767px) {
  .service-item.service-item--3 .service-item__icon::before {
    top: -70px;
    left: 100px;
    width: 285px;
    height: 117px;
    background-image: url(../img/decor/service-line-mobile-3.svg);
  }
}
.service-item.service-item--3 .service-item__icon:after {
  -webkit-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
  right: -58px;
  bottom: 1px;
  left: 45px;
          transform: rotate(-30deg);
}
@media only screen and (max-width: 1920px) {
  .service-item.service-item--3 .service-item__icon:after {
    right: -3.0208333333vw;
    bottom: 1px;
  }
}
@media only screen and (max-width: 767px) {
  .service-item.service-item--3 .service-item__icon:after {
    right: -35px;
    left: auto;
  }
}
.service-item.service-item--4 {
  top: 642px;
  left: 265px;
}
@media only screen and (max-width: 1920px) {
  .service-item.service-item--4 {
    top: 33.4375vw;
    left: 13.8020833333vw;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item.service-item--4 {
    top: 636px;
    left: 6px;
  }
}
.service-item.service-item--4 .service-item__icon::before {
  top: -28px;
  left: 140px;
  width: 230px;
  height: 50px;
  background-image: url(../img/decor/service-line-4.svg);
}
@media only screen and (max-width: 1920px) {
  .service-item.service-item--4 .service-item__icon::before {
    top: -1.4583333333vw;
    left: 7.2916666667vw;
    width: 11.9791666667vw;
    height: 2.6041666667vw;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item.service-item--4 .service-item__icon::before {
    top: -198px;
    left: 145px;
    width: 56px;
    height: 221px;
    background-image: url(../img/decor/service-line-tablet-4.svg);
  }
}
@media only screen and (max-width: 767px) {
  .service-item.service-item--4 .service-item__icon::before {
    top: -90px;
    left: 90px;
    width: 172px;
    height: 107px;
    background-image: url(../img/decor/service-line-mobile-4.svg);
  }
}
.service-item.service-item--4 .service-item__icon:after {
  -webkit-transform: rotate(-60deg);
      -ms-transform: rotate(-60deg);
  right: -45px;
  bottom: 22px;
          transform: rotate(-60deg);
}
@media only screen and (max-width: 1920px) {
  .service-item.service-item--4 .service-item__icon:after {
    right: -2.34375vw;
    bottom: 1.1458333333vw;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item.service-item--4 .service-item__icon:after {
    right: -47px;
    bottom: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .service-item.service-item--4 .service-item__icon:after {
    right: -27px;
    bottom: 12px;
  }
}
.service-item.service-item--5 {
  top: 762px;
  left: 629px;
}
@media only screen and (max-width: 1920px) {
  .service-item.service-item--5 {
    top: 39.6875vw;
    left: 32.7604166667vw;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item.service-item--5 {
    top: 710px;
    left: 205px;
  }
}
.service-item.service-item--5 .service-item__icon::before {
  bottom: 168px;
  left: 55px;
  width: 72px;
  height: 171px;
  background-image: url(../img/decor/service-line-5.svg);
}
@media only screen and (max-width: 1920px) {
  .service-item.service-item--5 .service-item__icon::before {
    bottom: 8.75vw;
    left: 2.8645833333vw;
    width: 3.75vw;
    height: 8.90625vw;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item.service-item--5 .service-item__icon::before {
    bottom: 147px;
    left: 55px;
    width: 10px;
    height: 288px;
    background-image: url(../img/decor/service-line-tablet-5.svg);
  }
}
@media only screen and (max-width: 767px) {
  .service-item.service-item--5 .service-item__icon::before {
    display: none;
  }
}
.service-item.service-item--5 .service-item__icon:after {
  -webkit-transform: rotate(-120deg);
      -ms-transform: rotate(-120deg);
  top: -45px;
  right: -5px;
          transform: rotate(-120deg);
}
@media only screen and (max-width: 1920px) {
  .service-item.service-item--5 .service-item__icon:after {
    top: -2.34375vw;
    right: -0.2604166667vw;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item.service-item--5 .service-item__icon:after {
    top: -45px;
    right: -5px;
  }
}
@media only screen and (max-width: 767px) {
  .service-item.service-item--5 .service-item__icon:after {
    top: -27px;
    right: -3px;
  }
}
.service-item.service-item--6 {
  top: 642px;
  right: 315px;
}
@media only screen and (max-width: 1920px) {
  .service-item.service-item--6 {
    top: 33.4375vw;
    right: 16.40625vw;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item.service-item--6 {
    top: 637px;
    right: 10px;
  }
}
.service-item.service-item--6 .service-item__icon::before {
  right: 145px;
  bottom: 108px;
  width: 165px;
  height: 156px;
  background-image: url(../img/decor/service-line-6.svg);
}
@media only screen and (max-width: 1920px) {
  .service-item.service-item--6 .service-item__icon::before {
    right: 7.5520833333vw;
    bottom: 5.625vw;
    width: 8.59375vw;
    height: 8.125vw;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item.service-item--6 .service-item__icon::before {
    right: 152px;
    bottom: 107px;
    width: 62px;
    height: 288px;
    background-image: url(../img/decor/service-line-tablet-6.svg);
  }
}
@media only screen and (max-width: 767px) {
  .service-item.service-item--6 .service-item__icon::before {
    right: 90px;
    bottom: 66px;
    width: 172px;
    height: 107px;
    background-image: url(../img/decor/service-line-mobile-6.svg);
  }
}
.service-item.service-item--6 .service-item__icon:after {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
  top: -20px;
  left: -50px;
          transform: rotate(-180deg);
}
@media only screen and (max-width: 1920px) {
  .service-item.service-item--6 .service-item__icon:after {
    top: -1.0416666667vw;
    left: -2.6041666667vw;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item.service-item--6 .service-item__icon:after {
    top: -20px;
    left: -50px;
  }
}
@media only screen and (max-width: 767px) {
  .service-item.service-item--6 .service-item__icon:after {
    top: -12px;
    left: -27px;
  }
}
.service-item.service-item--7 {
  top: 462px;
  right: 54px;
}
@media only screen and (max-width: 1920px) {
  .service-item.service-item--7 {
    top: 24.0625vw;
    right: 4.9479166667vw;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item.service-item--7 {
    top: 430px;
    right: 0;
  }
}
.service-item.service-item--7 .service-item__icon::before {
  right: 145px;
  bottom: 110px;
  width: 360px;
  height: 43px;
  background-image: url(../img/decor/service-line-7.svg);
}
@media only screen and (max-width: 1920px) {
  .service-item.service-item--7 .service-item__icon::before {
    right: 7.5520833333vw;
    bottom: 5.7291666667vw;
    width: 18.75vw;
    height: 2.2395833333vw;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item.service-item--7 .service-item__icon::before {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .service-item.service-item--7 .service-item__icon::before {
    display: block;
    top: 10px;
    right: 85px;
    width: 172px;
    height: 107px;
    background-image: url(../img/decor/service-line-mobile-7.svg);
  }
}
.service-item.service-item--7 .service-item__icon:after {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
  top: -20px;
  left: -50px;
          transform: rotate(-180deg);
}
@media only screen and (max-width: 1920px) {
  .service-item.service-item--7 .service-item__icon:after {
    top: -1.0416666667vw;
    left: -2.6041666667vw;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item.service-item--7 .service-item__icon:after {
    top: -15px;
    left: -45px;
  }
}
@media only screen and (max-width: 767px) {
  .service-item.service-item--7 .service-item__icon:after {
    top: -12px;
    left: -27px;
  }
}
.service-item.service-item--8 {
  top: 125px;
  right: 75px;
}
@media only screen and (max-width: 1920px) {
  .service-item.service-item--8 {
    top: 6.5104166667vw;
    right: 5.46875vw;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item.service-item--8 {
    top: 211px;
    right: -35px;
  }
}
.service-item.service-item--8 .service-item__icon::before {
  top: 106px;
  right: 149px;
  width: 306px;
  height: 108px;
  background-image: url(../img/decor/service-line-8.svg);
}
@media only screen and (max-width: 1920px) {
  .service-item.service-item--8 .service-item__icon::before {
    top: 5.5208333333vw;
    right: 7.7604166667vw;
    width: 15.9375vw;
    height: 5.625vw;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item.service-item--8 .service-item__icon::before {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .service-item.service-item--8 .service-item__icon::before {
    display: block;
    top: auto;
    right: 90px;
    bottom: 10px;
    width: 172px;
    height: 107px;
    background-image: url(../img/decor/service-line-mobile-8.svg);
  }
}
.service-item.service-item--8 .service-item__icon:after {
  -webkit-transform: rotate(-240deg);
      -ms-transform: rotate(-240deg);
  top: 15px;
  left: -50px;
          transform: rotate(-240deg);
}
@media only screen and (max-width: 1920px) {
  .service-item.service-item--8 .service-item__icon:after {
    top: 0.78125vw;
    left: -2.6041666667vw;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item.service-item--8 .service-item__icon:after {
    top: 15px;
    left: -50px;
  }
}
@media only screen and (max-width: 767px) {
  .service-item.service-item--8 .service-item__icon:after {
    top: 12px;
    left: -27px;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item.service-item--8 .service-item__title {
    max-width: 220px;
  }
}
.service-item.service-item--9 {
  top: 16px;
  right: 380px;
}
@media only screen and (max-width: 1920px) {
  .service-item.service-item--9 {
    top: 0.8333333333vw;
    right: 19.7916666667vw;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item.service-item--9 {
    top: -20px;
    right: 72px;
  }
}
.service-item.service-item--9 .service-item__icon::before {
  top: 105px;
  right: 142px;
  width: 185px;
  height: 185px;
  background-image: url(../img/decor/service-line-9.svg);
}
@media only screen and (max-width: 1920px) {
  .service-item.service-item--9 .service-item__icon::before {
    top: 5.46875vw;
    right: 7.3958333333vw;
    width: 9.6354166667vw;
    height: 9.6354166667vw;
  }
}
@media only screen and (max-width: 1365px) {
  .service-item.service-item--9 .service-item__icon::before {
    right: 160px;
    right: 8.3333333333vw;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item.service-item--9 .service-item__icon::before {
    top: 105px;
    right: 142px;
    width: 50px;
    height: 127px;
    background-image: url(../img/decor/service-line-tablet-9.svg);
  }
}
@media only screen and (max-width: 767px) {
  .service-item.service-item--9 .service-item__icon::before {
    top: auto;
    right: 85px;
    bottom: 10px;
    width: 242px;
    height: 107px;
    background-image: url(../img/decor/service-line-mobile-9.svg);
  }
}
.service-item.service-item--9 .service-item__icon:after {
  -webkit-transform: rotate(-240deg);
      -ms-transform: rotate(-240deg);
  top: 17px;
  left: -42px;
          transform: rotate(-240deg);
}
@media only screen and (max-width: 1920px) {
  .service-item.service-item--9 .service-item__icon:after {
    top: 0.8854166667vw;
    left: -2.1875vw;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item.service-item--9 .service-item__icon:after {
    top: 17px;
    left: -42px;
  }
}
@media only screen and (max-width: 767px) {
  .service-item.service-item--9 .service-item__icon:after {
    top: 12px;
    left: -27px;
  }
}
@media only screen and (max-width: 1199px) {
  .service-item.service-item--9 .service-item__title {
    max-width: 280px;
  }
}

.page-contacts .page-header__logo .logo-img--white {
  display: none;
}
.page-contacts .page-header__logo .logo-img--contacts {
  display: block;
}
.page-contacts .page-content-contacts {
  min-height: calc(100vh - 50px);
}

.page-content-map {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
  -webkit-box-align: end;
      -ms-flex-align: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  bottom: 0;
          align-items: flex-end;
          justify-content: flex-end;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1199px) {
  .page-content-map {
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    top: 50%;
    bottom: auto;
            transform: translateY(-50%);
  }
}
@media only screen and (max-width: 767px) {
  .page-content-map {
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
    top: -15%;
            transform: translate(0);
  }
}
@media only screen and (max-width: 736px) {
  .page-content-map {
    top: -25%;
    left: 12%;
  }
}
@media only screen and (max-width: 639px) {
  .page-content-map {
    top: -35%;
  }
}
.page-content-map + * {
  pointer-events: none;
}
.page-content-map::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/bg_page-automate.svg);
  background-position: center bottom;
  background-repeat: no-repeat;
  content: "";
  pointer-events: none;
}
.page-content-map .contacts-map {
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
  position: absolute;
  bottom: 0;
  left: 50%;
  min-width: 1920px;
  height: auto;
          transform: translateX(-50%);
}
@media only screen and (max-width: 639px) {
  .page-content-map .contacts-map {
    min-width: 1300px;
  }
}
.page-content-map svg .coutry-item .is-show {
  fill: #ededed;
  -webkit-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
}
.page-content-map svg .coutry-item .is-show.is-active {
  fill: #FFEC8E;
}
.page-content-map svg .coutry-item .is-show:hover {
  fill: #FFD710;
}
.page-content-map svg .map-tooltip {
  -webkit-transition: 0.7s;
  -o-transition: 0.7s;
  opacity: 0;
  transition: 0.7s;
}
.page-content-map svg .map-tooltip.is-active {
  opacity: 1;
}
.page-content-map svg .map-tooltip [fill*="#"]:not(.uk-preserve) {
  fill: inherit;
}
.page-content-map .uk-svg, .page-content-map .uk-svg:not(.uk-preserve) [fill*="#"]:not(.uk-preserve) {
  fill: inherit !important;
}
.page-content-map #ukraine .st3.is-show.is-active {
  fill: #FFD710;
}

.page-content-map svg .map-tooltip.is-active {
  opacity: 1 !important;
}

.page-content-map svg #Germany.coutry-item .is-show.is-active {
  fill: #FFD710;
}

.page-contacts-box {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  position: relative;
          align-items: center;
          justify-content: space-between;
  min-height: calc(100vh - 250px);
}
@media only screen and (max-width: 1199px) {
  .page-contacts-box {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media only screen and (max-width: 736px) {
  .page-contacts-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            flex-direction: column;
            align-items: center;
            justify-content: flex-end;
    min-height: calc(100vh - 200px);
    padding-top: 300px;
    padding-bottom: 20px;
  }
}

.contacts-box {
  -webkit-box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  width: 100%;
  max-width: 420px;
  height: 300px;
  padding: 30px;
  background: #FFD649;
  opacity: 1;
  pointer-events: all;
}
@media only screen and (max-width: 1499px) {
  .contacts-box {
    max-width: 222px;
    height: 210px;
    padding: 20px 14px;
  }
}
@media only screen and (max-width: 1199px) {
  .contacts-box {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media only screen and (max-width: 736px) {
  .contacts-box {
    max-width: 420px;
    padding: 20px;
  }
}
@media only screen and (max-width: 736px) {
  .contacts-box + .contacts-box {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .contacts-box * + .uk-margin-medium, .contacts-box .uk-margin-medium-top {
    margin-top: 20px !important;
  }
}
@media only screen and (max-width: 1199px) {
  .contacts-box .uk-margin-medium {
    margin-bottom: 20px !important;
  }
}

.contacts-info ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.contacts-info ul li {
  display: block;
  position: relative;
}
.contacts-info ul li + li {
  margin-top: 24px;
}
@media only screen and (max-width: 1499px) {
  .contacts-info ul li + li {
    margin-top: 15px;
  }
}
.contacts-info ul li a {
  -webkit-box-align: start;
      -ms-flex-align: start;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: flex-start;
  color: #000000;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.28;
  transition: 0.3s;
}
@media only screen and (max-width: 1499px) {
  .contacts-info ul li a {
    font-size: 12px;
  }
}
.contacts-info ul li a img, .contacts-info ul li a svg {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin-top: 3px;
  margin-right: 15px;
}
@media only screen and (max-width: 1499px) {
  .contacts-info ul li a img, .contacts-info ul li a svg {
    margin-top: 0;
  }
}
.contacts-info ul li a:hover {
  color: #fff;
  text-decoration: none;
}

.contacts-form {
  display: none;
}
.contacts-form form {
  display: block;
  position: relative;
  width: 100%;
}
.contacts-form .uk-input {
  border: 0;
  border-bottom: 1px solid #000;
  background: none;
  color: rgba(0, 0, 0, 0.5);
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
}
.contacts-form .uk-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
}
.contacts-form .uk-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
}
.contacts-form .uk-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
}
.contacts-form .uk-input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
}
.contacts-form .uk-input::placeholder {
  color: rgba(0, 0, 0, 0.5);
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
}
.contacts-form .uk-button-default {
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
  color: #171C22;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  text-transform: none;
}
.contacts-form .uk-button-default::before {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}
.contacts-form .uk-button-default::after {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.contacts-box__btn {
  margin-top: 20px;
  opacity: 1;
  pointer-events: all;
}
.contacts-box__btn button {
  width: 100%;
  height: 55px;
  border: 2px solid #171C22;
  background-color: transparent;
  color: #171C22;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.28;
  cursor: pointer;
}

/* Page RENT */
.page-rent.page-dark {
  background: -webkit-gradient(linear, left bottom, left top, from(#0E1216), to(#0E1216)), #F8F8F8;
  background: -o-linear-gradient(bottom, #0E1216, #0E1216), #F8F8F8;
  background: linear-gradient(0deg, #0E1216, #0E1216), #F8F8F8;
}
.page-rent.page-dark .uk-container {
  max-width: 1150px;
}
@media only screen and (max-width: 1199px) {
  .page-rent.page-dark .uk-container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.page-rent.page-dark .uk-container-xlarge {
  max-width: 1700px;
}
@media only screen and (max-width: 767px) {
  .page-rent.page-dark .section-title {
    font-weight: 600;
    font-size: 21px;
    line-height: 1.14;
    letter-spacing: 0.02em;
    text-transform: uppercase;
  }
}

.page-content-rent .section-title {
  font-weight: 500 !important;
}

.page-rent-hero.hero {
  padding-top: 85px;
  padding-bottom: 100px;
}
@media only screen and (max-width: 1499px) {
  .page-rent-hero.hero {
    padding-top: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .page-rent-hero.hero {
    padding-top: 15px;
    padding-bottom: 35px;
  }
}
@media only screen and (max-width: 1199px) {
  .page-rent-hero.hero .hero__box {
    display: block;
  }
}
.page-rent-hero.hero .hero__box::before {
  top: -85px;
  left: 20px;
  width: 226px;
  height: 789px;
  background-image: url(../img/decor/hero-rent-left.svg);
}
@media only screen and (max-width: 767px) {
  .page-rent-hero.hero .hero__box::before {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .page-rent-hero.hero .hero__title .decor::before {
    top: -4px;
    right: 34px;
    width: 106px;
    height: 43px;
    background-size: contain;
  }
}
@media only screen and (max-width: 767px) {
  .page-rent-hero.hero .hero__title .decor::after {
    width: 140px;
    height: 140px;
    background-size: contain;
  }
}
.page-rent-hero.hero .hero__desc {
  max-width: 485px;
  margin-left: 75px;
}
@media only screen and (max-width: 1199px) {
  .page-rent-hero.hero .hero__desc {
    -webkit-box-align: center;
        -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
            align-items: center;
    width: 100%;
    max-width: 100%;
    margin: 0 0 60px 0;
    gap: 43px;
  }
}
@media only screen and (max-width: 767px) {
  .page-rent-hero.hero .hero__desc {
    margin-bottom: 35px;
  }
}
.page-rent-hero.hero .hero__title {
  padding: 75px 0 70px 75px;
}
@media only screen and (max-width: 1199px) {
  .page-rent-hero.hero .hero__title {
    max-width: 50%;
    padding: 60px 0 70px 50px;
  }
  .page-rent-hero.hero .hero__title .border {
    max-width: 310px;
  }
  .page-rent-hero.hero .hero__title p {
    max-width: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .page-rent-hero.hero .hero__title {
    max-width: 100%;
    padding: 47px 0 75px 25px;
  }
  .page-rent-hero.hero .hero__title .border {
    max-width: 250px;
  }
}
.page-rent-hero.hero .hero__plus {
  padding: 69px 0 0 75px;
}
@media only screen and (max-width: 1199px) {
  .page-rent-hero.hero .hero__plus {
    padding: 0 0 0 28px;
  }
}
@media only screen and (max-width: 767px) {
  .page-rent-hero.hero .hero__plus {
    display: none;
  }
}
.page-rent-hero.hero .hero__plus h2 {
  color: #FFDE3F;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.page-rent-hero.hero .hero__plus ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.page-rent-hero.hero .hero__plus ul li {
  display: block;
  position: relative;
  margin-bottom: 5px;
  padding-left: 30px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  font-size: 18px;
  line-height: 1.33;
  line-height: 1.33;
}
.page-rent-hero.hero .hero__plus ul li:last-child {
  margin-bottom: 0;
}
.page-rent-hero.hero .hero__plus ul li::before {
  display: block;
  position: absolute;
  top: -7px;
  left: -8px;
  width: 36px;
  height: 36px;
  background-image: url(../img/decor/solutions-notice-title.svg);
  background-position: center;
  background-repeat: no-repeat;
  content: "";
}
.page-rent-hero.hero .hero__video {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex-grow: 1;
          justify-content: flex-end;
}

.block-video {
  display: block;
  position: relative;
  padding: 24px 0 0 24px;
}
@media only screen and (max-width: 1199px) {
  .block-video {
    padding: 0;
  }
}
.block-video__decor {
  -webkit-clip-path: polygon(calc(100% - 210px) 0, 100% 210px, 100% 100%, 0 100%, 0 0);
  display: block;
  z-index: 1;
  position: absolute;
  top: -24px;
  left: -24px;
  width: 100%;
  height: 100%;
  border: 2px solid rgba(255, 222, 63, 0.8);
          clip-path: polygon(calc(100% - 210px) 0, 100% 210px, 100% 100%, 0 100%, 0 0);
  pointer-events: none;
}
@media only screen and (max-width: 1199px) {
  .block-video__decor {
    -webkit-clip-path: polygon(calc(100% - 150px) 0, 100% 150px, 100% 100%, 0 100%, 0 0);
    top: 10px;
    left: -10px;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
            clip-path: polygon(calc(100% - 150px) 0, 100% 150px, 100% 100%, 0 100%, 0 0);
  }
}
@media only screen and (max-width: 767px) {
  .block-video__decor {
    -webkit-clip-path: polygon(calc(100% - 60px) 0, 100% 60px, 100% 100%, 0 100%, 0 0);
    top: 5px;
    right: 5px;
    bottom: -5px;
    left: -5px;
    width: 100%;
    height: 100%;
            clip-path: polygon(calc(100% - 60px) 0, 100% 60px, 100% 100%, 0 100%, 0 0);
  }
}
.block-video__decor::before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
  display: block;
  z-index: 2;
  position: absolute;
  top: 60px;
  right: -103px;
  width: 500px;
  height: 2px;
          transform: rotate(45deg);
  background-color: rgba(255, 222, 63, 0.8);
  content: "";
}
@media only screen and (max-width: 1199px) {
  .block-video__decor::before {
    top: 70px;
    right: -49px;
    width: 250px;
  }
}
@media only screen and (max-width: 767px) {
  .block-video__decor::before {
    right: -140px;
  }
}
.block-video__link {
  display: block;
  position: relative;
}
.block-video__link::before {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
  display: block;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
          flex: 0 0 80px;
  width: 80px;
  height: 80px;
          transform: translate(-50%, -50%);
  background-image: url(../img/icons/play.svg);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
@media only screen and (max-width: 1199px) {
  .block-video__link::before {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 68px;
            flex: 0 0 68px;
    width: 68px;
    height: 68px;
  }
}
@media only screen and (max-width: 767px) {
  .block-video__link::before {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
    width: 40px;
    height: 40px;
  }
}

.rent-plus-desktop {
  display: block;
}
@media only screen and (max-width: 767px) {
  .rent-plus-desktop {
    display: none;
  }
}

.rent-plus-mobile {
  display: none;
}
@media only screen and (max-width: 767px) {
  .rent-plus-mobile {
    display: block;
  }
}

.page-rent-plus {
  display: block;
  position: relative;
  padding: 100px 0 0;
  background-color: #fff;
}
@media only screen and (max-width: 1199px) {
  .page-rent-plus {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 767px) {
  .page-rent-plus {
    padding: 50px 0 30px;
  }
}
.page-rent-plus .section-title {
  margin-bottom: 60px;
  padding-left: 89px;
  color: #000;
  text-align: left;
}
@media only screen and (max-width: 1199px) {
  .page-rent-plus .section-title {
    margin-bottom: 40px;
    padding-left: 0;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .page-rent-plus .section-title {
    margin-bottom: 25px;
  }
}

.rent-plus-tabs {
  padding-left: 122px;
}
.rent-plus-tabs::before {
  display: none;
}
@media only screen and (max-width: 991px) {
  .rent-plus-tabs {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 0;
  }
}
.rent-plus-tabs > li {
  padding: 0;
  border-bottom: 2px solid rgba(255, 192, 57, 0.6);
}
.rent-plus-tabs > li a {
  display: block;
  position: relative;
  padding: 0 39px 9px 39px;
  color: #000000;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .rent-plus-tabs > li a {
    padding: 0 15px 8px 15px;
    color: #000000;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    text-transform: uppercase;
  }
}
.rent-plus-tabs > li.uk-active a {
  border: none;
  color: #000000;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .rent-plus-tabs > li.uk-active a {
    color: #000000;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    text-transform: uppercase;
  }
}
.rent-plus-tabs > li.uk-active a:after {
  display: block;
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #F7D720;
  content: "";
}

.rent-plus-content {
  margin-top: 40px;
}
@media only screen and (max-width: 1199px) {
  .rent-plus-content {
    margin-top: 25px;
  }
}

.rent-plus-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 20px 0 100px;
}
@media only screen and (max-width: 1199px) {
  .rent-plus-box {
    padding: 20px 0 0;
  }
}
.rent-plus-box > div:first-child {
  max-width: 750px;
}
@media only screen and (max-width: 1199px) {
  .rent-plus-box > div:first-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( 100% - 430px );
    -webkit-box-orient: vertical;
    display: -webkit-box;
            flex: 0 0 calc( 100% - 430px );
    -webkit-line-clamp: 14;
    overflow: hidden;
  }
}
.rent-plus-box > div:first-child p {
  margin: 0;
  color: #000000;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.33;
}
.rent-plus-box > div:last-child {
  position: absolute;
  top: -159px;
  right: -136px;
}
@media only screen and (max-width: 1450px) {
  .rent-plus-box > div:last-child {
    right: -42px;
  }
}
@media only screen and (max-width: 1199px) {
  .rent-plus-box > div:last-child {
    position: relative;
    top: 0;
    left: 0;
    margin-top: -40px;
    margin-left: 30px;
  }
}

.rent-img-percent {
  position: absolute;
  color: #FFC73F;
  font-style: normal;
  font-weight: 700;
  font-size: 56px;
  line-height: 100%;
}

.rent-img-text {
  position: absolute;
  color: #626B74;
  font-weight: 450;
  font-size: 12px;
  line-height: 100%;
}

.rent-img-percent-1 {
  top: 122px;
  right: 70px;
}

.rent-img-text-1 {
  top: 174px;
  right: 118px;
  width: 70px;
}

.rent-img-percent-2 {
  top: 135px;
  right: 4px;
}

.rent-img-text-2 {
  top: 187px;
  right: 5px;
  width: 113px;
}

.rent-img-percent-3 {
  top: 40px;
  right: 130px;
  font-size: 48px;
}

.rent-img-text-3 {
  top: 85px;
  right: 118px;
  width: 113px;
}

.rent-plus-mobile .uk-slider-items li h4 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  margin-bottom: 20px;
  padding: 0 15px 8px;
  border-bottom: 4px solid #F7D720;
  color: #000000;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  text-transform: uppercase;
}
.rent-plus-mobile .uk-slider-items li p {
  margin: 0;
  color: #000000;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.43;
}

.page-rent-tarif {
  display: block;
  position: relative;
  padding: 100px 0;
  background-image: url(../img/decor/rent-tarifs.svg);
  background-position: right top;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1199px) {
  .page-rent-tarif {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 767px) {
  .page-rent-tarif {
    padding: 50px 0;
    background: none;
  }
}
.page-rent-tarif .section-title {
  margin-bottom: 60px;
}
@media only screen and (max-width: 1199px) {
  .page-rent-tarif .section-title {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .page-rent-tarif .section-title {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
            justify-content: center;
    max-width: 140px;
    margin: 0 auto 30px;
    text-align: center;
  }
}

.rent-tarifs {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: stretch;
          justify-content: space-between;
  gap: 40px;
}
@media only screen and (max-width: 1199px) {
  .rent-tarifs {
    -ms-flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
        flex-wrap: wrap;
            justify-content: center;
    gap: 20px;
  }
}
.rent-tarifs > * {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media only screen and (max-width: 1199px) {
  .rent-tarifs > * {
    max-width: 295px;
  }
}

.rent-tarif-item {
  display: block;
  position: relative;
  height: 100%;
  background: #141A21;
}
@media only screen and (max-width: 1199px) {
  .rent-tarif-item {
    min-height: 511px;
  }
}
@media only screen and (max-width: 767px) {
  .rent-tarif-item {
    min-height: 433px;
  }
}
@media only screen and (max-width: 767px) {
  .rent-tarif-item {
    max-width: 240px;
    margin: 0 auto;
  }
}
.rent-tarif-item::before {
  display: block;
  position: absolute;
  top: 0;
  right: 40px;
  left: 40px;
  width: calc(100% - 80px);
  height: 10px;
  background: #10151B;
  content: "";
}
.rent-tarif-item__decor {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 70px), calc(100% - 70px) 100%, 0% 100%);
  display: block;
  position: absolute;
  top: 0;
  left: -10px;
  width: 100%;
  height: 100%;
  border: 2px solid #FF7549;
          clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 70px), calc(100% - 70px) 100%, 0% 100%);
  opacity: 0.3;
  pointer-events: none;
}
@media only screen and (max-width: 1199px) {
  .rent-tarif-item__decor {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 50px), calc(100% - 50px) 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 50px), calc(100% - 50px) 100%, 0% 100%);
  }
}
@media only screen and (max-width: 767px) {
  .rent-tarif-item__decor {
    left: 0;
  }
}
.rent-tarif-item__decor:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
  display: block;
  position: absolute;
  right: -20px;
  bottom: 31px;
  width: 110px;
  height: 2px;
          transform: rotate(-45deg);
  background: #FF7549;
  content: "";
}
@media only screen and (max-width: 1199px) {
  .rent-tarif-item__decor:after {
    right: -40px;
    bottom: 31px;
  }
}
.rent-tarif-item__box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex-direction: column;
  padding: 40px;
}
@media only screen and (max-width: 1199px) {
  .rent-tarif-item__box {
    padding: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .rent-tarif-item__box {
    padding: 25px 20px 30px;
  }
}
.rent-tarif-item__head {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex-direction: column;
          align-items: center;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 2px solid #10151B;
}
@media only screen and (max-width: 1199px) {
  .rent-tarif-item__head {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .rent-tarif-item__head {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
}
.rent-tarif-item__head-icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex: 0 0 46px;
          align-items: center;
          justify-content: center;
  width: 46px;
  height: 46px;
  margin-bottom: 10px;
}
.rent-tarif-item__head-title {
  color: #FFFFFF;
  font-style: normal;
  font-weight: 450;
  font-size: 36px;
  line-height: 0.6;
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .rent-tarif-item__head-title {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .rent-tarif-item__head-title {
    font-size: 28px;
  }
}
.rent-tarif-item__head-text {
  margin-top: 5px;
  color: #626B74;
  font-style: normal;
  font-weight: 450;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.02em;
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .rent-tarif-item__head-text {
    margin-top: 8px;
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .rent-tarif-item__head-text {
    margin-top: 5px;
  }
}
.rent-tarif-item__body {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
}
.rent-tarif-item__price-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 2px solid #10151B;
}
@media only screen and (max-width: 1199px) {
  .rent-tarif-item__price-box {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .rent-tarif-item__price-box {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
}
.rent-tarif-item__price {
  margin-bottom: 2px;
}
.rent-tarif-item__price li {
  color: #FFFFFF;
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .rent-tarif-item__price li {
    font-size: 30px;
  }
}
.rent-tarif-item__price-text {
  color: #626B74;
  font-style: normal;
  font-weight: 450;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .rent-tarif-item__price-text {
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .rent-tarif-item__price-text {
    font-size: 10px;
  }
}
.rent-tarif-item__price-tabs {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  margin: 10px 0 4px 0;
  padding: 0;
  gap: 10px;
  list-style-type: none;
}
.rent-tarif-item__price-tabs li a {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  padding: 10px 20px;
  outline: 1px solid rgba(247, 215, 32, 0.3);
  color: #FFFFFF;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.04em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .rent-tarif-item__price-tabs li a {
    width: 70px;
    height: 40px;
    padding: 0;
    font-size: 21px;
  }
}
.rent-tarif-item__price-tabs li.uk-active a {
  outline: 2px solid #F7D720;
}
.rent-tarif-item__btn {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          justify-content: center;
  margin-bottom: 30px;
}
.rent-tarif-item__btn .uk-button {
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .rent-tarif-item__btn {
    margin-bottom: 20px;
  }
  .rent-tarif-item__btn .uk-button {
    width: 166px;
    height: 46px;
    font-size: 14px;
  }
}
.rent-tarif-item__list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.rent-tarif-item__list ul li {
  display: block;
  margin-bottom: 6px;
  padding-left: 25px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='none' viewBox='0 0 16 12'%3E%3Cpath fill='%2357CA70' fill-rule='evenodd' d='M5.478 7.82 13.298 0l2.09 2.09L5.478 12 0 6.522l2.09-2.09 3.388 3.389Z' clip-rule='evenodd'/%3E%3C/svg%3E%0A");
  background-position: left top 3px;
  background-repeat: no-repeat;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
}
@media only screen and (max-width: 1199px) {
  .rent-tarif-item__list ul li {
    font-size: 14px;
  }
}
.rent-tarif-item__list ul li:last-child {
  margin-bottom: 0;
}
.rent-tarif-item__title-empty {
  max-width: 200px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 600;
  font-size: 26px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-align: center;
  text-transform: uppercase;
}

.rent-tarif-item.--tarif-item-2::before {
  background: #4285F4;
}
.rent-tarif-item.--tarif-item-2 .rent-tarif-item__decor {
  border: 2px solid rgba(66, 133, 244, 0.8);
}
.rent-tarif-item.--tarif-item-2 .rent-tarif-item__decor:after {
  background: rgba(66, 133, 244, 0.8);
}

.rent-tarif-item.--tarif-item-3 .rent-tarif-item__decor {
  border: 2px solid rgba(187, 107, 217, 0.3);
}
.rent-tarif-item.--tarif-item-3 .rent-tarif-item__decor:after {
  background: rgba(187, 107, 217, 0.3);
}

.rent-tarifs-btn {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          justify-content: center;
  margin-top: 60px;
}
@media only screen and (max-width: 1199px) {
  .rent-tarifs-btn {
    margin-top: 35px;
  }
}

.page-rent-partners {
  display: block;
  position: relative;
  padding: 60px 0;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .page-rent-partners {
    padding-top: 30px;
    padding-bottom: 50px;
  }
}

.rent-partners {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          align-items: center;
          justify-content: space-between;
  gap: 17px;
}
@media only screen and (max-width: 1199px) {
  .rent-partners {
    gap: 20px;
  }
}
@media only screen and (max-width: 800px) {
  .rent-partners {
    gap: 0;
  }
}
@media only screen and (max-width: 767px) {
  .rent-partners {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.rent-partners__media {
  display: block;
  width: 430px;
  margin: -4px 0 0 -40px;
}
@media only screen and (max-width: 991px) {
  .rent-partners__media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 310px;
            flex: 0 0 310px;
    width: 310px;
  }
}
@media only screen and (max-width: 767px) {
  .rent-partners__media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
    max-width: 430px;
    margin: 0;
    text-align: center;
  }
}
@media only screen and (max-width: 359px) {
  .rent-partners__media {
    max-width: 250px;
    text-align: center;
  }
}
.rent-partners__desc {
  display: block;
  position: relative;
  max-width: 705px;
  color: #000000;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.33;
}
@media only screen and (max-width: 1100px) {
  .rent-partners__desc {
    max-width: 610px;
  }
}
@media only screen and (max-width: 800px) {
  .rent-partners__desc {
    margin: -7px 10px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .rent-partners__desc {
    max-width: 100%;
    margin: 0;
    color: #000000;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.43;
  }
}
.rent-partners__desc .section-title {
  margin-top: 6px;
  margin-bottom: 60px;
  color: #000;
  text-align: left;
}
@media only screen and (max-width: 1199px) {
  .rent-partners__desc .section-title {
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .rent-partners__desc .section-title {
    margin-bottom: 30px;
  }
}
.rent-partners__desc blockquote {
  margin: 0;
  padding-left: 20px;
  border-left: 4px solid #FFC039;
  color: #000000;
  font-style: normal;
  font-weight: 450;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 767px) {
  .rent-partners__desc blockquote {
    padding-left: 15px;
    color: #000000;
    font-style: normal;
    font-weight: 450;
    font-size: 14px;
    line-height: 1.43;
  }
}
.rent-partners__desc ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.rent-partners__desc ul li {
  display: block;
  position: relative;
  margin-bottom: 5px;
  padding-left: 30px;
  color: #000000;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.33;
}
@media only screen and (max-width: 767px) {
  .rent-partners__desc ul li {
    margin-bottom: 10px;
    color: #000000;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.43;
  }
}
.rent-partners__desc ul li:last-child {
  margin-bottom: 0;
}
.rent-partners__desc ul li::before {
  display: block;
  position: absolute;
  top: -7px;
  left: -8px;
  width: 36px;
  height: 36px;
  background-image: url(../img/decor/solutions-notice-title.svg);
  background-position: center;
  background-repeat: no-repeat;
  content: "";
}
.rent-partners__desc .uk-text-meta {
  color: #626B74;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.page-rent-about {
  display: block;
  position: relative;
  padding-top: 47px;
}
@media only screen and (max-width: 1199px) {
  .page-rent-about {
    padding-top: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .page-rent-about {
    padding-bottom: 50px;
  }
}

.rent-about {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          align-items: center;
  gap: 40px;
}
@media only screen and (max-width: 767px) {
  .rent-about {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
.rent-about__desc {
  max-width: 705px;
  margin-bottom: 80px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 1199px) {
  .rent-about__desc {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    max-width: 422px;
    -webkit-line-clamp: 8;
    overflow: hidden;
  }
}
@media only screen and (max-width: 767px) {
  .rent-about__desc {
    max-width: 100%;
    margin-bottom: 0;
    color: #FFFFFF;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: 0.02em;
  }
}
.rent-about__desc .section-title {
  margin-top: 60px;
  margin-bottom: 60px;
  text-align: left;
}
@media only screen and (max-width: 1199px) {
  .rent-about__desc .section-title {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .rent-about__desc .section-title {
    margin: 25px 0;
  }
}
.rent-about__media {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 520px;
  display: block;
          flex: 0 0 520px;
  margin: -30px 0 0 0;
}
@media only screen and (max-width: 1199px) {
  .rent-about__media {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    margin: 0;
  }
}
.rent-about__media img:last-child {
  display: none;
}
@media only screen and (max-width: 1199px) {
  .rent-about__media img {
    display: block;
  }
  .rent-about__media img img:first-child {
    display: none;
  }
  .rent-about__media img img:last-child {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .rent-about__media img {
    -webkit-transform: none;
        -ms-transform: none;
    position: static;
            transform: none;
  }
}

.page-rent-faq {
  display: block;
  position: relative;
  padding: 95px 0 85px;
  background-color: #fff;
}
@media only screen and (max-width: 1199px) {
  .page-rent-faq {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 767px) {
  .page-rent-faq {
    padding: 50px 0;
  }
}

.rent-faq {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
  gap: 110px;
}
@media only screen and (max-width: 767px) {
  .rent-faq {
    display: block;
  }
}
.rent-faq__desc {
  display: block;
  position: relative;
  width: 100%;
  max-width: 705px;
}
@media only screen and (max-width: 1199px) {
  .rent-faq__desc {
    max-width: 513px;
  }
}
@media only screen and (max-width: 767px) {
  .rent-faq__desc {
    max-width: 100%;
  }
}
.rent-faq__desc .section-title {
  margin-bottom: 60px;
  color: #000;
  text-align: left;
}
@media only screen and (max-width: 1199px) {
  .rent-faq__desc .section-title {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .rent-faq__desc .section-title {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .rent-faq__desc .uk-accordion .uk-accordion > :nth-child(n+2) {
    margin-top: 15px;
  }
}
.rent-faq__desc .uk-accordion .uk-accordion-title {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
  color: #000000;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.28;
  letter-spacing: 0.01em;
}
@media only screen and (max-width: 767px) {
  .rent-faq__desc .uk-accordion .uk-accordion-title {
    color: #000000;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0.01em;
  }
}
.rent-faq__desc .uk-accordion .uk-accordion-title:before {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 35px;
          flex: 0 0 35px;
  width: 35px;
  height: 35px;
  margin: 0 15px 0 0;
  float: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='36' fill='none' viewBox='0 0 35 36'%3E%3Crect width='35' height='35' y='.805' fill='%23F7D720' rx='17.5'/%3E%3Crect width='35' height='35' y='.805' fill='url(%23a)' rx='17.5'/%3E%3Cpath fill='%23fff' d='M24.982 24.047 28 27.17l-4.173.635-1.47-1.694c-1.382.759-2.913 1.138-4.593 1.138-3.08 0-5.512-.97-7.297-2.91C8.822 22.573 8 20.448 8 17.96c0-1.235.236-2.417.709-3.546.49-1.147 1.155-2.126 1.994-2.938 1.82-1.781 4.13-2.672 6.93-2.672 1.294 0 2.554.229 3.78.688a8.775 8.775 0 0 1 3.175 1.958c1.802 1.746 2.703 3.96 2.703 6.642a8.97 8.97 0 0 1-.708 3.546 7.144 7.144 0 0 1-1.601 2.408Zm-8.74-4.234 4.278-.556 1.207 1.323c.543-.776.814-1.64.814-2.593 0-.547-.132-1.12-.394-1.72a4.731 4.731 0 0 0-1.024-1.561 4.607 4.607 0 0 0-1.653-1.059c-.63-.264-1.242-.397-1.837-.397-1.383 0-2.538.486-3.465 1.456-.945.988-1.417 2.17-1.417 3.546 0 1.288.437 2.355 1.312 3.202.927.9 2.109 1.35 3.543 1.35.455 0 .928-.063 1.418-.186l-2.783-2.805Z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='9.659' x2='31.559' y1='5.917' y2='40.33' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFDE3F'/%3E%3Cstop offset='1' stop-color='%23FFB23F'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.rent-faq__desc .uk-accordion .uk-accordion-content {
  margin: 0;
  padding: 0 0 0 50px;
  color: #000000;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0.01em;
}
.rent-faq__img {
  display: block;
}
@media only screen and (max-width: 767px) {
  .rent-faq__img {
    display: none;
  }
}
.rent-faq__img img:first-child {
  display: block;
}
@media only screen and (max-width: 1199px) {
  .rent-faq__img img:first-child {
    display: none;
  }
}
.rent-faq__img img:last-child {
  display: none;
}
@media only screen and (max-width: 1199px) {
  .rent-faq__img img:last-child {
    display: block;
    min-width: 185px;
    margin-top: -35px;
    margin-right: -10px;
  }
}

.phone-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
  padding-bottom: 8px;
  border-bottom: 1px solid #FFFFFF;
}
.phone-box__select {
  display: block;
  position: relative;
}
.phone-box__select > a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 70px;
  margin-right: 15px;
  padding: 5px 15px 5px 5px;
  border: none;
  border-right: 1px solid rgba(217, 217, 217, 0.1);
  outline: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' fill='none' viewBox='0 0 8 6'%3E%3Cpath stroke='%23fff' stroke-width='2' d='m1 1 3 3 3-3' opacity='.8'/%3E%3C/svg%3E%0A");
  background-position: right 10px center;
  background-size: 8px 6px;
  background-repeat: no-repeat;
  background-color: transparent;
  color: rgba(255, 255, 255, 0.5);
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.28;
  text-decoration: none;
}
.phone-box__select .uk-dropbar {
  width: 70px;
  max-width: 70px;
  padding: 5px;
  background: #10151B;
}
.phone-box__select .uk-dropbar ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.phone-box__select .uk-dropbar ul li {
  color: rgba(255, 255, 255, 0.5);
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.28;
  cursor: pointer;
}
.phone-box__select .uk-dropbar ul li:hover {
  color: #FFC039;
}
.phone-box__select .uk-dropbar ul li.is-active {
  color: #FFC039;
}
.phone-box .uk-input {
  height: 23px;
  border-bottom: none;
}

.tarif-modal .uk-modal-dialog {
  width: 550px;
  padding: 80px 100px 100px;
  background: #10151B;
}
@media only screen and (max-width: 767px) {
  .tarif-modal .uk-modal-dialog {
    padding: 40px 20px;
  }
}
.tarif-modal .uk-modal-title {
  margin-bottom: 50px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
}
.tarif-modal .uk-modal-title small {
  display: block;
  margin-top: 2px;
  color: #FFFFFF;
  font-style: norma;
  font-weight: 400;
  font-size: 24px;
  line-height: 100%;
  text-align: center;
  text-transform: none;
}
@media only screen and (max-width: 767px) {
  .tarif-modal .uk-modal-title small {
    font-size: 18px;
  }
}
.tarif-modal .uk-margin {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .tarif-modal .uk-margin {
    margin-bottom: 20px;
  }
}
.tarif-modal * + .uk-margin, .tarif-modal .uk-margin-top {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .tarif-modal * + .uk-margin, .tarif-modal .uk-margin-top {
    margin-top: 20px;
  }
}
.tarif-modal .uk-input {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.28;
}
.tarif-modal .uk-input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.28;
}
.tarif-modal .uk-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.28;
}
.tarif-modal .uk-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.28;
}
.tarif-modal .uk-input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.28;
}
.tarif-modal .uk-input::placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.28;
}
.tarif-modal .anim-button {
  width: 100%;
}
.tarif-modal .info-text {
  margin-bottom: 50px;
  color: #F7D720;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.29;
}
@media only screen and (max-width: 767px) {
  .tarif-modal .info-text {
    margin-bottom: 30px;
  }
}
.tarif-modal .info-text b, .tarif-modal .info-text strong {
  font-weight: 500;
}
.tarif-modal .info-text p, .tarif-modal .info-text ul {
  margin: 5px 0;
}

.tarif-pay-modal .uk-modal-dialog {
  width: 680px;
  background: #10151B;
}
.tarif-pay-modal .uk-modal-body {
  padding: 80px 100px 50px;
}
@media only screen and (max-width: 767px) {
  .tarif-pay-modal .uk-modal-body {
    padding: 40px 20px 20px;
  }
}
.tarif-pay-modal .uk-modal-footer {
  padding: 50px 100px 80px;
  border: none;
  background: #292F36;
}
@media only screen and (max-width: 767px) {
  .tarif-pay-modal .uk-modal-footer {
    padding: 20px;
  }
}

.select-tarif {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.select-tarif__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 10px;
  padding: 20px;
  border: 2px solid #141A21;
  background: #141A21;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .select-tarif__item {
    padding: 10px;
  }
}
.select-tarif__item:last-child {
  margin-bottom: 0;
}
.select-tarif__item.is-active {
  border-color: #FFC039;
}
.select-tarif__box {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: space-between;
}
.select-tarif__desc {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
}
.select-tarif__icon {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex: 0 0 36px;
          align-items: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  margin-right: 9px;
}
.select-tarif__info {
  display: block;
  position: relative;
}
.select-tarif__title {
  margin-bottom: 2px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 450;
  font-size: 24px;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .select-tarif__title {
    font-size: 16px;
  }
}
.select-tarif__text {
  color: #626B74;
  font-style: normal;
  font-weight: 450;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 767px) {
  .select-tarif__text {
    font-size: 10px;
  }
}
.select-tarif__price {
  display: block;
  text-align: right;
}
.select-tarif__price .select-tarif__text {
  white-space: nowrap;
}
.select-tarif__price-current {
  color: #FFFFFF;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .select-tarif__price-current {
    font-size: 18px;
  }
}

.select-tarif-info {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
  margin: 30px 0;
  color: #626B74;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
}
@media only screen and (max-width: 767px) {
  .select-tarif-info {
    font-size: 10px;
  }
}
.select-tarif-info img {
  margin-right: 6px;
}

.select-tarif-pay {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          justify-content: space-between;
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .select-tarif-pay {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}

.tarif-pay-item {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex-grow: 1;
          align-items: center;
          justify-content: center;
  height: 60px;
  padding: 15px;
  border: 1px solid #F7D720;
  background: #141A21;
  cursor: pointer;
}
.tarif-pay-item.is-active {
  outline: 1px solid #F7D720;
}

.tarif-pay-list {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: stretch;
          justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
@media only screen and (max-width: 767px) {
  .tarif-pay-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            flex-direction: column;
            align-items: stretch;
            justify-content: flex-start;
  }
}
.tarif-pay-list li {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex-direction: column;
          align-items: center;
  max-width: 107px;
}
@media only screen and (max-width: 767px) {
  .tarif-pay-list li {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            flex-direction: row-reverse;
            align-items: center;
            justify-content: flex-end;
    width: 100%;
    max-width: 100%;
  }
}
.tarif-pay-list li + li {
  margin-left: 40px;
  padding-left: 40px;
  border-left: 1px solid #10151B;
}
@media only screen and (max-width: 767px) {
  .tarif-pay-list li + li {
    margin-top: 10px;
    margin-left: 0;
    padding-top: 10px;
    padding-left: 0;
    border-top: 1px solid #10151B;
    border-left: 0;
  }
}
.tarif-pay-list li span {
  min-height: 54px;
  margin-bottom: 15px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 100%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .tarif-pay-list li span {
    min-height: auto;
    margin-bottom: 0;
    font-size: 14px;
    text-align: left;
  }
}
.tarif-pay-list li img {
  height: 38px;
}
@media only screen and (max-width: 767px) {
  .tarif-pay-list li img {
    width: 35px;
    height: auto;
    margin-right: 15px;
  }
}

.tarif-sucess .uk-modal-dialog {
  padding: 80px 100px 100px;
  background: #10151B;
}
.tarif-sucess .uk-modal-title {
  margin-bottom: 0;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 400;
  font-size: 36px;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
}
.tarif-sucess .uk-modal-title small {
  display: block;
  margin-top: 30px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 450;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: 0.02em;
  text-align: center;
  text-transform: none;
}

.tarif-compare .uk-modal-dialog {
  width: 753px;
  padding: 55px 20px 10px;
  background: -webkit-gradient(linear, left bottom, left top, from(#272E36), to(#272E36)), -webkit-gradient(linear, left bottom, left top, from(#141A21), to(#141A21)), #141A21;
  background: -o-linear-gradient(bottom, #272E36, #272E36), -o-linear-gradient(bottom, #141A21, #141A21), #141A21;
  background: linear-gradient(0deg, #272E36, #272E36), linear-gradient(0deg, #141A21, #141A21), #141A21;
}
@media only screen and (max-width: 1199px) {
  .tarif-compare .uk-modal-dialog {
    padding: 55px 15px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .tarif-compare .uk-modal-dialog {
    padding: 55px 10px 10px;
  }
}

.compare-accordion {
  margin: 0;
}
.compare-accordion > :nth-child(n+2) {
  margin-top: 5px;
}
.compare-accordion .uk-accordion-title {
  display: block;
  position: relative;
  padding: 12px 20px 12px 35px;
  background-color: #1C2228;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 450;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0.01em;
}
@media only screen and (max-width: 767px) {
  .compare-accordion .uk-accordion-title {
    padding: 7px 7px 7px 20px;
    font-size: 16px;
  }
}
.compare-accordion .uk-accordion-title::before {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5px;
  position: absolute;
  top: 50%;
  left: 20px;
          flex: 0 0 5px;
  width: 5px;
  height: 5px;
  margin-top: -2.5px;
  margin-right: 10px;
  margin-left: 0;
  background: #FFC039;
}
@media only screen and (max-width: 767px) {
  .compare-accordion .uk-accordion-title::before {
    left: 10px;
    margin-right: 5px;
  }
}
.compare-accordion .uk-accordion-content {
  margin: 0;
}
.compare-accordion .uk-accordion-content .compare-table__tr:last-child .compare-table__td {
  border-bottom: 0;
}

.compare-table__tr {
  -ms-grid-columns: (1fr)[4];
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.compare-table__td {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  min-height: 50px;
  margin: 5px;
  padding: 12px 10px;
  border-bottom: 1px solid #1C2228;
  line-height: 1;
}
.compare-table__td::before {
  display: block;
  position: absolute;
  top: 0;
  left: -5px;
  width: 1px;
  height: 100%;
  background-color: #1C2228;
  content: "";
}
.compare-table__td:nth-child(1) {
  -webkit-box-align: start;
      -ms-flex-align: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: flex-start;
  margin-left: 0;
}
.compare-table__td:nth-child(1)::before {
  display: none;
}
@media only screen and (max-width: 767px) {
  .compare-table__td:nth-child(1) {
    min-height: auto;
    padding: 10px 10px 3px 10px;
    border-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .compare-table__td:nth-child(2) {
    min-height: auto;
    margin-bottom: 0;
    margin-left: 0;
    padding: 3px 10px 10px 10px;
  }
  .compare-table__td:nth-child(2)::before {
    display: none;
  }
}
.compare-table__td:nth-child(3), .compare-table__td:nth-child(4) {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
          justify-content: center;
}
@media only screen and (max-width: 767px) {
  .compare-table__td:nth-child(3), .compare-table__td:nth-child(4) {
    margin-bottom: 0;
  }
}
.compare-table__title {
  -webkit-box-align: start;
      -ms-flex-align: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          align-items: flex-start;
  width: 100%;
  color: #BBC2D4;
  font-style: normal;
  font-weight: 300;
  font-size: 17px;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .compare-table__title {
    padding-right: 14px;
    font-size: 14px;
  }
}
.compare-table__tooltip-box {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
  display: block;
  position: relative;
          flex: 0 0 16px;
  margin-left: 6px;
}
@media only screen and (max-width: 767px) {
  .compare-table__tooltip-box {
    position: absolute;
    top: 0;
    right: 0;
    margin-left: 0;
  }
}
.compare-table__tooltip-icon {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}
@media only screen and (max-width: 767px) {
  .compare-table__tooltip-icon img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 15px;
            flex: 0 0 15px;
    width: 15px;
    height: 15px;
  }
}
.compare-table__tooltip {
  -webkit-box-shadow: 0px 10px 15px #1C2228;
  width: 480px;
  padding: 20px;
  border: 1px solid rgba(247, 215, 32, 0.3);
  background: #272E36;
          box-shadow: 0px 10px 15px #1C2228;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 300;
  font-size: 17px;
  line-height: 100%;
}
.compare-table__tooltip::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 20px solid #F7D720;
  border-right: 20px solid transparent;
  content: "";
}
.compare-table__info ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.compare-table__info ul li {
  color: #FFFFFF;
  font-style: normal;
  font-weight: 300;
  font-size: 17px;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .compare-table__info ul li {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .compare-table__head {
    margin-bottom: 5px;
  }
}
.compare-table__head .compare-table__td {
  padding: 0;
  border: none;
}
.compare-table__head .compare-table__td::before {
  display: none;
}

.compare-table__head .compare-table__td.--col1 .table-head-info {
  background: rgba(2, 201, 153, 0.4);
}

.compare-table__head .compare-table__td.--col1 .table-head-info__title {
  background: rgba(2, 201, 153, 0.6);
}

.table-head-info {
  width: 100%;
  padding: 12px 15px;
  background: #1C2228;
}
@media only screen and (max-width: 1199px) {
  .table-head-info {
    padding: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .table-head-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(100% - 20px);
    padding: 10px 4px;
  }
}
.table-head-info__title {
  display: block;
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 4px solid #FF7549;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .table-head-info__title {
    border-width: 3px;
  }
}
@media only screen and (max-width: 767px) {
  .table-head-info__title {
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
    margin-bottom: 0;
    margin-left: 3px;
    padding-bottom: 0;
    padding-left: 3px;
            transform: rotate(180deg);
    border-bottom: none;
    border-left: 2px solid #FF7549;
    font-size: 16px;
            writing-mode: vertical-rl;
  }
}
.table-head-info__prices {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          justify-content: space-between;
  padding: 10px 15px;
  gap: 15px;
}
@media only screen and (max-width: 767px) {
  .table-head-info__prices {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.table-head-info__price {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          flex-grow: 1;
          flex-direction: column;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .table-head-info__price {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.table-head-info__price + *::before {
  display: block;
  position: absolute;
  top: 0;
  left: -7.5px;
  width: 1px;
  height: 100%;
  background-color: rgba(39, 46, 54, 0.8);
  content: "";
}
.table-head-info__price span {
  display: block;
  margin-bottom: 4px;
  color: #BBC2D4;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-align: center;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .table-head-info__price span {
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
    margin-bottom: 0;
    margin-left: 3px;
            transform: rotate(180deg);
    font-size: 10px;
            writing-mode: vertical-rl;
  }
}
.table-head-info__price b {
  color: #FFFFFF;
  font-style: normal;
  font-weight: 450;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .table-head-info__price b {
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    font-size: 10px;
            writing-mode: vertical-rl;
  }
}

@media only screen and (max-width: 767px) {
  .compare-table__tr {
    -ms-grid-columns: 1fr 0px 60px 0px 60px;
    -ms-grid-rows: auto 0px auto;
    display: -ms-grid;
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 60px 60px;
        grid-template-areas: "--title --col1 --col2" "--info --col1 --col2";
    grid-auto-flow: row;
    gap: 0px 0px;
  }

  .--title {
    grid-area: --title;
  }

  .--info {
    grid-area: --info;
  }

  .--col1 {
    grid-area: --col1;
  }

  .--col2 {
    grid-area: --col2;
  }
}

@media only screen and (max-width: 767px){
  .--title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .--info {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .--col1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
  .--col2 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 5;
  }
}
.uk-container-xlarge {
  max-width: 1700px;
}

.uk-button-outline {
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  border: 4px solid #F7D720;
  background-color: transparent;
  transition: 0.25s;
}
.uk-button-outline:hover {
  background-color: #F7D720;
  color: #000;
}

.table-head-info__title {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  margin-bottom: 0;
  padding: 10px;
  border-bottom: none;
}

.table-head-info {
  padding: 0;
}

@media only screen and (max-width: 1199px) {
  .table-head-info__prices {
    padding: 10px;
  }
}

.table-head-info__title:after {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 19px;
  display: block;
  position: relative;
          flex: 0 0 19px;
  width: 19px;
  height: 17px;
  margin-left: 8px;
  background-image: url(../img/icons/carts2.svg);
  background-position: center;
  background-repeat: no-repeat;
  content: "";
}

.compare-table__head .compare-table__td.--col2 .table-head-info__title {
  background: rgba(66, 133, 244, 0.6);
}

.compare-table__head .compare-table__td.--col2 .table-head-info__title {
  border-color: #4285F4;
}

.compare-table__head .compare-table__td.--col2 .table-head-info {
  background: rgba(66, 133, 244, 0.4);
}

.compare-table__body {
  max-height: calc(100vh - 250px);
  margin-right: -20px;
  padding-right: 20px;
  overflow-x: hidden;
  overflow-y: auto;
}

.compare-table__body {
  -moz-appearance: none !important;
  scrollbar-color: #1C2228 #272E36;
  scrollbar-width: thin !important;
}

.compare-table__body::-webkit-scrollbar {
  width: 5px;
}

.compare-table__body::-webkit-scrollbar-track {
  background-color: #272E36;
}

.compare-table__body::-webkit-scrollbar-thumb {
  background-color: #1C2228;
}

.page-content-order {
  position: relative;
}
.page-content-order::after {
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
  display: block;
  position: absolute;
  top: 120px;
  left: 50%;
  width: 100%;
  max-width: 1720px;
  height: 1px;
          transform: translateX(-50%);
  background: #F7D720;
  content: "";
}
@media only screen and (max-width: 1750px) {
  .page-content-order::after {
    width: calc( 100% - 30px );
  }
}
@media only screen and (max-width: 767px) {
  .page-content-order::after {
    top: 80px;
  }
}

.page-breadcrumb {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: space-between;
  width: 100%;
  max-width: 880px;
  margin-right: auto;
  margin-left: auto;
  padding: 30px 0;
  padding-right: 15px;
  padding-left: 15px;
}
@media only screen and (max-width: 910px) {
  .page-breadcrumb {
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .page-breadcrumb {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
  }
}
.page-breadcrumb .uk-breadcrumb {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .page-breadcrumb .uk-breadcrumb {
    margin-bottom: 10px;
  }
}
.page-breadcrumb .uk-breadcrumb li a {
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
.page-breadcrumb .uk-breadcrumb li a:hover {
  opacity: 0.7;
}
.page-breadcrumb .uk-breadcrumb > * > * {
  color: #878C98;
  font-weight: 450;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.01em;
}
.page-breadcrumb .uk-breadcrumb > :last-child > a:not([href]), .page-breadcrumb .uk-breadcrumb > :last-child > span {
  color: #B4BACA;
  opacity: 0.5;
}
.page-breadcrumb .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column):before {
  margin: 0 9px;
  content: "|";
}
.page-breadcrumb .uk-h1 {
  margin: 0;
  color: #F7D720;
  font-size: 48px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
  .page-breadcrumb .uk-h1 {
    font-size: 40px;
  }
}

.page-rent-card {
  margin-bottom: 40px;
  padding: 0 15px;
}
@media only screen and (max-width: 991px) {
  .page-rent-card {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .page-rent-card {
    margin-bottom: 0;
    padding: 0;
  }
}
.page-rent-card .uk-container {
  max-width: 960px;
  padding-right: 0;
  padding-left: 0;
}
.page-rent-card .uk-container--light {
  background: #FFFFFF;
}
.page-rent-card .uk-button-outline {
  color: #3A424D;
}
.page-rent-card .uk-input {
  max-width: 350px;
}

.rent-card__inner {
  padding: 40px;
}
@media only screen and (max-width: 991px) {
  .rent-card__inner {
    padding: 30px;
  }
}
@media only screen and (max-width: 567px) {
  .rent-card__inner {
    padding: 10px 10px 30px;
  }
}

.tarif-head {
  -ms-flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      flex-wrap: wrap;
          align-items: center;
          justify-content: space-between;
  margin-bottom: 30px;
  padding: 30px;
  background: #F0F1F4;
}
@media only screen and (max-width: 767px) {
  .tarif-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            flex-direction: column;
            justify-content: center;
    padding: 20px;
  }
}
.tarif-head__price {
  color: #000000;
  font-weight: 500;
  font-size: 36px;
  line-height: 100%;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .tarif-head__price {
    font-size: 32px;
  }
}
.tarif-head__left {
  -ms-flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      flex-wrap: wrap;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .tarif-head__left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            flex-direction: column;
            justify-content: center;
    margin-bottom: 10px;
  }
}
.tarif-head__img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
}
@media only screen and (max-width: 991px) {
  .tarif-head__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 53px;
            flex: 0 0 53px;
  }
}
@media only screen and (max-width: 767px) {
  .tarif-head__img {
    margin-bottom: 10px;
  }
}
.tarif-head__img img {
  display: block;
  max-width: 100%;
}
.tarif-head__body {
  padding-left: 15px;
}
@media only screen and (max-width: 767px) {
  .tarif-head__body {
    padding-left: 0;
    text-align: center;
  }
}
.tarif-head__title {
  margin-bottom: 8px;
  color: #000000;
  font-weight: 450;
  font-size: 36px;
  line-height: 100%;
}
@media only screen and (max-width: 991px) {
  .tarif-head__title {
    font-size: 32px;
  }
}
.tarif-head__text {
  color: #8F979F;
  font-weight: 450;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.01em;
}

.block-label {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
  margin-top: 0;
  margin-bottom: 24px;
  color: #000000;
  font-weight: 500;
  font-size: 22px;
  line-height: 100%;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.block-label .icon {
  width: 28px;
  height: 28px;
  margin-right: 8px;
}
@media only screen and (max-width: 767px) {
  .block-label {
    margin-bottom: 15px;
  }
}

.table-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 568px) {
  .table-bottom {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.table-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.table-total__label {
  color: #000000;
  font-weight: 450;
  font-size: 22px;
  line-height: 100%;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 567px) {
  .table-total__label {
    font-size: 18px;
  }
}
.table-total__body {
  margin-left: 15px;
  padding-left: 15px;
  border-left: 2px solid #F7D720;
}
.table-total__price {
  color: #000000;
  font-weight: 600;
  font-size: 22px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
@media only screen and (max-width: 567px) {
  .table-total__price {
    font-size: 18px;
  }
}
.table-total__vat {
  color: #9FA4B0;
  font-weight: 450;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.01em;
}
@media only screen and (max-width: 567px) {
  .table-total__vat {
    font-size: 12px;
  }
}

.rent-card-section {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 2px solid #F0F1F4;
}
.rent-card-section .rent-tarif-item__list ul li {
  color: #000000;
}
.rent-card-section p {
  color: #878C98;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.33;
}
@media only screen and (max-width: 567px) {
  .rent-card-section p {
    font-size: 12px;
    line-height: 120%;
  }
}

.tarif-pay-modal--light .uk-modal-dialog {
  background: #fff;
}
.tarif-pay-modal--light .uk-modal-body .uk-modal-title {
  color: #000;
}
.tarif-pay-modal--light .select-tarif__item {
  border: 2px solid #F8F9FA;
  background: #F8F9FA;
}
.tarif-pay-modal--light .select-tarif__item.is-active {
  border: 2px solid #F7D720;
}
.tarif-pay-modal--light .select-tarif__title {
  color: #3A424C;
}
.tarif-pay-modal--light .select-tarif__price-current {
  color: #3A424C;
}
.tarif-pay-modal--light .select-tarif__text {
  color: #878C98;
}
.tarif-pay-modal--light .select-tarif__price .select-tarif__text {
  color: #B4BACA;
}
.tarif-pay-modal--light .select-tarif-info {
  color: #878C98;
}

.column-title {
  margin-top: 0;
  margin-bottom: 20px;
  color: #3A424D;
  font-weight: 450;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0.01em;
}

.lk-menu {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  padding: 80px 30px 50px;
  background: #FFFFFF;
}
.lk-menu__inner {
  height: calc(100vh - 120px);
  padding-top: 20px;
  overflow-y: auto;
}
.lk-menu .uk-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.lk-menu .uk-navbar-nav {
  display: block;
  margin-bottom: 30px;
  border-bottom: 2px solid #F7D720;
}
.lk-menu .uk-navbar-nav li {
  margin-bottom: 30px;
}
.lk-menu .uk-navbar-nav li a {
  min-height: 0;
  color: #5C6170;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.lk-menu .header-button {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          justify-content: center;
  width: 100%;
  margin-bottom: 20px;
}
.lk-menu .log-out {
  display: block;
  background-color: transparent;
  color: #5C6170;
}

.lk-header .lk-menu .select-lang {
  display: block;
  margin-left: 0;
}

.lk-header .lk-menu .select-lang button {
  border-bottom: 2px solid transparent;
  color: #3A424C;
  font-size: 16px;
}

.lk-header .lk-menu .select-lang .uk-drop {
  padding-left: 5px;
  background: #FFFFFF;
}

.lk-menu__list {
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
}
.lk-menu__list li {
  margin-bottom: 15px;
}
.lk-menu__list li:last-child {
  margin-bottom: 0;
}
.lk-menu__list li a {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
  color: #5c6170;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.01em;
  text-decoration: none !important;
  text-transform: uppercase;
}
.lk-menu__list li a svg {
  margin-right: 6px;
  color: #F7D720;
}

.page-lk .page-header__logo .logo-img--contacts {
  display: block;
}

.page-lk .page-header__logo .logo-img--white {
  display: none;
}

.page-lk .page-header__logo .logo-img--dark {
  display: none;
}

.page-lk .page-header.is-show-menu .logo-img--dark {
  display: none;
}

.page-lk .page-header.is-show-menu .logo-img--contacts {
  display: block;
}

.page-lk {
  background: #F0F1F4;
}
.page-lk .menu-btn.is-active {
  color: #3A424C !important;
}
.page-lk .uk-container-small {
  max-width: 1099px;
  padding-right: 15px;
  padding-left: 15px;
}
.page-lk .uk-container-large {
  max-width: 1430px;
  padding-right: 15px;
  padding-left: 15px;
}
.page-lk .uk-container-xlarge {
  max-width: 1720px;
  padding-right: 15px;
  padding-left: 15px;
}
.page-lk .page-wrapper .page-content {
  padding-top: 178px;
}
@media only screen and (max-width: 1199px) {
  .page-lk .page-wrapper .page-content {
    padding-top: 128px;
  }
}
@media only screen and (max-width: 767px) {
  .page-lk .page-wrapper .page-content {
    padding-top: 101px;
  }
}

.lk-index-mobile .uk-grid {
  margin-left: -20px;
}
.lk-index-mobile .uk-grid > * {
  margin-bottom: 20px;
  padding-left: 20px;
}
.lk-index-mobile .uk-grid * + .uk-grid-margin, .lk-index-mobile .uk-grid .uk-grid + .uk-grid, .lk-index-mobile .uk-grid .uk-grid > .uk-grid-margin {
  margin-top: 20px;
}
.lk-index-mobile .nav-widjet {
  width: 100%;
  max-width: 100%;
}
.lk-index-mobile .lk-content-mobile {
  max-width: 612px;
  padding-right: 15px;
  padding-left: 15px;
}

.lk-index .uk-grid {
  margin-left: -20px;
}
.lk-index .uk-grid > * {
  padding-left: 20px;
}
.lk-index .uk-grid * + .uk-grid-margin, .lk-index .uk-grid .uk-grid + .uk-grid, .lk-index .uk-grid .uk-grid > .uk-grid-margin {
  margin-top: 20px;
}
.lk-index table.footable.table-history {
  width: 100%;
  margin: 0 0 5px;
}
.lk-index table.footable.table-history > tbody > tr:first-child td {
  padding-top: 0;
}
.lk-index table.footable.table-history > tbody > tr > td:first-child {
  width: 100%;
  padding-left: 0;
}
.lk-index table.footable.table-history > tbody > tr > td:last-child {
  padding-right: 0;
  white-space: nowrap;
}
.lk-index table.footable.table-history > tbody > tr > td {
  padding-top: 4px;
  padding-bottom: 6px;
}
.lk-index .table-nav {
  position: static;
  margin-bottom: 15px;
}

.history__date {
  margin-right: 11px;
  color: #878C98;
  font-weight: 450;
  font-size: 14px;
  line-height: 100%;
}
.history__name {
  color: #3A424C;
  font-weight: 300;
  font-size: 16px;
  line-height: 100%;
}
@media only screen and (max-width: 639px) {
  .history__date {
    display: block;
    font-size: 12px;
  }
  .history__name {
    font-size: 14px;
  }
}

.history-footer {
  -ms-flex-wrap: wpar;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      flex-wrap: wpar;
}
.history-footer__col {
  margin-right: 30px;
}
.history-footer__col:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
.history-footer__label {
  color: #9FA4B0;
  font-weight: 300;
  font-size: 14px;
  line-height: 100%;
}
.history-footer__price {
  color: #3A424C;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
}
@media only screen and (max-width: 639px) {
  .history-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .history-footer__col {
    margin-right: 0;
    margin-bottom: 5px;
  }
}

.lk-header .menu-btn {
  color: #3A424C;
}
@media only screen and (min-width: 768px) {
  .lk-header .menu-btn {
    display: none;
  }
}
.lk-header .page-header__menu .uk-navbar-nav {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 20px;
}
.lk-header .page-header__menu .uk-navbar-nav > li > a {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
  color: #3A424C;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.lk-header .page-header__menu .uk-navbar-nav > li > a::after {
  background: #F7D720;
}
@media only screen and (max-width: 991px) {
  .lk-header .page-header__menu .uk-navbar-nav {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-right: 30px;
    gap: 0;
  }
  .lk-header .page-header__menu .uk-navbar-nav > li {
    margin: 0;
    margin-right: 30px;
  }
  .lk-header .page-header__menu .uk-navbar-nav > li:last-child {
    margin-right: 0;
  }
  .lk-header .page-header__menu .uk-navbar-nav > li > a {
    font-size: 14px;
  }
}
.lk-header .select-lang {
  margin-right: 20px;
  margin-left: 60px;
  padding-right: 20px;
  border-right: 1px solid #E1E3EA;
}
@media only screen and (max-width: 1199px) {
  .lk-header .select-lang {
    display: block;
  }
}
@media only screen and (max-width: 991px) {
  .lk-header .select-lang {
    margin-right: 12px;
    margin-left: 15px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .lk-header .select-lang {
    display: none;
  }
}
.lk-header .select-lang button {
  border-bottom: 2px solid transparent;
  color: #3A424C;
  font-size: 16px;
}
.lk-header .select-lang button:hover {
  border-bottom: 2px solid #F7D720;
}
.lk-header .select-lang button svg {
  fill: #B4BACA;
}
.lk-header .select-lang .uk-drop {
  background: #F0F1F4;
}
.lk-header .select-lang .uk-drop ul li span {
  color: #3A424C;
}
.lk-header .select-lang .uk-drop ul li span:hover {
  color: #F7D720;
}

.header-button {
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  padding: 11px 24px;
  border: 2px solid #F7D720;
  color: #3A424C;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  transition: 0.25s;
}
.header-button:hover {
  background: #F7D720;
  color: #3A424C;
  text-decoration: none;
}
@media only screen and (max-width: 991px) {
  .header-button {
    padding: 11px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .header-button {
    display: none;
  }
}

.log-out {
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.4389 15.3704C17.2489 15.3704 17.0589 15.3004 16.9089 15.1504C16.6189 14.8604 16.6189 14.3804 16.9089 14.0904L18.9389 12.0604L16.9089 10.0304C16.6189 9.74043 16.6189 9.26043 16.9089 8.97043C17.1989 8.68043 17.6789 8.68043 17.9689 8.97043L20.5289 11.5304C20.8189 11.8204 20.8189 12.3004 20.5289 12.5904L17.9689 15.1504C17.8189 15.3004 17.6289 15.3704 17.4389 15.3704Z" fill="%233A424C"/><path d="M19.9317 12.8096H9.76172C9.35172 12.8096 9.01172 12.4696 9.01172 12.0596C9.01172 11.6496 9.35172 11.3096 9.76172 11.3096H19.9317C20.3417 11.3096 20.6817 11.6496 20.6817 12.0596C20.6817 12.4696 20.3417 12.8096 19.9317 12.8096Z" fill="%233A424C"/><path d="M11.7617 20.75C6.61172 20.75 3.01172 17.15 3.01172 12C3.01172 6.85 6.61172 3.25 11.7617 3.25C12.1717 3.25 12.5117 3.59 12.5117 4C12.5117 4.41 12.1717 4.75 11.7617 4.75C7.49172 4.75 4.51172 7.73 4.51172 12C4.51172 16.27 7.49172 19.25 11.7617 19.25C12.1717 19.25 12.5117 19.59 12.5117 20C12.5117 20.41 12.1717 20.75 11.7617 20.75Z" fill="%233A424C"/></svg>');
  cursor: pointer;
  transition: 0.25s;
}
.log-out:hover {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.4389 15.3704C17.2489 15.3704 17.0589 15.3004 16.9089 15.1504C16.6189 14.8604 16.6189 14.3804 16.9089 14.0904L18.9389 12.0604L16.9089 10.0304C16.6189 9.74043 16.6189 9.26043 16.9089 8.97043C17.1989 8.68043 17.6789 8.68043 17.9689 8.97043L20.5289 11.5304C20.8189 11.8204 20.8189 12.3004 20.5289 12.5904L17.9689 15.1504C17.8189 15.3004 17.6289 15.3704 17.4389 15.3704Z" fill="%23F7D720"/><path d="M19.9317 12.8096H9.76172C9.35172 12.8096 9.01172 12.4696 9.01172 12.0596C9.01172 11.6496 9.35172 11.3096 9.76172 11.3096H19.9317C20.3417 11.3096 20.6817 11.6496 20.6817 12.0596C20.6817 12.4696 20.3417 12.8096 19.9317 12.8096Z" fill="%23F7D720"/><path d="M11.7617 20.75C6.61172 20.75 3.01172 17.15 3.01172 12C3.01172 6.85 6.61172 3.25 11.7617 3.25C12.1717 3.25 12.5117 3.59 12.5117 4C12.5117 4.41 12.1717 4.75 11.7617 4.75C7.49172 4.75 4.51172 7.73 4.51172 12C4.51172 16.27 7.49172 19.25 11.7617 19.25C12.1717 19.25 12.5117 19.59 12.5117 20C12.5117 20.41 12.1717 20.75 11.7617 20.75Z" fill="%23F7D720"/></svg>');
}
@media only screen and (max-width: 767px) {
  .log-out {
    display: none;
  }
}

.widjet {
  position: relative;
  background: #FFFFFF;
}
.widjet::before {
  -webkit-filter: blur(10px);
  z-index: -1;
  position: absolute;
  top: 28px;
  left: 14px;
  width: calc( 100% - 28px );
  height: calc( 100% - 28px );
  background: #B4BACA;
  content: "";
          filter: blur(10px);
}

.lk-widjet {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 310px;
  padding: 30px;
}
@media only screen and (max-width: 991px) {
  .lk-widjet {
    padding: 20px;
  }
}
@media only screen and (max-width: 639px) {
  .lk-widjet {
    height: auto;
  }
}

.lk-navbar-holder {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 15;
  position: relative;
          align-items: center;
  width: 100%;
  padding: 14px 55px 13px 15px;
  border: 1px solid rgba(247, 215, 32, 0.5);
  background: #FFFFFF;
  color: #5C6170;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  cursor: pointer;
}
.lk-navbar-holder.is-active::after {
  -webkit-transform: scale(-1, 1) translateY(-50%);
      -ms-transform: scale(-1, 1) translateY(-50%);
          transform: scale(-1, 1) translateY(-50%);
}
.lk-navbar-holder::after {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  display: block;
  position: absolute;
  top: 50%;
  right: 25px;
  width: 27px;
  height: 14px;
          transform: translateY(-50%);
  background-image: url('data:image/svg+xml;utf8,<svg width="27" height="14" viewBox="0 0 27 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.8" d="M0 14L7.05238 6.97255L0 0H9.916L17.0239 6.97255L9.916 14H0Z" fill="%23F7D720"/><path opacity="0.3" d="M14.8398 14L21.8922 6.97255L14.8398 0H19.8931L27.001 6.97255L19.8931 14H14.8398Z" fill="%23F7D720"/></svg>');
  content: "";
  transition: 0.25s;
}
.lk-navbar-holder svg {
  margin-right: 8px;
  color: #F7D720;
}
@media only screen and (min-width: 768px) {
  .lk-navbar-holder {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .menu-opened {
    z-index: 20 !important;
  }
  .menu-opened::after {
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    display: block;
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #3E444B;
    content: "";
    opacity: 0.8;
    transition: 0.25s;
  }
}
.lk-navbar--mobile {
  -webkit-transform: translateY(100px);
      -ms-transform: translateY(100px);
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  visibility: hidden;
  z-index: 15;
  position: absolute;
  top: calc( 100% + 10px );
  left: 15px;
  width: calc( 100% - 30px );
  margin: 0;
  padding: 10px 0;
          transform: translateY(100px);
  background: #FFFFFF;
  list-style: none;
  opacity: 0;
  pointer-events: none;
  transition: 0.25s;
}
.lk-navbar--mobile.is-show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
  visibility: visible;
          transform: translateY(0);
  opacity: 1;
  pointer-events: all;
}
.lk-navbar--mobile > li > a {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          align-items: center;
  padding: 10px 55px 10px 15px;
  color: #5C6170;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.01em;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}
.lk-navbar--mobile > li > a.--active {
  color: #3A424C;
}
.lk-navbar--mobile > li > a svg {
  margin-right: 8px;
  color: #F7D720;
}

.nav-widjet {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          flex-direction: column;
  max-width: 328px;
  height: 228px;
  margin-right: 20px;
  background: #FFFFFF;
  text-decoration: none !important;
}
@media only screen and (max-width: 1735px) {
  .nav-widjet.--active::after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #F7D720;
    content: "";
  }
}
.nav-widjet::before {
  -webkit-filter: blur(10px);
  z-index: -1;
  position: absolute;
  top: 28px;
  left: 14px;
  width: calc( 100% - 28px );
  height: calc( 100% - 28px );
  background: #B4BACA;
  content: "";
          filter: blur(10px);
}
.nav-widjet__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          align-items: center;
  padding: 20px 55px 18px 25px;
  border-bottom: 2px solid #F0F1F4;
  color: #5C6170;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.01em;
  text-align: left;
  text-transform: uppercase;
}
.nav-widjet__header::after {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
  display: block;
  position: absolute;
  top: 50%;
  right: 25px;
  width: 27px;
  height: 14px;
          transform: translateY(-50%);
  background-image: url('data:image/svg+xml;utf8,<svg width="27" height="14" viewBox="0 0 27 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.8" d="M0 14L7.05238 6.97255L0 0H9.916L17.0239 6.97255L9.916 14H0Z" fill="%23F7D720"/><path opacity="0.3" d="M14.8398 14L21.8922 6.97255L14.8398 0H19.8931L27.001 6.97255L19.8931 14H14.8398Z" fill="%23F7D720"/></svg>');
  content: "";
}
.nav-widjet__header svg {
  margin-right: 8px;
  color: #F7D720;
}
.nav-widjet__body {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex: 1 1 auto;
          flex-direction: column;
  padding: 18px 24px 25px;
}
.nav-widjet__row {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: space-between;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #F0F1F4;
  font-weight: 300;
  font-size: 16px;
  line-height: 100%;
}
.nav-widjet__row:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.nav-widjet__row.nav-widjet__bottom {
  margin-bottom: 0;
  padding-bottom: 0;
}
.nav-widjet__row.nav-widjet__bottom .nav-widjet__name {
  color: #878C98;
}
.nav-widjet__row.nav-widjet__bottom .nav-widjet__data {
  color: #5C6170;
  font-weight: 450;
}
.nav-widjet__row.nav-widjet__bill .nav-widjet__name {
  color: #878C98;
}
.nav-widjet__row.nav-widjet__bill .nav-widjet__data {
  color: #5C6170;
}
.nav-widjet__row.nav-widjet__history {
  font-weight: 450;
}
.nav-widjet__row.nav-widjet__history .nav-widjet__name time {
  margin-right: 8px;
  font-size: 14px;
}
.nav-widjet .uk-flex-auto .nav-widjet__row:last-child {
  border-bottom: 1px solid #F0F1F4;
}
.nav-widjet__name {
  color: #5C6170;
  text-align: left;
}
.nav-widjet__data {
  color: #878C98;
}

.lk-navbar {
  position: relative;
  margin-bottom: 30px;
}
.lk-navbar .uk-slider-items {
  margin-left: -20px;
}
.lk-navbar .uk-slider-items > li {
  padding-left: 20px;
}

.navbar-slider {
  margin-right: -20px;
}
@media only screen and (max-width: 767px) {
  .navbar-slider {
    display: none;
  }
}
.navbar-slider .swiper-slide {
  width: 348px;
}
.navbar-slider .swiper-pagination {
  position: static;
  margin-top: 30px;
}
.navbar-slider .swiper-pagination .swiper-pagination-bullet {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 12px;
  height: 12px;
  border: 2px solid #F0F1F4;
  background: #B4BACA;
  opacity: 1;
}
.navbar-slider .swiper-pagination .swiper-pagination-bullet-active {
  border: 4px solid #B4BACA;
  background: #F0F1F4;
}

.widjet-section-title {
  margin-top: 0;
  margin-bottom: 30px;
  color: #3A424D;
  font-weight: 450;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0.01em;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .widjet-section-title {
    display: none;
  }
}

.bill-row {
  margin-bottom: 20px;
}
.bill-row:last-child {
  margin-top: 40px;
  margin-bottom: 0px;
}
.bill-row__label {
  color: #9FA4B0;
  font-weight: 300;
  font-size: 16px;
  line-height: 100%;
}
.bill-row__count {
  color: #3A424C;
  font-weight: 300;
  font-size: 36px;
  line-height: 100%;
  text-transform: uppercase;
}
.bill-row__count.--deficit {
  color: #FF512F;
}
.bill-row__date {
  color: #3A424C;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.02em;
}
.bill-row__currency {
  font-weight: 400;
  font-size: 22px;
}
@media only screen and (max-width: 639px) {
  .bill-row {
    margin-bottom: 10px;
  }
  .bill-row__label {
    margin-bottom: 4px;
    font-size: 14px;
  }
  .bill-row__count {
    margin-bottom: 10px;
    line-height: 100%;
  }
  .bill-row:last-child {
    margin-top: 0;
  }
}

.addition {
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      flex-wrap: wrap;
  height: 100%;
}
@media only screen and (max-width: 639px) {
  .addition {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.addition-col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
  -webkit-box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex: 0 0 50%;
          flex-direction: column;
  height: 100%;
  padding-left: 30px;
}
.addition-col:first-child {
  padding-right: 30px;
  padding-left: 0;
  border-right: 1px solid #F0F1F4;
}
.addition-col .uk-button {
  height: 50px;
  padding: 0 10px;
  font-size: 14px;
}
@media only screen and (max-width: 1250px) {
  .addition-col {
    padding-left: 20px;
  }
  .addition-col:first-child {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .addition-col {
    padding-left: 10px;
  }
  .addition-col:first-child {
    padding-right: 10px;
  }
}
@media only screen and (max-width: 639px) {
  .addition-col {
    margin-top: 20px;
    padding-top: 20px;
    padding-left: 0;
    border-top: 1px solid #F0F1F4;
  }
  .addition-col:first-child {
    margin-top: 0;
    padding-top: 0;
    padding-right: 0;
    border-top: 0;
    border-right: 0;
  }
}

.widjet-title {
  margin-top: 0;
  margin-bottom: 15px;
  color: #3A424C;
  font-weight: 450;
  font-size: 18px;
  line-height: 100%;
}

.addition-input {
  position: relative;
  margin-bottom: 15px;
}
.addition-input__icon {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  left: 5px;
          align-items: center;
          justify-content: center;
  width: 40px;
  height: 40px;
          transform: translateY(-50%);
  background: #F0F1F4;
  color: #B4BACA;
}
.addition-input .uk-input {
  height: 50px;
  padding-right: 15px;
  border: 1px solid #D2D6DF;
  color: #3A424C;
  font-weight: 450;
  font-size: 24px;
  line-height: 100%;
  text-align: right;
}
.addition-input .uk-input::-webkit-input-placeholder {
  color: #3A424C;
}
.addition-input .uk-input::-moz-placeholder {
  color: #3A424C;
}
.addition-input .uk-input:-ms-input-placeholder {
  color: #3A424C;
}
.addition-input .uk-input::-ms-input-placeholder {
  color: #3A424C;
}
.addition-input .uk-input::placeholder {
  color: #3A424C;
}

.uk-button.button--black {
  color: #3A424C;
}

.addition-note {
  margin-top: auto;
  color: #5C6170;
  font-weight: 300;
  font-size: 14px;
  line-height: 100%;
}
.addition-note p {
  margin-top: 0;
  margin-bottom: 10px;
}
.addition-note p:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 639px) {
  .addition-note {
    margin-top: 20px;
    font-size: 12px;
  }
  .addition-note p {
    margin-bottom: 5px;
  }
}

.pay-list {
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      flex-wrap: wrap;
  margin: 0;
  padding: 0;
  gap: 5px;
  list-style: none;
}
.pay-list__link {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-sizing: border-box;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  height: 44px;
  padding: 12px 13px;
  border-radius: 100vw;
  outline: 0;
  background: #F8F9FA;
  text-decoration: none;
  transition: 0.25s;
}
.pay-list__link:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
@media only screen and (max-width: 639px) {
  .pay-list {
    margin-bottom: 20px;
  }
}

.code-input.uk-input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: auto;
  padding: 0 10px;
  border: 1px solid #D2D6DF;
  color: #5C6170;
  font-weight: 450;
  font-size: 16px;
  line-height: 100%;
  line-height: 2.06;
}
.code-input.uk-input::-webkit-input-placeholder {
  color: #5C6170;
}
.code-input.uk-input::-moz-placeholder {
  color: #5C6170;
}
.code-input.uk-input:-ms-input-placeholder {
  color: #5C6170;
}
.code-input.uk-input::-ms-input-placeholder {
  color: #5C6170;
}
.code-input.uk-input::placeholder {
  color: #5C6170;
}

.lk-content {
  margin-bottom: 60px;
}

.project-card {
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
      flex-wrap: wrap;
  background: #FFFFFF;
}
.project-card::after {
  -webkit-filter: blur(15px);
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
  display: block;
  z-index: -1;
  position: absolute;
  top: 37px;
  left: 50%;
  width: calc( 100% - 60px );
  height: calc( 100% - 37px );
          transform: translateX(-50%);
  background: #B4BACA;
  content: "";
          filter: blur(15px);
}
@media only screen and (max-width: 767px) {
  .project-card {
    margin-bottom: 25px;
  }
  .project-card::after {
    top: auto;
    bottom: 0;
    width: 240px;
    height: 273px;
  }
}
.project-card > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .project-card {
    display: block;
    max-width: 290px;
  }
}
.project-card__img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 236px;
  position: relative;
          flex: 0 0 236px;
}
.project-card__img img {
  display: block;
  max-width: 100%;
}
.project-card__img .uk-button {
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
  position: absolute;
  bottom: 30px;
  left: 50%;
          transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  .project-card__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .project-card__img img {
    width: 100%;
  }
}
.project-card__body {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc( 100% - 236px );
          flex: 0 0 calc( 100% - 236px );
  max-height: 310px;
  padding: 30px;
}
@media only screen and (max-width: 1400px) {
  .project-card__body {
    padding: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .project-card__body {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    max-height: 100%;
  }
}
.project-card__name {
  margin-bottom: 10px;
  color: #000000;
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0.01em;
}
@media only screen and (max-width: 767px) {
  .project-card__name {
    font-size: 18px;
  }
}
.project-card__tarif {
  -webkit-box-align: start;
      -ms-flex-align: start;
  -ms-flex-wrap: wrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
      flex-wrap: wrap;
          align-items: start;
  margin-bottom: 10px;
  padding: 8px 15px;
}
.project-card__tarif--blue {
  background: rgba(66, 133, 244, 0.15);
}
.project-card__tarif--blue .project-card__tarif-info {
  color: #4285F4;
}
.project-card__tarif--green {
  background: rgba(2, 201, 153, 0.15);
}
.project-card__tarif--green .project-card__tarif-info {
  color: #02C999;
}
.project-card__tarif-info {
  -webkit-box-align: start;
      -ms-flex-align: start;
  -ms-flex-wrap: wrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
      flex-wrap: wrap;
          align-items: start;
}
.project-card__tarif-body {
  padding-left: 10px;
}
.project-card__tarif-name {
  margin-bottom: 2px;
  color: #000000;
  font-weight: 450;
  font-size: 16px;
  line-height: 100%;
}
.project-card__tarif-desc {
  color: #5C6170;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
}
.project-card__info {
  -ms-flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      flex-wrap: wrap;
          justify-content: space-between;
  max-width: 500px;
  margin-bottom: 10px;
  padding: 6px 25px;
  border-top: 1px solid #F0F1F4;
  border-bottom: 1px solid #F0F1F4;
}
@media only screen and (max-width: 767px) {
  .project-card__info {
    padding: 6px 5px;
  }
}
.project-card__info-label {
  margin-bottom: 3px;
  color: #878C98;
  font-weight: 300;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.01em;
}
@media only screen and (max-width: 767px) {
  .project-card__info-label {
    font-size: 12px;
  }
}
.project-card__info-count {
  color: #3A424C;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
}
.project-card__info-date {
  position: relative;
  padding-left: 16px;
  color: #3A424C;
  font-weight: 450;
  font-size: 16px;
  line-height: 100%;
}
.project-card__info-date::before {
  position: absolute;
  top: 4px;
  left: 0;
  width: 0;
  height: 0;
  border-width: 0 5px 8px 5px;
  border-style: solid;
  border-color: transparent transparent #ff522f transparent;
  content: "";
}
.project-card__footer .uk-button {
  margin-right: 10px;
}
.project-card__footer .uk-button:last-child {
  margin-right: 0;
}
.project-card__footer .uk-button {
  padding: 0 12px;
}
.project-card .rent-tarif-item__list {
  margin-bottom: 10px;
}
.project-card .rent-tarif-item__list ul li {
  color: #3A424D;
  font-weight: 300;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .project-card .rent-tarif-item__list ul li {
    font-size: 14px;
  }
}

.button-sm {
  height: 35px;
  padding: 0 20px;
  border-width: 2px;
  font-size: 12px;
}

.button--red {
  position: relative;
  border: 2px solid rgba(255, 81, 47, 0.7);
  color: #FF512F;
}
.button--red::after {
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: calc( 100% - 2px );
  height: calc( 100% - 2px );
  border: 1px solid #FF512F;
  content: "";
  opacity: 0;
  transition: 0.25s;
}
.button--red:hover {
  border: 2px solid #FF512F;
  background: transparent;
  color: #FF512F;
}
.button--red:hover::after {
  opacity: 1;
}

.button--yellow {
  position: relative;
  border: 2px solid rgba(255, 210, 0, 0.7);
  color: #FFD200;
}
.button--yellow::after {
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: calc( 100% - 2px );
  height: calc( 100% - 2px );
  border: 1px solid #FFD200;
  content: "";
  opacity: 0;
  transition: 0.25s;
}
.button--yellow:hover {
  border: 2px solid #FFD200;
  background: transparent;
  color: #FFD200;
}
.button--yellow:hover::after {
  opacity: 1;
}

.button--gray {
  position: relative;
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
}
.button--gray::after {
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: calc( 100% - 2px );
  height: calc( 100% - 2px );
  border: 1px solid #fff;
  content: "";
  opacity: 0;
  transition: 0.25s;
}
.button--gray:hover {
  border-color: #fff;
  background: transparent;
  color: #fff;
}
.button--gray:hover::after {
  opacity: 1;
}

.projects-slider {
  position: relative;
}
@media only screen and (min-width: 1351px) {
  .projects-slider .swiper-slide {
    max-width: 725px;
  }
}
@media only screen and (max-width: 767px) {
  .projects-slider {
    margin-right: -15px;
  }
  .projects-slider .swiper-slide {
    max-width: 290px;
  }
}
.projects-slider .swiper-button-prev, .projects-slider .swiper-button-next {
  width: 48px;
  height: 48px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
}
.projects-slider .swiper-button-prev::after, .projects-slider .swiper-button-next::after {
  content: "";
}
.projects-slider .swiper-button-next {
  right: -96px;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 12H18" stroke="%23B4BACA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 6L18 12L12 18" stroke="%23B4BACA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.projects-slider .swiper-button-next:hover {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 12H18" stroke="%23878C98" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 6L18 12L12 18" stroke="%23878C98" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.projects-slider .swiper-button-prev {
  left: -96px;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 12H6" stroke="%23B4BACA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 6L6 12L12 18" stroke="%23B4BACA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.projects-slider .swiper-button-prev:hover {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 12H6" stroke="%23878C98" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 6L6 12L12 18" stroke="%23878C98" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.projects-slider .swiper-pagination {
  position: static;
  margin-top: 30px;
}
.projects-slider .swiper-pagination .swiper-pagination-bullet {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 16px;
  height: 16px;
  border: 4px solid #F0F1F4;
  background: #B4BACA;
  opacity: 1;
}
.projects-slider .swiper-pagination .swiper-pagination-bullet-active {
  border: 4px solid #B4BACA;
  background: #F0F1F4;
}
@media only screen and (max-width: 1640px) {
  .projects-slider {
    padding: 0 64px;
  }
  .projects-slider .swiper-button-next {
    right: 0;
  }
  .projects-slider .swiper-button-prev {
    left: 0;
  }
  .projects-slider .swiper-button-prev, .projects-slider .swiper-button-next {
    width: 44px;
    height: 44px;
  }
}
@media only screen and (max-width: 767px) {
  .projects-slider {
    padding: 0;
  }
  .projects-slider .swiper-button-prev, .projects-slider .swiper-button-next {
    display: none;
  }
  .projects-slider .swiper-pagination {
    margin-top: 5px;
  }
}

.lk-tarifs .rent-tarifs {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
          justify-content: start;
  margin: 0 -10px;
  gap: 0;
}
.lk-tarifs .rent-tarifs > div {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
          flex: 0 0 33.33%;
  max-width: 100%;
  padding: 0 10px;
}
@media only screen and (max-width: 991px) {
  .lk-tarifs .rent-tarifs {
    margin: 0 -5px;
  }
  .lk-tarifs .rent-tarifs > div {
    padding: 0 5px;
  }
}
@media only screen and (max-width: 767px) {
  .lk-tarifs .rent-tarifs {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0;
  }
  .lk-tarifs .rent-tarifs > div {
    width: 290px;
    min-width: 290px;
    margin-bottom: 20px;
    padding: 0 25px;
  }
}
.lk-tarifs .rent-tarif-item.--tarif-item-1::before {
  background: #02C999;
}
.lk-tarifs .rent-tarif-item.--tarif-item-3::before {
  background: #BB6BD9;
}
.lk-tarifs .rent-tarif-item {
  background: #FFFFFF;
}
.lk-tarifs .rent-tarif-item__head-title {
  color: #3A424D;
  font-weight: 500;
  font-size: 32px;
  line-height: 100%;
}
.lk-tarifs .rent-tarif-item__head-text {
  color: #878C98;
  font-weight: 450;
  font-size: 14px;
  line-height: 100%;
  text-align: center;
}
.lk-tarifs .rent-tarif-item__head {
  margin-bottom: 20px;
  padding-bottom: 0;
  border-bottom: 0;
}
.lk-tarifs .rent-tarif-item__list ul li {
  color: #3A424D;
  font-weight: 300;
  font-size: 18px;
  line-height: 100%;
}
.lk-tarifs .rent-tarif-item__body {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 3px solid #F0F1F4;
}
.lk-tarifs .rent-tarif-item__price li {
  color: #3A424D;
  font-weight: 600;
  font-size: 36px;
  line-height: 100%;
}
.lk-tarifs .rent-tarif-item__price li s {
  font-weight: 450;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-align: center;
}
.lk-tarifs .rent-tarif-item__price-text {
  color: #878C98;
  font-weight: 300;
  font-size: 14px;
  line-height: 100%;
}
.lk-tarifs .rent-tarif-item__price-tabs li a {
  color: #3A424D;
}
.lk-tarifs .rent-tarif-item__price-box {
  border-color: #F0F1F4;
}
.lk-tarifs .rent-tarif-item.--tarif-item-empty {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex-direction: column;
}
.lk-tarifs .rent-tarif-item.--tarif-item-empty .rent-tarif-item__head {
  margin-bottom: 86px;
}
@media only screen and (max-width: 991px) {
  .lk-tarifs .rent-tarif-item.--tarif-item-empty .rent-tarif-item__head {
    margin-bottom: 74px;
  }
}
@media only screen and (max-width: 767px) {
  .lk-tarifs .rent-tarif-item.--tarif-item-empty .rent-tarif-item__head {
    margin-bottom: 15px;
  }
}
.lk-tarifs .rent-tarif-item__bottom {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 116px;
  padding: 20px 40px;
  background: #F8F9FA;
}
@media only screen and (max-width: 1199px) {
  .lk-tarifs .rent-tarif-item__bottom {
    padding: 20px 30px;
  }
}
@media only screen and (max-width: 991px) {
  .lk-tarifs .rent-tarif-item__bottom {
    padding: 20px;
  }
}
.lk-tarifs .rent-tarif-item__shop {
  margin-bottom: 8px;
}
.lk-tarifs .rent-tarif-item__shop-name {
  color: #3A424C;
  font-weight: 450;
  font-size: 18px;
  line-height: 100%;
}
.lk-tarifs .rent-tarif-item__shop-paid {
  color: #878C98;
  font-weight: 450;
  font-size: 12px;
  line-height: 100%;
}
.lk-tarifs .rent-tarif-item__title-empty {
  color: #878C98;
  font-weight: 500;
  font-size: 26px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.lk-tarifs .rent-tarif-item__shop-empty {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  margin-top: auto;
  color: #E1E3EA;
  font-weight: 450;
  font-size: 48px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-align: center;
}
.lk-tarifs .rent-tarif-item__btn {
  margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
  .lk-tarifs .rent-tarif-item__box {
    padding: 20px;
  }
  .lk-tarifs .rent-tarif-item__head-title {
    font-size: 28px;
  }
  .lk-tarifs .rent-tarif-item__list ul li {
    font-size: 14px;
  }
  .lk-tarifs .rent-tarif-item__price-text {
    font-size: 10px;
  }
  .lk-tarifs .rent-tarif-item__price-box {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
}
table.footable.table-history .table-history__status {
  margin-left: 7px;
  color: #3A424C;
  font-weight: 450;
  font-size: 16px;
  line-height: 100%;
}
table.footable.table-history > tbody > tr > td {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #3A424C;
  font-weight: 450;
  font-size: 16px;
  line-height: 100%;
}
table.footable.table-history > tbody > tr > td:first-child {
  color: #878C98;
  font-weight: 450;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.01em;
}
table.footable.table-history .footable-first-visible {
  position: relative;
  padding-left: 34px;
}
table.footable.table-history .footable-toggle {
  left: 0;
  background-image: url('data:image/svg+xml;utf8,<svg width="14" height="9" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 7L7.70711 7.70711L7 8.41421L6.29289 7.70711L7 7ZM13.7071 1.70711L7.70711 7.70711L6.29289 6.29289L12.2929 0.292893L13.7071 1.70711ZM6.29289 7.70711L0.292894 1.70711L1.70711 0.292893L7.70711 6.29289L6.29289 7.70711Z" fill="%23F7D720"/></svg>');
}

table.footable-details.table-history > tbody > tr > th:first-child {
  color: #3A424C;
  font-weight: 450;
  font-size: 16px;
  line-height: 100%;
}

table.footable-details.table-history > tbody > tr > td {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #3A424C;
  font-weight: 300;
  font-size: 14px;
  line-height: 100%;
}

table.table-history {
  position: relative;
  width: calc(100% - 64px);
  margin-top: 14px;
  margin-right: 30px;
  margin-bottom: 7px;
  margin-left: 34px;
  border-collapse: collapse;
  border-spacing: 0;
}
@media only screen and (max-width: 767px) {
  table.table-history {
    width: calc(100% - 50px);
    margin-top: 15px;
    margin-right: 25px;
    margin-bottom: 25px;
    margin-left: 25px;
  }
}
table.table-history > tbody > tr {
  border-bottom: 1px solid #F0F1F4;
}
table.table-history > tbody > tr:last-child {
  border-bottom: 0;
}
table.table-history > tbody > tr > td {
  padding: 20px 10px;
  font-weight: 450;
  line-height: 100%;
}
table.table-history > tbody > tr > td:first-child {
  padding-left: 0;
}
@media only screen and (max-width: 767px) {
  table.table-history > tbody > tr > td {
    padding: 10px 0;
  }
}
table.table-history > tbody > tr[data-expanded=true] {
  border-bottom: 0;
}
table.table-history .footable-detail-row > td {
  padding: 0;
}
table.table-history .footable-toggle {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  position: absolute;
  top: 50%;
  width: 21px;
  height: 21px;
  margin: 0 !important;
  transform: translateY(-50%);
  background-position: center;
  background-repeat: no-repeat;
  font-size: 21px !important;
  opacity: 1 !important;
  transition: 0.25s;
}
table.table-history .footable-toggle::before {
  content: "";
}
table.table-history .footable-toggle.fooicon-minus {
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
@media only screen and (max-width: 767px) {
  table.table-history .footable-first-visible {
    position: relative;
    padding-right: 30px;
  }
}

table.footable-details.table-history {
  width: 100%;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  table.footable-details.table-history > tbody > tr > th {
    padding-right: 10px;
  }
}
table.footable-details.table-history > tbody > tr {
  border-bottom: 0;
}

.history-widjet {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 100%;
  padding-bottom: 34px;
}
@media only screen and (min-width: 959px) {
  .history-widjet {
    min-height: 310px;
  }
}
.history-widjet__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: space-between;
  padding: 26px 30px;
  border-bottom: 1px solid #F0F1F4;
}
@media only screen and (max-width: 767px) {
  .history-widjet__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            flex-direction: column;
            justify-content: center;
    padding: 25px 10px 15px 10px;
  }
}
.history-widjet__title {
  margin-top: 0;
  margin-bottom: 0;
  color: #5C6170;
  font-weight: 450;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.01em;
}
@media only screen and (max-width: 767px) {
  .history-widjet__title {
    margin-bottom: 15px;
  }
}
.history-widjet__body {
  padding: 23px 30px 0;
}

.history-picker {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  height: 18px;
}
.history-picker span {
  margin-right: 5px;
  color: #BBC2D4;
  font-weight: 450;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.01em;
}
.history-picker__control {
  position: relative;
  margin-right: 26px;
  padding-right: 29px;
}
@media only screen and (max-width: 767px) {
  .history-picker__control {
    margin-right: 15px;
  }
}
.history-picker__control:last-child {
  margin-right: 0;
}
.history-picker__control input {
  width: 72px;
  border: 0;
  outline: 0;
  color: #5C6170;
  font-weight: 450;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.01em;
}
.history-picker__control svg {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 0;
  width: 24px;
  height: 24px;
          transform: translateY(-50%);
  color: #FFDE3F;
}

.uk-tab.history-tabs {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
  padding: 0;
  border-bottom: 0;
}
.uk-tab.history-tabs::before {
  border-bottom: 0;
}
.uk-tab.history-tabs li {
  padding: 0;
}
.uk-tab.history-tabs li.uk-active a {
  color: #3A424C;
}
.uk-tab.history-tabs li.uk-active a::after {
  opacity: 1;
}
.uk-tab.history-tabs li.uk-active a svg {
  color: #F7D720;
}
.uk-tab.history-tabs li a {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          align-items: center;
          justify-content: start;
  margin-bottom: 19px;
  padding: 0;
  padding-left: 38px;
  gap: 0;
  border-bottom: 0;
  color: #878C98;
  font-weight: 450;
  font-size: 22px;
  line-height: 100%;
  text-transform: none;
}
.uk-tab.history-tabs li a::after {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 13px;
  height: 14px;
          transform: translateY(-50%);
  background-image: url('data:image/svg+xml;utf8,<svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.839844 14L7.89222 6.97255L0.839844 0H5.89312L13.001 6.97255L5.89312 14H0.839844Z" fill="%23F7D720"/></svg>');
  content: "";
  opacity: 0;
  transition: 0.25s;
}
.uk-tab.history-tabs li a svg {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0;
  width: 26px;
  height: 26px;
          transform: translateY(-50%);
  color: #D2D6DF;
}
@media only screen and (max-width: 959px) {
  .uk-tab.history-tabs {
    -webkit-box-sizing: border-box;
    -webkit-transform: translateY(100px);
        -ms-transform: translateY(100px);
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
            box-sizing: border-box;
    visibility: hidden;
    z-index: 16;
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    width: 100%;
    padding: 20px 15px;
            transform: translateY(100px);
    background: #fff;
    opacity: 0;
    pointer-events: none;
    transition: 0.25s;
  }
  .uk-tab.history-tabs.active {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
    visibility: visible;
            transform: translateY(0);
    opacity: 1;
    pointer-events: all;
  }
  .uk-tab.history-tabs li a {
    color: #5C6170;
  }
  .uk-tab.history-tabs li a::after {
    display: none;
  }
  .uk-tab.history-tabs li .history-tabs__link-2 svg {
    color: #02C999;
  }
  .uk-tab.history-tabs li .history-tabs__link-3 svg {
    color: #4285F4;
  }
  .uk-tab.history-tabs li .history-tabs__link-4 svg {
    color: #BB6BD9;
  }
  .uk-tab.history-tabs li.uk-active .history-tabs__link-2 svg {
    color: #02C999;
  }
  .uk-tab.history-tabs li.uk-active .history-tabs__link-3 svg {
    color: #4285F4;
  }
  .uk-tab.history-tabs li.uk-active .history-tabs__link-4 svg {
    color: #BB6BD9;
  }
}

.lk-history .uk-grid {
  margin-left: -20px;
}
.lk-history .uk-grid > * {
  padding-left: 20px;
}
.lk-history .uk-grid * + .uk-grid-margin, .lk-history .uk-grid .uk-grid + .uk-grid, .lk-history .uk-grid .uk-grid > .uk-grid-margin {
  margin-top: 20px;
}

@media only screen and (max-width: 959px) {
  .history-widjet-sm {
    position: relative;
    padding-bottom: 0;
  }
  .history-widjet-sm.active {
    z-index: 16;
  }
  .history-widjet-sm::before {
    display: none;
  }
  .history-widjet-sm .history-widjet__header {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
            justify-content: start;
    padding: 20px 15px 0;
    border-bottom: 0;
  }
  .history-widjet-sm .history-widjet__title {
    margin-bottom: 10px;
    font-size: 14px;
  }
  .history-widjet-sm .history-widjet__body {
    padding: 0 15px 20px;
  }
}

.history-tabs-holder {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          align-items: center;
          justify-content: start;
  width: 100%;
  padding: 0;
  padding-left: 38px;
  gap: 0;
  border: 0;
  border-bottom: 0;
  outline: 0;
  background: transparent;
  color: #3A424C;
  font-weight: 450;
  font-size: 22px;
  line-height: 100%;
  text-transform: none;
  cursor: pointer;
}
.history-tabs-holder::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 14px;
  height: 9px;
          transform: translateY(-50%) rotate(180deg);
  background-image: url('data:image/svg+xml;utf8,<svg width="14" height="9" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 8L7 2L1 8" stroke="%23F7D720" stroke-width="2"/></svg>');
  content: "";
  transition: 0.25s;
}
.history-tabs-holder.active::after {
  -webkit-transform: translateY(-50%) rotate(0deg);
      -ms-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
}
.history-tabs-holder svg {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0;
  width: 26px;
  height: 26px;
          transform: translateY(-50%);
  color: #F7D720;
}
@media only screen and (min-width: 960px) {
  .history-tabs-holder {
    display: none;
  }
}

@media only screen and (max-width: 959px) {
  .lk-history .menu-tabs-opened {
    z-index: 20 !important;
  }
  .lk-history .menu-tabs-opened::after {
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    display: block;
    z-index: 15;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #3E444B;
    content: "";
    opacity: 0.8;
    transition: 0.25s;
  }
}

@media only screen and (max-width: 767px) {
  .lk-profile .uk-container-large {
    padding: 0;
  }
}
.profile-tabs::before {
  border-bottom: 2px solid #F0F1F4;
}
.profile-tabs li.uk-active a {
  border-bottom: 2px solid #F7D720;
}
.profile-tabs li a {
  padding: 30px 30px 20px;
  border-bottom: 2px solid transparent;
  color: #3A424D;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.01emk-;
}
@media only screen and (max-width: 767px) {
  .profile-tabs {
    margin: 0;
    padding: 0 24px;
  }
  .profile-tabs::before {
    left: 0;
  }
  .profile-tabs li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
            flex: 0 0 50%;
    padding: 0;
  }
  .profile-tabs li a {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 100%;
    padding: 30px 20px 17px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 568px) {
  .profile-tabs {
    padding: 0 19px;
  }
  .profile-tabs li a {
    padding: 30px 14px 17px;
  }
}

.profile-tab-pane > div {
  padding: 30px;
}
@media only screen and (max-width: 767px) {
  .profile-tab-pane > div {
    padding: 20px;
  }
}
.profile-tab-pane .widjet-title {
  margin-bottom: 20px;
}

.uk-input--gray {
  border-bottom: 1px solid #E1E3EA;
}

.switcher-address {
  margin-bottom: 30px !important;
}

.switcher-address-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
.switcher-address-btns li {
  margin-right: 20px;
}
.switcher-address-btns li:last-child {
  margin-right: 0;
}
.switcher-address-btns li a {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
          align-items: center;
  color: #878C98;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.56;
  text-decoration: none;
  cursor: pointer;
}
.switcher-address-btns li a::before {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: relative;
          flex: 0 0 25px;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  overflow: hidden;
  border: 1px solid #E1E3EA;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: white;
  content: "";
}
.switcher-address-btns li a::after {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  display: block;
  position: absolute;
  top: 50%;
  left: 8.5px;
  width: 8px;
  height: 8px;
          transform: translateY(-50%);
  background: #F7D720;
  content: "";
  opacity: 0;
  transition: 0.2s;
}
.switcher-address-btns li.uk-active a {
  color: #3A424D;
}
.switcher-address-btns li.uk-active a:before {
  border-color: #F7D720;
}
.switcher-address-btns li.uk-active a:after {
  opacity: 1;
}

.phone-box--gray {
  border-bottom: 1px solid #E1E3EA;
}
.phone-box--gray .phone-box__select a {
  background-image: url('data:image/svg+xml;utf8,<svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L4 4L7 1" stroke="%23B4BACA" stroke-width="2"/></svg>');
  color: #878C98;
}
.phone-box--gray .phone-box__select .uk-dropbar {
  background: #fff;
}
.phone-box--gray .phone-box__select .uk-dropbar ul li {
  color: #3A424D;
}
.phone-box--gray .phone-box__select .uk-dropbar ul li.is-active {
  color: #F7D720;
}

.payment {
  height: 100%;
}
.payment__title {
  padding: 30px 30px 20px;
  border-bottom: 2px solid #F0F1F4;
  color: #3A424D;
  font-weight: 450;
  font-size: 18px;
  line-height: 100%;
}
@media only screen and (max-width: 767px) {
  .payment__title {
    padding: 30px 15px 20px;
  }
}

.payment-list {
  margin: 0;
  padding: 20px 30px 30px;
  list-style: none;
}
@media only screen and (min-width: 568px) and (max-width: 959px) {
  .payment-list {
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-wrap: wrap;
  }
  .payment-list__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}
@media only screen and (max-width: 767px) {
  .payment-list {
    padding: 20px 15px 30px;
  }
}
.payment-list__item {
  margin-bottom: 4px;
}
.payment-list__check {
  position: relative;
}
.payment-list__box {
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  display: inline-block;
  padding: 20px 30px 20px 75px;
  border-radius: 100vw;
  cursor: pointer;
  transition: 0.25s;
}
.payment-list__box:hover {
  background: #F8F9FA;
}
.payment-list__box::before {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  display: block;
  position: absolute;
  top: 50%;
  left: 30px;
  width: 25px;
  height: 25px;
          transform: translateY(-50%);
  border: 1px solid #E1E3EA;
  content: "";
  transition: 0.25s;
}
.payment-list__box::after {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  display: block;
  position: absolute;
  top: 50%;
  left: 38.5px;
  width: 8px;
  height: 8px;
          transform: translateY(-50%);
  background: #F7D720;
  content: "";
  opacity: 0;
  transition: 0.25s;
}
.payment-list__input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.payment-list__input:checked + .payment-list__box {
  background: #F8F9FA;
}
.payment-list__input:checked + .payment-list__box::before {
  border: 1px solid #F7D720;
}
.payment-list__input:checked + .payment-list__box::after {
  opacity: 1;
}

.button-icon:hover svg {
  color: #3A424C;
}
.button-icon svg {
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  margin-right: 5px;
  color: #FFD200;
  transition: 0.25s;
}

.contract-title {
  margin-top: 0;
  margin-bottom: 30px;
  color: #FFD200;
  font-weight: 450;
  font-size: 18px;
  line-height: 100%;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .contract-title {
    margin-bottom: 20px;
  }
}

.contract-block {
  margin-bottom: 41px;
  padding-left: 30px;
}
@media only screen and (max-width: 767px) {
  .contract-block {
    margin-bottom: 30px;
    padding-left: 0;
  }
}
.contract-block:last-child {
  margin-bottom: 0;
}
.contract-block .uk-margin {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .contract-block .uk-margin {
    margin-bottom: 20px;
  }
}
.contract-block p {
  margin-top: 0;
  margin-bottom: 15px;
  color: #5C6170;
  font-weight: 450;
  font-size: 14px;
  line-height: 120%;
}

.contract-card {
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
          align-items: center;
  min-width: 0;
  margin-bottom: 5px;
  padding: 15px;
  background: #F8F9FA;
}
.contract-card:last-child {
  margin-bottom: 0;
}
.contract-card .uk-button {
  margin-left: 20px;
}
.contract-card__name {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 350px;
  -webkit-box-orient: vertical;
  display: -webkit-box;
          flex: 0 0 350px;
  width: 350px;
  min-width: 0;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #3A424C;
  font-weight: 450;
  font-size: 14px;
  line-height: 100%;
}
.contract-card__remove {
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  margin-left: 20px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #FF512F;
  cursor: pointer;
  transition: 0.25s;
}
.contract-card__remove:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .contract-card {
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-wrap: wrap;
  }
  .contract-card__name {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    margin-bottom: 20px;
  }
  .contract-card .uk-button {
    margin-left: 0;
  }
}

.contract-info {
  position: relative;
  padding-left: 32px;
  color: #626B74;
  font-weight: 450;
  font-size: 14px;
  line-height: 120%;
}
.contract-info::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  background-image: url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.8"><circle opacity="0.5" cx="11" cy="11" r="10.5" stroke="%23F7D720"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.142 6.44661C12.142 7.07944 11.6288 7.59245 10.9957 7.59245C10.3627 7.59245 9.84954 7.07944 9.84954 6.44661C9.84954 5.81379 10.3627 5.30078 10.9957 5.30078C11.6288 5.30078 12.142 5.81379 12.142 6.44661ZM13.2904 13.3216H12.1453V8.73828H8.70703V11.0299H9.85286V13.3216H8.70703V15.6133H13.2904V13.3216Z" fill="%23F7D720"/></g></svg>');
  background-size: cover;
  content: "";
}

.contract-organization {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .contract-organization {
    margin-bottom: 20px;
  }
}

.organization {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 370px;
  padding: 20px;
  border: 2px solid rgba(255, 210, 0, 0.2);
}
.organization__row {
  -ms-flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      flex-wrap: wrap;
          align-items: center;
  margin-bottom: 8px;
  font-weight: 450;
  font-size: 14px;
  line-height: 100%;
}
.organization__label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 160px;
          flex: 0 0 160px;
  color: #3A424D;
}
.organization__data {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 160px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
          flex: 0 0 calc(100% - 160px);
  padding-left: 20px;
  color: #5C6170;
}
@media only screen and (max-width: 568px) {
  .organization {
    max-width: 100%;
  }
  .organization__row {
    display: block;
  }
  .organization__label {
    margin-bottom: 2px;
  }
  .organization__data {
    padding-left: 0;
  }
}

.check-list {
  margin: 0 0 15px;
  padding: 0;
  list-style: none;
}
.check-list > li {
  margin-bottom: 12px;
}
.check-list > li:last-child {
  margin-bottom: 0;
}

/* Privacy policy page */
body.privacy-policy-page {
  background: #10151B;
}
.privacy-policy-hero {
  overflow: hidden;
  padding-bottom: 70px;
}
.privacy-policy-hero .hero__box {
  min-height: 430px;
}
.privacy-policy-hero .hero__desc {
  z-index: 2;
  max-width: 980px;
}
.privacy-policy-hero .hero__title {
  max-width: 900px;
}
.privacy-policy-hero .hero__title .border,
.privacy-policy-hero .hero__title .decor {
  max-width: 520px;
}
.privacy-policy-hero .hero__title .uk-h1 {
  position: relative;
  z-index: 2;
  overflow-wrap: anywhere;
}
.privacy-policy-hero__eyebrow {
  position: relative;
  z-index: 2;
  margin-bottom: 18px !important;
  color: #B0B0B0 !important;
  font-size: 16px !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.privacy-policy-hero__animation {
  display: block;
  position: absolute;
  top: -20px;
  right: -80px;
  width: 660px;
  height: 490px;
  opacity: 0.72;
}
.privacy-policy-content {
  position: relative;
  padding: 20px 0 120px;
  background: #10151B;
}
.privacy-policy-content .uk-container {
  max-width: 1120px;
}
.privacy-policy-content__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px 36px;
  margin-bottom: 55px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(255, 192, 57, 0.55);
  color: #B0B0B0;
  font-size: 15px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.privacy-policy-content__article {
  max-width: 980px;
  color: #E8E8E8;
}
.privacy-policy-content__article h2 {
  margin: 64px 0 22px;
  color: #FFFFFF;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2;
}
.privacy-policy-content__article h2:first-child {
  margin-top: 0;
}
.privacy-policy-content__article p,
.privacy-policy-content__article li {
  color: #D4D4D4;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.65;
}
.privacy-policy-content__article p {
  margin: 0 0 20px;
}
.privacy-policy-content__article ul {
  margin: 0 0 24px;
  padding-left: 26px;
}
.privacy-policy-content__article li {
  margin-bottom: 10px;
}
.privacy-policy-content__article strong {
  color: #FFFFFF;
  font-weight: 500;
}
.privacy-policy-content__article a {
  color: #FFC039;
  text-decoration: none;
}
.privacy-policy-content__article a:hover {
  color: #FFD36F;
  text-decoration: underline;
}
@media only screen and (max-width: 1199px) {
  .privacy-policy-hero .hero__desc {
    width: 80%;
  }
  .privacy-policy-hero__animation {
    right: -220px;
  }
}
@media only screen and (max-width: 767px) {
  .privacy-policy-hero {
    padding-bottom: 30px;
  }
  .privacy-policy-hero .hero__box {
    min-height: 360px;
  }
  .privacy-policy-hero .hero__desc {
    width: 100%;
  }
  .privacy-policy-hero .hero__title {
    padding-right: 10px;
  }
  .privacy-policy-hero .hero__title .border,
  .privacy-policy-hero .hero__title .decor {
    max-width: calc(100% - 10px);
  }
  .privacy-policy-hero .hero__title .uk-h1 {
    font-size: clamp(25px, 8.5vw, 36px);
  }
  html[lang="ru"] .privacy-policy-hero .hero__title .uk-h1,
  html[lang="uk"] .privacy-policy-hero .hero__title .uk-h1 {
    font-size: 25px;
    letter-spacing: 0;
    overflow-wrap: normal;
  }
  .privacy-policy-hero__eyebrow {
    font-size: 12px !important;
  }
  .privacy-policy-hero__animation {
    top: 0;
    right: -360px;
    width: 600px;
    opacity: 0.45;
  }
  .privacy-policy-content {
    padding: 10px 0 80px;
  }
  .privacy-policy-content__meta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 38px;
  }
  .privacy-policy-content__article h2 {
    margin-top: 46px;
    font-size: 22px;
  }
  .privacy-policy-content__article p,
  .privacy-policy-content__article li {
    font-size: 15px;
    line-height: 1.6;
  }
}