#site {
   background: url(../../img/1st_screen.jpg) center top no-repeat;
   background-size: 1920px;
}
.webp #site {
   background: url(../../img/1st_screen.webp) center top no-repeat;
   background-size: 1920px;
}

.container {
   max-width: 1142px;
   margin: 0px auto;
   padding: 0 15px;
}

.color {
   color: #1E92FD;
}

.red {
   color: #FF071A
}
.lightred{
   color: #FF2839;
}
.green {
   color: green
}

.blue {
   color: blue
}

.opacity {
   opacity: 0.6;
}

.text p {
   font-weight: 400;
   margin-bottom: 15px;
}

.text a {
   color: #FFAA2A;
   text-decoration: underline;
}

.text a:hover {
   text-decoration: none;
}

sup {
   position: absolute;
   margin-top: -2px;
}

.center {
   text-align: center;
}
.row{
   display: flex;
}
.editor::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
   border-radius: 4px;
   background-color: #ffffff;
}

.editor::-webkit-scrollbar {
   width: 4px;
   background-color: #F5F5F5;
}

.editor::-webkit-scrollbar-thumb {
   border-radius: 4px;
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
   background-color: #e8e8e8;
}

a.btn.btn-inverse {
   background: transparent;
   border: 1px solid #1E92FD;
   height: 56px;
}

a.btn.btn-inverse span {
   font-size: 14px;
   line-height: 19px;
   color: #1E92FD;
   padding: 0 39px;
   text-transform: uppercase;
}

a.btn.btn-inverse:hover {
   background: #1E92FD;
}

a.btn.btn-inverse:hover span {
   color: #fff;
}

.block-content {
   margin-bottom: 25px;
}

.block-content.block-img {
   text-align: center;
}

.block-content img {
   max-width: 100%;
}

.block {
   margin-bottom: 80px;
   position: relative;
}
.block:last-child{
   margin-bottom: 0;
}
.block[data-type="btn"] {
   text-align: center;
}

.block[data-type="people"] {
   margin-bottom: 0;
}
.block[data-type="people"] .block-content {
   display: flex;
   background: #0E121A;
   border: 3px solid #282828;
   border-radius: 25px;
   padding: 55px;
}
.block[data-type="image"] .block-content a {
   pointer-events: none;
}

.block-head {
   font-size: 38px;
   line-height: 1.2;
   text-align: center;
   margin-bottom: 17px;
}

/*.block-border:after {
   content: '';
   position: absolute;
   bottom: -24px;
   left: 0;
   width: 100%;
   height: 1px;
   background: #CDDEE5;
}*/

.block-border {
   padding-bottom: 1px;
}

/* BTN */
a.btn {
   background: #FF0417;
   background: linear-gradient(0deg, #FF0417, #FF0417), linear-gradient(87.22deg, #FF0417 0%, #FF003D 100%);
   box-shadow: inset 0px -3px 21px rgba(255, 255, 255, 0.2), inset 0px 4px 18px rgba(255, 255, 255, 0.11);
   border-radius: 5px;
   display: inline-block;
   position: relative;
   height: 77px;
   transition: 0.25s ease;
   overflow: hidden;
}

.mini {
   font-size: 16px;
   line-height: 19px;
   font-weight: 500;
   display: block;
   margin-top: 8px;
   margin-bottom: -5px;
}

a.btn>span {
   display: flex;
   height: 100%;
   width: 100%;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   font-weight: bold;
   font-size: 16px;
   text-align: center;
   color: #fff;
   padding: 0 44px;
   line-height: 1;
}

a.btn:active {
   box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
   transition: 0.2s;
}

a.btn:before {
   content: '';
   background: url(/static/img/icon-btn-light.svg);
   background-size: auto 100%;
   background-repeat: no-repeat;
   position: absolute;
   left: -70px;
   height: 100%;
   width: 77px;
   -webkit-animation: slide 3s ease-in-out .4s infinite;
   animation: slide 3s ease-in-out .4s infinite;
}

@-webkit-keyframes slide {
   0% {
      left: -70px
   }

   40% {
      left: 100%;
   }

   to {
      left: 100%;
   }
}

@keyframes slide {
   0% {
      left: -70px
   }

   40% {
      left: 100%;
   }

   to {
      left: 100%;
   }
}

/* MODAL CONTENT */
#modal-1 .modal__container {
   max-width: 1132px;
   max-height: 100vh;
   padding: 0;
   position: relative;
}

.modal__container .blk-form {
   left: 0;
   width: 100%;
   box-shadow: none;
   margin: 0;
}

body .modal__close:before,
body .modal__close:after {
   background: #75889a;
}

body .modal__close {
   right: 20px;
   top: 20px;
   width: 25px;
   height: 24px;
}

.modal__close {
   position: absolute;
   z-index: 2;
   top: -30px;
   right: -30px;
   display: inline-block;
   width: 30px;
   height: 30px;
   overflow: hidden;
   border: none;
   background: transparent;
   cursor: pointer;
   transition: 0.3s;
}

.modal__close:before,
.modal__close:after {
   content: '';
   position: absolute;
   height: 2px;
   width: 100%;
   top: calc(50% + 5px);
   left: 0px;
   margin-top: -1px;
   background: #fff;
   border-radius: 5px;
   margin-top: -6px;
   transform: rotate(45deg);
}

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

.modal__close:hover {
   opacity: 0.6;
}

/* HEADER */
#header .container {
   display: flex;
   height: 100%;
   align-items: center;
}

.logo {
   flex: 1 0;
   display: flex;
   align-items: center;
   align-content: flex-start;
}

.header-right {
   text-align: right;
   display: flex;
   flex-direction: column;
   padding-top: 7px;
}

.logo>* {
   display: inline-block;
   vertical-align: top;
}

header#header {
   height: 120px;
}

a.phone {
   font-size: 22px;
   line-height: 1.4;
   display: inline-block;
   margin-bottom: 4px;
   position: relative;
}
a.phone:before{
   content: '';
   position: absolute;
   width: 18px;
   height: 18px;
   background: url(/img/red-phone.png) center no-repeat;
   background-size: contain;
   left: -35px;
   top: 7px;
}
.phone-text {
   font-size: 12px;
   line-height: 1.4;
   color: #B7B8B9;
   position: relative;
   cursor: pointer;
   /*padding-left: 15px;*/
}

/*.phone-text:before {
   content: '';
   position: absolute;
   width: 10px;
   height: 10px;
   left: 0;
   top: 2px;
   border-radius: 50%;
   background: radial-gradient(50% 50% at 50% 50%, #FFE006 0%, #F5AA23 100%);
}*/

.logo-text {
   font-size: 14px;
   line-height: 1.2;
   color: #B7B8B9;
}

img+.logo-text {
   margin: 0px 0 0 62px;
}

.phone-text>span {
   display: inline-block;
   border-bottom: 1px solid #09344582;
   line-height: 10px;
   transition: 0.1s ease;
}

.phone-text:hover>span {
   border-color: transparent;
}

.logo img {
   max-width: 200px;
   max-height: 110px;
}
.mob-logo{
   position: absolute;
   left: 20px;
   top: 15px;
   display: none;
}
.mobile-btn {
   display: none;
   position: absolute;
   right: 10px;
   top: 10px;
   width: 40px;
   height: 40px;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   z-index: 10;
}

/*.mobile-btn path {
   animation: arrow 2s cubic-bezier(0, 0, 0.81, 1.28) infinite;
}*/

/*.mobile-btn path:nth-child(1) {
   animation-delay: 0.4s;
}

.mobile-btn path:nth-child(2) {
   animation-delay: 0.2s;
}

.mobile-btn path:nth-child(3) {
   animation-delay: 0s;
}*/

@keyframes arrow {
   0% {
      fill-opacity: 1;
   }

   20% {
      fill-opacity: 0.3;
   }

   40% {
      fill-opacity: 1;
   }

   to {
      fill-opacity: 1;
   }
}

#header-mobile {
   position: fixed;
   z-index: 11;
   background: #1B2025;
   width: 100%;
   height: 100%;
   /*transform: translateY(-20px);*/
   opacity: 0;
   transition: 0.2s;
   /*box-shadow: 0px 0px 7px 5px #0000002b;*/
   visibility: hidden;
   /*pointer-events: none;*/
}

.logo-mobile {
   align-items: center;
   padding: 9px 0;
   min-height: 73px;
}

.logo-mobile img {
   max-width: 131px;
}

.logo-text-mobile {
   font-size: 13px;
   margin-left: 22px;
   font-weight: 300;
   line-height: 1.2;
}

.logo-text-mobile:before {
   content: '';
   display: inline-block;
   width: 60px;
   float: right;
   height: 14px;
}

.header-mobile-bottom {
   justify-content: space-between;
   padding: 4px 0 5px;
   min-height: 39px;
}

a.phone-mobile {
   font-weight: 700;
   font-size: 20px;
   line-height: 1.4;
   position: relative;
   white-space: nowrap;
   margin-bottom: 25px;
}

span.phone-text-mobile {
   font-weight: 800;
   font-size: 10px;
   line-height: 1.3;
   text-transform: uppercase;
   text-align: center;
   line-height: 50px;
   width: 220px;
   height: 50px;
   opacity: 0.4;
   border: 1px solid #FFFFFF;
   box-shadow: inset 0px -3px 21px rgba(255, 255, 255, 0.2), inset 0px 4px 18px rgba(255, 255, 255, 0.11);
   border-radius: 5px;
   margin-bottom: 15px;
}

.logo-mobile,
.header-mobile-bottom {
   padding-left: 12px;
   padding-right: 12px;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.header-mobile-bottom{
   flex-direction: column;
   padding-top: 30px;
}

a.phone-mobile:before {
   content: '';
   width: 18px;
   height: 18px;
   background: url(/img/red-phone.png) center no-repeat;
   background-size: contain;
   display: inline-block;
   margin-right: 12px;
   vertical-align: middle;
}

.logo-text-mobile br {
   display: none;
}

.logo-btn-mobile {
   position: absolute;
   right: 16px;
   top: 18px;
   width: 40px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
}
.momile-soc{
   display: flex;
   gap: 14px;
   justify-content: center;
}

/* MAIN */
#main {
   margin-bottom: 120px;
   padding-top: 95px;
}

#main .container {
   position: relative;
}
/*.main-left{
   padding-top: 81px;
}*/

/* H1 */
h1 {
   font-size: 62px;
   line-height: 1.2;
   margin-bottom: 21px;
   font-weight: 700;
   max-width: 650px;
}
.h1-dop{
   font-size: 22px;
   line-height: 1.4;
   font-weight: 300;
   color: #B7B8B9;
   margin-bottom: 50px;
   padding-left: 46px;
   position: relative;
}
.h1-dop:before{
   content: '';
   width: 26px;
   height: 2px;
   background: #FF0000;
   border-radius: 10px;
   position: absolute;
   left: 0;
   top: 15px;
}
/* H1 SUB */
.h1-sub {
   font-size: 22px;
   line-height: 1.4;
   margin-bottom: 25px;
   font-weight: 600;
}

/* swiper mob */
.swiper-main-mob {
   display: none;
}

/* av */
.av-img {
   border-radius: 50%;
   background: #fff;
   width: 47px;
   height: 47px;
   flex-basis: 47px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.av-img img {
   max-width: 100%;
   max-height: 100%;
}

.av {
   display: flex;
   width: 315px;
   flex-basis: 315px;
   /*align-items: center;*/
}

.av-text {
   font-size: 18px;
   line-height: 1.3;
   flex: 1 0;
   margin-left: 20px;
}

/*.av-img+.av-text {
   padding-left: 14px;
}*/

.avs {
   width: 100%;
   background: #0E121A;
   border-radius: 25px;
   display: flex;
   justify-content: space-between;
   padding: 30px 60px;
   margin-top: 120px;
}

.avs-item {
   display: flex;
}

/* flash */
.text-flash {
   font-size: 22px;
   line-height: 1.4;
   font-weight: 600;
   margin-bottom: 22px;
   width: 268px;
   /*animation: shadow 2s cubic-bezier(0, 0, 0.81, 1.28) infinite;*/
   background: linear-gradient(0deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.04)), linear-gradient(84.24deg, rgba(255, 255, 255, 0.29) -4.73%, rgba(255, 255, 255, 0) 8.57%, rgba(255, 255, 255, 0) 25.74%, rgba(255, 255, 255, 0.05) 47.36%, rgba(255, 255, 255, 0) 68.97%, rgba(255, 255, 255, 0) 83.93%, rgba(255, 255, 255, 0.17) 101.66%);
   border: 2px solid rgba(255, 255, 255, 0.12);
   box-shadow: inset 0px 2px 18px rgba(255, 255, 255, 0.25);
   backdrop-filter: blur(16px);
   /* Note: backdrop-filter has minimal browser support */
   border-radius: 5px;
   padding: 15px 18px 20px;
   margin-left: auto;
}

@keyframes shadow {
   0% {
      text-shadow: 0px 0px 15px #FF0000;
   }

   50% {
      text-shadow: 0px 0px 0px #FF000050;
   }

   to {
      text-shadow: 0px 0px 15px #FF0000;
   }
}

/* MAIN BTN */
.kp-text {
   font-size: 14px;
   line-height: 1.4;
   margin-top: 15px;
   margin-bottom: 21px;
   width: 340px;
   text-align: center;
}

.main-left a.btn>span {
   padding: 0 30px;
   min-width: 354px;
}

