@import "https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css";

html,
body {
   font-family: "Proxima Nova", sans-serif;
   font-weight: 400;
}

.workspace {
   position: relative;
   overflow: hidden;
}

html {
   font-size: 15px;
   letter-spacing: normal;
   line-height: 1.3;
   color: #000000;
}

* {
   box-sizing: border-box;
}

.content-area {
   font-size: 1rem;
}

.content-area p,
.content-area div {
   margin-top: 0;
   margin-bottom: 1.4rem;
}

.content-area p:last-child,
.content-area div:last-child {
   margin-bottom: 0;
}

.content-area blockquote {
   font-style: italic;
}

.content-area a,
.content-area a:hover,
.content-area a:active,
.content-area a:visited,
.content-area a:focus {
   font-family: inherit;
   text-decoration: underline;
}

.content-area a:hover,
.content-area a:active,
.content-area a:focus {
   text-decoration: none;
}

.content-area b,
.content-area strong {
   font-family: inherit;
}

.content-area i,
.content-area em {
   font-style: italic;
}

.content-area img {
   float: none !important;
   display: block;
   margin: 7px 0;
   max-width: 100%;
   width: 100%;
   height: auto !important;
}

@font-face {
   font-family: "";
   font-display: swap;
   src: url("assets/assets/../../fonts/.woff") format("woff"), url("assets/../../fonts/.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: "Proxima Nova - Black";
   font-display: swap;
   src: url("assets/../../fonts/ProximaNova-Black.woff") format("woff"),
      url("assets/../../fonts/ProximaNova-Black.woff2") format("woff2");
   font-weight: 900;
   font-style: normal;
}

@font-face {
   font-family: "Proxima Nova - Bold";
   font-display: swap;
   src: url("assets/../../fonts/ProximaNova-Bold.woff") format("woff"),
      url("assets/../../fonts/ProximaNova-Bold.woff2") format("woff2");
   font-weight: 700;
   font-style: normal;
}

@font-face {
   font-family: "Proxima Nova";
   font-display: swap;
   src: url("assets/../../fonts/ProximaNova-Extrabld.woff") format("woff"),
      url("assets/../../fonts/ProximaNova-Extrabld.woff2") format("woff2");
   font-weight: 800;
   font-style: normal;
}

@font-face {
   font-family: "Proxima Nova";
   font-display: swap;
   src: url("assets/../../fonts/ProximaNova-Light.woff") format("woff"),
      url("assets/../../fonts/ProximaNova-Light.woff2") format("woff2");
   font-weight: 300;
   font-style: normal;
}

@font-face {
   font-family: "Proxima Nova";
   font-display: swap;
   src: url("assets/../../fonts/ProximaNova-Regular.woff") format("woff"),
      url("assets/../../fonts/ProximaNova-Regular.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: "Proxima Nova - SemiBold";
   font-display: swap;
   src: url("assets/../../fonts/ProximaNova-Semibold.woff") format("woff"),
      url("assets/../../fonts/ProximaNova-Semibold.woff2") format("woff2");
   font-weight: 600;
   font-style: normal;
}

@font-face {
   font-family: "Proxima NovaIt";
   font-display: swap;
   src: url("assets/../../fonts/ProximaNova-RegularIt.woff") format("woff"),
      url("assets/../../fonts/ProximaNova-RegularIt.woff2") format("woff2");
   font-weight: 400;
   font-style: italic;
}

@font-face {
   font-family: "fonts";
   font-display: swap;
   src: url("assets/../../fonts/fonts.woff") format("woff"), url("assets/../../fonts/fonts.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
}

.header {
   position: fixed;
   height: 80px;
   background-color: rgba(0, 0, 0, 0.85);
   top: 0;
   left: 0;
   right: 0;
   z-index: 9999;
}

.header__body {
   display: block;
   margin: 0 auto;
   max-width: 1273px;
   min-width: 320px;
   padding: 0px 15px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   height: 100%;
}

.header__logo {
   flex-basis: 14.93333rem;
   text-decoration: none;
}

.header__logo > img {
   max-width: 100%;
   height: auto;
}

.header__contact-menu {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   flex-wrap: wrap;
}

.header__contact {
   position: relative;
}

.header__contact-head {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   flex-wrap: wrap;
   margin-right: 4.2rem;
}

.header__contact-head > a {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   flex-wrap: wrap;
   text-decoration: none;
   color: #ffffff;
   font-size: 1.06667rem;
   font-weight: 700;
   margin-right: 0.73333rem;
   transition: 0.5s;
}

.header__contact-head > a:hover {
   color: #ffcc01;
}

.header__contact-head > a > i {
   margin-right: 0.66667rem;
}

.header__contact-body {
   visibility: hidden;
   opacity: 0;
   display: block;
   transform: translateY(-10%);
   transition: 0.5s;
   position: absolute;
   left: -1.06667rem;
   width: 14.66667rem;
   background-color: rgba(0, 0, 0, 0.85);
   padding: 0.8rem 0px 2.06667rem 1.06667rem;
   top: calc(100% + 30px);
}

.header__contact-body > a {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   flex-wrap: wrap;
   text-decoration: none;
   color: #ffffff;
   font-size: 1.06667rem;
   font-weight: 700;
   margin-right: 0.73333rem;
   margin-bottom: 0.8rem;
   transition: 0.5s;
}

.header__contact-body > a:hover {
   color: #ffcc01;
}

.header__contact-body > a > i {
   margin-right: 0.66667rem;
}

.header__maps {
   position: relative;
}

.header__maps-head {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   flex-wrap: wrap;
   cursor: pointer;
}

.header__maps-head > p {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   flex-wrap: wrap;
   color: #ffffff;
   font-size: 1.06667rem;
   font-weight: 700;
   margin: 0 0.73333rem 0 0;
}

.header__maps-head > p > i {
   margin-right: 0.66667rem;
}

.header__maps-body {
   opacity: 0;
   visibility: hidden;
   transform: translateY(-10%);
   transition: 0.5s;
   display: block;
   position: absolute;
   left: -1.06667rem;
   width: calc(100% + 30px);
   background-color: rgba(0, 0, 0, 0.85);
   padding: 0.8rem 0px 2.06667rem 1.06667rem;
   top: calc(100% + 30px);
}

.header__contact-body--active {
   visibility: visible;
   opacity: 1;
   transform: translateY(0);
}

.header__maps-body > p {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   flex-wrap: wrap;
   text-decoration: none;
   color: #ffffff;
   font-size: 1.06667rem;
   font-weight: 700;
   margin-right: 0.73333rem;
   margin-bottom: 0.8rem;
   transition: 0.5s;
}

.header__maps-body > p:hover {
   color: #ffcc01;
}

.header__maps-body > p > i {
   margin-right: 0.66667rem;
}

.header ._maps-active {
   opacity: 1;
   visibility: visible;
}

.icon-call {
   width: 15px;
   height: 20px;
   background: transparent url("../i/call.svg") center center no-repeat;
   background-size: 100% auto;
   display: block;
}

.icon-down {
   width: 12px;
   height: 6px;
   background: transparent url("../i/down.svg") center center no-repeat;
   background-size: 100% auto;
   display: block;
}

.icon-point {
   width: 13px;
   height: 18px;
   background: transparent url("../i/point.svg") center center no-repeat;
   background-size: 100% auto;
   display: block;
}

@media all and (max-width: 991.98px) {
   .header__maps {
      display: none;
   }
}

@media all and (max-width: 767.98px) {
   .header__contact-head {
      margin-right: 0;
   }

   .header__contact {
      display: none;
   }
}

.social-medical {
   position: fixed;
   display: flex;
   justify-content: flex-start;
   align-items: center;
   flex-direction: column;
   z-index: 9999;
   right: 4.2%;
   top: 39.3%;
}

.social-medical__items {
   width: 2.93333rem;
   height: 2.93333rem;
   background-color: #ffffff;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   margin-bottom: 1.06667rem;
   transition: .5s;
}
.social-medical__items:hover {
   transform: scale(1.2);
}

.icon-facebook {
   width: 45px;
   height: 35px;
   background: transparent url("../i/facebook.svg") center center no-repeat;
   background-size: 100% auto;
   display: block;
}

.icon-instagram {
   width: 18px;
   height: 18px;
   background: transparent url("../i/insta.svg") center center no-repeat;
   background-size: 100% auto;
   display: block;
}

.icon-viber {
   width: 24px;
   height: 24px;
   background: transparent url("../i/viber.svg") center center no-repeat;
   background-size: 100% auto;
   display: block;
}

.icon-telegram {
   width: 45px;
   height: 35px;
   background: transparent url("../i/telegram.svg") center center no-repeat;
   background-size: 100% auto;
   display: block;
}

@media all and (max-width: 991.98px) {
   .social-medical {
      right: 2%;
   }
}

.header__burger {
   width: 25px;
   display: block;
   margin-left: 5.46667rem;
   cursor: pointer;
   transition: 0.5s;
}

.header__burger:hover {
   transform: scale(1.1);
}

.header__burger:hover > i:nth-child(2) {
   width: 100%;
}

.header__burger > i {
   display: block;
   width: 100%;
   height: 2px;
   margin-bottom: 4px;
   background-color: #ffcc01;
   border-radius: 1px;
   transition: 0.5s;
}

.header__burger > i:last-child {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

.header__burger > i:nth-child(2) {
   width: 20px;
   margin-left: auto;
   margin-right: 0;
}

.header ._active {
   position: relative;
   width: 2rem;
   height: 2rem;
   transform: translateX(-8%) scale(1.3);
}

.header ._active > i {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   margin: auto;
   background: #ffffff;
}

.header ._active > i:nth-child(1) {
   transform: rotate(45deg);
}

.header ._active > i:nth-child(2) {
   width: 0;
   opacity: 0;
}

.header ._active > i:nth-child(3) {
   transform: rotate(-45deg);
}

.header__nav {
   opacity: 0;
   visibility: hidden;
   transform: translateY(-20%);
   transition: 0.5s;
   position: fixed;
   top: 80px;
   left: 0;
   width: 100%;
   background-color: rgba(0, 0, 0, 0.85);
}

.header__nav-body {
   display: block;
   margin: 0 auto;
   max-width: 1273px;
   min-width: 320px;
   padding: 4.66667rem 15px 12.33333rem;
}

.header__nav-title {
   position: relative;
   width: 15.33333rem;
   height: 3.33333rem;
   margin: 0 0 5.93333rem;
   display: block;
}

.header__nav-title span {
   position: absolute;
   bottom: 0.8rem;
   left: 2.13333rem;
   width: 24.13333rem;
   height: 5.13333rem;
   display: block;
   font-family: "Proxima Nova - Black";
   opacity: 0.1;
   color: #ffffff;
   font-size: 7.33333rem;
   font-weight: 900;
   text-transform: uppercase;
}

.header__menu {
   list-style: none;
   padding-left: 0;
}

.header__menu > li {
   padding: 0 2rem;
   transition: 0.5s;
   position: relative;
}

.header__menu > li::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   margin: auto;
   right: auto;
   width: 0;
   height: 3.33333rem;
   background-color: #ffffff;
   z-index: -2;
}

.header__menu > li:hover > a {
   color: #000000;
}

.header__menu > li:hover::before {
   animation: hoverLi 0.3s forwards;
}

.header__menu-link {
   text-decoration: none;
   color: #ffffff;
   font-size: 2.66667rem;
   font-weight: 700;
   text-transform: uppercase;
   position: relative;
   z-index: 99;
   transition: color 0.5s;
}

.t70 {
   color: #ffffff;
   font-family: "Proxima Nova - Black";
   font-size: 4.66667rem;
   font-weight: 400;
   text-transform: uppercase;
   margin: 0;
}

._active-nav {
   opacity: 1;
   visibility: visible;
   transform: translateY(0);
}

@keyframes hoverLi {
   from {
      opacity: 0;
      width: 0;
   }

   to {
      opacity: 1;
      width: 60%;
   }
}

@media all and (max-width: 767.98px) {
   .header__burger {
      margin-left: 1.33333rem;
   }

   .header__menu > li {
      padding: 0 0.66667rem 0 1rem;
   }

   .header__menu > li::before {
      height: 30px;
   }

   .header__menu-link {
      font-size: 1.6rem;
   }

   @keyframes hoverLi {
      from {
         opacity: 0;
         width: 0;
      }

      to {
         opacity: 1;
         width: 100%;
      }
   }

   .header__nav-body {
      padding: 1.33333rem 0.66667rem;
   }
}

.first-screen {
   position: relative;
   padding: 16.13333rem 0 12.4rem;
}
.first-screen::before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.75);
   z-index: 9;
}
.first-screen__bg {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.first-screen__bg iframe {
   width: 100%;
   height: 100%;
}
.first-screen__body {
   display: block;
   margin: 0 auto;
   max-width: 1273px;
   min-width: 320px;
   padding: 0px 1rem;
   height: 100%;
   z-index: 999;
   position: relative;
   display: flex;
   justify-content: center;
   flex-direction: column;
   align-items: flex-start;
}

.first-screen__description {
   font-style: normal;
   margin-top: -0.4rem !important;
}

.first-screen__btn {
   margin-top: 3.26667rem;
}

.t55 {
   color: #ffffff;
   font-size: 3.66667rem;
   font-weight: 600;
   line-height: 6rem;
   text-transform: uppercase;
   letter-spacing: 0.18333rem;
   margin: 0;
   font-family: "Proxima Nova - Semibold";
}

.t55 > img {
   width: 57.33333rem;
   height: 4.66667rem;
   margin: 0;
   margin-top: -0.66667rem;
}

.t40 {
   color: #ffffff;
   font-size: 2.66667rem;
   font-weight: 400;
   line-height: 6rem;
   font-style: normal;
   margin: 0;
}

.status {
   color: #ffcc01;
   font-size: 2.66667rem;
   font-weight: 400;
   line-height: 6rem;
   font-style: normal;
   margin: 40px 0 0;
   text-align: center;
}

.btn-def {
   width: 27.53333rem;
   height: 4rem;
   border: 0.13333rem solid #ffcc01;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   text-decoration: none;
   color: #ffffff;
   font-size: 1.06667rem;
   font-weight: 700;
   text-transform: uppercase;
   transition: 0.5s;
}

.btn-def:hover {
   background-color: #ffcc01;
   color: #000000;
}

@media all and (max-width: 991.98px) {
   .t55 > img {
      width: 100%;
      height: auto;
   }
}

@media all and (max-width: 767.98px) {
   .t55 {
      font-size: 2.93333rem;
      line-height: 3.33333rem;
   }

   .t40 {
      font-size: 1.6rem;
      line-height: 2.66667rem;
   }

   .first-screen {
      padding: 12rem 0 6.66667rem;
   }
}

@media all and (max-width: 479.98px) {
   .t55 {
      text-align: center;
      display: block;
      width: 100%;
      font-size: 2.13333rem;
   }

   .t40 {
      text-align: center;
   }

   .btn-def {
      width: 18.66667rem;
      text-align: center;
      margin: 1.33333rem auto;
   }
}

.team {
   position: relative;
   padding: 6.66667rem 0 0rem;
}

.team__body {
   display: block;
   margin: 0 auto;
   max-width: 1273px;
   min-width: 320px;
   padding: 0px 1rem;
}

.team__row {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   align-items: stretch;
}

.team__left {
   flex-basis: 40rem;
   position: relative;
}

.team__left::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   margin: auto;
   width: 32.33333rem;
   height: 25.33333rem;
   border: 0.2rem solid #ffcc01;
   opacity: 0.5;
   left: auto;
   top: 13.8rem;
   bottom: auto;
   right: 0;
}

.team__left::after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   margin: auto;
   width: 30rem;
   bottom: auto;
   height: 23.2rem;
   background-color: #ffcc01;
   opacity: 0.1;
   left: auto;
   top: 14.93333rem;
   right: 1.33333rem;
}

