/* HEADER */
#header .container {display: flex;justify-content: space-between;}
.header-right {text-align: right;display: flex;flex-direction: column;padding-top: 26px;}
.logo { margin-top: 34px; }
.logo > * { display: inline-block; vertical-align: top; }
header#header {padding: 0 0 55px;}
a.phone {display: inline-block;margin-bottom: 6px;transition: 0.2s;font-weight: 600;font-size: 25px;line-height: 30px;}
a.phone:hover { opacity: 0.7; }
.phone-text {position: relative;cursor: pointer;transition: 0.2s;font-size: 16px;line-height: 20px;}
.phone-text:hover { opacity: 0.7; }
.logo-text { opacity: 0.8; font-weight: 300; margin: 4px 0 0 33px; line-height: 18px; }
 .logo img {width: 172px;}
.header-tabs {font-weight: 500;font-size: 15px;line-height: 18px;padding-top: 62px;}
.header-tabs a:first-child { margin-right: 41px; }
.header-tabs a span { display: inline-block; border-bottom: 1px dashed transparent; transition: 0.1s ease; }
.header-tabs a.active span,
.header-tabs a:hover span { border-color: #5F5F61; }
.header-tabs a.active { font-weight: bold; pointer-events: none; }
.header-tabs a { color: #5F5F61; }




#mobile-header {position: fixed !important;top: 0;left: 0;width: 100%;background: #fff;z-index: 11 !important;box-shadow: 0px 0px 20px rgba(121, 143, 188, 0.5);opacity: 0;transform: translateY(-100%);transition: 0.2s;}
.header-active #mobile-header { opacity: 1; transform: translateY(0px); }
#mobile-header .logo {display: inline-block;padding: 0;margin-top: 23px;height: auto;}
.mobile-right { float: right; margin-top: 6px; text-align: right; display: flex; flex-direction: column; padding-top: 3px; }
#mobile-header .container {padding-bottom: 24px;}




 h1 {font-weight: 300;margin-bottom: 34px;font-size: 42px;line-height: 52px;}
 #main {padding: 0 0 54px;}
.main-tab.active {display: flex;}
.h1-mini {font-weight: 600;font-size: 22px;line-height: 28px;color: #5F5F61;margin-bottom: 14px;}
.btn-text {font-weight: 500;font-size: 24px;line-height: 29px;color: #2E2AFF;margin-bottom: 36px;margin-top: 19px;}

 a.btn {display: inline-block;min-width: 140px;text-align: center;transition: 0.2s ease;background: #FFDE32;border: 1px solid #FFF62A;box-sizing: border-box;box-shadow: 0px 4px 0px #FFD02A;border-radius: 80px;font-weight: 600;font-size: 18px;line-height: 22px;color: #46434F;position: relative;overflow: hidden;}
.h1-sub { font-weight: 300; font-size: 24px; line-height: 28px; margin-bottom: 28px; }
.disabled { pointer-events: none; opacity: 0.5; }
a.btn:hover:not(:active) {box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.35), 0px 2.87293px 0px #FFD02A;}
 a.btn span {display: block;padding: 24px 43px;border-radius: 2px;transition: 0.1s ease;border-radius: 80px;}
a.btn:active { box-shadow: 0px 2.87293px 0px #FFD02A, inset 0px 4px 4px rgba(0, 0, 0, 0.25); }
a.btn:before { content: ''; background: url(../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%; } }

.color {color: #FFAA2A;}

.main-tab {display: flex;align-items: flex-start;display: none;align-content: flex-start;}
.main-left { flex: 1 0; }
.main-right {padding-top: 12px;position: relative;font-size: 0;line-height: 0;}


.main-items { display: none; }
.main-items.active { display: block; }
.mn-items {display: flex;flex-wrap: wrap;justify-content: center;} .item {width: calc((100% - 30px) / 4);background: #FFFFFF;box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.25);border-radius: 8px;margin-right: 10px;margin-bottom: 42px;text-align: center;z-index: 1;position: relative;padding: 33px 7px 13px 7px;display: flex;flex-direction: column;}
.item-name {line-height: 20px;flex: 1 0;margin-bottom: 10px;color: #5F5F61;}
.item:last-child { margin-right: 0; }
.item-img {font-size: 0;z-index: -1;}
.item-num { position: absolute; right: 0; left: 0; top: -21px; margin: auto; width: 43px; height: 43px; display: inline-block; background: #FFAA2A; border-radius: 50%; font-weight: 600; font-size: 28px; color: #FFFFFF; padding-top: 3px; }
.item-num:before,
.item-num:after {content: '';position: absolute;left: -4px;top: -4px;width: calc(100% + 8px);height: calc(100% + 8px);background: rgba(253, 197, 114, 0.4);border-radius: 50%;z-index: -1;}
.item-num:after { left: -8px; top: -8px; width: calc(100% + 16px); height: calc(100% + 16px); background: rgba(255, 222, 50, 0.25); }
.main-items-title { font-size: 36px; line-height: 44px; text-align: center; margin-bottom: 26px; }
.main-items-second { font-size: 25px; line-height: 30px; text-align: center; margin-bottom: 65px; }
#main-items {margin-bottom: 42px;}
.mn-items[data-count="5"] .item {width: calc((100% - 40px) / 5);padding: 33px 6px 9px 6px;}
.mn-items[data-count="5"] .item-name { font-size: 13px; line-height: 16px; }
.item:nth-child(1) .item-img { margin: -58px 0 -48px; }
.mn-items[data-count="5"] .item:nth-child(2) .item-img { margin-bottom: -9px; margin-top: -18px; }

.lst {line-height: 125%;position: relative;padding-left: 45px;margin-bottom: 41px;color: #000;}
.lsts {display: flex;flex-wrap: wrap;max-width: 630px;}
.lst:before {content: '';position: absolute;left: 0;top: 3px;width: 36px;height: 36px;background: radial-gradient(50% 50% at 50% 50%, rgba(196, 196, 196, 0) 0%, #C4C4C4 100%);border-radius: 50%;}
.lst:nth-child(2n - 1) { width: 375px; }
.lst:nth-child(2):before { background: radial-gradient(50% 50% at 88.89% 50%, rgba(196, 196, 196, 0) 0%, #C4C4C4 100%); }
.lst:nth-child(3):before { background: radial-gradient(50% 50% at 0% 50%, rgba(196, 196, 196, 0) 0%, #C4C4C4 100%); }
.lst:nth-child(4):before { background: radial-gradient(48.61% 48.61% at 81.94% 84.72%, rgba(196, 196, 196, 0) 0%, #C4C4C4 100%); }
.phone-text span { position: relative; }
.phone-text span:before {content: '';position: absolute;left: -13px;width: 7px;height: 7px;top: 6px;background: #73D636;border-radius: 50%;}

.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; }

.steps-bar {text-align: center;width: 592px;height: 46px;padding: 7px;margin: 0 auto 46px;box-sizing: border-box;border-radius: 80px;background: rgba(233, 233, 233, 0.4);border: 1px solid #E9E9E9;}
.steps-bar-line {background: #FF9922;height: 100%;border-radius: 50px;color: #fff;font-weight: 300;font-size: 20px;padding-top: 3px;background-image: linear-gradient(-45deg,hsl(0 0% 100% / 0.15) 35%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 85%,transparent 0,transparent);-webkit-background-size: 22px 22px;background-size: 22px 22px;animation: c 1.5s linear infinite;transition: 0.4s ease;}



.test-title {text-align: center;margin-bottom: 43px;font-weight: 300;font-size: 30px;line-height: 37px;}
.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 {margin-bottom: 9px;font-weight: 600;font-size: 30px;line-height: 125%;}
.window-second {margin-bottom: 41px;font-weight: 300;font-size: 16px;line-height: 125%;}
.steps-have { font-weight: 500; font-size: 16px; }
.window[data-step="1"] .window-btns .window-left {display: none !important;}
.creator-left { font-size: 18px; line-height: 27px; text-transform: uppercase; }
.creator, .creator a { color: #C1B9B9; }
.creator-right a { font-size: 18px; line-height: 27px; }
.creator {display: flex;margin-top: 46px;justify-content: space-between;padding: 0 43px;}
.creator-text { margin-bottom: 31px; }
.creator a:hover { color: #46434f; } .creator a { transition: 0.3s ease; }
.window-btns a.btn > span {padding: 23px 53px;}
#interactive {position: relative;padding-bottom: 12px;z-index: auto !important;}
#interactive:before {content: '';position: absolute;left: 0;top: 50px;width: 100%;height: calc(100% - 50px);background: #F0F0F3;z-index: -1;box-shadow: 0 0 80px 60px #F0F0F3;transition: 0.3s ease;}
#test {z-index: 1;position: relative;padding-bottom: 38px;}
body[data-tab="styazhka"] .window[data-step="1"] .window-left-wrp { flex-direction: row-reverse; }

.back-grey { position: relative; }
.back-grey:before {content: '';position: absolute;top: 10px;width: 300%;height: 107%;background: #F0F0F3;z-index: -7;left: -100%;box-shadow: 0 0 60px 40px #F0F0F3;}
body.open #interactive:before { display: none; }
sup { position: absolute; margin-top: -2px; }

label.input input { position: absolute; }
input[type="checkbox"] {display: none;}
label.input {background: #FFFFFF;border: 1px solid #E9E9E9;box-sizing: border-box;margin-bottom: 24px;position: relative;min-height: 63px;display: flex;font-size: 0;cursor: pointer;width: calc(50% - 12px);transition: 0.2s;box-sizing: content-box;border-radius: 8px;}
.input-icon {width: 32px;height: 32px;position: absolute;left: 16px;top: 0;bottom: 0;margin: auto;background: #FFFFFF;border: 1px solid #FFDE32;box-sizing: border-box;border-radius: 50%;}
.input-text {position: relative;margin-left: 61px;margin-right: 12px;flex: 1 0;color: #46434F;display: flex;align-items: center;font-weight: 300;font-size: 16px;line-height: 20px;}
.input-placeholder {position: absolute;top: 16px;pointer-events: none;padding-right: 10px;color: #46434F80;}
label.input.radio { box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25); }
.checkbox-text-have .input-placeholder {opacity: 0;}
.window-content {margin-bottom: 41px;margin-top: 92px;display: flex;justify-content: space-between;align-items: flex-start;position: relative;}
.window-content:before {content: '';position: absolute;width: 300%;left: -100%;top: -52px;border-top: 2px dashed rgba(219, 219, 219, 0.5);}
.window-left {display: flex;vertical-align: top;flex: 1 0;flex-wrap: wrap;justify-content: space-between;margin-right: 29px;}
.checkbox-text textarea {width: 100%;color: #46434F;font: Normal 16px 'Montserrat', sans-serif;line-height: 19px;width: 100% !important;height: 100%;min-height: 65px;max-height: 130px;padding: 16px 10px 16px 0;display: block;font-weight: 300;}
.checkbox-text .input-text { margin-right: 0; }
label.checkbox-text { padding-top: 0; padding-bottom: 0; }
.checkbox textarea::placeholder { color: #46434F; }
input::placeholder{ color: #46434F80 }
input:checked + .input-icon:before,
input:checked + * > .input-icon:before,
input:checked + * + * > .input-icon:before { opacity: 1; }
label.checkbox .input-icon { width: 35px; height: 35px; border-radius: 8px; bottom: auto; top: 20px; overflow: hidden; }
input[type='checkbox']:checked + .input-icon:before,
input[type='checkbox']:checked + * > .input-icon:before,
input[type='checkbox']:checked + * + * > .input-icon:before { width: 100%; height: 100%; border-radius: 0; background: url(../img/icon-checkbox-good.svg) center no-repeat; background-color: #FFDE32; }
.input-icon:before {content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;background: #D69853;border-radius: 50%;width: 18px;height: 18px;opacity: 0;}
.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 {pointer-events: none;opacity: 0.5;}
a.prev-step:before { display: none; }
a.prev-step {background: #fff;border: 1px solid #FFDE32;transition: 0.25s ease;box-shadow: none;}
a.prev-step:hover {background: #ffde32;}
a.prev-step > span {color: #46434F;transition: 0.25s ease;}
.window-right {display: inline-block;vertical-align: top;width: 356px;}
.window-rg {background: #EBEBEC;border-radius: 8px;padding: 8px 10px;}
.window-rg-wrapper { background: #FFFFFF; border: 1px solid #FFFFFF; box-sizing: border-box; text-align: center; border-radius: 8px; }
.window-btns { font-size: 0; }
.window-btns > * {display: inline-block !important;}
.window-btns a.prev-step > span { padding: 22px 19px; }
.window-btns .window-left {margin-right: 31px !important;}
.input-default input {color: #46434F;font: Normal 16px 'Muller', sans-serif;padding: 0 15px 0 57px;height: 64px;width: 100%;display: block;}
label.input.input-default { cursor: auto; padding: 0; }
.border-have label.input { border-color: #46434F; }
.ti-title { line-height: 20px; margin-bottom: 17px; }
.ti-count { font-weight: 600; font-size: 22px; line-height: 27px; }
.ti-question { font-weight: 600; font-size: 105px; }
.test-info { padding: 34px 12px 26px; }
.window-title-mini { font-size: 14px; line-height: 17px; margin-bottom: 14px; }

.step-wrp { padding: 0 0px 0 36px; }
.test-img { text-align: center; width: 100%; }
.step-blk { flex: 1 0; }

.input-txt {width: 100%;display: flex;position: relative;padding: 22px 0 21px;}
label.input-img-have {display: block;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);}
.input-img {padding: 8px 12px;border-bottom: 1px solid #E9E9E9;}
.input-img img {border-radius: 8px;}
.input-img-have .input-txt {padding: 0px 0 6px;min-height: 84px;}
.input-img-have .input-text {margin-left: 66px;}
label.input.radio.input-img-have .input-icon {top: -12px;left: 19px;}
label.input:hover {box-shadow: 0px 0px 15px rgba(70, 67, 79, 0.15);}
label.input-img-have {margin-bottom: 27px;}

.window-left-wrp {display: flex;flex: 1 0;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;align-content:flex-start;}
.test-data-have label.input { width: 100%; }
.test-data-have .window-left-wrp {width: 300px;flex-basis: 300px;/* margin-right: 72px; */flex: none;}
.window-left.test-data-have { flex-wrap: nowrap; }
label.input-default {overflow: hidden;}

.container-back {position: absolute !important;height: 100%;width: 100%;pointer-events: none;z-index: 0 !important;position: relative; overflow: hidden;}
.container-back .container { height: 100%; }
.container-back .container { position: relative; }
#site {position: relative;overflow: hidden;}
.background {position: absolute !important;left: 0;width: 100%;top: 0;height: 1000px;z-index: 0 !important;background: url(../img/background-1.jpg) center top no-repeat;}
body[data-tab="styazhka"] .background:before {content: '';position: absolute;left: 0;top: -180px;width: 100%;height: 200px;background: #f5f5f5;}
body[data-tab="styazhka"] .background {background-image: url(../img/background-2.jpg);z-index: 1 !important;}
.container-inner { position: relative; width: 100%; height: 100%; }
.line { width: 1px; height: 100%; position: absolute; left: 0; top: 0; border-left: 2px dashed rgba(219, 219, 219, 0.3); }
.line-left { border-left: 2px solid rgba(219, 219, 219, 0.3); left: -264px; }
.line-2 { left: 298px; }
.line-4 { left: 443px; border-left: 2px solid rgba(219, 219, 219, 0.3); }
.line-3 { border-left: 2px dashed rgb(255 255 255); left: 368px; }
.line-5 { left: 538px; }
.line-6 { right: 0; left: auto; top: 495px; border-color: #fff; }
body[data-tab="styazhka"] .line-6 { top: 800px; }

#site > * {z-index: 2;position: relative;}

h1 .color { color: #46434f; }
.window:not(.can-next) .next-step { opacity: 1; background: #FFEE98; color: #A2A1A7; box-shadow: 0px 4px 0px #FFE794; border: 1px solid #FFFA94; }
.img-mini { display: none !important; }

.modal-title {text-align: center;font-size: 16px;line-height: 19px;}
.modal-text {text-align: center;margin-top: 19px;font-size: 14px;line-height: 17px;max-width: 362px;font-weight: 300;}
.modal__wrapper { padding: 20px 10px; }
.modal-btn {margin-top: 29px;text-align: center;}
.modal-btn a.btn > span {font-size: 14px;padding: 10px 27px;}
.modal__container { position: relative; }



.step-title {text-align: center;padding-bottom: 66px;font-weight: 600;font-size: 30px;line-height: 125%;position: relative;overflow: hidden;width: calc(100% + 82px);left: -41px;}
.step-wrapper {display: flex;padding-bottom: 90px;position: relative;}
.form-title {margin-bottom: 26px;font-size: 22px;line-height: 125%;}
.input-text-mini {margin-left: 36px;position: relative;white-space: nowrap;font-weight: 500;font-size: 14px;color: #2E2AFF;}
.radio-text {font-weight: 300;font-size: 18px;line-height: 125%;display: inline-block;}
.radio-bot {display: inline-block;vertical-align: top;width: 24px;height: 24px;border: 1px solid #FFDE32;background: #FFDE32;box-sizing: border-box;border-radius: 50%;margin-right: 12px;position: relative;top: 0;flex-basis: 24px;flex-grow: 0;flex-shrink: 0;}
.chekboxs label {display: flex;margin-bottom: 12px;cursor: pointer;}
.chekboxs input { display: none; }
.radio-text b { font-weight: 500; }
[type="radio"]:checked + .radio-bot:before {width: 12px;height: 12px;}
.radio-bot:before {content: '';position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto;background: #ffffff;border-radius: 50%;width: 22px;height: 22px;opacity: 1;}
.form-inputs {max-width: 416px;margin-bottom: 17px;}
.step-left {padding-left: 240px;flex: 1 0;margin-right: 16px;}
.step-bottom-text {text-align: center;margin-bottom: -21px;transform: translateY(-16px);opacity: 0;transition: 0.25s ease;font-weight: 300;font-size: 14px;line-height: 17px;}
.window.loaded .step-bottom-text { transform: translateY(0px); opacity: 1; }
.inputs-bottom {width: 100%;max-width: 362px;position: relative;}
.input-bot {margin-bottom: 23px;}
.input-bot input {background: #FFFFFF;width: 100%;height: 72px;text-align: center;font: Normal 22px 'Montserrat', sans-serif;font-weight: 300;font-weight: 300;font-size: 21px;line-height: 25px;border: 1px solid #FFDE32;box-sizing: border-box;border-radius: 80px;}
.chekboxs {margin-bottom: 33px;}

.step-right {padding-top: 8px;width: 365px;}
.ti-sale { font-weight: 600; font-size: 22px; line-height: 27px; padding-bottom: 34px; position: relative; }
.ti-sale-2 { font-weight: 600; font-size: 40px; color: #FFAA2A; margin-bottom: 5px; }
.ti-sale-2 span { font-size: 22px; }
.ti-end-top:before { content: ''; position: absolute; left: -100%; width: 300%; border-top: 2px dashed rgba(219, 219, 219, 0.5); bottom: 13px; } .ti-end-top { position: relative; padding-bottom: 32px; } .step-right .test-info { padding: 21px 12px 18px; overflow: hidden; } .ti-sale:before { content: ''; position: absolute; left: -100%; width: 300%; border-top: 2px dashed rgba(219, 219, 219, 0.5); bottom: 15px; }
.ti-sale-1 { margin-bottom: 14px; }

.step-wrapper:before {content: '';position: absolute;background: url(../img/end-phone-big.png) no-repeat;background-size: 100% auto;width: 353px;height: 533px;left: -69px;top: -11px;}
.btn-send-test {width: 100%;margin-bottom: 40px;}
.input-phone { display: none; }
.windows[data-step="end"] + .creator { margin-top: 73px; }
.end-test .windows { transition: 0s; }
#test { transition: 0.2s ease; }
.container-shadow { background: #FFFFFF; box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.25); border-radius: 8px; }
#test .container-shadow {padding: 61px 41px 97px;position: relative;overflow: hidden;}
.end-test #test {padding-bottom: 185px;}
.step-left a.btn span { padding: 23px 19px; }
.step-title:before {content: '';position: absolute;left: -100%;width: 300%;border-top: 2px dashed rgba(219, 219, 219, 0.5);bottom: 41px;}

body.end-test-fast #test .container-shadow {overflow: visible;padding-bottom: 0px;}

.slider-text {text-align: center;display: none;height: auto;position: absolute;bottom: 14px;right: 212px;font-weight: 300;font-size: 18px;line-height: 40px;color: #fff;z-index: 1;}
.have-text .slider-text { display: block}
.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-text { padding: 23px 0 10px; }
#page .slider-title {font-weight: 500;text-transform: none;margin-bottom: 16px;}
#page .slider-mini { color: #46434F; font-weight: 300; font-size: 20px; line-height: 20px; }
.sldr { margin-bottom: 133px; position: relative; z-index: 1; }
.big-mini { content: ''; position: absolute; bottom: -84px; left: 0; right: 0; margin: auto; width: 79%; z-index: -1; }
.big-mini:after {content: '';position: absolute;top: 0;width: 100%;height: 100%;background: #CDDEE6;border-radius: 50%;} .big-mini:before {content: '';display: block;padding-bottom: 100%;}
.sldr[data-sldr="3"] .big-mini { bottom: -120px; }
#page .slider-second { font-size: 25px; line-height: 30px; margin-bottom: 42px; }
#page .slider-title + .slider-mini { margin-top: 31px; }
.sldr[data-sldr="3"]:before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 1px;background: #CDDEE5;}
.sldr[data-sldr="3"] { padding-top: 51px; margin-bottom: 154px; }
.sldr[data-sldr="2"] { margin-bottom: 141px; }
#page .slider-body:after { content: ''; position: absolute; right: -76px; top: -49px; width: 100px; height: 100px; background: url(../img/icon-title-this.svg) no-repeat; }

#circle {width: 118px;height: 118px;background: #fff;position: relative;border-radius: 50%;margin: 0 auto 19px;}
#circle:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/icon-good.svg) no-repeat center; transition: 0.3s; opacity: 0; }
#circle[data-load="100"]:before { transform: translateY(0px); opacity: 1; }
.progressbar-text { 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; }

.inputs-bottom:not(.can-send) .btn { opacity: 1; background: #FFEE98; color: #A2A1A7; box-shadow: 0px 4px 0px #FFE794; border: 1px solid #FFFA94; }

#windows[data-selected='styazhka'] .window[data-step="4"] .input.checkbox:nth-child(2) { order: 1; }
#windows[data-selected='styazhka'] .window[data-step="4"] .input.checkbox:nth-child(5) { order: 2; }
#windows[data-selected='styazhka'] .window[data-step="4"] .input.checkbox:nth-child(6) { order: 3; }
#windows[data-selected='styazhka'] .window[data-step="4"] .input.checkbox:nth-child(1) { order: 4; }
#windows[data-selected='styazhka'] .window[data-step="4"] .input.radio { order: 5; }

#page .container {position: relative;/* overflow: hidden; */padding: 42px 26px 40px;}
#page {position: relative;font-size: 20px;line-height: 24px;padding-bottom: 30px;z-index: 1;}



.blk-right {box-sizing: border-box;width: 334px;flex-basis: 334px;padding: 25px 27px 34px;background: #FFFFFF;box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.25);border-radius: 8px;}
.blk-form-wrapper {position: relative;display: flex;align-items: center;}
.blk-left {padding-right: 50px;position: relative;flex: 1 0;/* margin-bottom: 28px; */}
.blk-left-second { font-weight: 500; font-size: 25px; line-height: 25px; margin-bottom: 10px; }
.blk-left-list b { font-weight: 500; } .form-ttl {margin-bottom: 9px;text-align: center;font-weight: 600;font-size: 18px;line-height: 22px;}
.form-phone {font-style: normal;font-weight: 300;text-align: center;margin-bottom: 15px;font-size: 14px;line-height: 17px;}
.form-second { font-size: 15px; line-height: 18px; text-align: center; width: calc(100% + 10px); margin-left: -5px; margin-bottom: 19px; }
.form-input input {display: block;width: 100%;height: 100%;text-align: center;border: 1px solid rgba(70, 67, 79, 0.5);box-sizing: border-box;border-radius: 70px;box-sizing: border-box;font-family: 'Montserrat';font-style: normal;font-weight: 300;font-size: 16px;line-height: 19px;}
.form-input {margin-bottom: 17px;height: 55px;cursor: pointer;position: relative;} .form-btn a.btn {width: 100%;height: 100%;font-weight: 500;font-size: 16px;line-height: 20px;}
.form-btn a.btn > span {font-size: 16px;padding: 17px;}
.form-input.form-btn { margin-bottom: 0; }
/*.blk-left:before { content: ''; position: absolute; right: 110px; bottom: -111px; width: 149px; height: 148px; background: url(../img/icon-form-arrow.svg) no-repeat; }*/
.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 rgba(70, 67, 79, 0.5);border-radius: 70px;}
span.btn-span {border-radius: 70px;border: 1px solid #FFDE32;background: #fff;text-align: center;text-transform: uppercase;padding-top: 17px;position: relative;right: -1px;top: -1px;height: calc(100% + 2px);font-weight: 500;font-size: 14px;line-height: 17px;width: 116px;}
.form-file > * { display: inline-block; vertical-align: top; font-size: 14px; line-height: 16px; height: 100%; }
span.file-text {width: calc(100% - 116px);color: rgba(70, 67, 79, 0.5);text-align: center;padding-top: 17px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-style: normal;font-weight: 300;font-size: 14px;line-height: 17px;padding-left: 5px;}
span.file-text span { font-size: 12px; line-height: 12px; }


.money-text { font-size: 25px; line-height: 25px; background: #1e92fd; color: #fff; padding: 38px 32px 34px 29px; position: relative; border-radius: 6px; }
.money-1 { font-weight: bold; margin-bottom: 35px; position: relative; }
.sc-money { display: flex; align-items: center; margin-bottom: 120px; }
.money-icon { flex: 0 0 247px; width: 247px; height: 247px; background: #FFFFFF; border: 5px solid #1E92FD; border-radius: 50%; align-items: center; justify-content: center; display: flex; z-index: 1; }
.blk-form {margin-bottom: 116px;position: relative;background: #FFFFFF;box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.25);border-radius: 8px;padding: 41px 91px;}
.money-text:before {content: '';position: absolute;left: -70px;top: 0;height: 100%;width: 130px;background: #1e92fd;}
.money-2 { position: relative; }
.sc-money:after {content: '';position: absolute;bottom: -53px;left: 0;background: #CDDEE5;height: 1px;width: 100%;}
.select-file .file-text {color: #0d0d0d;padding: 20px 10px 0;}
.blk-left-title { font-weight: 600; font-size: 25px; line-height: 30px; margin-bottom: 19px; }
.blk-left-sub { font-weight: 500; font-size: 18px; line-height: 22px; margin-bottom: 25px; }
.blk-left-list {font-size: 16px;line-height: 20px;padding-left: 156px;position: relative;}
.blk-lst b { font-weight: 600; }
.blk-lst:not(:last-child) { margin-bottom: 21px; }
.blk-right .form-input { height: 45px; }
.blk-form a.btn > span { padding: 13px 16px; }

.blk-left-list img { position: absolute; left: -15px; top: -37px; }
.circle, .circle-down { position: absolute; left: -23px; top: -21px; width: 36px; height: 36px; background: #f99b34; border-radius: 50%; z-index: -1; }
.circle:before,
.circle:after,
.circle-down:before,
.circle-down:after {content: '';position: absolute;left: -4px;top: -4px;width: calc(100% + 8px);height: calc(100% + 8px);background: rgba(253, 197, 114, 0.4);border-radius: 50%;z-index: -1;}
.circle:after,
.circle-down:after { left: -8px; top: -8px; width: calc(100% + 16px); height: calc(100% + 16px); background: rgba(255, 222, 50, 0.25); }
.circle-down { position: absolute; right: -32px; bottom: -43px; top: auto; left: auto; width: 80px; height: 80px; }
.blki[data-open="shtukaturka"] .circle { right: -23px; top: -21px; left: auto; }
.blki[data-open="shtukaturka"] .circle-down { left: -32px; right: auto; bottom: -43px; }


.nz-blk .container-inner,
.blkn-form .container-inner,
.blk-form .container-inner {width: 100% !important;left: 0 !important;}


.blki-title { text-align: center; font-size: 24px; line-height: 125%; margin-bottom: 24px; }
.blki-title b { font-weight: bold; }
.blki-year { font-weight: 600; font-size: 30px; text-align: center; color: #FFAA2A; margin-bottom: 18px; }
.blki-border {font-weight: 600;font-size: 24px;line-height: 29px;text-align: center;margin-bottom: 44px;}
.blki-border span { display: inline-block; border: 8px solid #EBEBEC; border-radius: 8px; padding: 7px 29px 10px; }
.blki-item { font-size: 18px; line-height: 125%; position: relative; padding-left: 51px; margin-bottom: 43px; }
.blki-item:before {content: '';width: 36px;height: 36px;position: absolute;left: 0;top: -5px;border-radius: 50%;background: radial-gradient(50% 50% at 50% 50%, rgba(196, 196, 196, 0) 0%, #C4C4C4 100%);}
.blki-main {display: flex;align-items: flex-start;align-content:flex-start;} .blki-right {width: 411px;flex-basis: 411px;font-size: 0;border: 9px solid #EBEBEC;border-radius: 8px;background: #EBEBEC;position: relative;}
.blki-left { flex: 1 0; padding-right: 40px; } .blki-right img { display: block; }
.blk-form:after {content: '';position: absolute;left: 0;bottom: -72px;width: 100%;border-bottom: 2px dashed rgba(219, 219, 219, 0.5);}
.blki-item b { display: block; } .blki {margin-bottom: 128px;position: relative;}
.blki:not(.none) + .blki:before {content: '';position: absolute;left: 0;top: -49px;width: 100%;border-bottom: 2px dashed rgba(219, 219, 219, 0.5);}
.blki-item:nth-child(2):before { background: radial-gradient(50% 50% at 0% 50%, rgba(196, 196, 196, 0) 0%, #C4C4C4 100%); }
.blki-item:nth-child(3):before { background: radial-gradient(50% 50% at 88.89% 50%, rgba(196, 196, 196, 0) 0%, #C4C4C4 100%); }
.blki-item:nth-child(4):before { background: radial-gradient(48.61% 48.61% at 81.94% 84.72%, rgba(196, 196, 196, 0) 0%, #C4C4C4 100%); }
.blki-item:nth-child(5):before { background: radial-gradient(50% 50% at 0% 50%, rgba(196, 196, 196, 0) 0%, #C4C4C4 100%); }
.blki-item:nth-child(6):before { background: radial-gradient(50% 50% at 88.89% 50%, rgba(196, 196, 196, 0) 0%, #C4C4C4 100%); }
.blki-item:nth-child(7):before { background: radial-gradient(48.61% 48.61% at 81.94% 84.72%, rgba(196, 196, 196, 0) 0%, #C4C4C4 100%); }
.blki-item:nth-child(9):before { background: radial-gradient(50% 50% at 0% 50%, rgba(196, 196, 196, 0) 0%, #C4C4C4 100%); }


#page { display: none; }
body.end-test #page { display: block; }
body.close #page {position: absolute;top: calc(100% - 127px);left: 0;right: 0;margin: auto;animation: bottom 1.8s ease-in-out infinite;-webkit-animation: bottom 1.8s ease-in-out infinite;}
body.close #page .container > *:not(.page-title),
body.close #page .container:before { opacity: 0; visibility: hidden; pointer-events: none; }
.pti-close,
body.close img.pti-open { display: none; }
body.close img.pti-close {display: inline-block;position: relative;}
body.close #page .container {background: #E9E9E9;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);border-radius: 8px;}
body.close .page-title { color: #fff; }
body.close .page-title {margin-top: 3px;}
body.close .page-title-wrapper { color: rgba(70, 67, 79, 0.5); }
body.close .page-title-icon { top: -12px; }

@keyframes bottom { 0% { transform: translateY(-25px); opacity: 1; } 50% { transform: translateY(25px); opacity: 0.6; } 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; } }

@keyframes c { 0% { background-position: 0 0 } to { background-position: 22px 0 } }
@-webkit-keyframes c { 0% { background-position: 0 0 } to { background-position: 22px 0 } }

.open #page {opacity: 0;transform: translateY(60px);transition: 0.25s ease;position: relative;}
.open #test {position: absolute;left: 0;right: 0;}
.open-end #test {opacity: 0;}
body.open-end #page { opacity: 1; transform: translateY(0px); }



.page-title-text { font-size: 24px; line-height: 29px; display: inline-block; vertical-align: top; }
.page-title-icon {position: relative;top: -3px;padding-right: 23px;}
.page-title-wrapper {text-align: center;margin-bottom: 28px;}
.page-title-text span { display: none; }
.open .page-title-text span { display: inline; }
body:not(.open) .page-title-text br { display: none; }



.text-1 {display: flex;max-width: 909px;margin: 0 auto 81px;align-items: flex-start;align-content:flex-start;}
.profile {width: 263px;padding: 11px 12px;margin-right: 61px;text-align: center;background: #FFFFFF;border: 1px solid rgba(219, 219, 219, 0.5);border-radius: 8px;}
.text-1-text {line-height: 20px;margin-bottom: 35px;font-size: 16px;}
.txt-2 {font-weight: 300;margin-bottom: 37px;}
.text-blk form { z-index: 1; position: relative; }
.text-blk {position: relative;text-align: center;padding: 28px 38px 28px;background: #FFFFFF;box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.25);border-radius: 8px;font-size: 16px;line-height: 20px;color: #5F5F61;}
.profile-name {font-size: 20px;line-height: 24px;margin-bottom: 8px;font-weight: 600;}
.profile-text {font-style: normal;font-weight: 300;font-size: 14px;line-height: 18px;margin-bottom: 23px;}
.txt-1 { font-weight: 600; }
.txt-3 span { color: #2E2AFF; }
.photo { margin-bottom: 17px; }
.text-blk-1 {margin-bottom: 11px;}
.text-blk-2 {font-size: 14px;line-height: 20px;}
.text-blk .test-two-items {max-width: 342px;padding: 0;margin: 0 auto 21px;}
.text-1-blk {display: flex;flex-direction: column;flex: 1 0;
/* or 125% */color: #5F5F61;padding-top: 25px;}
.text-blk-input input {width: 100%;height: 100%;text-align: center;border: 1px solid rgba(70, 67, 79, 0.5);box-sizing: border-box;border-radius: 80px;}
.text-blk-input {height: 40px;display: inline-block;max-width: 240px;}
.text-blk-btn input {line-height: 17px;text-transform: uppercase;color: #5F5F61;transition: 0.2s;background: #FFDE32;border: 1px solid #FFDE32;box-sizing: border-box;border-radius: 80px;font-weight: 600;font-size: 14px;}
.text-blk-input:not(.text-blk-btn) input { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-size: 14px; line-height: 17px; }
.text-blk-3 {display: flex;margin-bottom: 16px;justify-content: center;}
.text-blk-btn { margin-left: 12px; width: 172px; flex-basis: 172px; }
.text-blk-input:not(.text-blk-btn) {flex: 1 0;}
.text-blk-btn input:hover {background: #ffde3263;border: 1px solid #ffde3263;}


.stoimost-title { font-weight: 600; font-size: 28px; line-height: 125%; text-align: center; margin-bottom: 35px; }
.table {max-width: 908px;margin: 0 auto;text-align: center;background: #FFFFFF;box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.25);border-radius: 8px;color: #000;min-width: 540px;}
.table-line {display: flex;justify-content: space-between;font-size: 14px;line-height: 17px;}
.table-line-head {background: #FFAA2A;border-radius: 8px;font-weight: 600;color: #fff;font-size: 18px;}
.table-col {width: 30%;display: flex;justify-content: space-between;border-right: 1px solid rgba(219, 219, 219, 0.5);padding: 8px 0 6px;}
.table-line-head .table-col { padding: 12px 0 9px; }
.table-col:nth-child(1) { width: 26%; }
.table-col:nth-child(3) { width: 36%; }
.table-col:nth-child(2) { width: 36%; }
.table-line:last-child .table-col { padding-bottom: 18px; }
.table-col:last-child { border: 0; }
.table-col:nth-child(2) { width: 40%; }
.gr { color: #7C7373; text-decoration: line-through; }
.table-col2 { width: 50%; }
.table-col1 { width: 100%; }
.table-line:not(.table-line-head):not(:last-child) { border-bottom: 1px solid rgba(219, 219, 219, 0.5); }
.table-line:not(.table-line-second) .table-col2:nth-child(2) { color: #2E2AFF; }
.table-line-second .table-col { padding-top: 27px; }
.stoimost { margin-bottom: 64px; }

.lists-main {max-width: 908px;margin: 0 auto 68px;}
.lists-title { font-weight: 600; font-size: 25px; line-height: 30px; margin-bottom: 21px; }
.lists-bottom { font-weight: 600; color: #FFAA2A; }
.list { margin-bottom: 9px; }
.lists-body { margin-bottom: 16px; }
.list span { opacity: 0; }


.soc-lines a {display: inline-block;background-color: #FFAA2A !important;width: 54px;height: 54px;border-radius: 50%;margin-right: 13px;transition: 0.3s;}
.soc-lines {font-size: 0;margin-bottom: 81px;}
.soc-lines a:last-child { margin: 0; }
.soc-lines a:hover { opacity: 0.6; }
.soc-txt {font-style: normal;margin-bottom: 34px;font-weight: 600;font-size: 25px;line-height: 30px;}
.soc {text-align: center;margin-top: 162px;margin-bottom: 118px;}
.soc-bot-txt {font-weight: 300;margin-bottom: 25px;font-size: 16px;line-height: 20px;}
.soc .btn span {padding: 21px 37px;font-weight: 600;font-size: 18px;line-height: 22px;}
.soc .btn { font-size: 22px; line-height: 27px; }

.soc-lines a {background: url(../img/icon-fb.svg?v=1) center no-repeat;}
a.icon-yt { background-image: url(../img/icon-yt.svg); }
a.icon-vk { background-image: url(../img/icon-vk.svg); }
a.icon-inst { background-image: url(../img/icon-inst.svg); }
a.icon-odnl { background-image: url(../img/icon-odnk.svg); }
.open-end .soc-txt,
.open-end .soc-lines { display: none; }

#modal-1 .modal__container {max-width: 940px;max-height: 100vh;padding: 0;position: relative;}
#thanks-number .modal__container { min-width: 310px; min-height: 160px; }

body .modal__close { right: 8px; top: 8px; width: 25px; height: 24px; }
body .modal__close:before, body .modal__close:after {background: #D69853;}
.mdl-form { padding: 55px 71px 70px; }
.mdl-form-wrapper { display: flex; align-items: center; }
.mdl-right { width: 354px; box-shadow: 0px 0px 18.8451px rgba(0, 0, 0, 0.1); padding: 36px 36px; border-radius: 2px; }
.mdl-right .form-input { margin-right: 0; }
.mdl-left { flex: 1 0; } .mdl-left-title { font-size: 25px; margin-bottom: 21px; line-height: 31px; margin-right: 70px;}
.mdl-left-second { font-size: 18px; line-height: 21px; margin-bottom: 12px; }
.mdl-left-list { font-weight: 300; font-size: 16px; line-height: 19px; }
.mdl-left-list span { display: block; margin-bottom: 10px; }
.mdl-right .form-ttl { font-size: 20px; line-height: 18px; margin-bottom: 16px; }
.mdl-right .form-phone { font-weight: 300; font-size: 15px; line-height: 18px; margin-bottom: 24px; }
.form-second { font-weight: 300; font-size: 12px; line-height: 14px; width: 100%; }
.form-str {font-weight: 300;font-size: 12px;line-height: 14px;color: rgba(70, 67, 79, 0.5);margin: -4px 0 21px 0;}


@media (max-width: 1110px) {
    h1 {font-size: 35px;line-height: 47px;margin-bottom: 32px;}
    label.input { width: calc(50% - 12px); }
    label.input-img-have { margin-bottom: 28px; }
    .window-right { width: 352px; }
    .window-left { margin-right: 24px; }
    .step-right { width: 360px; }

    .test-title { font-size: 28px; line-height: 35px; }
    .window-title {font-size: 27px;}
    .window-second { font-size: 15px; margin-bottom: 27px; }
    .window-content { margin-bottom: 34px; margin-top: 82px; }
    .window-content:before { top: -46px; }
    .input-text { font-size: 15px; line-height: 18px; }

    .step-title { font-size: 24px; }
    .form-title { font-size: 20px; }
    .radio-text { font-size: 17px; }

    .h1-mini { font-size: 20px; line-height: 22px; }
    .lsts { max-width: 620px; }
    .lst:nth-child(2n - 1) { width: 345px; }
    body { font: Normal 15px 'Montserrat', sans-serif; }
    .lst:before { top: 1px; }
    .lst { margin-bottom: 32px; }
    .btn-text { font-size: 21px; line-height: 26px; }
    .main-items-title { font-size: 30px; line-height: 37px; margin-bottom: 20px; }
    .main-items-second { font-size: 23px; line-height: 25px; margin-bottom: 59px; }
    .item-num { font-size: 22px; padding-top: 8px; }
    a.phone { font-size: 22px; line-height: 25px; }
    .header-right {padding-top: 33px;}
    .header-tabs { padding-top: 55px; }
    .phone-text { font-size: 15px; line-height: 19px; }
    .mn-items[data-count="5"] .item:nth-child(2) .item-name br { display: none; }

    .soc .btn span { padding: 19px 28px; }
    .soc .btn { font-size: 18px; line-height: 19px; }
    .soc-txt { font-size: 20px; line-height: 25px; }
    .soc-lines { margin-bottom: 68px; }
    .blk-form {margin-bottom: 122px;padding: 44px 39px 48px;}

    .step-right { width: 300px; }

    .blki-right { width: 340px; flex-basis: 340px; }
    .blki-item { font-size: 17px; }
    .blki-border { font-size: 21px; line-height: 29px; }
    .blki-title { font-size: 22px; }
    .blki-year { font-size: 26px; }

    .blki { margin-bottom: 84px; }
    .soc { margin-top: 112px; }
}
@media (max-width: 1020px) {
    .main-right { position: absolute; right: -100px; }
    #main { overflow: hidden; position: relative; }
    .step-right {width: 240px;flex-basis: 240px;}

    #page .container { padding: 29px 26px 40px; }
    body.close .page-title { margin-top: 12px; }
    body { font: Normal 14px 'Montserrat', sans-serif; }
    .background {transform: scale(0.8);width: 200%;left: -40%;margin-top: -30px;}
    body[data-tab="styazhka"] .background {margin-top: -65px;}

    #page .container-inner { left: 0; width: 100%; }
    .blk-form { left: 0; width: 100%; }

    .header-tabs a:first-child { margin-right: 21px; }
    a.phone { font-size: 19px; line-height: 22px; }
    .phone-text { font-size: 13px; line-height: 17px; }
    .header-tabs { font-size: 14px; line-height: 16px; padding-top: 50px; }
    .logo img { width: 147px; } h1 {font-size: 30px;line-height: 39px;margin-bottom: 32px;}
    .h1-mini { font-size: 18px; line-height: 21px; }
    .lst:nth-child(2n - 1) {width: 291px;margin-right: 10px;}
    .lsts { max-width: 580px; }
    .lst:nth-child(2n -1) br { display: none; }
    .btn-text { font-size: 18px; line-height: 24px; margin-bottom: 29px; margin-top: 12px; }
    a.btn span { padding: 16px 34px; }
    .main-items-title { font-size: 24px; line-height: 33px; margin-bottom: 10px; }
    .main-items-second { font-size: 19px; line-height: 25px; margin-bottom: 55px; }

    .test-title { font-size: 23px; line-height: 30px; margin-bottom: 36px; }
    #test .container-shadow { padding: 42px 28px 67px; }
    .window-title { font-size: 25px; }
    .window-second { font-size: 14px; margin-bottom: 24px; }
    .window-content { margin-top: 67px; }
    .window-content:before { top: -39px; }
    label.checkbox .input-icon { width: 32px; height: 32px; top: 22px; }
    .input-img-have .input-text { margin-left: 61px; }
    .input-text { font-size: 14px; line-height: 16px; }
    .input-icon { width: 28px; height: 28px; }

    .stoimost-title { font-size: 23px; }
    .table-line { font-size: 13px; }
    .table-line-head { font-size: 16px; }
    .table-line-second .table-col { padding-top: 19px; }

    .ti-sale-2 { font-size: 36px; }
    .ti-sale {font-size: 19px;line-height: 21px;}
     .window-rg-wrapper { font-size: 12px; }
     .window-rg { padding: 6px 7px; }
}

@media (max-width: 985px) {
    .blk-left-title { font-size: 22px; line-height: 26px; margin-bottom: 17px; }
    .blk-left-sub { font-size: 16px; line-height: 20px; margin-bottom: 24px; }
    .blk-left-list { font-size: 14px; line-height: 20px; padding-left: 119px; }
    .blk-left-list img { max-width: 130px; top: -23px; }
    .blk-form .form-ttl { font-size: 16px; line-height: 21px; }
}

@media (max-width: 940px) {
    .step-left { padding-left: 190px; }
    .slider-title { font-size: 30px; line-height: 36px; }
    .slider-second { font-size: 22px; margin-bottom: 11px; }
    .slider-body { width: 100%; }
    .steps-bar-line { font-size: 18px; line-height: 24px; }
    .steps-bar {width: 530px;height: 44px;margin: 0 auto 38px;}

    .item-name { font-size: 13px; line-height: 16px; }

    .test-data-have .window-left-wrp { width: 50%; flex: none; }
    .input-txt { padding: 17px 0 16px; }
    label.input {min-height: 48px;}
    .input-default input { height: 48px; }
    .step-blk { width: 50%; }

    .window-right { width: 290px; }
    .window-left { margin-right: 18px; }
    label.input { width: calc(50% - 8px); }
    .input-icon { width: 22px; height: 22px; }
    .input-img-have .input-text {margin-left: 54px;}
    .input-text { margin-left: 55px; }
    .window-btns a.btn > span { padding: 19px 17px; }
    .window-btns a.prev-step > span { padding: 18px 17px; }

   label.checkbox .input-icon { width: 28px; height: 28px; top: 15px; }
   input[type='checkbox']:checked + .input-icon:before,
   input[type='checkbox']:checked + * > .input-icon:before,
   input[type='checkbox']:checked + * + * > .input-icon:before { background-size: 57%; }
   .input-img-have .input-txt { min-height: 64px; }

    .mdl-left-second { display: none; }
    .mdl-left-list { display: none; }
    .mdl-left-title { margin: 0; font-size: 20px; line-height: 25px; margin-bottom: 16px; }
    .mdl-form-wrapper { display: block; text-align: center; }
    .mdl-form { padding: 41px 40px 50px; }
    .mdl-right {box-shadow: none;padding: 0;max-width: 100%;} .modal .form-ttl {display: none;}


    #need_design .modal__container { width: 731px !important; padding: 42px 46px; }
    .mdd-big { font-size: 23px; }
    .mdd-4 > * { height: 63px; }
    #need_design .modal__container:before { width: 390px; background-size: 100% auto; right: -104px; top: 1px; }
    .mdd-title { margin-bottom: 40px; }
    .mdd-4 .form-btn a.btn > span { padding: 19px 0; font-size: 18px; }

    span.page-title-icon { left: 0; top: 0; }
    .page-title-wrapper {display: flex;text-align: left;align-items: center;margin-bottom: 38px;}
    .page-title-text { flex: 1 0; }
    span.page-title-icon img { max-width: 40px; }

    .text-1 {max-width: none;}
    .profile { margin-right: 32px; }

    .step-wrapper:before { width: 283px; }
    .step-title { font-size: 22px; }

    body.close img.pti-close { top: 0; }
    body.close .page-title-icon { top: 0; }
    body.close .page-title { margin-top: 1px; }

    .blki-title { font-size: 20px; margin-bottom: 15px; }
    .blki-year { font-size: 22px; }
    .blki-border { font-size: 18px; line-height: 24px; }
    .blki-border span { padding: 7px 17px 8px; }
    .blki-item { font-size: 15px; padding-left: 45px; margin-bottom: 30px; }
    .blki-item:before { width: 32px; height: 32px; }
    .blki-right { width: 310px; flex-basis: 310px; }
}
@media (max-width: 920px) {
    .h1-sub { font-size: 22px; line-height: 25px; }
    a.btn span {padding: 16px 30px;} a.btn {font-size: 17px;line-height: 20px;min-width: 232px;}

    body[data-tab="styazhka"] .background {margin-top: -73px;}

    .mn-items[data-count="5"] .item { width: calc((100% - 20px) / 3); }
    .mn-items[data-count="5"] .item:nth-child(3) { margin-right: 0; }

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

    .step-title { font-size: 24px; line-height: 125%; }
    .form-title { margin-bottom: 25px; font-size: 20px; }
    .radio-text { font-size: 17px; margin-top: 2px; }
    .input-bot input { height: 60px; }
    .step-left a.btn span {padding: 20px 19px;font-size: 18px;}
    #circle { transform: scale(0.7); margin-bottom: 0; }

    .soc-txt { font-size: 18px; line-height: 22px; margin-bottom: 24px; }
    .soc-lines { margin-bottom: 36px; }
    .soc-bot-txt { font-size: 16px; line-height: 18px; margin-bottom: 19px; }
    a.btn.prev-step { font-size: 16px; line-height: 11px; }
    #page .creator { margin-top: 72px; }

    .text-1-text { font-size: 15px; }
    .text-1-blk { padding-top: 18px; }
    .text-blk-1 { font-size: 14px; }
}
@media (max-width: 900px) {
    .header-tabs { display: flex; flex-direction: column; align-items: center; padding-top: 33px; font-size: 13px; }
    .header-tabs a:first-child { margin: 0 0 14px 0; }
    .logo { margin-top: 32px; }
    header#header { padding: 0 0 45px; }
    .window-right { width: 260px; }
    .test-title { font-size: 21px; line-height: 26px; margin-bottom: 30px; }
    .step-title { font-size: 22px; }
    .form-title { margin-bottom: 21px; font-size: 18px; }
    .radio-text { font-size: 16px; margin-top: 2px; }

    .input-text-mini br { display: none; }
    .input-text-mini { white-space: normal; }
}
@media (max-width: 840px) {
    .stoimost-title { font-size: 20px; }
    .lists-title {font-size: 18px;margin-bottom: 14px;line-height: 25px;}
    .lists-main {font-size: 16px;}
    .list {margin-bottom: 5px;}
}
@media (max-width: 820px) {
    .test-title { font-size: 24px; line-height: 30px; margin-bottom: 33px; }
    .steps-bar { margin: 0 auto 43px; }
    .window-title { font-size: 24px; line-height: 30px; }

    .window[data-step="end"] .step-right { display: none; }
    .mdl-right .form-input:not(.form-btn) {margin-right: 0;}

    .hmn-right { width: 243px; }
}
@media (max-width: 800px) {
    #mobile-header a.phone {margin-top: 1px;}
    #mobile-header .mobile-right { margin-top: 25px; }
    h1 { font-size: 28px; line-height: 34px; margin-bottom: 18px; }
    .h1-sub { font-size: 18px; line-height: 22px; }
    .lst:nth-child(2n - 1) { width: 273px; margin-right: 8px; }

    .logo img { width: 124px; }
    a.phone { margin-bottom: 3px; }
    .header-tabs a:first-child { margin: 0 0 10px 0; }
    .header-tabs {padding-top: 32px;}
    #main { padding-bottom: 50px; }

    .profile { margin-right: 26px; width: 243px; }

    .blk-right { width: 305px; flex-basis: 305px; padding: 24px 28px 33px; }
    .form-input input { font-size: 15px; line-height: 17px; }
    .form-btn a.btn > span { font-size: 15px; padding: 13px; }
    .form-input { height: 45px; }
    .blk-form {padding: 40px 27px 45px;margin-bottom: 117px;}

    span.file-text, span.file-text + span.btn-span { padding-top: 13px; }

    .background {transform: scale(0.7);width: 200%;left: -40%;margin-top: -63px;}
    body[data-tab="styazhka"] .background {margin-top: -110px;}

    .text-blk { padding: 28px 18px 28px; }
    .text-blk-3 { display: block; }
    .text-blk-input { width: 100% !important; margin: 0; }
    .text-blk-input:not(.text-blk-btn) { margin-bottom: 18px; }

    .blki-title { font-size: 18px; }
    .blki-year { font-size: 20px; }
    .blki-border { font-size: 16px; line-height: 24px; }
    .blki-right { width: 250px; flex-basis: 250px; border-width: 6px; }
    .circle, .circle-down { transform: scale(0.7); }
}
@media (max-width: 768px) {
    .h1-mini { font-size: 16px; line-height: 20px; } h1 {font-size: 26px;line-height: 32px;margin-bottom: 22px;}
    .btn-text { font-size: 16px; line-height: 22px; margin-bottom: 24px; margin-top: 7px; }
    body { font: Normal 13px 'Montserrat', sans-serif; }
    .lst:nth-child(2n - 1) { width: 257px; margin-right: 10px; }
    .main-items-title { font-size: 22px; line-height: 30px; margin-bottom: 8px; }
    .main-items-second { font-size: 17px; line-height: 24px; margin-bottom: 40px; }
    .item-num { font-size: 20px; padding-top: 5px; width: 36px; height: 36px; top: -16px; }

    .test-title { font-size: 22px; line-height: 27px; margin-bottom: 27px; }
    .steps-bar { margin: 0 auto 33px; width: 482px; height: 36px; padding: 5px; }
    .steps-bar-line { font-size: 16px; line-height: 22px; }
    .window-title { font-size: 22px; line-height: 25px; }
    .window-second { font-size: 15px; }

    .window-right { display: none; }

    .window-btns { position: fixed; bottom: 0; left: 0; height: 57px; width: 100%; z-index: 2; transform: translateY(100%); transition: 0.25s; }
    .view-btn .window-btns { transform: translateY(0); }
    .window { transform: none !important; }
    .window-btns .window-left { margin: 0; }
    .window-btns a.btn {height: 100%;border-radius: 0;width: 100%;box-sizing: border-box;min-width: auto;}
    a.next-step { border: 0 !important; border-top: 1px solid #ffde32 !important; }
    .window-btns > * { height: 100%; width: 50%; }
    .window-btns a.btn > span {font-size: 14px;line-height: 21px;padding: 17px 0 0 0;height: 100%;}
    .window[data-step="1"] .window-btns > * { width: 100%; }
    .window-btns .window-left { margin: 0 !important; }
    .window:not(.can-next) .next-step {opacity: 1;background: #FFEE98;color: #A2A1A7;box-shadow: 0px 4px 0px #FFE794;border: 1px solid #FFFA94;}

    #test { padding-bottom: 88px; }
    .window-left { margin-right: 0; }
    .page-title-text { font-size: 20px; line-height: 23px; }

    .profile-name { font-size: 18px; line-height: 22px; }
    .profile-text { font-size: 13px; line-height: 17px; margin-bottom: 16px; }
    .photo { margin-bottom: 14px; }

    .blki-item { font-size: 13px; padding-left: 40px; margin-bottom: 22px; }
    .blki-item:before { width: 28px; height: 28px; }
    .blki-title { font-size: 17px; }
    .blki-border span { border-width: 6px; padding: 6px 14px 7px; }
    .blki { margin-bottom: 95px; }
    .soc {margin-top: 82px;margin-bottom: 98px;}
    .soc-txt { font-size: 17px; }
}

@media (max-width: 740px) {
    .mn-items[data-count="4"] .item { width: calc((100% - 10px) / 2); }
    .mn-items[data-count="4"] .item:nth-child(2) { margin-right: 0; }
    .blki-right { width: 210px; flex-basis: 210px; }
}

@media (max-width: 625px) {
    h1 {margin-bottom: 25px;font-size: 22px;line-height: 24px;}
    .h1-sub { font-size: 13px; line-height: 16px; margin-bottom: 17px; }
    a.btn {min-width: 226px;font-weight: 600;font-size: 14px;line-height: 17px;}

    .background {left: -50%;margin-top: -83px;}
    body[data-tab="styazhka"] .background { margin-top: -110px; transform: scale(0.6); left: -52%; }

    .line { border-width: 1px; }
    .line-1 { left: 146px; }
    .line-4 { left: 199px; }
    .line-3 { left: 169px; }
    .line-5 { left: 250px; }
    .line-left { left: 36px; }



    #mobile-header .mobile-right { margin-top: 15px; }
    .header-tabs {position: absolute;background: #fff;left: 0;top: 0;box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);font-size: 14px;line-height: 16px;padding: 77px 35px 66px 34px;z-index: 1;opacity: 0;visibility: hidden;pointer-events: none;transition: 0.25s ease;transform: translate(-10px, 0px);}
    .header-tabs-menu { display: block; width: 59px; height: 63px; position: absolute; left: 0; top: 0; background: url(../img/icon-burger.svg) center no-repeat; cursor: pointer; }
    #header .container { padding-left: 59px; }
    .header-tabs a { max-width: 160px; } .header-tabs a span { border: 0; }
    .header-tabs a.active { text-decoration: line-through; }
    .header-tabs a:first-child { margin: 0 0 30px 0; }
    .header-tabs-close { display: block; width: 53px; height: 61px; position: absolute; right: 0; top: 0; background: url(../img/icon-close.svg) center no-repeat; cursor: pointer; }
    .open-brgr .header-tabs { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(0px, 0px); }
    header#header { background: #F0F0F3; }
    .logo img { width: 66px; }
    a.phone { font-size: 16px; line-height: 20px; }
    .phone-text span:before { left: -9px; width: 4px; height: 4px; top: 4px; }
    .header-right { padding-top: 16px; } .logo {margin-top: 21px;left: 59px;}
    header#header {padding: 0 0 25px;margin-bottom: 22px;z-index: 3;}
    .h1-mini { font-size: 14px; line-height: 16px; margin-bottom: 13px; }
    .lst:before { width: 25px; height: 25px; }
    .lst { font-size: 12px; line-height: 125%; margin-bottom: 12px; }
    .lsts { flex-direction: column; }
    .btn-text { font-size: 14px; line-height: 17px; margin-bottom: 24px; margin-top: 17px; }
    .main-items-title { font-size: 20px; line-height: 24px; margin-bottom: 17px; }
    .main-items-second {font-size: 16px;line-height: 18px;margin-bottom: 25px;}
    #main { padding-bottom: 69px; }
    .item:nth-child(1) .item-img { margin: -60px 0 -50px; height: 120%; position: relative; top: -20px; }
    .item:nth-child(1) .item-img img { max-height: 100%; }
    .item-num {font-size: 15px;width: 22px;height: 22px;top: -11px;padding-top: 1px;}
    .item-num:before, .item-num:after { left: -3px; top: -3px; width: calc(100% + 6px); height: calc(100% + 6px); }
    .item-num:after { left: -6px; top: -6px; width: calc(100% + 12px); height: calc(100% + 12px); }
    .item-name { font-size: 9px !important; line-height: 11px !important; }
    .item { padding: 17px 6px 9px 6px !important; margin-right: 8px; margin-bottom: 28px; }
    .mn-items[data-count="5"] .item { width: calc((100% - 16px) / 3); }
    a.btn span {padding: 13px 20px;}

    .step-wrp { padding: 0; }
    label.input.radio { box-shadow: 0px 0px 3.75172px rgba(0, 0, 0, 0.25); }

    .container-shadow { box-shadow: none; }
    #interactive { box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.25); background: #FFFFFF; }
    #test .container-shadow { padding: 33px 0px 16px; overflow: visible; background: transparent; }
    #main-items { margin-bottom: 9px; }
    label.input-img-have { box-shadow: 0px 0px 3.75172px rgba(0, 0, 0, 0.25); }
    .window-content:before { top: -26px; border-top: 1px dashed rgba(219, 219, 219, 0.5); }
    label.checkbox .input-icon {width: 18px;height: 18px;border-radius: 4px;top: 0;bottom: 3px;margin: auto;}
    .input-img-have .input-text { margin-left: 34px; }
    .input-img-have .input-txt { min-height: 57px; padding: 0 0 2px; }
    .step-left .input-bot input { font-weight: 300; font-size: 18px; height: 60px; }

    .container { padding: 0 16px; }
    .phone-text {font-size: 10px;line-height: 12px;}
    .test-title {margin-bottom: 15px;font-size: 14px;line-height: 17px;}
    .slider-body { padding-bottom: 0 !important; }
    .window-title {margin-bottom: 4px;font-weight: 600;font-size: 18px;}
    .window-second {margin-bottom: 13px;font-size: 12px;line-height: 125%;}
    .steps-bar {height: 23px;padding: 2px;max-width: 90%;margin: 0 auto 33px;width: 380px;}
    .steps-bar-line {font-size: 12px;line-height: 10px;padding-top: 4px;}
    .window-content {margin-top: 44px;margin-bottom: 22px;}
    label.input { width: calc(50% - 4px); }
    .input-img { padding: 4px 5px; }
    .input-text { font-size: 12px !important; line-height: 14px; }
    .input-icon {width: 16px;height: 16px;left: 10px;}
    .input-icon:before { width: 10px; height: 10px; }
    label.input-img-have { margin-bottom: 18px; }
    .window-left { margin: 0; }
    .creator-left {font-size: 12.6111px;line-height: 140%;display: block;text-align: center;margin-bottom: 9px;}
    .creator-right a { font-size: 12px; line-height: 14px; }
    .creator {display: block;margin-top: 22px;}
    .creator-right { text-align: center; }
    .creator-text {margin-bottom: 16px;}
    #mobile-header .container {padding-bottom: 21px;}
    .mdl-left-title { font-size: 16px; line-height: 19px; }
    label.input.radio.input-img-have .input-text { margin-left: 34px; font-size: 12px !important; line-height: 14px; }
    label.input.radio .input-text {font-size: 12px !important;line-height: 19px;margin-left: 34px;}
    label.input.radio .input-icon { left: 12px; }
    label.input.radio { min-height: 45px; margin-bottom: 17px; }
    .input-txt { padding: 12px 0 13px; }
    .checkbox-text .input-text { margin-left: 36px; }
    .checkbox-text textarea {min-height: 55px;padding: 13px 10px 0 0;font-size: 12px !important;}
    .input-placeholder { top: 13px; }
    .input-default input {padding: 0 15px 0 34px;font-size: 12px !important;line-height: 18px;}
    label.input.radio:not(.input-img-have) + .checkbox-text .input-text { font-size: 16px !important; line-height: 19px; margin-left: 39px; }
    label.input.radio:not(.input-img-have) + .checkbox-text textarea { padding: 12px 0 13px; font-size: 16px !important; line-height: 19px; }
    label.input { margin-bottom: 17px; }

    .input-bot { margin-bottom: 17px; }
    .form-title {font-size: 16px;margin-bottom: 22px;}
    .radio-text { font-size: 14px; margin-top: 5px; }
    .chekboxs label {margin-bottom: 13px;}
    .step-title {font-size: 18px;margin-bottom: 23px;width: calc(100% + 32px);left: -16px;padding-left: 16px;padding-right: 16px;padding-bottom: 32px;}
    .input-text-mini {margin-bottom: 202px;font-size: 12px;line-height: 130%;margin-left: 0;}
    .step-left { padding: 0; max-width: 360px; margin: 0 auto; }
    .step-wrapper:before {left: 0;right: 0;margin: auto;width: 220px;z-index: -1;top: 206px;}
    .step-wrapper { padding-bottom: 14px; }
    #circle {transform: scale(0.62);margin-top: 1px;margin: 0 auto 7px;}
    .btn-send-test { margin: 0; }
    .step-bottom-text {margin: -15px 0 0 0;font-size: 12px;line-height: 15px;}
    .windows[data-step="end"] + .creator {margin-top: 17px;}
    .input-bot input { height: 56px; font-size: 16px; }
    .step-left a.btn {font-size: 16px;margin-bottom: 12px;}
    #test {padding-bottom: 97px;}
    .step-blk { width: 36%; }
    .test-data-have .window-left-wrp { width: 64%; margin-right: 13px; }

    #page .container {padding: 40px 16px 23px;}

    .step-title:before { border-top: 1px dashed rgba(219, 219, 219, 0.5); bottom: 3px; }
    .window[data-step="end"] { margin-top: -4px; }
    .chekboxs { margin-bottom: 9px; }
    .chekboxs label:last-child { margin: 0; }

    .page-title-wrapper {font-size: 14px;line-height: 16px;margin-bottom: 14px;}
    .page-title-text {font-size: 14px;line-height: 18px;padding-right: 16px;}
    span.page-title-icon img { max-width: 20px; }
    .text-1 {display: block;margin-bottom: 47px;}
    .profile {margin: 0 auto;width: 40%;min-width: 156px;}
    .profile-name {font-size: 14px;line-height: 17px;margin-bottom: 7px;}
    .profile-text {margin-bottom: 15px;font-size: 12px;line-height: 14px;padding: 0 10px;}
    .photo img { display: block; } .photo {margin-bottom: 20px;}
    .profile { padding: 8px 8px; margin-bottom: 27px; }
    .text-1-text {margin-bottom: 40px;font-size: 14px;line-height: 18px;}
    .text-blk {padding: 24px 23px 13px;background: #fff;max-width: 330px;margin: 0 auto;}
    .text-blk-3 {max-width: 450px;margin: 0 auto 14px;}
    .text-blk-1 {font-size: 12px;line-height: 18px;}
    .text-blk-2 {margin-bottom: 14px;font-size: 12px;line-height: 16px;}
    .text-blk span.test-t-img img { width: 86px; }
    .test-t-img span { display: none; }
    span.test-t-txt { font-size: 11px; line-height: 13px; }
    .test-t-itm { line-height: 11px; }

    .text-blk-btn input {font-size: 14px;line-height: 17px;}
    .text-blk-input {height: 40px;width: 50%;}
    .text-blk-btn {width: 50%;}
    .text-1-blk {padding-top: 4px;}
    .txt-2 { margin-bottom: 18px; }

    .soc-txt { font-size: 14px; line-height: 17px; margin-bottom: 16px; }
    .soc-bot-txt { font-size: 12px; line-height: 14px; margin-bottom: 14px; }
    .soc-lines { margin-bottom: 23px; }
    .soc a.btn.prev-step { font-size: 14px; line-height: 17px; width: 100%; max-width: 290px; }
    .soc .btn span { padding: 14px 28px; }
    #page .creator {margin-top: 37px;}

    body.close #page .container {padding: 33px 16px 30px;border-radius: 0;}
    body.close #page {top: calc(100% - 87px);left: 0;width: 100%;}
    .end-test #test { padding-bottom: 155px; }
    span.file-text {padding-top: 12px;} span.btn-span { padding-top: 11px; } .select-file .file-text { padding: 10px 10px 0; }
    .blk-form-title { font-size: 18px; line-height: 22px; margin-bottom: 25px; }
    .blk-left-title {font-size: 16px;line-height: 20px;margin-bottom: 12px;}
    .blk-left { padding: 0; max-width: 320px; margin: 0 auto 30px; }
    .blk-form-wrapper { display: block; }
    .blk-lst { margin-bottom: 10px; } .blk-right {margin: 0 auto;padding: 21px 20px 28px;max-width: calc(100% - 36px);}
    .form-btn a.btn > span { font-size: 12px; line-height: 15px; }
    .form-input {height: 33px !important;margin-bottom: 12px;}
    .form-phone {margin-bottom: 19px;font-size: 10px;line-height: 12px;}
    .blk-form {padding: 22px 0 26px 0;margin-bottom: 82px;}

    .form-big .form-phone { font-size: 12px; line-height: 14px; margin-bottom: 25px; }

    .table-line { font-size: 12px; line-height: 15px; }
    .table-line-second .table-col { padding-top: 14px; padding-bottom: 9px; }
    .table-line-head { font-size: 14px; line-height: 17px; }


    .stoimost-title { font-size: 18px; line-height: 125%; margin-bottom: 21px; }
    .stoimost { margin-bottom: 47px; }
    .lists-title { font-size: 18px; line-height: 22px; margin-bottom: 9px; }
    .lists-main {font-size: 14px;line-height: 18px;padding-top: 8px;margin-bottom: 42px;}
    .list { margin-bottom: 8px; }
    .lists-body { margin-bottom: 15px; }

    .blki-title { font-size: 12px; line-height: 125%; margin-bottom: 10px; }
    .blki-year { font-size: 14px; line-height: 17px; margin-bottom: 21px; }
    .blki-border { font-size: 11px; line-height: 13px; }
    .blki-border span { border-width: 5px; padding: 5px 8px 5px; }
    .blk-form:after { border-width: 1px; bottom: -56px; }
    .form-ttl { font-size: 14px; line-height: 17px; }
    .form-input input { font-size: 12px; line-height: 15px; }
    .form-input.form-btn { height: 40px !important; }
    .form-btn a.btn { font-weight: 600; }

    .modal .mdl-right .form-input { height: 43px !important; }
    .modal .form-input input { font-size: 14px; line-height: 17px; }
    .modal .form-btn a.btn > span { font-size: 15px; line-height: 16px; }
    .modal .mdl-right { max-width: 320px; width: 100%;}

    .blki-main { display: block; }
    .blki-right { margin: 0 auto; width: 240px; flex-basis: 240px; }
    .blki:not(.none) + .blki:before { border-width: 1px; }
    .blki { margin-bottom: 99px; }
    .blk-left-sub { font-size: 12px; line-height: 15px; }
    .blk-left-list { font-size: 10px; line-height: 14px; padding: 0; }
    .blk-left-list img { position: relative; display: block; margin: -39px auto -17px; max-width: 120px; top: 0; }
    .blk-lst:not(:last-child) { margin-bottom: 10px; }

    img.img-normal { display: none !important; }
    img.img-mini { display: block !important; }
}
@media (min-width: 573px) {
    .stoimost * { overflow: visible; }
    .soc { margin-bottom: 70px; }
}
@media (max-width: 572px) {
    .soc .btn span { padding: 12px 20px; font-size: 17px; line-height: 21px; }
    .table-scroll {overflow-x: scroll;width: 100%;left: -16px;position: relative;width: calc(100% + 32px);}
    .mCSB_scrollTools  {background: #DEDEDE;border-radius: 80px;height: 18px !important;bottom: 0px !important;width: calc(100% - 32px) !important;left: 16px !important;}
    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 100%; margin: 0; background: #FFFFFF; border-radius: 80px; }
    .mCSB_container { overflow: visible; margin-bottom: 43px !important; }
    .table-scroll-wrapper {padding: 14px 16px 0;}
    .stoimost-title { margin-bottom: 7px; }
}
@media (max-width: 540px) {
    .text-blk { padding: 24px 17px 13px; }
}
@media (max-width: 520px) {
    .background {transform: scale(0.65);width: 200%;left: -51%;margin-top: -94px;}
}
@media (max-width: 500px) {
    .input-text { font-size: 10px !important; line-height: 13px; }
    .input-img-have .input-txt { min-height: 53px; padding: 0 0 2px; }
}
@media (max-width: 465px) {
    .mdl-form { padding: 33px 20px 40px; }
    .mn-items[data-count="5"] .item { width: calc((100% - 8px) / 2); margin-right: 8px !important; }
    .mn-items[data-count="5"] .item:nth-child(2n) { margin-right: 0px !important; }
    .background {transform: scale(0.6);width: 200%;left: -51%;margin-top: -77px;}
    .soc.back-grey {margin-bottom: 66px;}
}
@media (max-width: 450px) {
    .lst br { display: none; }
    .lst { width: 210px !important; }
    .background {transform: scale(1);width: 100%;left: 0;margin-top: 0;background-size: 920px auto;background-position: top 170px right -230px;}
    body[data-tab="styazhka"] .background { margin-top: 0; left: 0; background-size: 920px auto; background-position: top 138px right -230px; transform: scale(1); }
    body[data-tab="styazhka"] .background:before { top: 0; height: 180px; }
    .soc-txt br { display: none; }
    .soc-lines a { width: 48px; height: 48px; }
    .soc-lines a {margin-right: 11px;}
}
@media (max-width: 420px) {
    .blk-left { max-width: 290px; }
    h1 br { display: none; }
    .window[data-step="5"] .step-blk { display: none; }
    .window[data-step="5"] .test-data-have .window-left-wrp { width: 100%; margin-right: 0; }
    .window:not([data-step="5"]) .checkbox-text .input-placeholder { max-width: 120px; }
    .window:not([data-step="5"]) .checkbox-text .input-placeholder br { display: none; }
}
@media (max-width: 405px) {
    body[data-tab="styazhka"] .background { background-size: 850px auto; background-position: top 154px right -250px; }
}
@media (max-width: 360px) {
    .background {background-size: 750px auto;background-position: top 179px right -192px;}
    h1 {font-size: 21px;}
}
@media (max-width: 355px) {
    body[data-tab="styazhka"] .background { background-position: top 169px right -278px; }
}
@media (max-width: 360px) {
    .window:not([data-step="5"]) .checkbox-text textarea { padding: 9px 10px 0 0; }
    .window:not([data-step="5"]) .checkbox-text .input-placeholder { top: 9px; max-width: 100px; }
    .window:not([data-step="5"]) .checkbox-text textarea { min-height: 60px; }
}
@media (max-width: 358px) {
    .step-wrapper:before { top: 225px; }
}