.btn-arrow {
   display: none;
}

/* MAIN BTN SUBTEXT */
.add-kp-text {
   width: 294px;
   height: 71px;
   font-size: 14px;
   line-height: 1.2;
   margin-top: 312px;
   padding-left: 21px;
   position: relative;
   margin-bottom: 20px;
   background: linear-gradient(84.24deg, rgba(255, 255, 255, 0.29) -4.73%, rgba(255, 255, 255, 0) 8.57%, rgba(255, 255, 255, 0) 25.74%, rgba(255, 255, 255, 0.05) 47.36%, rgba(255, 255, 255, 0) 68.97%, rgba(255, 255, 255, 0) 83.93%, rgba(255, 255, 255, 0.17) 101.66%), #0E121A;
   border: 2px solid rgba(255, 255, 255, 0.55);
   border-radius: 81px;
   padding: 8px 10px 0 60px;
   margin-left: auto;
   margin-right: 25px;
}

.add-kp-text:before{
   content: '';
   position: absolute;
   left: -7px;
   top: 5px;
   background: url(/img/gift.png) center no-repeat;
   width: 47px;
   height: 51px;
}
.tooltip {
   display: none;
   position: absolute;
   right: 2px;
   top: 2px;
   background: url(/img/icn__tooltip.png) center no-repeat;
   width: 16px;
   height: 16px;
   cursor: pointer;
}

a.btn:hover {
   /*box-shadow: 0px 7px 25px #FF0417;*/
   box-shadow: 0px 9px 66px rgba(255, 4, 23, 0.58), inset 0px -3px 21px rgba(255, 255, 255, 0.2), inset 0px 4px 18px rgba(255, 255, 255, 0.11);
}

.akps-main {
   width: 305px;
   height: 115px;
   background: linear-gradient(84.24deg, rgba(255, 255, 255, 0.29) -4.73%, rgba(255, 255, 255, 0) 8.57%, rgba(255, 255, 255, 0) 25.74%, rgba(255, 255, 255, 0.05) 47.36%, rgba(255, 255, 255, 0) 68.97%, rgba(255, 255, 255, 0) 83.93%, rgba(255, 255, 255, 0.17) 101.66%), #0E121A;
   border: 2px solid rgba(255, 255, 255, 0.55);
   border-radius: 5px;
   position: absolute;
   padding: 10px 15px;
   z-index: 1;
   top: -2px;
   left: -10px;
   display: none;
}

.akp-name {
   font-size: 14px;
   line-height: 1.2;
   font-weight: 600;
   margin-bottom: 5px;
}

.akp-text {
   font-size: 13px;
   line-height: 1.2;
}

.akp-download.none {
   display: none !important;
}

#page .akp-download {
   display: block !important;
   margin: -1px 0 -6px 0;
}

.akp-img {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
}

.akp-wrapper {
   position: relative;
   flex: 1 0;
   z-index: 1;
}

.kp-text-inline {
   position: relative;
   display: inline-block;
}

.kp-text-inline svg {
   width: 65px;
   height: 88px;
   position: absolute;
   right: -13px;
   top: 38px;
}

.akp-open .akp-text-wrap {
   padding-top: 37px;
   box-shadow: 0px 5px 10px 0px #33333324;
}

.akp-open .akp-name svg {
   transform: rotate(180deg);
}

.avs-bottom {
   display: none;
}

/* MAIN RIGHT */
.main-right {
   position: absolute;
   right: 0;
   top: 0;
   width: 440px;
   padding-top: 40px;
}


.swiper-pagination-bullet {
   width: 10px;
   height: 10px;
   margin: 0 4px 0 5px !important;
}

.swiper-main .swiper-pagination-bullet {
   width: 7px;
   height: 7px;
   margin: 0 3px !important;
}

.swiper-main .swiper-pagination-bullet-active {
   width: 11px;
   height: 11px;
}

.swiper-main .swiper-pagination {
   justify-content: center;
   position: absolute;
   width: 100%;
   bottom: -42px;
   display: flex;
   align-items: center;
}

.swiper-main .swiper-container {
   overflow: visible;
}

.swiper-container-fade .swiper-slide:not(.swiper-slide-active) {
   opacity: 0 !important;
}

.swiper-main .swiper-button-next,
.swiper-main .swiper-button-prev {
   width: 47px;
   height: 47px;
}

.swiper-main .swiper-button-prev svg,
.swiper-main .swiper-button-next svg {
   width: 21px;
   height: 21px;
}

.swiper-button {
   position: absolute;
   right: 0;
   bottom: -64px;
   display: flex;
}

.swiper-button>* {
   position: static;
}

.swiper-button .swiper-button-next {
   margin-left: 26px;
}

.swiper-button-next svg,
.swiper-button-prev svg {
   left: -1px;
   top: -1px;
   position: relative;
   transition: 0.15s;
}

.swiper-button-next svg {
   transform: rotate(180deg);
   left: 1px;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
   opacity: 0.7;
}
.page-bg-a,
.page-bg-h{
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   width: 1920px;
   z-index: 0;
}
.page-bg-a{  
   bottom: 4800px;   
   height: 1089px;
   background: url(/img/bg_img.webp) center no-repeat;
   background-size: 1920px;   
}
.page-bg-h{
   bottom: 2400px;
   height: 2165px;
   background: url(/img/bg-res.webp) center no-repeat;
   background-size: 1920px;

}
.slider-title {
   font-size: 30px;
   line-height: 30px;
   text-align: center;
   margin-bottom: 5px;
}

.slider-second {
   font-size: 30px;
   line-height: 36px;
   text-align: center;
   margin-bottom: 5px;
}

.slider-mini {
   font-size: 25px;
   line-height: 25px;
   text-align: center;
   margin-bottom: 26px;
}

.slider-title+.slider-mini {
   margin-top: -8px;
}

.slider-body {
   width: 940px;
   position: relative;
   /*padding: 14px;*/
   margin: 0 auto;
   /*background: #FFFFFF;
   box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);*/
   border-radius: 25px;
}

#main-slider {
   margin-bottom: 43px;
}

.slider-rigth {
   display: flex;
}

.slider-wrapper {
   font-size: 0;
   /*margin-bottom: 5px;*/
   position: relative;
}

.slider-main {
   /*margin-right: 9px;*/
   overflow: hidden;
   height: 800px;
   /*margin-bottom: 12px;*/
   width: 100%;
   position: relative;
}

.slider-body .swiper-button {
   bottom: 16px;
   right: 18px;
   display: none;
}

.slider-body .swiper-button .swiper-button-next {
   margin-left: 16px;
}

.swiper-itme:before {
   content: '';
   display: block;
   padding-bottom: 52%;
}

.swiper-itme {
   display: none;
   opacity: 0.5;
   transition: 0.3s;
   cursor: pointer;
   position: relative;
   margin-right: 18px;
   width: calc(25% - 10px);
   overflow: hidden;
}

.swiper-itme:last-child {
   margin: 0;
}

.swiper-itme img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   position: absolute;
   top: 0;
   left: 0;
}

.swiper-itme:hover {
   opacity: 0.9;
}

.swiper-itme.active {
   opacity: 1;
}

.swiper-itme:after {
   content: '';
   transition: 0.3s;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
   box-shadow: 0px 0 0px 2px #093445 inset;
   opacity: 0;
}

.swiper-itme.active:after {
   opacity: 1;
}

.slider-main img {
   width: 100%;
   /*height: 100%;
   object-fit: cover;*/
}

.slider-main .swiper-container,
.slider-main .swiper-wrapper,
.slider-main .swiper-slide {
   height: 100%;
}

.slider-main a {
   display: block;
   height: 100%;
}

.slider-main .swiper-pagination {
   position: absolute;
   left: 0;
   right: 0;
   bottom: -27px;
   height: 12px;
}

.slider-main .swiper-container {
   overflow: visible;
   position: static;
}

.slider[data-count="2"] .swiper-itme {
   height: calc((100% - 12px) / 2);
}

.slider[data-count="3"] .swiper-itme {
   height: calc((100% - 18px) / 3);
}

.slider[data-count="4"] .swiper-itme {
   height: calc((100% - 24px) / 4);
}

.slider[data-count="6"] .swiper-itme {
   height: calc((100% - 30px) / 6);
}

.swiper-slide img {
   border-radius: 25px;
}

.swiper-button-next,
.swiper-button-prev {
   box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
   background: #fff;
   width: 32px;
   height: 32px;
   border-radius: 50%;
   transition: 0.3s ease;
}

.swiper-button-next:after,
.swiper-button-prev:after {
   display: none;
}

#interactive .container {
   /*background: #FFFFFF;*/
   /*box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.22);*/
   /*border-radius: 6px;*/
   /*padding: 20px 70px;*/
   /*max-width: 1092px;*/
}
.test-container{
   background: #0E121A;
   border: 3px solid rgba(255, 255, 255, 0.1);
   border-radius: 25px;
   padding: 55px 55px 90px;
   margin: auto -22px;
}

.test-title {
   font-size: 38px;
   line-height: 1.2;
   font-weight: bold;
   text-align: center;
   margin-bottom: 24px;
}
.test-subtitle {
   font-size: 26px;
   line-height: 1.2;
   color: #EAEAEA;
   text-align: center;
   margin-bottom: 55px;
}
.window {
   opacity: 0;
   position: absolute;
   top: 0;
   width: 100%;
   visibility: hidden;
   pointer-events: none;
   transition: 0.2s ease;
}

.window.active {
   opacity: 1;
   visibility: visible;
   pointer-events: auto;
   position: relative;
   transform: translateX(0px);
}

.window-prev {
   opacity: 0 !important;
   pointer-events: none !important;
   position: absolute !important;
}

.windows {
   position: relative;
   transition: 0.4s ease;
}

.window-title {
   font-weight: bold;
   font-size: 28px;
   line-height: 125%;
   margin-bottom: 9px;
}

.window-second {
   font-size: 18px;
   line-height: 22px;
   margin-bottom: 36px;
   max-width: 760px;
}

.step {
   height: 100%;
   width: calc((100% / 6));
   display: flex;
   /*margin-right: 15px;*/
   transition: 0.5s ease;
   position: relative;
   /*overflow: hidden;*/
}

.steps {
   max-width: 100%;
   height: 30px;
   background: rgba(255, 255, 255, 0.05);
   box-shadow: inset 0px 0px 19px rgba(255, 255, 255, 0.04);
   border-radius: 3px;
   margin: 0 auto;
   margin-bottom: 43px;
   display: flex;
   position: relative;
   /*overflow-x: hidden;*/
   z-index: 1;
   transition: .5s;
   
}
/*.step.active{
   overflow: visible;
}*/
.step span {
   height: 100%;
   width: 100%;
   transition: 0.4s ease;
   color: #FFFFFF;
   font-size: 25px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 300;
   font-size: 12px;
   line-height: 100%;
   color: #fff;
   opacity: 0.2;
   position: relative;
   
}

.step.active span {
   /*background: #FF0417;
   color: #FF0417;
   opacity: 1;
   box-shadow: 0px 0px 11px #FF1123, inset 0px 0px 19px rgba(255, 255, 255, 0.04);*/
   /*font-size: 0;*/
   opacity: 1;
   
}
.step span:before{
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 0;
   height: 100%;
   background: #FF0417;  
   transition: .5s;
   z-index: 2;
}
.step.active span:before{
   box-shadow: 0px 0px 11px #FF1123, inset 0px 0px 19px rgba(255, 255, 255, 0.04);
   width: 100%;
}

.step:last-child {
   margin-right: 0;
}

/*.step:before {
   content: '';
   position: absolute;
   height: 2px;
   width: 1000px;
   top: 0;
   bottom: 0;
   left: 0;
   margin: auto;
   background: rgb(228 230 231);
   z-index: -1;
   transition: 0.6s ease;
}*/

.step.active {
   flex-grow: 1;
}

.steps-have {
   font-weight: 500;
   font-size: 16px;
}

/*.step.active:before {
   background: rgba(0, 151, 167, 0.4);
}*/

.step-empty {
   margin: 0;
   flex: 1 0;
}

.step.active:nth-last-child(2) {
   flex: 1 0 !important;
}

#test:not([data-step="1"]) .step-empty,
#test:not([data-step="2"]) .step[data-step="1"],
#test:not([data-step="3"]) .step[data-step="2"],
#test:not([data-step="4"]) .step[data-step="3"],
#test:not([data-step="5"]) .step[data-step="4"],
#test:not([data-step="6"]) .step[data-step="5"],
#test:not([data-step="7"]) .step[data-step="6"],
#test:not([data-step="8"]) .step[data-step="7"],
#test:not([data-step="9"]) .step[data-step="8"] {
   flex-grow: 0;
}

.creator {
   /*display: flex;*/
   margin-top: 99px;
   justify-content: space-between;
   padding: 102px 0 83px;
   background: url(/img/footer.webp) center bottom no-repeat;
   background-size: 1920px;
}
.creator .row{
   justify-content: space-between;
   align-items: center;
   width: 100%;
}
/*.creator-left {
   font-size: 18px;
   line-height: 27px;
   text-transform: uppercase;
}*/
.creator-logo svg{
   opacity: .2;
}
.creator-col{
   width: 25%;
}
.creator-col:nth-of-type(3){
   text-align: center;
}
.creator-col:last-child{
   text-align: right;
}
.creator .copyright,
.creator a {
   color: #fff;
   opacity: .2;
   transition: 0.2s;
}
.politic,
.copyright{
   font-size: 14px;
   line-height: 1.2;
}
.copyright{
   max-width: 212px;
}
/*.creator-right a {
   font-size: 18px;
   line-height: 27px;
}*/
.creator-tel{
   font-weight: 700;
   font-size: 22px;
   line-height: 140%;
   display: flex;
   align-items: center;
   justify-content: flex-end;
}
.creator-tel svg{
   margin-right: 12px;
}
.creator a:hover {
   color: #676877;
}