.team__images-top {
   position: relative;
   z-index: 99;
   overflow: hidden;
   width: 505px;
   height: 500px;
}

.team__images-top > img {
   max-width: 100%;
   height: auto;
   position: absolute;
   top: 0;
   left: 0;
   object-fit: cover;
   object-position: center center;
   height: 100%;
}

.team__images-bottom {
   position: relative;
   z-index: 99;

   overflow: hidden;
   width: 505px;
   height: 500px;
   transform: translate(210px, -205px);
}

.team__images-bottom > img {
   max-width: 100%;
   height: auto;
   position: absolute;
   top: 0;
   left: 0;
   object-fit: cover;
   object-position: center center;
   height: 100%;
}

.team__right {
   flex-basis: 39.66667rem;
   position: relative;
   padding-top: 12rem;
}

.team__title {
   padding: 0.93333rem 1.66667rem 0.8rem 2.66667rem;
   background: #ffcc01;
   width: 47.33333rem;
   position: absolute;
   top: 3.86667rem;
   left: -15.33333rem;
   z-index: 99;
}

.team__descrption {
   position: relative;
   z-index: 99;
   text-align: right;
}

.team__descrption > span {
   display: block;
}

.team .description--max-width {
   max-width: 32.33333rem;
   margin-left: auto;
   margin-right: 0;
}