.window-btns a.btn>span {
   font-size: 14px;
   line-height: 1;
   padding: 0 23px;
   white-space: nowrap;
   flex-direction: row;
}

/*#interactive:before {
   content: '';
   position: absolute;
   left: 0;
   top: 151px;
   width: 100%;
   height: calc(100% - 131px);
   background: transparent;
   z-index: 0;
   background-position: center top;
}*/

#interactive {
   position: relative;
   padding-bottom: 68px;
   padding: 20px 20px 0;
   overflow: hidden;
}

#test {
   z-index: 1;
   position: relative;
   /*padding-bottom: 68px;*/
}

#main-slider .container {
   position: relative;
}

label.input:not(.input-default) input {
   position: absolute;
}

label.input {
   /*background: #FFFFFF;*/
   border: 1px solid rgba(9, 52, 69, 0.19);
   box-sizing: border-box;
   border-radius: 3px;
   margin-bottom: 18px;
   position: relative;
   font-size: 0;
   cursor: pointer;
   display: flex;
   flex-direction: column;
   /*width: calc(50% - 12px);*/
   width: 299px;
}
label.input-type-radio{
   border: 1px solid rgba(255, 255, 255, 0.35);
   border-radius: 5px;
   height: 70px;
} 
label.input-type-radio .input-txt{
   height: 100%;
   align-items: center;
}
label.input-type-radio .input-text{
   text-align: left;
   padding-left: 52px;
   font-size: 16px;
}
.input-img-have .input-icon{
   display: none;
}
.input-icon {
   border: 1px solid #fff;
   border-radius: 60px;
   width: 16px;
   height: 16px;
   position: absolute;
   left: 22px;
   top: 0;
   bottom: 0;
   margin: auto;
   display: flex;
   align-items: center;
   justify-content: center;
}

.input-text {
   position: relative;
   font-size: 18px;
   line-height: 1.2;
   /*margin-right: 8px;
   margin-left: 52px;*/
   flex: 1 0;
   font-weight: 400;
   text-align: center;
}

.input-placeholder {
   position: absolute;
   top: 14px;
   pointer-events: none;
   font-size: 16px;
   line-height: 18px;
   font-weight: 400;
   z-index: 1;
}

.checkbox-text-have .input-placeholder {
   opacity: 0;
}

label.input:last-child {
   margin-bottom: 0;
}

.window-content {
   margin-bottom: 54px;
   margin-top: 35px;
   font-size: 0;
   display: flex;
}

.window-left {
   display: inline-block;
   vertical-align: top;
   margin-right: 42px;
   flex: 1 0;
}

.window-left-wrp {
   display: flex;
   flex: 1 0;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: flex-start;
   align-content: flex-start;
}

.checkbox-text textarea {
   width: 100%;
   color: #093445;
   font: Normal 16px 'Gilroy', sans-serif;
   line-height: 18px;
   width: 100% !important;
   height: 62px;
   min-height: 62px;
   max-height: 110px;
   padding: 14px 0;
   display: block;
}

.checkbox-text .input-text {
   margin-right: 0;
   align-items: center;
   display: flex;
}

label.checkbox-text:not(.checkbox-text-big) .input-txt {
   padding-top: 0;
   padding-bottom: 0;
}

.checkbox-text-big textarea {
   position: absolute;
   height: 100% !important;
   top: 0;
   left: 0;
   max-height: 100%;
   min-height: 100%;
   border-radius: 3px;
   padding-left: 16px;
   padding-right: 8px;
}

.checkbox-text-big .input-placeholder {
   padding-left: 16px;
   padding-right: 8px;
}

.checkbox textarea::placeholder {
   color: #093445;
}

input::placeholder {
   color: #09344580
}

.checkbox .input-icon {
   border-radius: 2px;
}

.input-icon svg {
   opacity: 0;
}

input:checked+.input-txt .input-icon svg,
input:checked+*+.input-txt .input-icon svg {
   opacity: 1;
}

.input-txt {
   display: flex;
   padding: 14px 0 11px;
   min-height: 44px;
   position: relative;
}

.input-img span {
   display: block;
   /*width: calc(100% - 18px);
   height: calc(100% - 18px);*/
   width: 100%;
   position: absolute;
   left: 0;
   top: 0;
   overflow: hidden;
   border-radius: 10px;
}

.input-img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.input-img {
   /*border-bottom: 1px solid rgba(9, 52, 69, 0.19);*/
   position: relative;
   height: 190px;
   overflow: hidden;
   border-radius: 10px;
   transition: .3s;
}
.input-img-have:hover .input-img{
   box-shadow: 0px 9px 66px -14px rgba(255, 4, 23, 0.5);
}

.window[data-image="have"] .input:not(.input-type-radio):not(.checkbox-text-mini) .input-txt {
   padding: 16px 0 8px;
   min-height: 54px;
}

/*.input-img-have .input-text {
   display: flex;
   align-items: center;
}*/

/*.input-img:before {
   content: '';
   display: block;
   padding-bottom: 80%;
}*/

.input-content-right {
   position: absolute;
   right: 0;
   top: 0;
   width: 43px;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.input-content-right:before {
   content: '';
   position: absolute;
   left: 0;
   top: 5px;
   height: calc(100% - 10px);
   border-left: 1px solid rgba(9, 52, 69, 0.19);
}

.input-content-have {
   z-index: 1;
}

.input-content-have.open {
   z-index: 2;
}

.input-content-have .input-text {
   padding-right: 40px;
}

.input-content-have .input-text:after {
   content: '....';
   position: absolute;
   left: 0;
   bottom: -10px;
   transition: 0.2s ease;
}

.input-content-have.open .input-text:after {
   opacity: 0;
}

.input-content-right svg {
   transition: 0.3s;
}

.input.open .input-content-right svg {
   transform: rotate(180deg);
}

.input-content {
   position: absolute;
   left: -1px;
   top: 100%;
   width: calc(100% + 2px);
   font-size: 13px;
   line-height: 13px;
   padding: 14px;
   padding-top: 5px;
   padding-left: 52px;
   background: #fff;
   border: 1px solid #d0d8dc;
   border-top: 0;
   border-radius: 0 0 3px 3px;
   opacity: 0;
   display: none;
   transition: opacity 0.2s ease, box-shadow 0.2s ease;
}

.input.open .input-content {
   opacity: 1;
   box-shadow: 0px 6px 6px 0px rgb(51 51 51 / 10%);
}

.input-img-have.input-content-have .input-text:after {
   bottom: -5px;
}

.input-img-have .input-content-right {
   width: 50px;
}

.input-img-have.input-content-have .input-text {
   padding-right: 48px;
}

.window:not(.can-next) .next-step,
form:not(.can-send) .btn-ajax,
form:not(.can-send) .text-blk-btn input,
.inputs-bottom:not(.can-send) .btn,
#test:not(.can-next) .test-btns .next-step {
   pointer-events: none;
   background: #bbdeff;
   background: linear-gradient(0deg, #d8737b, #c8414b), linear-gradient(87.22deg, #d8737b 0%, #c8414b 100%);
}
.window-btns .next-step{
   border-radius: 5px;
   width: 225px;
   box-shadow: inset 0px -3px 21px rgba(255, 255, 255, 0.2), inset 0px 4px 18px rgba(255, 255, 255, 0.11);
}
#test.can-next .test-btns .next-step{
   background: linear-gradient(0deg, #FF0417, #FF003D), linear-gradient(87.22deg, #FF0417 0%, #FF003D 100%);
   box-shadow: inset 0px -3px 21px rgba(255, 255, 255, 0.2), inset 0px 4px 18px rgba(255, 255, 255, 0.11);
   
} 
a.prev-step:before {
   display: none;
}

a.prev-step {
   opacity: 0.4;
   background: transparent;
   border: 1px solid #FFFFFF;
   box-shadow: inset 0px -3px 21px rgba(255, 255, 255, 0.2), inset 0px 4px 18px rgba(255, 255, 255, 0.11);
   border-radius: 5px;
   transition: 0.3s ease;
   margin-right: 22px;
   width: 156px;
   font-size: 14px;
}

a.prev-step:hover>span {
   color: #fff;
}

a.prev-step:hover {
   background: transparent; !important;
   box-shadow: inset 0px -3px 21px rgba(255, 255, 255, 0.2), inset 0px 4px 18px rgba(255, 255, 255, 0.11);
   opacity: 1;
}

a.prev-step>span {
   padding: 0 !important;
}

.window-right {
   display: inline-block;
   vertical-align: top;
}

.window-btns {
   font-size: 0;
   position: absolute;
   bottom: 0;
   right: 392px;
}

.window-btns>.btn {
   height: 65px;
}

.window-btns a.next-step svg {
   margin-left: 10px;
}

a.prev-step:active {
   box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.15);
   transition: 0.2s;
}

.input-default input {
   color: #093445;
   font: Normal 16px 'Gilroy', sans-serif;
   padding: 0 15px;
   height: 70px;
   width: 100%;
   display: block;
   padding-top: 1px;
   border-radius: 4px;
   background: transparent;
}

label.input.input-default {
   cursor: auto;
   padding: 0;
   border: 1px solid rgba(255, 255, 255, 0.35);
   border-radius: 5px;
   height: 70px;
}

.input-icon:before {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   background: #FF0417;
   border-radius: 50%;
   width: 12px;
   height: 12px;
   opacity: 0;
}
.radio input:checked+.input-txt .input-icon{
   border-color: #FF0417;
}
.radio input:checked+.input-txt .input-icon:before {
   opacity: 1;
}
.radio input:checked+.input-img {
   border: 2px solid #FF0417;
}
.step-blk {
   padding: 35px 20px 0 30px;
   margin: 0;
   flex: 0 0 356px;
}

.step-2-img {
   display: flex;
   align-items: center;
   justify-content: center;
   flex: 1 0;
}

.step-2-title {
   font-size: 20px;
   line-height: 1.2;
   font-weight: bold;
   color: #fff;
   /*text-align: center;*/
}

.step-2-second {
   font-size: 15px;
   line-height: 1.2;
   margin: 14px 0 ;
}

.step-2-img:not(:first-child) {
   margin-top: 10px;
}

.step-2-img[data-type="2"] img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.step-wrp {
   height: 100%;
   flex-direction: column;
   display: flex;
   color: #fff;
}

.test-info {
   display: flex;
   flex: 1;
   flex-direction: column;
   padding: 38px 30px 0;
   max-height: 295px;
}

.step-wrp a {
   height: 100%;
}

.step-wrp a img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.window-rg {
   display: flex;
   width: 350px;
   height: 653px;
   border-radius: 10px;
   border: 1px solid #595959;
}

.window-rg>* {
   /*width: 264px;*/
   max-width: 100%;
}

.ti-title {
   font-weight: bold;
   font-size: 22px;
   margin-bottom: 6px;
   line-height: 1.2;
}

.ti-second {
   font-size: 22px;
   line-height: 1.2;
}

.ti-bottom {
   font-size: 14px;
   line-height: 1.2;
   font-weight: 300;
}

.ti-lists {
   flex: 1 0;
   text-align: left;
   /*justify-content: center;*/
   display: flex;
   flex-direction: column;
   padding-top: 22px;
}

.ti-txt {
   font-size: 15px;
   line-height: 1.2;
   color: #FFFFFF;
   /*text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.35);*/
   font-weight: normal;
   margin-left: 12px;
}

.ti-num {
   background: #CDDEE5;
   width: 26px;
   height: 26px;
   flex-basis: 26px;
   min-width: 26px;
   border-radius: 50%;
   font-weight: bold;
   font-size: 18px;
   line-height: 26px;
   color: #21252C;
   text-align: center;
   margin-bottom: 3px;
}

.ti-list {
   display: flex;
   /*align-items: center;*/
   margin-bottom: 15px;
}

.step-wrp a[data-photo]:before {
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   background: url(/static/img/icon-zoom-big.svg) center no-repeat;
}

.step-wrp a[data-photo] {
   position: relative;
   display: block;
}

/*.window[data-content="have"][data-image="no"] label.input {
   width: 100%;
}*/

.window[data-content="have"][data-image="no"] .window-left {
   margin-right: 57px;
}

.window[data-content="have"][data-image="have"] .window-rg,
.window-rg {
   flex-direction: column;
}

/*.window[data-content="have"][data-image="have"] .test-info {
   margin-bottom: 16px;
}*/

/*.window[data-content="have"][data-image="have"] .step-blk,
.step-blk {
   margin: 0;
   height: 400px;
}*/


.step-data {
   position: fixed;
   bottom: 0;
   width: 100%;
   padding: 16px;
   max-height: 100%;
   padding-bottom: 8px;
   overflow: auto;
   left: 0;
   z-index: 110;
   background: #fff;
   box-shadow: 0px 0px 7px 5px #0000002b;
   transform: translateY(30px);
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
   transition: 0.2s;
   border-radius: 4px 4px 0 0;
   display: none;
}