.team .description--max-width > span {
   margin-top: 0.66667rem;
}

.t25 {
   color: #000000;
   font-size: 1.66667rem;
   font-weight: 700;
   line-height: 2.33333rem;
   margin: 0;
   text-transform: uppercase;
}

.f18 {
   color: #000000;
   font-size: 1.2rem;
   font-weight: 400;
   line-height: 2rem;
}

.f18 span {
   font-weight: 700;
}

.btn--width {
   width: 21.33333rem;
   height: 4rem;
   margin-left: auto;
   margin-right: 0.13333rem;
   color: #000000;
   margin-top: 3.46667rem;
}

@media all and (max-width: 1226px) {
   .team__left {
      flex-basis: 48%;
   }

   .team__right {
      flex-basis: 48%;
   }

   .team__images-top,
   .team__images-bottom {
      widows: 100%;
   }

   .team__images-top > img,
   .team__images-bottom > img {
      display: block;
      max-width: 100%;
      width: auto;
   }

   .team .description--max-width {
      padding: 0.66667rem;
      background: #ffffff;
   }

   .team__images-top {
      position: relative;
      z-index: 99;
      overflow: hidden;
      width: auto;
      height: auto;
   }

   .team__images-top > img {
      max-width: 100%;
      height: auto;
      position: relative;
      top: auto;
      left: auto;
   }

   .team__images-bottom {
      position: relative;
      z-index: 99;
      overflow: hidden;
      width: auto;
      height: auto;
   }

   .team__images-bottom > img {
      max-width: 100%;
      height: auto;
      position: relative;
      top: auto;
      left: auto;
   }
}

@media all and (max-width: 1064px) {
   .team {
      padding: 2rem 0;
   }

   .team__left {
      flex-basis: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
   }

   .team__left::before,
   .team__left::after {
      display: none;
   }

   .team__images-top,
   .team__images-bottom {
      flex-basis: 50%;
   }

   .team__images-top > img,
   .team__images-bottom > img {
      display: block;
      max-width: 100%;
      margin: 0 auto;
      transform: translate(0, 0);
   }

   .team__right {
      flex-basis: 100%;
      padding-top: 0.66667rem;
   }

   .team__title {
      position: relative;
      top: auto;
      left: auto;
      width: 100%;
      text-align: center;
   }

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

   .team .description--max-width {
      max-width: 100%;
      text-align: center;
   }

   .btn--width {
      margin: 0px auto;
   }
}

@media all and (max-width: 767.98px) {
   .t25 {
      font-size: 1.2rem;
      line-height: 1.46667rem;
   }

   .f18 {
      font-size: 1.06667rem;
      line-height: 1.2rem;
   }
}

@media all and (max-width: 479.98px) {
   .btn--w {
      width: 100%;
   }

   .team__title {
      padding: 0.66667rem;
   }

   .team__right {
      width: calc(100% - 30px);
   }

   .btn--width {
      width: calc(100% - 30px);
   }
}

.leave-request {
   position: relative;
   background: url("../img/BG2.png") 0 0 no-repeat;
   background-size: cover;
   margin-top: -8.66667rem;
}

.leave-request__body {
   display: block;
   margin: 0 auto;
   max-width: 1273px;
   min-width: 320px;
   padding: 8.4rem 1rem 6.4rem;
   position: relative;
   z-index: 9;
}

.leave-request .before-line::before {
   content: "";
   width: 0.2rem;
   height: 13.33333rem;
   background: #ffcc01;
   position: absolute;
   top: -3.6rem;
   right: 7.66667rem;
}

.leave-request__content {
   margin: 0;
   color: #ffffff;
   font-family: "Proxima Nova - Black";
   font-size: 2rem;
   font-weight: 900;
   text-transform: uppercase;
   position: relative;
}

.leave-request__title {
   color: #ffcc01;
   font-family: "Proxima Nova - Black";
   font-size: 4.66667rem;
   font-weight: 900;
   text-transform: uppercase;
   display: block;
   margin-top: -0.66667rem;
   margin-left: 0rem;
}

.leave-request__text-mini {
   margin-top: 1rem;
   font-size: 1.66667rem;
   font-family: "Proxima Nova - Semibold";
   font-weight: 600;
   line-height: 2.33333rem;
   display: block;
   text-transform: lowercase;
}

.leave-request__text-mini > .color-y {
   font-weight: 400;
   color: #ffcc01;
   font-family: "Proxima Nova - Semibold";
   font-weight: 600;
   line-height: 2.33333rem;
}

@keyframes line-height {
   0% {
      height: 0;
   }

   100% {
      height: 13.33333rem;
   }
}

.color-y {
   color: #ffcc01;
}

.btn--width-mini {
   width: 16rem;
   height: 4rem;
   border: 0.13333rem solid #ffcc01;
   color: #ffffff;
   margin-left: 0;
   margin-right: auto;
   margin-top: 3.13333rem;
}

.text-substrate {
   opacity: 0.1;
   color: #ffcc01;
   font-family: "Proxima Nova - Black";
   font-size: 7.33333rem;
   font-weight: 400;
   text-transform: uppercase;
   position: absolute;
   margin: 0;
   transition: 1s;
   top: -2.53333rem;
   left: 2.06667rem;
}

@media all and (max-width: 1064px) {
   .leave-request {
      margin-top: 0;
   }

   .leave-request .before-line::before {
      display: none;
   }
}

@media all and (max-width: 479.98px) {
   .leave-request__content {
      text-align: center;
   }

   .leave-request .btn--width-mini {
      margin: 1.33333rem auto 0;
   }

   .leave-request__title {
      font-size: 2.93333rem;
   }
}

.about-list {
   position: relative;
   margin-top: 6.53333rem;
}

.about-list__body {
   display: block;
   margin: 0 auto;
   max-width: 1273px;
   min-width: 320px;
   padding: 0px 1rem;
}

.about-list__row {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
}

.about-list__left {
   flex-basis: 40rem;
   position: relative;
   z-index: 99;
   margin-top: 16.2rem;
}

.about-list__title {
   color: #ffcc01;
   font-family: "Proxima Nova - Black";
   font-size: 2.66667rem;
   text-transform: uppercase;
   font-weight: 400;
   position: relative;
   margin: 0;
}

.about-list__title .text-substrate {
   position: absolute;
   width: auto;
   white-space: nowrap;
   top: -4.66667rem;
   left: 1.33333rem;
}

.about-list__list {
   margin-top: 2.66667rem;
}

.about-list__list-elem {
   color: #000000;
   font-family: "Proxima Nova";
   font-size: 1.06667rem;
   font-weight: 400;
   line-height: 24px;
   font-weight: 400;
   margin: -0.73333rem 0 2.06667rem;
}

.about-list__list-elem .number-list {
   display: block;
   color: #ffcc01;
   font-family: "Proxima Nova - Bold";
   font-weight: 700;
   font-size: 1.06667rem;
   font-weight: 400;
   line-height: 1.6rem;
}

.about-list__list-elem .free {
   font-family: "Proxima Nova - Bold";
   font-weight: 700;
   padding: 0 0.26667rem;
   background: #ffcc01;
   color: #000000;
}

.about-list__right {
   flex-basis: 40.6rem;
   position: relative;
}

.about-list__right::after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   margin: auto;
   width: 47.86667rem;
   height: 37.66667rem;
   background-color: #ffffff;
   top: 4.33333rem;
   bottom: auto;
   right: auto;
   left: -40.33333rem;
}

.about-list__images {
   margin-top: -2rem;
   margin-right: 0.2rem;
}

.about-list__images > img {
   max-width: 100%;
   height: auto;
}

.about-list .btn--width-mini {
   color: #000000;
   margin-left: auto;
   margin-right: 0;
}

.black {
   color: #000000;
   font-size: 1.33333rem;
   font-weight: 600;
   line-height: 2.66667rem;
   text-transform: uppercase;
   display: block;
   font-family: "Proxima Nova";
}

.horizontal-line::before {
   content: "";
   width: 13.33333rem;
   height: 0.2rem;
   background: #ffcc01;
   position: absolute;
   display: block;
   top: 0.93333rem;
   left: -8.53333rem;
}

@media all and (max-width: 1241px) {
   .about-list__left {
      flex-basis: 48%;
   }

   .about-list__right {
      flex-basis: 48%;
   }
}

@media all and (max-width: 1100px) {
   .about-list__left {
      flex-basis: 100%;
      order: 2;
      margin-top: 1.33333rem;
      text-align: center;
   }

   .about-list__right {
      flex-basis: 100%;
      order: 1;
   }

   .about-list__right::after {
      display: none;
   }

   .about-list__right::before {
      display: none;
   }

   .about-list__images {
      width: 100%;
      margin-top: 0;
   }

   .about-list__images > img {
      display: block;
      max-width: 100%;
      margin: 0.66667rem auto;
   }

   .about-list .btn-def {
      margin: 0px auto;
   }
}

@media all and (max-width: 767.98px) {
   .about-list {
      margin-top: 1.33333rem;
   }
}

.pay {
   position: relative;
   margin-top: 4.2rem;
}

.pay__body {
   display: block;
   margin: 0 auto;
   max-width: 1273px;
   min-width: 320px;
   padding: 0px 1rem;
}

.pay__column {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   align-items: stretch;
}

.pay__images {
   margin: 0;
   position: relative;
}

.pay__images::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   margin: auto;
   bottom: auto;
   left: auto;
   right: -4.86667rem;
   top: 3.26667rem;
   width: 17.53333rem;
   height: 25.33333rem;
   border: 0.2rem solid #ffcc01;
   opacity: 0.5;
}

.pay__images::after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   margin: auto;
   bottom: auto;
   left: auto;
   right: -3.6rem;
   top: 4.86667rem;
   width: 15.4rem;
   height: 22.73333rem;
   background-color: #ffcc01;
   opacity: 0.1;
}

.pay__images > img {
   max-width: 100%;
   height: auto;
   position: relative;
   z-index: 99;
}
.pay__images--zindex {
   z-index: 999;
}
.pay__title {
   flex-basis: 36.66667rem;
   position: relative;
   transform: translateX(-11.5%);
}

.pay__title .text-substrate {
   top: 2.66667rem;
   font-size: 6rem;
   line-height: 2.66667rem;
}

.pay__title .title {
   margin: 4.06667rem 0 0.46667rem;
}

.pay__title .sub-title {
   margin: 0;
   font-family: "Proxima Nova";
   font-weight: 700;
   font-size: 1.33333rem;
   font-weight: 700;
   line-height: 2.66667rem;
   text-transform: uppercase;
   color: #000000;
}

.pay__column--timer {
   max-width: 57.66667rem;
   margin-left: auto;
   margin-right: 0;
   margin-top: -9rem;
}

.pay__column--timer .pay__images::before,
.pay__column--timer .pay__images::after {
   display: none;
}

.pay__timer-price {
   flex-basis: 22.33333rem;
}

.pay__timer {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   margin: 6.6rem 0 3rem;
}

.pay__timer div > p {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   flex-wrap: wrap;
   color: #ffffff;
   font-family: "Proxima Nova - Semibold";
   font-size: 3.33333rem;
   font-weight: 400;
   line-height: 2.66667rem;
   text-transform: uppercase;
   margin: 0;
}

.pay__timer > div > p > span {
   display: block;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   margin-right: 0.06667rem;
   width: 50px;
   height: 70px;
   border-radius: 5px;
   background-image: linear-gradient(to top, #2a2a2a 0%, #8f8f8f 50%, #070707 100%);
   position: relative;
}

.pay__timer > div > p > span::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   margin: auto;
   background-color: #5e5e5e;
   opacity: 0.5;
   width: 100%;
   height: 0.13333rem;
}

.pay__price {
   position: relative;
   display: block;
}

.pay__price span {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   top: 0.06667rem;
   bottom: auto;
   right: auto;
   left: 0.06667rem;
   color: #626162;
   font-family: "Proxima Nova - Black";
   font-size: 2rem;
   font-weight: 400;
   line-height: 2.66667rem;
   text-decoration: line-through;
   text-transform: uppercase;
}

.pay__price .price {
   margin: 0;
   transform: scale(1) rotate(-15deg) translate(2px, 18px);
}

.pay .btn--width-mini {
   margin-top: 7.53333rem;
   width: 14.66667rem;
   height: 4rem;
   color: #000000;
}

.pay__column--gold {
   max-width: 26rem;
   margin-top: -14.86667rem;
}