.step-data-background {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 109;
   background: rgba(0, 0, 0, 0.6);
   cursor: pointer;
   opacity: 0;
   pointer-events: none;
   visibility: hidden;
   transition: 0.3s;
   display: none;
}

.step-data-wrapper {
   display: flex;
   justify-content: space-between;
}

.step-data-left>* {
   margin: 0 0px 12px 0;
}

.step-data-left {
   display: flex;
   flex-direction: column-reverse;
}

.step-data-btn {
   position: sticky;
   right: 0;
   top: 0;
   width: 42px;
   height: 56px;
   transform: translate(10px, -10px);
   display: flex;
   align-items: center;
   justify-content: center;
}

.step-info-open .step-data {
   transform: translateY(0px);
   opacity: 1;
   visibility: visible;
   pointer-events: auto;
}

.step-info-open .step-data-background {
   opacity: 1;
   pointer-events: auto;
   visibility: visible;
}

.step-data-btn path {
   animation: arrow-gray 2s cubic-bezier(0, 0, 0.81, 1.28) infinite;
}

.step-data-btn path:nth-child(1) {
   animation-delay: 0.4s;
}

.step-data-btn path:nth-child(2) {
   animation-delay: 0.2s;
}

.step-data-btn path:nth-child(3) {
   animation-delay: 0s;
}

@keyframes arrow-gray {
   0% {
      fill-opacity: 0.9;
   }

   20% {
      fill-opacity: 0.3;
   }

   40% {
      fill-opacity: 0.9;
   }

   to {
      fill-opacity: 0.9;
   }
}


.test-btns {
   position: fixed;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 80px;
   justify-content: space-between;
   box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.22);
   padding: 0 16px;
   background: #fff;
   display: none;
   opacity: 0;
   transition: opacity 0.2s;
}

body.end-test .test-btns {
   display: none;
}

.view-btn .test-btns {
   opacity: 1;
}

.test-btns-right .btn {
   height: 40px;
   width: 84px;
}

.test-btns-right .prev-step {
   width: 40px;
   margin-right: 8px;
}

.prev-step svg {
   transform: scale(0.7);
}

.test-btns-right a.btn>span {
   padding: 2px 0 0;
   font-weight: bold;
   font-size: 14px;
   line-height: 21px;
}

.test-btns-right {
   display: flex;
   align-items: center;
   margin-left: 5px;
}

#test[data-step="1"] .test-btns-right .prev-step {
   display: none;
}

.test-btns-left {
   display: flex;
   align-items: flex-end;
   cursor: pointer;
}

.test-data {
   display: flex;
   align-items: center;
   justify-content: center;
   height: calc(100% - 5px);
   margin-right: 8px;
}

.test-data-open {
   height: 100%;
   padding: 7px 0 0 2px;
}

.test-data-open svg path {
   animation: arrow-color 2s cubic-bezier(0, 0, 0.81, 1.28) infinite;
}

.test-data-open svg path:nth-child(1) {
   animation-delay: 0.4s;
}

.test-data-open svg path:nth-child(2) {
   animation-delay: 0.2s;
}

.test-data-open svg path:nth-child(3) {
   animation-delay: 0s;
}

@keyframes arrow-color {
   0% {
      fill-opacity: 1;
      fill: #1E92FD
   }

   20% {
      fill-opacity: 0.5;
      fill: #7A7676;
   }

   40% {
      fill-opacity: 1;
      fill: #1E92FD;
   }

   to {
      fill-opacity: 1;
      fill: #1E92FD;
   }
}

.have-data-check .test-clcl {
   -webkit-animation: ring 4s .7s ease-in-out infinite;
   -webkit-transform-origin: 50% 4px;
   -moz-animation: ring 4s .7s ease-in-out infinite;
   -moz-transform-origin: 50% 4px;
   animation: ring 4s .7s ease-in-out infinite;
   -ms-transform-origin: 50% 4px;
   transform-origin: 50% 4px;
}

.test-clcl span {
   position: absolute;
   font-weight: 500;
   font-size: 16px;
   line-height: 25px;
   width: 23px;
   height: 23px;
   right: 1px;
   top: 2px;
   border-radius: 50%;
   background: #1e92fd;
   text-align: center;
   color: #fff;
   display: none;
}

.test-clcl {
   position: relative;
}

.have-data-check .test-clcl span {
   display: block;
}

@-webkit-keyframes ring {
   20% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
   }

   21% {
      -webkit-transform: rotate(9deg);
      transform: rotate(9deg);
   }

   23% {
      -webkit-transform: rotate(-8deg);
      transform: rotate(-8deg);
   }

   25% {
      -webkit-transform: rotate(7deg);
      transform: rotate(7deg);
   }

   27% {
      -webkit-transform: rotate(-6deg);
      transform: rotate(-6deg);
   }

   29% {
      -webkit-transform: rotate(5deg);
      transform: rotate(5deg);
   }

   31% {
      -webkit-transform: rotate(-4deg);
      transform: rotate(-4deg);
   }

   33% {
      -webkit-transform: rotate(3deg);
      transform: rotate(3deg);
   }

   35% {
      -webkit-transform: rotate(-2deg);
      transform: rotate(-2deg);
   }

   37% {
      -webkit-transform: rotate(1deg);
      transform: rotate(1deg);
   }

   39% {
      -webkit-transform: rotate(-1deg);
      transform: rotate(-1deg);
   }

   41% {
      -webkit-transform: rotate(1deg);
      transform: rotate(1deg);
   }

   43% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
   }

   100% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
   }
}

@keyframes ring {
   20% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
   }

   21% {
      -webkit-transform: rotate(9deg);
      transform: rotate(9deg);
   }

   23% {
      -webkit-transform: rotate(-8deg);
      transform: rotate(-8deg);
   }

   25% {
      -webkit-transform: rotate(7deg);
      transform: rotate(7deg);
   }

   27% {
      -webkit-transform: rotate(-6deg);
      transform: rotate(-6deg);
   }

   29% {
      -webkit-transform: rotate(5deg);
      transform: rotate(5deg);
   }

   31% {
      -webkit-transform: rotate(-4deg);
      transform: rotate(-4deg);
   }

   33% {
      -webkit-transform: rotate(3deg);
      transform: rotate(3deg);
   }

   35% {
      -webkit-transform: rotate(-2deg);
      transform: rotate(-2deg);
   }

   37% {
      -webkit-transform: rotate(1deg);
      transform: rotate(1deg);
   }

   39% {
      -webkit-transform: rotate(-1deg);
      transform: rotate(-1deg);
   }

   41% {
      -webkit-transform: rotate(1deg);
      transform: rotate(1deg);
   }

   43% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
   }

   100% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
   }
}


.modal-title {
   text-align: center;
   font-size: 24px;
   font-weight: 500;
}

.modal-text {
   text-align: center;
   margin-top: 15px;
   font-size: 18px;
   max-width: 362px;
}

.modal__wrapper {
   padding: 20px 10px;
}

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

.modal__container {
   position: relative;
}


.step-title {
   font-size: 28px;
   line-height: 125%;
   text-align: center;
   margin-bottom: 40px;
}
*[data-step="end"] .step-title{
   width: fit-content;
   padding-left: 269px;
   margin-bottom: 15px;
}
.step-title-second {
   width: 600px;
   margin: -14px auto 32px;
   font-size: 24px;
}

.step-wrapper {
   display: flex;
   margin-bottom: 62px;
   position: relative;
}

.form-title {
   font-size: 20px;
   line-height: 125%;
   margin-bottom: 8px;
}
*[data-step="end"] .form-title{
   font-size: 22px;
   line-height: 1.2;
   margin-bottom: 30px;
}
.radio-text {
   font-size: 16px;
   line-height: 1.2;
   display: inline-block;
   margin-top: 5px;
}

.radio-bot {
   display: inline-block;
   vertical-align: top;
   width: 16px;
   height: 16px;
   border: 1px solid #1e92fd;
   box-sizing: border-box;
   border-radius: 50%;
   margin-right: 12px;
   position: relative;
   top: 5px;
   flex-basis: 16px;
   flex-grow: 0;
   flex-shrink: 0;
}

.chekboxs label {
   display: flex;
   margin-bottom: 16px;
   cursor: pointer;
}

.chekboxs input {
   display: none;
}

.radio-text b {
   font-weight: 500;
}
[type="radio"]:checked+.radio-bot{
   border-color: #FF0417;
}
[type="radio"]:checked+.radio-bot:before {
   width: 10px;
   height: 10px;
   opacity: 1;
}

.radio-bot:before {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   right: 0;
   margin: auto;
   background: #FF0417;
   border-radius: 50%;
   transition: ease 0.25s;
   width: 6px;
   height: 6px;
   opacity: 0;
}

.form-inputs {
   max-width: 340px;
   margin-bottom: 12px;
}

.step-left {
   padding-left: 269px;
}

.step-bottom-text {
   font-size: 20px;
   text-align: center;
   line-height: 27px;
   margin-bottom: -21px;
   transform: translateY(-16px);
   opacity: 0;
   transition: 0.25s ease;
}

.window.loaded .step-bottom-text {
   transform: translateY(0px);
   opacity: 1;
}

.inputs-bottom {
   width: 353px;
   position: relative;
   font-size: 0;
}

a.btn.btn-send-test {
   z-index: 1;
}

.inputs-bottom:after {
   content: '';
   position: absolute;
   width: 100%;
   height: 72px;
   /*background: #fff;*/
   left: 0;
   bottom: 0;
}

.input-bot {
   margin-bottom: 20px;
}

.input-bot input {
   background: #020202;
   color: #fff;
   border: 1px solid #595959;
   box-sizing: border-box;
   border-radius: 5px;
   width: 100%;
   height: 77px;
   text-align: center;
   font: Normal 16px 'Gilroy', sans-serif;
   font-weight: 300;
}
input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px #020202; /* цвет вашего фона */
    -webkit-text-fill-color: #fff; /* цвет текста */
}
.chekboxs {
   margin-bottom: 28px;
}
.input-text-bottom{
   color: #B7B8B9;
   margin-bottom: 20px;
}
.input-text-bold {
   font-weight: 500;
   font-size: 18px;
   line-height: 125%;
   margin-bottom: 38px;
}
.form-agree{
   font-size: 14px;
   line-height: 140%;
   text-align: center;
   color: #B7B8B9;
   margin-top: 16px;
}

.window[data-step="end"]{
   margin-top: 100px;
}

.window[data-step="end"] .test-info {
   flex: 0 0 295px;
   padding-bottom: 20px;
}

/*.window[data-step="end"] .ti-lists {
   padding-top: 0;
}*/

.window[data-step="end"] .ti-bottom {
   height: 44px;
}

.step-right {
   flex: 0 0 350px;
   height: 653px;
   border-radius: 10px;
   border: 1px solid #595959;
   display: flex;
   flex-direction: column;
   margin-left: auto;
   margin-top: -75px;
}

.step-wrapper-image {
   content: '';
   position: absolute;
   background-repeat: no-repeat;
   background-size: 100% auto;
   width: 324px;
   height: 595px;
   left: -50px;
   top: -80px;
}

.btn-send-test {
   width: 100%;
}

.input-phone {
   display: none;
}

.windows[data-step="end"]+.creator {
   margin-top: 120px;
}

.end-test .windows {
   transition: 0s;
}

#test {
   transition: 0.2s ease;
}

/*.end-test #test {
   padding-bottom: 254px;
}*/

.slider-text {
   font-weight: bold;
   font-size: 20px;
   line-height: 23px;
   text-align: center;
   display: none;
   width: 100%;
   height: auto;
   padding: 26px 0 3px;
}

.have-text .slider-text {
   display: block
}

.sld-name {
   font-weight: 700;
}

.sld-city {
   font-weight: 500;
   opacity: 0.5;
}

/*.slider-body:not(.have-text) {
   padding-bottom: 29px;
}*/

.sld-blue {
   font-weight: 700
}

.sld-tender {
   font-weight: 400
}

#page .slider-title {
   font-weight: 500;
   text-transform: none;
   margin-bottom: 23px;
}

#page .slider-mini {
   color: #093445;
   font-weight: 300;
   font-size: 20px;
   line-height: 20px;
}

#page .slider-second {
   font-size: 25px;
   line-height: 30px;
   margin-bottom: 42px;
}


#circle {
   width: 118px;
   height: 118px;
   background: #fff;
   position: relative;
   border-radius: 50%;
   margin: 0 auto 22px;
}

#circle .good-icon {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   transition: 0.3s;
   opacity: 0;
   display: flex;
   align-items: center;
   justify-content: center;
}

#circle[data-load="100"] .good-icon {
   transform: translateY(0px);
   opacity: 1;
}

.progressbar-text {
   color: #1e92fd !important;
   font-size: 29px;
   margin-top: 2px !important;
   transition: 0.3s;
}

#circle[data-load="100"] .progressbar-text {
   opacity: 0;
}

#circle path:nth-child(2) {
   stroke-linecap: round;
}


/*.block .slider-body {
   width: auto;
}*/

/*.block .slider-main {
   height: auto;
}*/

.block .slider-main:before {
   content: '';
   display: block;
   padding-bottom: 060%;
}

.block .swiper-container {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}


#page .container {
   position: relative;
   overflow: hidden;
   padding: 42px 0 0;
   z-index: 1;
}

#page {
   position: relative;
   font-size: 20px;
   line-height: 1.2;
   padding-bottom: 165px;
   z-index: 1;
}