.pay__title-gold {
   margin: 0 0 0rem;
   color: #000000;
   font-family: "Proxima Nova - Black";
   font-size: 2.33333rem;
   font-weight: 400;
   text-transform: uppercase;
}

.pay__list {
   list-style: none;
   padding-left: 0;
}

.pay__item-gold {
   color: #000000;
   font-family: "Proxima Nova";
   font-size: 1.2rem;
   font-weight: 400;
   line-height: 1.73333rem;
}

.pay__item-gold span {
   color: #ffcc01;
   font-family: "Proxima Nova - Black";
   font-weight: 900;
}

.title {
   color: #ffcc01;
   font-family: "Proxima Nova - Black";
   font-size: 2.66667rem;
   line-height: 2.66667rem;
   font-weight: 400;
   text-transform: uppercase;
}

.free {
   background-color: #ffcc01;
   padding: 0.46667rem 0.66667rem;
}

.price {
   color: #ffcc01;
   font-family: "Proxima Nova - Black";
   font-size: 4.53333rem;
   font-weight: 400;
   line-height: 2.576rem;
}

.price span {
   font-size: 3.2rem;
}

@media all and (max-width: 1190px) {
   .pay__images {
      order: 2;
      margin: 0.66667rem auto;
   }

   .pay__title {
      flex-basis: 100%;
      transform: translate(0, 0);
      order: 1;
      text-align: center;
      margin-bottom: 0.66667rem;
   }

   .pay__column--timer {
      max-width: 100%;
      margin-top: 0rem;
   }

   .pay__timer-price {
      flex-basis: 100%;
   }

   .pay__timer {
      justify-content: center;
      text-align: center;
   }

   .pay__timer > div {
      margin-right: 0.66667rem;
   }

   .pay__timer > div:last-child {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
   }

   .pay__price {
      text-align: center;
   }

   .pay__price .crossed-out {
      right: 6.66667rem;
      margin: auto;
   }

   .pay__column--gold {
      margin: 0;
      flex-basis: 100%;
      max-width: 100%;
      display: block;
      text-align: center;
   }

   .pay .btn--width-mini {
      margin: 6.66667rem auto 0.66667rem;
   }
}

@media all and (max-width: 479.98px) {
   .pay {
      margin-top: 0rem;
   }

   .pay__timer {
      margin: 1.33333rem 0;
   }

   .pay__timer > div > p {
      font-size: 2.26667rem;
   }

   .pay__timer > div > p > span {
      width: 2.66667rem;
      height: 4rem;
   }

   .pay__price .price {
      font-size: 4rem;
   }
}

.were-the-best {
   position: relative;
   background: url("../img/BG5.png") 0 0 no-repeat;
   background-size: cover;
   margin-top: 5.33333rem;
}

.were-the-best .vertical-line::before {
   content: "";
   width: 0.2rem;
   background: #ffcc01;
   position: absolute;
   top: -3.6rem;
   left: 11.53333rem;
   right: auto;
   -webkit-animation-name: vartical-line;
   animation-name: vartical-line;
}

.were-the-best__body {
   display: block;
   margin: 0 auto;
   max-width: 1273px;
   min-width: 320px;
   padding: 8.66667rem 1rem 9.53333rem;
   position: relative;
}

.were-the-best__row {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
}

.were-the-best__hastag {
   flex-basis: 36.93333rem;
   margin-top: -4.66667rem;
}

.were-the-best__description {
   flex-basis: 34.66667rem;
   margin-right: 1rem;
}

.were-the-best__text {
   color: #ffffff;
   font-family: "Proxima Nova - Black";
   font-size: 4rem;
   font-weight: 400;
   line-height: 4.33333rem;
   text-transform: uppercase;
   text-align: right;
   margin: 0;
}

.were-the-best__text span {
   color: #ffcc01;
}

.were-the-best .were-the-best--btn {
   width: 28rem;
   height: 4rem;
   border: 0.13333rem solid #ffcc01;
   margin: 4rem 0 0;
   margin-left: auto;
   margin-right: -0.8rem;
}

.icon-hastag-white {
   width: 554px;
   height: 45px;
   background: transparent url("../i/hashtag-white.svg") center center no-repeat;
   background-size: 100% auto;
   display: block;
}

@media all and (max-width: 1126px) {
   .were-the-best .vertical-line::before {
      display: none;
   }

   .were-the-best__hastag {
      flex-basis: 100%;
   }

   .were-the-best__hastag > i {
      margin: 1.33333rem auto;
   }

   .were-the-best__description {
      flex-basis: 100%;
   }

   .were-the-best__description .were-the-best__text {
      text-align: center;
   }

   .were-the-best .were-the-best--btn {
      margin: 0.66667rem auto 0;
   }
}

@media all and (max-width: 767.98px) {
   .were-the-best__hastag > i {
      width: 100%;
   }

   .were-the-best__description .were-the-best__text {
      font-size: 2.66667rem;
      line-height: 2.66667rem;
   }

   .were-the-best .were-the-best--btn {
      width: 100%;
   }
}

@media all and (max-width: 479.98px) {
   .were-the-best__description .were-the-best__text {
      font-size: 2.13333rem;
      line-height: 2.13333rem;
   }

   .were-the-best .were-the-best--btn {
      width: 100%;
      font-size: 0.93333rem;
   }
}

.slider__name {
   width: auto;
   padding-right: 2.66667rem;
   top: -9.86667rem;
}

@media (max-width: 1064px) {
   .slider__name {
      top: 0;
   }
}

.slider__body {
   position: relative;
}

.slider__btn {
   width: 28rem;
   height: 4rem;
   border: 0.13333rem solid #ffcc01;
}

.slider__right .text-substrate {
   word-wrap: none;
   white-space: nowrap;
   position: absolute;
   font-size: 5.66667rem;
   line-height: 2.66667rem;
   top: 1.33333rem;
   left: -8rem;
}

.slider__right {
   position: relative;
}

.slider__navgation {
   max-width: 33.33333rem;
   display: flex;
   justify-content: flex-start;
   align-items: center;
   flex-wrap: wrap;
   margin-left: auto;
   margin-right: 0;
   position: absolute;
   /*bottom: 18%;*/
   right: 36%;
}
@media(max-width: 1143px){
   .slider__navgation {
      right: 28%;
   }
}
@media(max-width: 1067px){
   .slider__navgation {
      right: 28%;
      bottom: 10%;
   }
}
@media(max-width: 1064px){
   .slider__navgation {
      position: relative;
      bottom: auto;
      right: auto;
   }
   }


.slider__navgation .pagination {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   flex-wrap: wrap;
   margin: 0 1.6rem;
}

.slider__navgation .pagination .slash {
   color: #000000;
   font-family: "Proxima Nova - Semibold";
   font-size: 1.06667rem;
   font-weight: 400;
   text-transform: uppercase;
   margin-right: 0.33333rem;
}

.slider__pagination-active {
   color: #ffcc01;
   font-family: "Proxima Nova";
   font-size: 2.33333rem;
   font-weight: 700;
   text-transform: uppercase;
   margin-right: 0.26667rem;
}

.icon-left {
   width: 40px;
   height: 26px;
   background: transparent url("../i/left.svg") center center no-repeat;
   background-size: 100% auto;
   display: block;
   cursor: pointer;
   transition: 0.5s;
}

.icon-right {
   width: 40px;
   height: 26px;
   background: transparent url("../i/right.svg") center center no-repeat;
   background-size: 100% auto;
   display: block;
   cursor: pointer;
   transition: 0.5s;
}

.vertical-line::before {
   content: "";
   width: 0.2rem;
   height: 13.33333rem;
   background: #ffcc01;
   position: absolute;
   top: -3.86667rem;
   left: auto;
   right: 1.06667rem;
}

@media all and (max-width: 1248px) {
   .slider__navgation {
      max-width: 100%;
      justify-content: flex-end;
   }
}

@media all and (max-width: 1011px) {
   .slider__navgation {
      justify-content: center;
      margin-top: 1.33333rem;
   }

   .vertical-line::before {
      display: none;
   }
}
@media(max-width: 1064px){
   .slider__navgation {
   justify-content: center;
   }

}
@media all and (max-width: 479.98px) {
   .slider {
      padding-top: 0;
   }

   .slider__btn {
      width: 100%;
   }
}

.what-will-you-get {
   position: relative;
   margin-top: -5.53333rem;
}

.what-will-you-get__body {
   display: block;
   margin: 0 auto;
   max-width: 1273px;
   min-width: 320px;
   padding: 0px 1rem;
}

.what-will-you-get__title {
   position: relative;
   margin: 0 0 3.2rem 0.53333rem;
   text-transform: uppercase;
}

.what-will-you-get__title .text-substrate {
   font-size: 7.33333rem;
   top: -4rem;
   left: 1.86667rem;
}

.what-will-you-get__title > p {
   color: #000000;
   font-family: "Proxima Nova";
   font-size: 1.33333rem;
   font-weight: 700;
   margin: 0;
}

.what-will-you-get__title > p .c-yellow {
   color: #ffcc01;
   font-family: "Proxima Nova - Black";
   font-size: 2.66667rem;
   font-weight: 400;
   line-height: 40px;
   text-transform: uppercase;
   display: block;
}

.what-will-you-get__row {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   align-items: stretch;
}

.what-will-you-get__column {
   margin-top: -0.33333rem;
   margin-left: 0rem;
   flex-basis: 24rem;
}

.what-will-you-get__images {
   margin: 0;
   position: relative;
   width: 360px;
   height: 310px;
}

.what-will-you-get__images::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   margin: auto;
   width: 100%;
   height: 100%;
   border: 3px solid #ffcc01;
   bottom: auto;
   right: auto;
   top: 1.6rem;
   left: 2.6rem;
}

.what-will-you-get__images::after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   margin: auto;
   width: 100%;
   height: 100%;
   bottom: auto;
   background: #ffcc01;
   opacity: 0.1;
   right: auto;
   top: 0.8rem;
   left: 1.8rem;
}

.what-will-you-get__images > img {

   position: absolute;
   top: 0;
   height: 100%;
   width: 100%;
   left: 0;
   object-fit: cover;
   object-position: center;

   z-index: 99;
}
@media(max-width: 756px){
   .what-will-tou-get__images > img {
      max-width: 100%;
      height: auto;
      position: relative;
      height: auto;
      width: auto;
   }
}

.what-will-you-get__descripttion {
   margin-top: 3.4rem;
   position: relative;
   z-index: 99;
}

.what-will-you-get__descripttion > p {
   margin: 0;
   color: #000000;
   font-family: "Proxima Nova";
   font-size: 1.06667rem;
   font-weight: 400;
   line-height: 1.6rem;
}

.what-will-you-get__descripttion > p span {
   font-weight: 700;
}

@media all and (max-width: 1132px) {
   .what-will-you-get__column {
      flex-basis: 30%;
   }
}

@media all and (max-width: 991.98px) {
   .what-will-you-get__column {
      flex-basis: 100%;
   }

   .what-will-you-get {
      margin-top: -2rem;
   }

   .what-will-you-get__images::before,
   .what-will-you-get__images::after {
      display: none;
   }

   .what-will-you-get__images img {
      margin: 0px auto;
      display: block;
   }

   .what-will-you-get__descripttion {
      text-align: center;
      margin-bottom: 1.33333rem;
   }

   .what-will-you-get__title > p {
      text-align: center;
   }
}

.delivery {
   position: relative;
   margin-top: 5.33333rem;
}

.delivery__body {
   display: block;
   margin: 0 auto;
   max-width: 1273px;
   min-width: 320px;
   padding: 0px 1rem;
   position: relative;
}

.delivery__row {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   align-items: stretch;
}

.delivery__left {
   flex-basis: 26.66667rem;
   margin-top: 9.66667rem;
   margin-left: -0.33333rem;
}

.delivery__title {
   position: relative;
   margin: 0 0 2.66667rem;
}

.delivery__title .text-substrate {
   font-size: 7.33333rem;
   line-height: 2.66667rem;
   top: -2rem;
   left: 1.33333rem;
}

.delivery__title p {
   color: #ffcc01;
   font-family: "Proxima Nova - Black";
   font-size: 2.66667rem;
   font-weight: 400;
   line-height: 2.66667rem;
   text-transform: uppercase;
   margin: 0;
}

.delivery__description {
   /*background: #ffffff;*/
   z-index: 999;
   position: relative;
}

.delivery__sub-title {
   color: #000000;
   font-family: "Proxima Nova - Semibold";
   font-size: 1.33333rem;
   font-weight: 400;
   line-height: 30px;
   display: block;
   margin: 0;
}

.delivery__right {
   flex-basis: 33.66667rem;
   margin-right: 0.6rem;
}

.delivery__images-top {
   position: relative;
}

.delivery__images-top::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   margin: auto;
   width: 32.26667rem;
   height: 33.4rem;
   border: 0.2rem solid #ffcc01;
   opacity: 0.5;
   bottom: auto;
   right: auto;
   top: 5.8rem;
   left: -6.13333rem;
}

.delivery__images-top::after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   margin: auto;
   width: 450px;
   height: 468px;
   background-color: #ffcc01;
   opacity: 0.1;
   bottom: auto;
   right: auto;
   top: 7.13333rem;
   left: -4.93333rem;
}

.delivery__images-top > img {
   position: relative;
   z-index: 99;
   display: block;
   max-width: 100%;
}

.delivery__images-bottom {
   transform: translate(-250px, -319px);
   z-index: 99;
   position: relative;
}

.delivery__images-bottom > img {
   position: relative;
   z-index: 99;
   display: block;
   max-width: 100%;
}

.delivery .btn--width-mini {
   width: 14rem;
   height: 4rem;
   color: #000000;
   margin-top: 2rem;
}

.items {
   font-size: 1.33333rem;
   font-weight: 400;
   line-height: 2rem;
   font-weight: 400;
   margin: 0;
}

.delivery--top {
   margin-top: -14.66667rem;
}

.delivery--top .text-substrate {
   left: auto;
   right: 1.33333rem;
}

.delivery--top .delivery__left {
   order: 2;
   text-align: right;
}

.delivery--top .delivery__left .btn--width-mini {
   margin-left: auto;
   margin-right: 0;
}

.delivery--top .vertical-line::before {
   right: auto;
   left: 14.53333rem;
   top: -16.33333rem;
}

.delivery--top .delivery__right {
   order: 1;
}

.delivery--top .delivery__right .delivery__images-top::before {
   bottom: auto;
   right: -6.13333rem;
   top: 5.8rem;
   left: auto;
}

.delivery--top .delivery__right .delivery__images-top::after {
   bottom: auto;
   left: auto;
   top: 7.13333rem;
   right: -4.93333rem;
}

.delivery--top .delivery__right .delivery__images-bottom {
   transform: translate(250px, -319px);
}