.page-title {
   text-align: center;
   font-weight: bold;
   font-size: 38px;
   line-height: 1.2;
   margin-bottom: 24px;
}
.page-title-icon{
   margin-right: 23px;
}
.page-subtitle{
   font-size: 26px;
   text-align: center;
   line-height: 1.2;
   margin-bottom: 80px;
}
.profile {
   text-align: center;
   padding: 10px 0 35px;
}

.photo {
   width: 140px;
   height: 140px;
   border-radius: 50%;
   overflow: hidden;
   display: inline-block;
   margin-bottom: 0px;
}

.photo img {
   max-width: 100%;
}
.thanks-title{
   font-weight: 700;
   font-size: 32px;
   line-height: 1.2;
   color: #EAEAEA;
   margin-bottom: 35px;
}
.profile-text {
   font-size: 16px;
   line-height: 1.2;
}

.profile-blk {
   width: 100%;
   display: flex;
   align-items: end;
   justify-content: center;
}
.profile-name{
   margin-bottom: 7px;
}
.text-1 {
   display: flex;
   margin-bottom: 32px;
   z-index: 1;
   position: relative;
   width: 350px;
   flex: 0 0 350px;
   height: 622px;
   margin-left: 75px;
   background: url(/img/side_bar-finish.png) center no-repeat;
   background-size: contain;
   border-radius: 10px;
   border: 1px solid #595959;
}

.text-1 .text {
   display: flex;
   align-items: center;
}
.text-first{
   line-height: 1.5;
   color: #B7B8B9;
}

.text-blk {
   padding-top: 30px;
}

construct.kirillran.ru.akps-result {
   font-size: 16px;
   line-height: 19px;
   margin-bottom: 40px;
}

.akps-result .akps-main {
   margin: 0 auto;
}

.akps-result {
   font-size: 16px;
   line-height: 1.2;
   margin-bottom: 15px;
}
.text-blk-1-second{
   font-size: 16px;
   line-height: 1.3;
   color: #B7B8B9;
}
.text-blk-akps {
   margin-bottom: 60px;
   padding-left: 115px;
   position: relative;
   background: url(../img/present.png) left top no-repeat;
   /*background-size: contain;*/
}

.text-blk-1 {
   margin-bottom: 16px;
}

.text-size-2 {
   font-size: 20px;
   line-height: 1.2;
   font-weight: 500;
}

.text-blk-2 {
   margin-bottom: 25px;
   font-weight: 700;
   font-size: 28px;
   line-height: 120%;
   color: #EAEAEA;
}

.text-blk-input input[type="submit"] {
   background: #FF0417;
   width: 100%;
   height: 100%;
   font-weight: bold;
   font-size: 14px;
   text-transform: uppercase;
   color: #FFFFFF;
   letter-spacing: 0.02em;
   border-radius: 5px;
}

.text-blk-3 {
   height: 77px;
   display: flex;
   justify-content: center;
}

.text-blk-input [name="phone"] {
   border: 1px solid #595959;
   background: linear-gradient(0deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.03)), #0E121A;
   color: #aaa;
   box-sizing: border-box;
   display: block;
   height: 100%;
   width: 100%;
   text-align: center;
   font-size: 16px;
   border-radius: 5px;
}

.text-blk-input {
   width: 289px;
}

.text-blk-input:first-child {
   margin-right: 10px;
}
[data-type="image"] {
   padding-top: 100px
}
[data-type="image"] .block-head{
   margin-bottom: 55px;
}

.result-table{
   
}
.table-head,
.table-subhead{
   background: rgba(255, 16, 33, 0.8);
   border-radius: 10px 10px 0px 0px;
   display: flex;
   font-weight: 700;
   height: 80px;
   align-items: center;
   font-size: 18px;
   line-height: 1.2;
}
.table-subhead{
   border-radius: 10px;
   justify-content: space-between;
   padding: 0 33px 0 30px;
   position: relative;
}
.table-subhead:before,
.table-subhead:after{
   content: '';
   position: absolute;
   height: 100%;
   width: 1px;
   background: #444;
   top: 0;
   z-index: -1;
}
.table-subhead:before{
   left: 0;
}
.table-subhead:after{
   right: 0;
}
.table-subhead.closed{
   margin-bottom: 1px;
}
.table-subhead.closed:before,
.table-subhead.closed:after,
.table-rows{
   display: none;
}
.table-subhead.closed .delta{
   transform: rotate(180deg);
   transition: .4s;
}
.table-row{
   display: flex;
   border: 1px solid #444;
   border-top: none;
   align-items: center;
}
/*.table-row:last-child{
   border-bottom: none;
}*/
.table-row>div{
   padding: 25px 30px;
   font-size: 16px;
   line-height: 1.4;
   color: #B7B8B9;
}
.table-head div:first-child,
.table-row>div:first-child{
   width: 28%;
}
.table-head div:first-child{
   padding-left: 30px;
}
.table-head div:not(:first-child),
.table-row>div:not(:first-child){
   width: 24%;
   text-align: center;
   padding: 25px;
}
.table-row>div:nth-of-type(5){
   display: none;
}
.table-row .no{
   color: #535353;
}
.table-row.cost{
   border-radius: 0 0 10px 10px;
   border-bottom: 1px solid #444;
   overflow: hidden;
}
.table-row.cost>div{
   display: flex;
   font-weight: bold;
   font-size: 18px;
   line-height: 1.2;
   align-items: center;
   justify-content: center;
   padding: 0 30px;
   height: 74px;
}
.table-row.cost>div:first-child{
   background: #CE0E1E;
}
.table-row.cost>div:not(:first-child){
   color: #9d9d9d;
}
span.page-title-icon {
   display: inline-block;
   margin-right: 23px;
}

.page-title-wrapper {
   display: flex;
   align-items: center;
   justify-content: center;
   transform: translate3d(0, 0, 0);
}

.pti-close {
   display: none;
}
.block[data-type="list"]{
   margin-bottom: 160px;
}
.pr-lists {
   font-size: 18px;
   line-height: 22px;
   max-width: 960px;
   margin: auto;
}

.pr-icon {
   width: 76px;
   height: 76px;
   flex: 0 0 76px;
   /*border-radius: 50%;*/
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 20px;
}
.pr-text{
   font-size: 20px;
   line-height: 1.4;
}
.pr-list {
   display: flex;
   align-items: center;
   margin-bottom: 45px;
}
.pr-list:first-child .pr-text{
   max-width: 567px;
}
.pr-list:nth-of-type(2) .pr-text{
   max-width: 681px;
}
.pr-list:nth-of-type(3) .pr-text{
   max-width: 622px;
}
.pr-list:nth-of-type(4) .pr-text{
   max-width: 565px;
}
.pr-list:nth-of-type(5) .pr-text{
   max-width: 572px;
}
.pr-list:nth-of-type(6) .pr-text{
   max-width: 693px;
}
.pr-list:nth-of-type(7) .pr-text{
   max-width: 707px;
}
.pr-lists-img .pr-text:first-child {
   padding-left: 84px;
}
.ready-take{
   font-size: 26px;
   line-height: 120%;
   text-align: center;
   color: #EAEAEA;
   margin-top: -30px;
}

.br {
   background: #CDDEE5;
   height: 1px;
   margin: 10px 0 46px;
}

.sc-title {
   font-weight: 500;
   font-size: 30px;
   line-height: 30px;
   text-align: center;
   margin-bottom: 29px;
}

.sc-blue {
   font-weight: 500;
   font-size: 25px;
   line-height: 25px;
   margin-bottom: 22px;
}

.sc-list span {
   font-weight: 500;
   font-size: 25px;
   line-height: 25px;
   color: #1E92FD;
   position: absolute;
   left: 0;
}

.sc-list {
   font-size: 22px;
   line-height: 26px;
   position: relative;
   padding-left: 33px;
   margin-bottom: 6px;
}
.block-bottom{
   padding-top: 70px;
   padding-bottom: 40px;
}
.block-bottom.pt0{
   padding-top: 0;
}
.block-bottom .flex{
   display: flex;
   flex-wrap: wrap;
}
.block-bottom .flex .col{
   width: 50%;
}
.block-bottom .text{
   font-size: 15px;
   line-height: 1.2;
}
.bottom-text-title{
   font-size: 26px;
   line-height: 120%;
   display: flex;
   align-items: flex-end;
   color: #EAEAEA;
   margin-bottom: 15px;
}
.block-bottom .text ul{
   margin-top: 15px;
}
.block-bottom .text ul li{
   padding-left: 20px;
   margin-bottom: 12px;
   position: relative;
}
.block-bottom .text ul li:before {
   content: '';
   position: absolute;
   left: 0;
   top: 7px;
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: #FF0417;
}

.blk-form {
   padding: 70px 95px 60px 75px;
   overflow: hidden;
   border: 3px solid #222;
   border-radius: 25px;
   /*left: -41px;
   width: calc(100% + 82px);*/
   position: relative;
   background: linear-gradient(155deg, #4A4D53 -1%, #0E121A 30%, #0E121A 75%, #720D18 100%);
}
.blk-form:before{
   content: '';
   position: absolute;
   left: 0;
   bottom: 0;
   width: 295px;
   height: 481px;
   background: url(/img/tphone2.png) center no-repeat;
   background-size: contain;
}
.blk-left-list{
   margin-left: 190px;
}
.blk-left-list span{
   font-size: 15px;
   line-height: 1.2;
   position: relative;
   margin-bottom: 12px;
   padding-left: 20px;
   display: inline-block;
}
.blk-left-list span:before{
   content: '';
   position: absolute;
   left: 0;
   top: 7px;
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: #FF0417;
}
.sc-lists {
   margin-bottom: 52px;
}

.blk-left-list>span svg {
   position: absolute;
   left: 0;
   top: 9px;
}

.blk-form-background {
   position: absolute;
   right: 0;
   bottom: 0;
   top: 0;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.blk-form-background img {
   max-width: 100%;
   max-height: 100%;
}
.form-agree{
   font-size: 12px;
   line-height: 1.4;
   text-align: center;
   color: #B7B8B9;
   margin-top: 15px;
}

.block[data-type="views"]{
   margin-bottom: 120px;
}
.views-list{
   display: grid;
   grid-gap: 20px;
   grid-template-columns: 460px 460px;
   margin: auto;
   width: 940px;
   margin-top: 50px;
}

.views-item{
   position: relative;
   z-index: 0;
   overflow: hidden;
   border-radius: 15px;
}
.views-item:before{
   content: '';
   position: absolute;
   width: 116px;
   height: 116px;
   border-radius: 50%;
   background: #FF0417;
   box-shadow: inset 0px 4px 18px rgba(255, 255, 255, 0.11), inset 0px -3px 21px rgba(255, 255, 255, 0.2);
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   z-index: 1;
   transition: .3s;
}
.views-item:hover:before{
   box-shadow: inset 0px 4px 18px rgba(255, 255, 255, 0.11), inset 0px -3px 21px rgba(255, 255, 255, 0.2);
   filter: drop-shadow(0px 9px 66px rgba(255, 4, 23, 0.58));
}
.views-item:after{
   content: '';
   position: absolute;
   width: 0;
   height: 0;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   border-width: 14px 0 14px 25px;
   border-style: solid;
   border-color: transparent;
   border-left-color: #fff;
   z-index: 2;
}
.views-link{
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 3;
}
.views-img{
   display: block;
}

.soc-lines a {
   display: inline-block;
   height: 67px;
   position: relative;
}

.w-slider{
   position: relative;
   max-width: 750px;
   margin: 80px auto 140px;
}
.works-slider{
   overflow: hidden;
}
.works-slider-wrapper{
   display: flex;
   transition: .7s;
}
.slide-nav{
   position: absolute;
   bottom: 0;
   height: 0;
   width: 100%;
}
.slide-nav-btn{
   position: absolute;
   width: 66px;
   height: 66px;
   border-radius: 50%;
   background: #FF0417;
   display: flex;
   justify-content: center;
   align-items: center;
   top: -300px;
   cursor: pointer;
   transition: .4s;
   opacity: .7;
}
.slide-nav-btn.prev{
   left: -33px;
}
.slide-nav-btn.next{
   right: -33px;
}
.slide-nav-btn:hover{
   opacity: 1;
}
.soc-lines {
   font-size: 0;
   display: flex;
   justify-content: center;
   gap: 60px;
}
.soc-lines a svg{
   transition: 0.3s;
}
.nonvisible{
   opacity: 0;
   position: absolute;
   left: 0;
   top: 0;
}
.soc-lines a:hover .default {
   opacity: 0;
}
.soc-lines a:hover .nonvisible {
   opacity: 1;
}

.soc {
   text-align: center;
}

.soc .btn span {
   padding: 21px 37px;
}

.soc .btn {
   font-size: 22px;
   line-height: 27px;
}


.blk-right {
   box-sizing: border-box;
   width: 364px;
   padding: 0;
}

.blk-form-wrapper {
   font-size: 0;
   position: relative;
}

.blk-form-wrapper>* {
   display: inline-block;
   vertical-align: top;
   font-size: 20px;
   line-height: 26px;
}

.blk-left {
   width: calc(100% - 364px);
   padding-right: 80px;
   position: relative;
}

.blk-left-title {
   font-weight: 700;
   font-size: 38px;
   line-height: 1.2;
   color: #EAEAEA;
   margin-bottom: 40px;
}

.blk-left-second {
   font-size: 26px;
   line-height: 1.2;
   margin-bottom: 18px;
   margin-left: 190px;
}

.form-ttl {
   font-size: 28px;
   line-height: 1.2;
   margin-bottom: 10px;
   text-align: center;
}

.form-phone {
   font-size: 18px;
   line-height: 1.2;
   text-align: center;
   margin-bottom: 29px;
}

.form-second {
   font-size: 16px;
   line-height: 1.4;
   text-align: center;
   margin-bottom: 16px;
   color: #B7B8B9;
}

.form-input input {
   border: 1px solid #595959;
   background: #111;
   box-sizing: border-box;
   border-radius: 5px;
   display: block;
   width: 100%;
   height: 100%;
   text-align: center;
   font-size: 14px;
   color: #EAEAEA;
   box-shadow: inset 0px 0px 15px rgba(255, 255, 255, 0.06)
}

.form-input {
   margin-bottom: 15px;
   height: 77px;
   cursor: pointer;
   position: relative;
}

.form-btn a.btn {
   height: 100%;
   width: 100%;
}

.form-btn a.btn>span {
   font-size: 14px;
   text-transform: uppercase;
}

.form-input.form-btn {
   margin-bottom: 0;
}

.blk-left svg {
   position: absolute;
   right: 110px;
   bottom: -111px;
   width: 149px;
   height: 148px;
   display: none;
}

.form-file input {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   opacity: 0;
   cursor: pointer;
   z-index: 4;
}

.form-file {
   font-size: 0;
   border: 1px solid #595959;
   border-radius: 5px;
   margin-bottom: 30px;
   display: flex;
}

span.btn-span {
   display: flex;
   align-items: center;
   justify-content: center;
   background: #FF0417;
   background: linear-gradient(0deg, #FF0417, #FF0417), linear-gradient(87.22deg, #FF0417 0%, #FF003D 100%);
   border-radius: 0 5px 5px 0;
   width: 130px;
   text-align: center;
   color: #fff;
   font-weight: bold;
   font-size: 12px;
   line-height: 19px;
   text-transform: uppercase;
}

.form-file>* {
   display: inline-block;
   vertical-align: top;
   font-size: 14px;
   line-height: 16px;
   height: 100%;
}

span.file-text {
   display: flex;
   align-items: center;
   justify-content: center;
   width: calc(100% - 130px);
   color: rgba(9, 52, 69, 0.5);
   text-align: center;
   line-height: 13px;
   padding-top: 9px;
   padding-left: 26px;
}

span.file-text span {
   font-size: 12px;
   line-height: 12px;
}

.select-file .file-text {
   color: #0d6ec7;
   padding-top: 15px;
}

.block-border{
   padding-top: 60px;
}
.block-border .block-head{
   color: #EAEAEA;
   margin-bottom: 24px;
}
.block-top{
   color: #EAEAEA;
   font-size: 26px;
   line-height: 1.2;
   margin-bottom: 50px;
}

#page {
   display: none;
}

body.end-test #page {
   display: block;
}

body.close #page {
   position: absolute;
   /*top: calc(100% - 190px);*/
   top: 100%;
   left: 20px;
   right: 20px;
   margin: auto;
   /*animation: bottom 1.8s ease-in-out infinite;
   -webkit-animation: bottom 1.8s ease-in-out infinite;*/
   transform: translateZ(0);
}

body.close #page .container>*:not(.page-title),
body.close #page .container:before {
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
}

body.close .pti-open {
   display: none;
}

body.close .pti-close {
   display: block;
   position: relative;
   top: -3px;
}

body.close .page-title {
   margin-top: 28px;
}

@keyframes bottom {
   0% {
      transform: translateY(-25px);
      opacity: 1;
   }

   50% {
      transform: translateY(25px);
   }

   to {
      transform: translateY(-25px);
      opacity: 1;
   }
}

/*@-webkit-keyframes bottom { 0% { transform: translateY(-25px); opacity: 1; } 50% { transform: translateY(25px); opacity: 0.6; } to { transform: translateY(-25px); opacity: 1; } }*/

.open #page {
   opacity: 0;
   transform: translateY(60px);
   transition: 0.3s ease;
   position: relative;
}

.open #test {
   position: absolute;
   left: 0;
   right: 0;
   transition: 1s;
}

.open-end #test {
   opacity: 0;
}

body.open-end #page {
   opacity: 1;
   transform: translateY(0px);
   padding-bottom: 0;
}


#footer-mobile {
   background: #263238;
   color: #fff;
   padding: 11px 0 8px 0;
   display: none;
}

#footer-mobile,
#footer-mobile a {
   font-size: 14px;
   color: #fff;
   font-weight: 300;
}

.footer-bottom {
   display: flex;
   justify-content: space-between;
}

#footer-mobile .container>* {
   opacity: 0.95;
}

.footer-top {
   margin-bottom: 14px;
}


.video {
   font-family: Helvetica;
   overflow: hidden;
   transition: transform 0.2s ease-in-out 0s, width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, border-color 0.2s ease-in-out 0s, opacity 1s ease-in-out 0s;
   transition: 0.2s ease-in-out;
   cursor: pointer;
   user-select: none;
   -webkit-tap-highlight-color: transparent;
   border-width: 3px;
   background: #FFFFFF;
   border: 1px solid #FFFFFF;
   box-sizing: border-box;
   border-radius: 4px;
   z-index: 12;
   position: fixed;
   width: 132px;
   box-shadow: rgb(0 0 0 / 40%) 0px 10px 20px;
   left: 16px !important;
   bottom: 16px !important;
}

.video video {
   object-fit: cover;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 100%;
   height: 100%;
   min-width: 100%;
   min-height: 100%;
   z-index: 2;
   transition: opacity 0.4s ease-in-out 0s;
   opacity: 0.8;
}

.video-countainer {
   display: block;
   height: calc(100% - 8px);
   position: absolute;
   width: calc(100% - 8px);
   left: 4px;
   top: 4px;
   border-radius: 2px;
   overflow: hidden;
   font-size: 0;
}

.video:hover:not(.video-open) {
   border-color: rgba(214, 152, 83, 1);
   box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 20px;
   transform: translate(6px, -6px);
}

.video.video-open {
   width: 770px;
   border-color: rgba(214, 152, 83, 1);
   transition: 0.3s ease-in-out;
   box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 20px;
}

.video-close,
.video-close-always {
   position: absolute;
   top: 8px;
   right: 8px;
   width: 20px;
   height: 20px;
   z-index: 250;
   transition: transform 0.3s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
   opacity: 0;
   display: none;
}

.video-close:before,
.video-close:after,
.video-close-always:before,
.video-close-always:after {
   position: absolute;
   left: 0px;
   top: 9px;
   content: " ";
   height: 2px;
   width: 18px;
   background: white;
   box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 10px;
}

.video-close:hover,
.video-close-always:hover {
   opacity: 1 !important;
   transform: scale(1.2);
}

.video-close:before,
.video-close-always:before {
   transform: rotate(45deg);
}

.video-close:after,
.video-close-always:after {
   transform: rotate(-45deg);
}

.video-open .video-close {
   display: block;
   opacity: 0.5;
}

.video.video-open:before {
   padding-bottom: 448px;
   transition: 0.3s ease-in-out;
}

.video:before {
   content: '';
   display: block;
   padding-bottom: 186px;
   transition: 0.2s ease-in-out;
}

.video:hover .video-close-always {
   opacity: 1;
   pointer-events: auto;
}

.video:not(.video-open) .video-close-always {
   right: 5px;
   display: block;
}

.video.video-open .video-close-always {
   display: none;
}

.video-close:after {
   display: none;
}

.video-close:before {
   transform: rotate(0deg);
}

.video.video-open {
   width: 620px;
   max-width: calc(100% - 50px);
}

.video.video-open:before {
   padding-bottom: 56%;
}

.view-video .video {
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
}

.video.video-open {
   max-width: calc(100% - 32px);
}

.modal__container .blk-left{
   padding-right: 70px;
}

@media (max-width: 1199px) {
   .main-right {
      right: 16px;
   }

   .mini {
      margin-top: 6px;
   }

   .slider-title {
      font-size: 26px;
      line-height: 26px;
   }

   .slider-second {
      font-size: 26px;
      line-height: 30px;
   }

   .slider-mini {
      font-size: 22px;
      line-height: 22px;
   }

   .kp-text-inline svg {
      right: -42px;
      top: 24px;
      transform: rotate(-25deg) scale(0.6);
   }
}

@media (max-width: 1180px){
   .test-container{
      max-width: 820px;
      margin: auto;
      padding: 55px 45px 60px;
   }
   .window-btns .next-step{
      width: 165px;
   }
   a.prev-step {
      width: 118px;
      margin-right: 10px;
   }
   .window-btns{
      position: static;
   }
   .window[data-step="end"] {
      margin-top: 50px;
   }
   *[data-step="end"] .step-title{
      padding-left: 0;
   }
   .step-left{
      padding-left: 0;
   }
   .step-wrapper-image{
      left: 0;
      top: 300px;
   }
   .form-inputs{
      margin-bottom: 440px;
   }
   .block[data-type="people"] .block-content{
      max-width: 820px;
      margin: auto;
   }
   .text-blk-akps{
      margin-bottom: 730px;
   }
   .text-1{
      margin-left: 0;
      left: -410px;
      top: 450px;
   }
   .blk-left-list span br{
      display: none;
   }
}

@media (max-width: 1090px) {
   .main-right {
      width: 300px;
      height: auto;
   }
   .page-title{
      font-size: 34px;
   }
   .blk-left{
      padding-right: 40px;
   }
   .blk-left-title{
      font-size: 36px;
   }
}

@media (max-width: 1010px) {

   .swiper-main .swiper-button-next,
   .swiper-main .swiper-button-prev {
      width: 32px;
      height: 32px;
   }

   .swiper-main .swiper-button-next {
      margin-left: 10px;
   }

   .swiper-main .swiper-pagination-bullet-active {
      width: 9px;
      height: 9px;
   }

   .swiper-main .swiper-pagination {
      bottom: -34px;
   }

   .swiper-button {
      bottom: -34px;
      right: 18px;
   }

   .swiper-main .swiper-button-prev svg,
   .swiper-main .swiper-button-next svg {
      width: 15px;
      height: 16px;
   }
}