@media all and (max-width: 1000px) {
   .delivery__left {
      flex-basis: 100%;
      order: 2;
      margin-top: 1.33333rem;
      text-align: center;
   }

   .delivery__left .btn--width-mini {
      margin: 1.33333rem auto 0;
      display: flex;
   }

   .delivery__right {
      flex-basis: 100%;
      order: 1;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
   }

   .delivery__images-top,
   .delivery__images-bottom {
      flex-basis: 49%;
      transform: translate(0, 0);
   }

   .delivery__images-top::before,
   .delivery__images-top::after,
   .delivery__images-bottom::before,
   .delivery__images-bottom::after {
      display: none;
   }

   .delivery--top {
      margin-top: 1.33333rem;
   }

   .delivery--top .delivery__left {
      flex-basis: 100%;
      text-align: center !important;
   }

   .delivery--top .delivery__left .btn--width-mini {
      margin: 1.33333rem auto 0;
   }

   .delivery--top .vertical-line::before {
      display: none;
   }

   .delivery--top .delivery__right {
      flex-basis: 100%;
      display: flex;
   }

   .delivery--top .delivery__right .delivery__images-top,
   .delivery--top .delivery__right .delivery__images-bottom {
      flex-basis: 49%;
      transform: translate(0, 0) !important;
   }

   .delivery--top .delivery__right .delivery__images-top::before,
   .delivery--top .delivery__right .delivery__images-top::after,
   .delivery--top .delivery__right .delivery__images-bottom::before,
   .delivery--top .delivery__right .delivery__images-bottom::after {
      display: none;
   }

   .delivery--top .delivery__right .delivery__images-bottom {
      transform: translate(250px, -319px);
   }
}

@media all and (max-width: 767.98px) {
   .delivery {
      margin-top: 1.33333rem;
   }
}

.footer {
   position: relative;
   background-color: #252424;
   margin-top: -14.66667rem;
   padding: 4rem 0 0 0;
}

.footer__body {
   display: block;
   margin: 0 auto;
   max-width: 1273px;
   min-width: 320px;
   padding: 0px 1rem;
}

.footer__row {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
}

.footer__logo {
   flex-basis: 30rem;
   display: flex;
   justify-content: flex-start;
   flex-wrap: wrap;
}

.footer__logo > .logo {
   flex-basis: 100%;
   margin: 0;
}

.footer__logo > .logo > img {
   max-width: 100%;
   height: auto;
}

.footer__p {
   flex-basis: 100%;
   margin: 0;
   color: #ffffff;
   font-family: "Proxima Nova";
   font-size: 1.06667rem;
   font-weight: 400;
   line-height: 6rem;
}

.footer__legal-data {
   flex-basis: 50%;
   color: #ffffff;
   font-family: "Proxima Nova";
   font-size: 0.93333rem;
   font-weight: 700;
   text-decoration: underline;
   text-align: left;
   margin: 0;
}

.footer__contact {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   flex-wrap: wrap;
   align-self: flex-start;
}

.footer__tel {
   margin-right: 4.33333rem;
}