@media (max-width: 991px) {
   .main-left{
      padding-top: 10px;
   }
   .main-right{
      padding-top: 20px;
   }
   h1{
      font-size: 52px;
      max-width: 550px;
   }
   .avs{
      padding: 40px;
   }
   .block-head {
      font-size: 24px;
   }
   .block-top{
      font-size: 17px;
   }
   .block-border:after {
      bottom: 0;
   }
   .views-list{
      display: flex;
      flex-direction: column;
      width: 460px;
   }
   .views-item{
      margin-bottom: 25px;
   }

   .block[data-type="image"] .block-content a {
      pointer-events: auto;
   }

   .window-left {      
      width: 100%;
      margin-bottom: 150px;
   }

   .window-right {
      display: block;
      margin: auto;
   }
   .window[data-image="have"] label.input{
      width: 49%;
   }
   .input-img{
      height: 159px;
   }
   .window-btns{
      position: absolute;
      bottom: 710px;
      left: 0;
      right: auto;
   }
   #interactive .container {
      max-width: 667px;
      padding: 32px 28px;
   }

   .test-title {
      font-size: 24px;
   }
   .test-subtitle{
      font-size: 17px;
   }
   .window-title {
      font-size: 22px;
   }

   .window-second {
      font-size: 17px;
      margin-bottom: 28px;
   }

   .window[data-image="no"] label.input {
      width: 49%;
   }

   .input-img-have .input-content-right {
      width: 30px;
   }

   .input-img-have .input-content-right svg {
      transform: scale(0.85);
   }

   .window[data-image="have"] .input-content {
      font-size: 12px;
      line-height: 13px;
      padding: 8px;
      padding-top: 0;
      padding-left: 36px;
   }

   .window[data-image="have"] .input-placeholder,
   .window[data-image="have"] textarea {
      font-size: 14px;
      line-height: 15px;
   }

   .window[data-image="have"] .checkbox-text textarea {
      height: auto;
      min-height: 75px;
   }

   .checkbox-text textarea {
      height: 62px;
      min-height: 62px;
   }
   .window[data-step="end"]{
      padding-left: 80px;
   }
   .creator-left {
      font-size: 16px;
      line-height: 24px;
   }

   .creator-right a {
      font-size: 16px;
      line-height: 24px;
   }

   .window-content {
      flex-direction: column;
      margin-bottom: 34px;
   }

   .window[data-step="end"] .step-right {
      display: none;
   }

   .windows[data-step="end"]+.creator {
      margin-top: 79px;
   }

   .creator {
      margin-top: 0;
   }
   .creator .row{
      flex-wrap: wrap;
   }
   .creator-col{
      width: 50%;
   }
   .creator-logo{
      margin-bottom: 20px;
   }
   .copyright{
      margin-left: auto;
      margin-bottom: 20px;
   }
   .creator-col:nth-of-type(3){
      text-align: left;
   }
   .step-bottom-text {
      font-size: 18px;
   }

   .step-title-second {
      font-size: 20px;
      margin-bottom: 36px;
      text-align: center;
   }

   .step-title {
      font-size: 25px;
   }

   .input-text-bold {
      margin-bottom: 26px;
   }

   .form-title {
      font-size: 19px;
      margin-bottom: 12px;
   }

   .block {
      margin-bottom: 40px;
   }

   #page .slider-body:after {
      display: none;
   }

   .page-title-wrapper,
   .thanks-title {
      font-size: 22px;
   }
   .page-subtitle{
      font-size: 20px;
   }
   .text-1 {
      left: -420px;
      top: 410px;
   }
   .text-blk-input{
      width: 240px;
   }
   .profile-blk {
      margin: 0 auto 32px;
   }

   div#page {
      font-size: 16px;
      line-height: 20px;
   }

   .text-1-text {
      margin-bottom: 32px;
   }

   .text-size-2 {
      font-size: 16px;
      line-height: 19px;
   }

   .text-blk-2 {
      font-size: 22px;
   }
   .table-head, .table-subhead{
      font-size: 15px;
      height: 60px;
   }
   .table-row>div{
      font-size: 14px;
      padding: 15px 20px;
   }
   #page .slider-title {
      font-weight: 500;
      font-size: 20.3376px;
      line-height: 20px;
      margin-bottom: 13px;
   }

   #page .slider-mini {
      font-size: 14px;
      line-height: 14px;
   }

   #page .slider-title+.slider-mini {
      margin-top: 15px;
   }

   #page .slider-body {
      left: -16px;
      border-radius: 0;
      width: calc(100% + 32px);
   }

   #page .slider-second {
      font-size: 18px;
      line-height: 22px;
      margin-bottom: 15px;
   }
   .slider-main{
      height: 500px;
   }
   
   .pr-lists {
      font-size: 13px;
      line-height: 15px;
   }
   .pr-text{
      font-size: 16px;
   }
   span.pr-icon {
      width: 56px;
      height: 56px;
      flex: 0 0 56px;
      margin-right: 20px;
   }

   .pr-lists-img .pr-text:first-child {
      padding-left: 76px;
   }

   .pr-list {
      margin-bottom: 25px;
      align-items: flex-start;
   }
   .ready-take{
      font-size: 20px;
   }
   .table-row.cost>div{
      font-size: 14px;
      padding: 0 10px;
   }
   .sc-blue {
      font-size: 15px;
      line-height: 16px;
      margin-bottom: 17px;
   }

   .sc-list {
      font-size: 12px;
      line-height: 14px;
      margin-bottom: 10px;
      padding-left: 23px;
   }

   .sc-list span {
      font-size: 15.5462px;
      line-height: 16px;
   }

   .br {
      margin: 10px 0 32px;
   }

   .blk-form {
      padding: 40px;
   }

   #page .creator {
      margin-top: 60px;
   }

   .sc-money:after {
      max-width: 90%;
      left: 0;
      right: 0;
      margin: auto;
      bottom: -42px;
   }
   .block-bottom .flex .col{
      width: 100%;
   }
   .block-bottom .flex .col:first-child{
      margin-bottom: 40px;
   }

   .blk-left {
      width: 100%;
      margin-bottom: 20px;
      margin-top: 0;
   }

   .blk-left-title {
      font-size: 26px;
      margin-bottom: 30px;
   }

   .blk-left-second {
      font-size: 19px;
      margin-left: 0;
   }
   .blk-left-list{
      margin-left: 0;
      margin-bottom: 3px;
   }
   .blk-form-wrapper>* {
      font-size: 15px;
      line-height: 20px;
      padding: 0;
   }

   .blk-form-background {
      max-height: 414px;
      bottom: 32px;
      top: auto;
   }

   .blk-left-list>span:before {
      top: 5px;
   }

   .form-ttl {
      font-size: 20px;
   }

   .form-phone {
      font-size: 14px
      line-height: 13px;
   }

   .form-second {
      font-size: 13px;
      line-height: 1.2;
   }

   .blk-right {
      padding: 10px 0 10px;
      width: 100%;
      max-width: 290px;
      margin: auto;
      display: block;
   }

   .form-btn a.btn {
      width: 100%;
   }

   .form-input {
      height: 44px;
      margin-bottom: 14px;
   }

   span.file-text {
      padding-top: 4px;
      font-size: 13px;
   }

   .file-text span {
      font-size: 11px;
      line-height: 10px;
   }

   .select-file .file-text {
      padding-top: 9px;
   }

   span.btn-span {
      padding-top: 8px;
   }

   .form-btn a.btn>span {
      font-size: 13px;
      padding: 0 25px;
   }

   a.btn.btn-inverse span {
      padding: 0 30px;
   }

   .slider-body:not(.have-text) {
      padding-bottom: 16px;
   }
   .micromodal-slide{
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
   }
   .modal__overlay{
      position: absolute;
      min-height: 100vh;
      bottom: auto;
   }
   .modal__container .blk-left-list {
      font-size: 14px;
   }

   .modal__container .blk-left-second {
      font-size: 18px;
      margin-bottom: 10px;
   }

   #modal-1 .modal__container {
      max-width: 320px;
      max-height: unset;
   }

   .modal__container .blk-form {
      padding: 50px 20px 20px;
   }
   .modal__container .blk-form:before{
      width: 192px;
      height: 310px;
      bottom: 400px;
      left: 55px;
   }
   .modal__container .blk-left {
      margin-bottom: 210px;
      padding-right: 0;
   }
   .modal__container .blk-left-title{
      font-size: 20px;
      padding-right: 20px;
      margin-bottom: 15px;
   }
   .modal__container .form-ttl,
   .modal__container .form-phone,
   .modal__container .form-second br{
      display: none;
   }
   .modal__container .form-input{
      height: 77px;
   }
   .modal__container .form-input input{
      background: linear-gradient(0deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.03)), #0E121A;
      border: 1px solid rgba(255, 255, 255, 0.35);
      box-shadow: inset 0px 0px 15px rgba(255, 255, 255, 0.06);
      font-size: 12px;
   }
   .modal__container span.btn-span{
      width: 120px;
   }
   .modal__container span.file-text{
      width: calc(100% - 120px);
      font-size: 12px;
   }
   .slide-nav-btn{
      width: 56px;
      height: 56px;
   }
   .slide-nav-btn.prev{
      left: -28px;
   }
   .slide-nav-btn.next{
      right: -28px;
   }
}

@media (max-width: 980px) {

   /* HEADER */
   header#header {
      height: 140px;
   }

   .logo-text {
      font-size: 15px;
   }

   a.phone {
      font-size: 23px;
      line-height: 25px;
      margin-bottom: 1px;
   }

   .phone-text {
      font-size: 13px;
      line-height: 17px;
   }

   .phone-text:before {
      top: 4px;
      width: 8px;
      height: 8px;
   }
}

@media (max-width: 970px) {
   .avs-item {
      flex-direction: column;
   }
}

@media (max-width: 920px) {
   .soc-lines {
      margin-bottom: 36px;
   }
}
@media (max-width: 880px) and (min-width: 636px){
   .av{
      flex-direction: column;
   }
   .av-img{
      margin-bottom: 15px;
   }
   .av-text{
      margin-left: 0;
   }
}
@media (max-width: 860px){
   h1 {
      font-size: 42px;
      max-width: 450px;
   }
}

@media (max-width: 768px) {

   header#header {
      display: none;
   }

   .header-open #header-mobile {
      transform: translateY(0px);
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
   }

   h1 {
      font-size: 36px;
      margin-bottom: 15px;
      max-width: 380px;
   }
   .h1-dop{
      font-size: 18px;
      margin-bottom: 20px;
   }
   .h1-sub {
      font-size: 19px;
   }
   .mob-logo{
      display: block;
   }
   .mobile-btn {
      display: flex;
   }

   .main-right {
      width: 300px;
      height: auto;
   }

   .add-kp-text br {
      /* display: none; */
   }

   #main {
      padding: 100px 0 0 0;
      margin-bottom: 45px;
   }

   .mini {
      font-size: 12px;
      line-height: 14px;
      font-weight: 400;
   }

   .kp-text {
      width: 280px;
   }

   a.btn {
      height: 57px;
   }

   .main-left a.btn>span {
      padding: 0 20px;
      min-width: 280px;
   }
   a.btn>span{
      font-size: 12px;
   }
   .kp-text-inline svg {
      transform: rotate(2deg) scale(0.7);
      right: -17px;
      top: 18px;
   }
   .block[data-type="people"] .block-content,
   .block[data-type="people"] .block-content *{
      box-sizing: border-box;
   }
   .block[data-type="people"] .block-content{
      flex-wrap: wrap;
      padding: 40px;
   }
   .text-blk-2{
      text-align: center;
      font-size: 20px;
   }
   .text-blk-3{
      height: auto;
      flex-direction: column;
   }
   .text-blk-input{
      height: 77px;
      margin: auto;
      margin-bottom: 15px;
   }
   .text-blk-input:first-child{
      margin-right: auto;
   }
   .text-1{
      top: 0;
      left: 0;
      margin-top: -900px;
      margin-left: auto;
      margin-right: auto;
   }
   .add-kp-text {
      margin-top: 153px;
   }
   .text-blk-akps{
      padding-left: 100px;
   }
   .container {
      padding: 0 16px;
   }

   .t-wpr {
      margin-bottom: 52px;
      z-index: 1;
      position: relative;
   }

   .text-flash {
      font-size: 18px;
      width: 228px;
   }

   .akp:first-child {
      margin-right: 26px;
   }

   .akp-name span {
      display: block;
   }

   .slider-title {
      font-size: 19px;
      line-height: 24px;
      margin-bottom: 0;
   }

   .slider-second {
      font-size: 18px;
      line-height: 22px;
      margin-bottom: 10px;
   }

   .slider-mini {
      font-size: 16px;
      line-height: 15px;
      margin-bottom: 17px;
   }

   .av-img {
      /*flex: 0 0 50px;*/
      margin-bottom: 15px;
   }

   .slider-body {
      width: 100%;
   }

   .slider-body:after {
      content: '';
      position: absolute;
      left: 0;
      top: -210px;
      width: 100%;
      height: 210px;
      background: #fff;
      z-index: -1;
   }

   .slider-text {
      font-size: 16px;
      line-height: 18px;
      padding: 9px 14px 7px;
   }

   .window-title {
      font-size: 20px;
      line-height: 125%;
      margin-bottom: 7px;
   }

   .window-second {
      font-size: 14px;
      line-height: 17px;
      margin-bottom: 18px;
   }

   .window-content {
      margin-top: 22px;
   }

   .blk-form {
      left: -16px;
      width: calc(100% + 32px);
      margin-bottom: 52px;
   }

   #page {
      padding-bottom: 0;
   }

   .creator-left {
      font-size: 13px;
      line-height: 20px;
      text-align: center;
      margin-bottom: 24px;
   }

   .creator {
      padding-top: 50px;
   }

   .step-title {
      font-size: 20px;
      line-height: 100%;
   }

   .step-title {
      font-size: 18px;
      line-height: 125%;
      margin-bottom: 29px;
   }

   .step-left {
      padding: 0;
   }

   .step-wrapper-image {
      width: 290px;
      height: 540px;
      left: 0;
      right: 0;
      margin: 0 auto;
      top: 220px;
   }

   .window[data-step="end"] .input-text {
      display: none;
   }

   .form-title {
      font-size: 18px;
      line-height: 125%;
   }

   .radio-text {
      font-size: 16px;
      line-height: 125%;
   }

   .inputs-bottom {
      left: 0;
      right: 0;
      margin: 336px auto 0;
      width: 100%;
      max-width: 380px;
   }

   .form-inputs {
      max-width: none;
   }

   .step-wrapper {
      display: block;
      margin-bottom: 37px;
   }

   .step-title-second {
      font-size: 16px;
      line-height: 18px;
      margin: -19px auto 30px;
      width: auto;
   }

   .chekboxs {
      margin-bottom: 23px;
   }

   .chekboxs label {
      margin-bottom: 12px;
   }

   /*.input-text-bottom {
      display: none;
   }*/

   .form-title br {
      display: none;
   }

   .step-bottom-text {
      font-size: 16px;
      line-height: 18px;
      max-width: 320px;
      margin: 0 auto 30px;
   }

   .windows[data-step="end"]+.creator {
      display: none;
   }

   .window[data-step="end"] {
      padding-bottom: 19px;
   }

   body.close .page-title {
      margin-top: 8px;
   }

   #circle {
      width: 98px;
      height: 98px;
   }

   .window[data-step="end"] a.btn {
      height: 72px;
   }

   .window[data-step="end"] a.btn>span {
      font-size: 14px;
   }

   .video-close-always {
      opacity: 1;
   }

   .video:hover {
      transform: translate(0px, 0px) !important;
   }
   .test-subtitle,
   .input-text{
      font-size: 15px;
   }
   .input-img{
      height: 154px;
   }
   label.input-type-radio,
   label.input.input-default,
   .window-btns>.btn{
      height: 60px;
   }
   .input-icon{
      left: 15px;
      width: 12px;
      height: 12px;
   }
   .input-icon:before{
      width: 8px;
      height: 8px;
   }
   label.input-type-radio .input-text{
      font-size: 14px;
   }
   label.input-type-radio .input-text{
      padding-left: 40px;
   }
   .page-bg-h{
      background-size: 767px;
      bottom: 2300px;
      height: 1165px;
   }
   .page-bg-a{
      display: none;
   }
   .page-title-wrapper{
      font-size: 20px;
   }
   .page-subtitle {
      font-size: 18px;
   }
   .table-subhead{
      border-radius: 5px;
   }
}