.footer__tel:last-child {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

.footer__tel-title {
   color: #ffcc01;
   font-family: "Proxima Nova";
   font-size: 1.06667rem;
   font-weight: 700;
   line-height: 6rem;
   margin: 0;
   text-align: right;
   text-transform: uppercase;
}

.footer__bottom {
   margin-top: 4.53333rem;
   padding: 0.53333rem 0;
   background-color: #373636;
}

.footer__bottom > .footer__body {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
}

.contact {
   display: flex;
   justify-content: flex-end;
   flex-wrap: wrap;
   color: #ffffff;
   font-family: "Proxima Nova";
   font-size: 1.06667rem;
   text-decoration: none;
   font-weight: 400;
   margin: 0 0 1rem;
}
.contact:hover{
   color: #ffcc01;
}

.contact > i {
   margin-right: 0.66667rem;
}

@media all and (max-width: 1208px) {
   .footer__logo {
      flex-basis: 100%;
      text-align: center;
      justify-content: center;
   }

   .footer__logo a {
      display: block;
   }

   .footer__logo a > img {
      margin: 0px auto;
      display: block;
   }

   .footer__logo .footer__legal-data {
      flex-basis: 100%;
      text-align: center;
   }

   .footer__contact {
      flex-basis: 100%;
      justify-content: center;
   }
}

@media all and (max-width: 1000px) {
   .footer {
      margin-top: 1.33333rem;
   }
}

@media all and (max-width: 767.98px) {
   .footer__tel {
      flex-basis: 100%;
      justify-content: center;
      margin-right: 0;
      text-align: center;
   }

   .footer__tel-title {
      text-align: center;
      margin: 0;
   }

   .contact {
      justify-content: center;
   }
}

.pop-up {
   position: fixed;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   height: 100vh;
   width: 100%;
   background: rgba(0, 0, 0, 0.8);
   z-index: 999999;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   display: none;
}

._active-popup {
   display: flex;
}

.pop-up__container {
   width: 53.33333rem;
   height: 38.86667rem;
   background-color: #ffffff;
   padding: 6.6rem 4rem 4rem;
   position: relative;
}

.pop-up__close {
   width: 1.33333rem;
   height: 1.33333rem;
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   z-index: 999999;
   top: 1.33333rem;
   bottom: auto;
   left: auto;
   right: 1.33333rem;
   cursor: pointer;
}

.pop-up__close > i {
   width: 100%;
   height: 0.06667rem;
   background: #000000;
   border-radius: 0.13333rem;
   transform: rotate(45deg);
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
}

.pop-up__close > i:last-child {
   transform: rotate(-45deg);
}

.pop-up__header {
   margin-bottom: 3.26667rem;
}

.pop-up__title {
   position: relative;
   color: #ffcc01;
   font-size: 4.66667rem;
   font-family: "Proxima Nova - Black";
   font-weight: 400;
   text-transform: uppercase;
   text-align: center;
}

.pop-up__title .text-substrate {
   top: -4rem;
   left: 8.66667rem;
}

.pop-up__title .c-black {
   display: block;
   color: #000000;
   font-family: "Proxima Nova - Black";
   font-size: 2rem;
   font-weight: 400;
   text-transform: uppercase;
}

.form-body {
   display: block;
   width: 100%;
}

.form-body__input {
   outline: none;
   border: 0;
   display: block;
   width: 100%;
   height: 3.66667rem;
   border-radius: 0.33333rem;
   background-color: #f0f0f0;
   display: flex;
   justify-content: flex-start;
   align-items: center;
   padding-left: 1.33333rem;
   margin-bottom: 1rem;
   color: #808080;
   font-size: 0.93333rem;
   font-weight: 300;
   line-height: 2.66667rem;
}

.form-body button {
   width: 20rem;
   height: 4rem;
   border: 0.13333rem solid #ffcc01;
   margin: 0px auto;
   color: #000000;
   cursor: pointer;
   background: none;
   outline: none;
}

._visibility-slide {
   position: relative;
   visibility: visible;
}

._visibility-slide .team__images-top img {
   -webkit-animation-name: zoomIn;
   animation-name: zoomIn;
   animation-duration: 1s;
   animation-fill-mode: forwards;
}

._visibility-slide .team__images-bottom {
   -webkit-animation-name: zoomSlide;
   animation-name: zoomSlide;
   animation-duration: 1s;
   animation-fill-mode: forwards;
}

._hidden-slide {
   position: absolute;
   visibility: hidden;
}

._fadeInOut .team__images-top img {
   -webkit-animation-name: fadeInOut;
   animation-name: fadeInOut;
   animation-duration: 1s;
   animation-fill-mode: forwards;
}

._fadeInOut .team__images-bottom {
   -webkit-animation-name: fadeInOutBottom;
   animation-name: fadeInOutBottom;
   animation-duration: 1s;
   animation-delay: 0.4s;
   animation-fill-mode: forwards;
}

@media (max-width: 1067px) {
   .team__slide {
      flex-basis: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
   }

   ._visibility-slide .team__images-bottom,
   ._visibility-slide .team__images-top img {
      transform: translate(0, 0);
   }

   ._fadeInOut .team__images-bottom,
   ._fadeInOut .team__images-top img {
   }

   .team__images-bottom {
      transform: translate(0, 0);
   }
}

.slide_animated-content-visibility {
   position: relative;
   visibility: visible;
   opacity: 1;
}

.slide_animated-content-visibility h2 {
   -webkit-animation-name: fadeInRightSlide;
   animation-name: fadeInRightSlide;
   animation-duration: 1s;
   animation-fill-mode: forwards;
}

.slide_animated-content-visibility p {
   -webkit-animation-name: fadeInRightSlide;
   animation-name: fadeInRightSlide;
   animation-duration: 1s;
   animation-fill-mode: forwards;
}

.slide_animated-content-visibility .slider__btn {
   -webkit-animation-name: fadeInRightSlide;
   animation-name: fadeInRightSlide;
   animation-duration: 1s;
   animation-fill-mode: forwards;
}

.slide_animated-content--hidden {
   position: absolute;
   visibility: hidden;
   opacity: 0;
}

.slide_animated-content h2 {
   -webkit-animation-name: fadeInRightOut;
   animation-name: fadeInRightOut;
   animation-duration: 1s;
   animation-fill-mode: forwards;
   animation-delay: 0.1s;
}

.slide_animated-content p {
   -webkit-animation-name: fadeInRightOut;
   animation-name: fadeInRightOut;
   animation-duration: 1s;
   animation-fill-mode: forwards;

   animation-delay: 0.3s;
}

.slide_animated-content .slider__btn {
   -webkit-animation-name: fadeInRightOut;
   animation-name: fadeInRightOut;
   animation-duration: 1s;
   animation-fill-mode: forwards;
   animation-delay: 0.5s;
}

@media (max-width: 630px) {
   .pop-up__container {
      width: 100%;
      height: auto;
   }
}

@media (max-width: 580px) {
   .pop-up__title {
      font-size: 3rem;
   }
}

@media (max-width: 420px) {
   .pop-up__container {
      padding: 50px 20px;
   }

   .form-body button {
      width: 100%;
   }
}

@media (max-width: 360px) {
   .pop-up__title {
      font-size: 2.5rem;
   }
}

.payment {
   position: relative;
   padding: 3.86667rem 0 6.13333rem;
}

.payment__logo {
   display: block;
   margin: 0 auto 7.66667rem;
}

.payment__logo > img {
   display: block;
   max-width: 100%;
   margin: 0 auto;
}

.payment__price {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   margin: 0;
}

.payment__price span {
   color: #000000;
   font-family: "Proxima Nova - Black";
   font-size: 3.33333rem;
   font-weight: 400;
   line-height: 2.66667rem;
   margin: 0 2.6rem;
}

.payment__title {
   position: relative;
   position: relative;
   color: #ffcc01;
   font-size: 4.66667rem;
   font-family: "Proxima Nova - Black";
   font-weight: 400;
   text-transform: uppercase;
   text-align: center;
   margin: 0;
}

.payment__title .text-substrate {
   top: -4rem;
   left: 0rem;
   right: 0rem;
}

.payment__title .c-black {
   display: block;
   color: #000000;
   font-family: "Proxima Nova - Black";
   font-size: 2rem;
   font-weight: 400;
   text-transform: uppercase;
}

.payment__form {
   width: 54.66667rem;
   margin: 0px auto;
}

.payment__form input,
.payment__form textarea {
   outline: none;
   border: 0;
   display: block;
   width: 100%;
   height: 3.66667rem;
   border-radius: 0.33333rem;
   background-color: #f0f0f0;
   display: flex;
   justify-content: flex-start;
   align-items: center;
   padding-left: 1.33333rem;
   margin-bottom: 1rem;
   color: #808080;
   font-size: 0.93333rem;
   font-weight: 300;
   line-height: 2.66667rem;
}

.payment__form textarea {
   resize: none;
   height: 10rem;
}

.payment__form button {
   width: 20rem;
   height: 4rem;
   border: 0.13333rem solid #ffcc01;
   margin: 0px auto;
   color: #000000;
   cursor: pointer;
   background: none;
}

.payment__form > a {
   color: #ffcc01;
   font-family: "Proxima Nova - Semibold";
   font-size: 1.06667rem;
   font-weight: 400;
   text-decoration: underline;
   margin: 1.33333rem 0 2.26667rem;
   text-align: center;
   display: block;
}

.payment__form > label {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   position: relative;
   max-width: 38.66667rem;
   margin: 0px auto;
   cursor: pointer;
}

.payment__form > label::before {
   content: "";
   width: 1rem;
   height: 1rem;
   border-radius: 0.2rem;
   border: 1px solid #d9d9d9;
   background-color: #fafafa;
   position: absolute;
   top: 0;
   bottom: 0;
   margin: auto;
   left: -2rem;
}

.payment__form > label > a {
   color: #ffcc01;
   font-family: "Proxima Nova - Semibold";
   font-size: 1.06667rem;
   font-weight: 400;
   text-decoration: underline;
   text-align: center;
   display: block;
   margin-left: 0.33333rem;
}

.payment__form #check {
   position: absolute;
   opacity: 0;
   visibility: hidden;
}

.payment__form #check:checked + label::before {
   background-color: #ffcc01;
   border-color: #ffcc01;
}
.payment__form > .valid-off::before {
   background-color: red;
   border-color: red;
}

.price-underline {
   color: #626162;
   font-family: "Proxima Nova - Black";
   font-size: 2rem;
   font-weight: 400;
   line-height: 40px;
   text-transform: uppercase;
   font-size: 2.66667rem;
   position: relative;
   margin: 0;
}

.price-underline::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   margin: auto;
   width: 10.06667rem;
   height: 0.13333rem;
   background-color: #ffcc01;
   transform: rotate(15deg);
}

.ask > p {
   color: #000000;
   font-family: "Proxima Nova";
   font-size: 1.33333rem;
   font-weight: 700;
   margin: 2rem 0 1rem;
}

@media all and (max-width: 858px) {
   .payment__form {
      width: 98%;
   }
}

@media all and (max-width: 602px) {
   .price-underline {
      font-size: 1.6rem;
   }

   .price-underline::before {
      width: 6.66667rem;
   }

   .payment .price {
      font-size: 2rem;
   }
}

@media all and (max-width: 767.98px) {
   .payment__title {
      font-size: 2.66667rem;
   }

   .payment__title .c-black {
      font-size: 1.6rem;
   }

   .payment__logo {
      margin-bottom: 2.66667rem;
   }

   .payment__form > label {
      width: calc(100% - 50px);
      margin-left: auto;
      margin-right: 0;
   }
}

.it-lama svg {
   width: 7.6875rem;
   height: auto;
}
.it-lama path {
   transition: fill .4s ease-in-out;
   fill: #fff;
}
.it-lama svg:hover path {
   transition: fill .4s ease-in-out;
   fill: black;
}