@media (max-width: 635px) {
   .logo-mobile{
      flex-direction: column;
      max-width: 250px;
      margin: auto;
      padding: 35px 0 45px;
      align-items: flex-start;
   }
   .logo-mobile img{
      margin-bottom: 20px;
      width: 144px;
      max-width: 100%;
   }
   .logo-text-mobile{
      margin-left: 0;
   }
   .logo-text-mobile:before,
   .logo-text-mobile br{
      display: none;
   }
   .header-mobile-bottom{
      padding-top: 0;
      max-width: 280px;
      margin: auto;
      align-items: flex-start;
   }
   #site{
      background-size: 700px;
      background-position-y: 230px;
      background-position-x: 86%
   }
   .swiper-main-mob {
      display: block;
      width: 320px;
      max-width: 80%;
      margin: 0 auto 72px;
   }

   .swiper-main-mob.swiper-main-one {
      margin: 0 auto 22px;
   }
   h1{
      text-align: center;
      margin: 0 auto 15px;
   }
   .h1-dop{
      font-size: 16px;
      text-align: center;
      padding-left: 0;
      margin-bottom: 272px;
   }
   .h1-dop:before{
      display: none;
   }
   .h1-sub {
      text-align: center;
      font-size: 17px;
      margin-bottom: 15px;
   }
   .test-title{
      font-size: 20px;
   }
   .swiper-button {
      right: -22px;
   }

   .t-btn {
      text-align: center;
   }

   .kp-text {
      text-align: center;
      margin: 15px auto 0;
   }

   .add-kp-text {
      max-width: 220px;
      height: 0;
      margin-left: auto;
      margin-right: auto;
      background: transparent;
      border: none;
      margin-top: 163px;
   }
   .add-kp-text span.b1,
   .add-kp-text:before,
   .akp-text .tooltip{
      display: none;
   }
   .akps-main{
      width: 280px;
      top: -122px;
      left: -30px;
   }
   .akp-text{
      font-size: 12px;
   }

   .btn-arrow {
      display: block;
      height: 36px;
      padding-top: 8px;
      max-width: 140px;
      margin: 0 auto;
   }

   .avs-bottom .avs {
      display: block;
      margin: auto;
      max-width: 320px;
      width: auto;
      border: 3px solid rgba(255, 255, 255, 0.1);
      padding: 65px 40px 20px;
   }

   .avs-bottom {
      display: block;
   }
   .av {
      width: 170px;
      margin: auto;
      margin-bottom: 45px;
      flex-direction: column;
      align-items: center;
   }
   .av-text{
      margin-left: 0;
      text-align: center;
   }

   .avs-item {
      flex-direction: row;
   }
   .main-right{
      top: 185px;
      padding-top: 50px;
      right: 50%;
      transform: translateX(50%);
   }
   .text-flash {
      font-size: 14px;
      width: 187px;
      padding: 10px 15px;
   }

   .avs {
      display: none;
   }
   #interactive{
      max-width: 320px;
      margin: auto;
      padding: 0;
   }
   #interactive .container{
      padding: 32px 0;
   }
   .steps{
      max-width: 1022px;
      width: 1022px;
   }
   .step{
      width: calc(1022px / 7);
   }
   .window-title{
      font-size: 18px;
      text-align: center;
      max-width: 270px;
      margin: 0 auto;
   }
   label.input{
      margin-bottom: 12px;
   }
   .window[data-image="have"] label.input{
      width: 135px;
   }
   .input-img{
      height: 84px;
      border-radius: 5px;
   }
   .input-img span{
      border-radius: 5px;
   }
   .window[data-image="no"] label.input{
      width: 100%;
   }
   .input-text,
   label.input-type-radio .input-text{
      font-size: 12px;
   }
   .window-btns>.btn{
      height: 50px;
   }
   .input-icon{
      left: 13px;
   }
   .window-btns{
      left: auto;
      right: 0;
      bottom: 570px;
   }
   .window-btns .next-step{
      width: 150px;
   }
   a.prev-step{
      width: 60px;
   }
   .back-txt{
      display: none;
   }
   label.input-type-radio, 
   label.input.input-default, 
   .window-btns>.btn{
      height: 48px;
   }
   label.input-type-radio .input-text{
      padding-left: 33px;
   }
   .window-btns a.next-step svg{
      width: 20px;
   }
   .window-btns a.btn>span{
      font-size: 11px;
   }
   .window[data-image="have"] .input:not(.input-type-radio):not(.checkbox-text-mini) .input-txt{
      padding: 10px 0 0;
      min-height: 0;
   }
   .window-rg{
      width: 280px;
      height: 522px;
   }
   .step-blk{
      flex: 0 0 286px;
      padding: 25px 15px 0;
   }
   .test-info{
      padding: 25px 15px;
   }
   .ti-title,
   .ti-second,
   .step-2-title{
      font-size: 18px;
   }
   .ti-txt{
      font-size: 13px;
      margin-left: 8px;
   }
   .ti-bottom{
      font-size: 12px;
   }
   .step-2-second{
      font-size: 13px;
   }
   .creator{
      padding: 0 0 50px;
   }
   .creator .row{
      flex-direction: column;
   }
   .creator-col{
      width: 100%;
   }
   .copyright {
      margin-right: auto;
      text-align: center;
      font-size: 12px;
   }
   .creator-col:nth-of-type(3) {
      text-align: center;
   }
   .creator-tel{
      justify-content: center;
   }
   .creator-col:nth-of-type(3){
      order: 4;
   }
   .creator-col:last-child{
      order: 3;
      margin-bottom: 50px;
   }
   .creator-logo{
      margin-bottom: 15px;
   }
   .creator-logo svg{
      width: 160px;
      height: 39px;
   }
   .politic{
      font-size: 12px;
   }
   .creator-tel{
      font-size: 20px;
   }
   #interactive .creator .container{
      padding-bottom: 0;
   }

   .t-wpr,
   .text-flash {
      margin-left: auto;
      margin-right: auto;
   }

   .kp-text-inline svg {
      display: none;
   }

   .kp-text-inline .opacity {
      opacity: 0.7;
   }
   .test-container{
      padding: 30px 20px 50px;
   }
   .window-left {
      margin-right: 0!important;
      margin-bottom: 120px;
   }
   .table-head, .table-subhead{
      font-size: 14px;
      height: 45px;
   }
   .table-row>div{
      font-size: 11px;
      padding: 15px;
   }
   .table-subhead .delta svg{
      width: 11px;
      height: 8px;
   }
   .window[data-step="end"]{
      padding-left: 0;
   }
   *[data-step="end"] .step-title{
      text-align: center;
      width: auto;
   }
   *[data-step="end"] .form-title{
      font-size: 14px;
      text-align: center;
   }
   .radio-bot{
      width: 12px;
      height: 12px;
      flex-basis: 12px;
      margin-right: 8px;
   }
   [type="radio"]:checked+.radio-bot:before{
      width: 8px;
      height: 8px;
   }
   .radio-text{
      font-size: 12px;
   }
   .input-text-bottom{
      font-size: 12px;
   }
   .step-wrapper-image{
      width: 225px;
      height: 390px;
   }
   .form-inputs{
      margin-bottom: 260px;
   }
   .inputs-bottom{
      margin: 0 auto;
   }
   .step-wrapper{
      margin-bottom: 0;
   }
   .page-title-wrapper{
      flex-direction: column;
   }
   span.page-title-icon{
      margin-right: 0;
      margin-bottom: 10px;
   }
   .block[data-type="people"] .block-content{
      padding: 25px;
   }
   .thanks-title{
      font-size: 20px;
      text-align: center;
      margin-bottom: 15px;
   }
   .text-first{
      text-align: center;
      font-size: 16px;
      line-height: 1.2;
   }
   .block[data-type="people"] .block-content .txt{
      text-align: center;
      font-size: 18px;
   }
   .text-blk-1-second{
      margin-left: -100px;
   }
   .text-1{
      width: 280px;
      height: 470px;
      flex: 280px;
      margin-top: -780px;
   }
   .text-blk-akps {
      margin-bottom: 530px;
   }
   .input-bot input{
      font-size: 13px;
   }
   .table-head div:not(:first-child), .table-row>div:not(:first-child){
      display: none;
   }
   .table-head div:first-child, .table-row>div:first-child{
      width: 100%;
   }
   .table-head div{
      color: #EAEAEA;
   }
   .table-row{
      color: #e9eef3;
   }
   .table-row>div:nth-of-type(5){
      display: flex;
      width: 45%;
      flex-direction: column;
      align-items: flex-start;
      padding: 10px 10px 10px 0;
      text-align: left;
   }
   .table-row div .dis{
      opacity: .4;
   }
   .bottom-text-title{
      font-size: 20px;
   }
   .block-bottom{
      padding: 10px 0 50px;
   }
   .block-bottom .text{
      font-size: 14px;
   }
   .block-bottom .text br{
      display: none;
   }
   .blk-form{
      border: none;
      padding: 40px 20px;
      left: 0;
      width: 100%;
   }
   .blk-left-title{
      font-size: 20px;
      margin-bottom: 18px;
   }
   .blk-left-second{
      font-size: 18px;
      margin-bottom: 12px;
   }
   .blk-left-list span{
      font-size: 14px;
   }
   .blk-left{
      margin-bottom: 230px;
   }
   .blk-form:before{
      width: 195px;
      height: 321px;
      bottom: 450px;
      left: 70px;
   }
   .form-ttl{
      display: none;
   }
   .form-input{
      height: 77px;
   }
   .form-phone{
      margin-bottom: 15px;
   }
   .form-second{
      font-size: 14px;
   }
   .form-second br,
   .form-agree br,
   .block-top br{
      display: none;
   }
   .block-head{
      font-size: 20px;
   }
   .block-top{
      font-size: 18px;
      margin-bottom: 35px;
   }

   .pr-list{
      flex-direction: column;
      align-items: center;
      margin-bottom: 45px;
   }
   span.pr-icon{
      margin: 0 0 15px;
      width: 76px;
      height: 76px;
      flex: 0 0 76px;
   }
   .pr-text{
      font-size: 15px;
      line-height: 1.4;
      text-align: center;
   }
   .ready-take,
   .block-head{
      max-width: 260px;
      margin: auto;
   }
   .page-bg-h{
      background-size: 567px;
      bottom: 1880px;
   }
   .block-head{
      margin-bottom: 24px;
   }
   #page .slider-body{
      left: 0;
      width: 100%;
   }
   .slider-main{
      height: 254px;
   }
   .swiper-slide img{
      border-radius: 5px;
   }
   .views-list{
      width: 280px;
   }
   .views-item:before{
      width: 70px;
      height: 70px;
   }
   .views-item:after{
      border-width: 8px 0 8px 15px;
   }
   .views-item{
      margin-bottom: 5px;
   }
   .block[data-type="views"]{
      margin-bottom: 80px;
   }
   [data-type="soc"] .block-head{
      max-width: 180px;
   }
   [data-type="soc"] .block-top{
      max-width: 240px;
      margin: 0 auto 35px;
   }
   .soc-lines{
      flex-direction: column;
      align-items: center;
   }
   .soc-lines a{
      display: flex;
   }
   .table-row.cost{
      flex-direction: column;
   }
   .table-row.cost>div{
      display: flex;
      width: 100%;
      background: #CE0E1E;
      justify-content: space-between;
      padding: 4px 14px;
      height: auto;
      color: #fff;
   }
   .table-row.cost>div br{
      display: none;
   }
   .table-row.cost>div:first-child{
      padding-top: 14px;
   }
   .table-row.cost>div:last-child{
      padding-bottom: 14px;
   }
   .table-row.cost>div:not(:first-child){
      color: #EAEAEA;
      font-weight: 400;
      font-size: 12px;
      align-items: baseline;
   }
   .table-row.cost>div:not(:first-child) span{
      order: 3;
   }
   .table-row.cost>div:before{
      font-size: 12px;
      font-weight: 400;
      color: #fff;
      order: 0;
   }
   .table-row.cost>div:nth-of-type(2):before{
      content: 'Косметический';
   }
   .table-row.cost>div:nth-of-type(3):before{
      content: 'Капитальный';
   }
   .table-row.cost>div:nth-of-type(4):before{
      content: 'Дизайнерский';
   }
   .table-row.cost>div:not(:first-child):after{
      content: '';
      order: 1;
      border-bottom: 1px dotted #fff;
      flex: auto;
      margin: 0 5px;
   }
   .slide-nav-btn {
      width: 36px;
      height: 36px;
   }
   .slide-nav-btn.prev {
      left: 0;
   }
   .slide-nav-btn.next {
      right: 0;
   }
   .slide-nav-btn svg{
      width: 9px;
      height: 14px;
   }
}

@media (max-width: 415px) {
   h1{
      font-size: 30px;
   }
   .main-right{
      padding-top: 10px;
   }
   
   .modal-text {
      font-size: 16px;
   }

   .modal-btn a.btn span {
      font-size: 13px;
      padding: 0 20px;
   }

   .modal-btn a.btn {
      height: 50px;
   }

   .modal__wrapper {
      padding: 20px 0;
   }
}

@media (max-width: 365px){
   h1{
      font-size: 24px;
   }
}

@media (max-width: 330px){
   .test-container{
      border: none;
      padding: 30px 20px 10px;
   }
   .test-subtitle{
      padding: 0 40px;
      margin-bottom: 0;
   }
}