@charset "utf-8";
@-webkit-keyframes phone_anim { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  1% { -webkit-transform: rotate(-30deg); transform: rotate(-30deg); }
  5% { -webkit-transform: rotate(30deg); transform: rotate(30deg); }
  10% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(0); transform: rotate(0); } }
@keyframes phone_anim { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  1% { -webkit-transform: rotate(-30deg); transform: rotate(-30deg); }
  5% { -webkit-transform: rotate(30deg); transform: rotate(30deg); }
  10% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(0); transform: rotate(0); } }

* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

html, body { font: 400 16px/22px "Roboto", sans-serif, sans-serif !important; color: #000 !important; }

body { background: #fff; min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

body.act { overflow: hidden; }

input.error { border: 2px solid #e9004c !important; }

input.error ::-webkit-input-placeholder { /* Chrome */ color: #C51616; }

input.error :-ms-input-placeholder { /* IE 10+ */ color: #C51616; }

input.error ::-moz-placeholder { /* Firefox 19+ */ color: #C51616; opacity: 1; }

input.error :-moz-placeholder { /* Firefox 4 - 18 */ color: #C51616; opacity: 1; }

::-moz-selection { background: #000; color: #fff; }

::selection { background: #000; color: #fff; }

::-moz-selection { background: #000; color: #fff; }

a { display: -webkit-box; display: -ms-flexbox; display: flex; color: #000; text-decoration: underline; outline: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }

a:hover { color: #8F8F8F; }

p { line-height: 28px; margin-bottom: 30px; }

img { display: inherit; max-width: 100%; }

h1, .h1 { position: relative; font: 700 20px/20px "Roboto", sans-serif; color: #162252; text-transform: uppercase; margin: 0 auto 40px; padding: 0 70px; display: inline-block; }

h1:after, .h1:after { content: ''; position: absolute; left: 0; bottom: -17px; display: inline-block; background: -webkit-gradient(linear, left top, right top, color-stop(2.69%, #3499F0), color-stop(93.82%, #28CCF7)); background: linear-gradient(90deg, #3499F0 2.69%, #28CCF7 93.82%); width: 100%; height: 3px; }

h1.white, .h1.white { color: #fff; }

h1__desc, .h1__desc { color: #898989; font-size: 24px; letter-spacing: 0.28px; margin-top: 35px; }

h2, .h2 { font: 400 36px/48px "Roboto", sans-serif; margin: 0; }

h2.mb15, .h2.mb15 { margin-bottom: 15px; }

h3, .h3 { font: 400 22px/28px "Roboto", sans-serif; margin: 0; text-transform: uppercase; color: #000; }

h3-desc, .h3-desc { color: #9395a7; font-size: 16px; margin-top: 15px; margin-bottom: 50px; }

h4, .h4 { font: 700 16px/24px 'Open Sans'; margin: 0; text-transform: uppercase; color: #9ecd44; }

.up { text-transform: uppercase; }

.nm { margin: 0; }

.pt120 { padding-top: 120px; }

.rub:after { content: '\20BD'; margin-top: 5px; margin-left: 5px; }

button, .btn { position: relative; border-radius: 0; border: 0; color: #000; padding: 22px 20px; cursor: pointer; outline: none; text-decoration: none; text-align: center; background: #FDCC53; overflow: hidden; z-index: 15; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }

button:before, .btn:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background: #FDB74B; pointer-events: none; z-index: -1; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }

button:after, .btn:after { content: ''; position: absolute; left: 50%; top: 50%; width: calc(100% - 22px); height: calc(100% - 22px); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 1px solid #000; pointer-events: none; }

button:hover:before, .btn:hover:before { height: 20px; }

button:focus, .btn:focus { -webkit-box-shadow: none; box-shadow: none; }

button:disabled, .btn:disabled { background: #f1eded; cursor: not-allowed !important; border-color: #7c7c7c; color: #4a4a4a; opacity: 1; }

button:disabled:hover, .btn:disabled:hover { color: #000; }

button-vert:before, .btn-vert:before { left: inherit; right: 0; height: 100%; width: 50%; }

button-vert:hover:before, .btn-vert:hover:before { height: 100%; width: 20px; }

button-disabled, .btn-disabled { border: 3px solid #e9004c; background: #E5E5E5; font-weight: 700; cursor: default; }

button-disabled:hover, .btn-disabled:hover { background: #e6d9d9; }

button-dark, .btn-dark { background: #000; color: #fff; }

button-dark:hover, .btn-dark:hover { background: #202020; }

button-white, .btn-white { background: #000; color: #fff; border: 1px solid #fff; }

button-big, .btn-big { padding: 17px 40px; font-size: 18px; line-height: 24px; letter-spacing: 0.36px; }

button-sm, .btn-sm { font-size: 12px; }

button-light, .btn-light { display: inline-block; border: 2px solid #7A7A7A; color: #7A7A7A; background: transparent; padding: 18px 40px; }

button-light:hover, .btn-light:hover { border-color: #9ecd44; }

form { display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; }

form input:not(.btn), form select, form textarea { background: rgba(255, 255, 255, 0.3); padding: 20px; outline: none; border: 0; border-radius: 0; margin-bottom: 30px; font-size: 16px; line-height: 18px; color: #fff; width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }

form input:not(.btn):hover, form select:hover, form textarea:hover { padding-left: 10px; }

form input:not(.btn).error, form select.error, form textarea.error { border-color: #ce4a4a !important; color: #ce4a4a !important; background-color: #f7e6e6; }

form select:focus:hover { background: #bcbcd0; }

form option:checked { background: #afafb7; }

form button { border: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; cursor: pointer; outline: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }

form button:disabled { background: #7c7c7c; cursor: not-allowed !important; border-color: #7c7c7c; opacity: 1; }

form ::-webkit-input-placeholder { /* Chrome */ color: #fff; }

form :-ms-input-placeholder { /* IE 10+ */ color: #fff; }

form ::-moz-placeholder { /* Firefox 19+ */ color: #fff; opacity: 1; }

form :-moz-placeholder { /* Firefox 4 - 18 */ color: #fff; opacity: 1; }

form .desc { margin-top: 30px; font-size: 12px; color: #595959; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }

.button { display: inline-block; background: #000; border: 0; color: #fff; text-transform: uppercase; letter-spacing: 0.1em; font-size: 13px; line-height: 14px; padding: 26px 25px; min-width: 180px; cursor: pointer; outline: none; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }

.button:hover { color: #fff; background: #202020; }

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

.container { position: relative; width: 100%; margin: 0 auto; padding-right: 110px; padding-left: 110px; overflow: hidden; }

.flex { display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; }

.flex-jcsb { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.flex-jcc { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.flex-jcfe { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.flex-aic { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.flex-aife { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.flex-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.w100 { width: 100%; }

.img-fluid { max-width: 100%; }

.modal { position: fixed; top: 30%; left: 50%; width: 100%; max-width: 580px; background: #eee; color: #000; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); pointer-events: none; opacity: 0; z-index: 1000; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }

.modal-large { max-width: 900px; }

.modal.active { top: 50%; pointer-events: inherit; opacity: 1; }

.modal__footer { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.modal .close { position: absolute; top: 0; right: 0; width: 45px; height: 45px; background: #FDCC53; cursor: pointer; }

.modal .close:after, .modal .close:before { position: absolute; top: 50%; left: calc(50% - 13px); content: ''; width: 26px; height: 3px; background: #000; }

.modal .close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.modal .close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.modal-content { padding: 70px 50px; color: #000; border: 10px solid #FDCC53; }

.modal-content .h3 { font-size: 20px; line-height: 30px; margin-bottom: 20px; color: #000; font-weight: 700; text-transform: none; }

.modal-content .label { line-height: 16px !important; color: #000; }

.modal-content .label a { color: inherit; }

.modal-content form.form input, .modal-content form.form textarea { width: 100%; margin-bottom: 30px; background: #fff; color: #000; border-bottom: 2px solid #e9004c; }

.modal-content form.form button { background: #e9004c; width: 100%; margin-top: 50px; }

.modal-content.thx { display: none; }

.modal-content.hide { display: none; }

label.custom { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

label.custom input[type="checkbox"], label.custom input[type="radio"] { display: none; }

label.custom .radio-custom, label.custom .checkbox-custom { width: 26px; height: 26px; border: 2px solid #e9004c; background: #fff; border-radius: 0; position: relative; margin-right: 10px; }

label.custom .radio-custom { border-radius: 50%; }

label.custom .radio-custom, label.custom .checkbox-custom, label.custom .label { display: inline-block; vertical-align: middle; font-size: 13px; line-height: 13px; color: #8F8F8F; cursor: pointer; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }

label.custom .label { width: calc(100% - 26px); }

label.custom input[type="radio"]:checked + .radio-custom, label.custom input[type="radio"]:checked + .checkbox-custom, label.custom input[type="checkbox"]:checked + .radio-custom, label.custom input[type="checkbox"]:checked + .checkbox-custom { background: #fff; border-color: #898989; }

label.custom input[type="radio"]:checked + .radio-custom + .label, label.custom input[type="radio"]:checked + .checkbox-custom + .label, label.custom input[type="checkbox"]:checked + .radio-custom + .label, label.custom input[type="checkbox"]:checked + .checkbox-custom + .label { color: #000; }

label.custom input[type="radio"]:checked + .radio-custom:before, label.custom input[type="radio"]:checked + .checkbox-custom:before, label.custom input[type="checkbox"]:checked + .radio-custom:before, label.custom input[type="checkbox"]:checked + .checkbox-custom:before { content: ""; display: block; position: absolute; top: 4px; left: 5px; width: 8px; height: 8px; border-right: 2px solid #e9004c; border-bottom: 2px solid #e9004c; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

label.custom input[type="radio"]:checked + .radio-custom:before { top: 4px; width: 6px; height: 6px; background: #fff; border-radius: 50%; border: 0; }

.video-wrap { position: relative; padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */ padding-top: 30px; height: 0; overflow: hidden; }

.video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.hidden { display: none; }

.hidden.success { display: block; }

.mobile_menu { position: fixed; top: 0; left: -100%; width: 75%; height: 100vh; background: #06020e url(../img/bg-header.jpg) 50%/cover; padding: 10px 20px; color: #3B3B3B; overflow: auto; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4); z-index: 2000; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; }

.mobile_menu.act { left: 0; }

#dark_bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; opacity: 0; z-index: 999; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }

#dark_bg:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: .6; z-index: -1; }

#dark_bg.act { pointer-events: inherit; opacity: 1; }

.mw-750 { max-width: 750px; }

.text { font-size: 18px; line-height: 30px; color: #898989; }

.text p { margin-top: 0; line-height: 30px; }

.strong { font-weight: 700; }

.red { color: #e9004c; }

.blue { color: #4b2884; }

@font-face { font-family: "GothamPro"; font-display: swap; src: url("../fonts/GothamPro/GothamPro.eot"); src: local("^"), url("../fonts/GothamPro/GothamPro.woff?v=1") format("woff"), url("../fonts/GothamPro/GothamPro.ttf?v=1") format("truetype"); font-weight: 400; font-style: normal; }

@font-face { font-family: "GothamPro"; font-display: swap; src: url("../fonts/GothamPro/GothamPro-Bold.eot"); src: local("^"), url("../fonts/GothamPro/GothamPro-Bold.woff?v=1") format("woff"), url("../fonts/GothamPro/GothamPro-Bold.ttf?v=1") format("truetype"); font-weight: 700; font-style: normal; }

@font-face { font-family: "GothamPro"; font-display: swap; src: url("../fonts/GothamPro/GothamPro-Black.eot"); src: local("^"), url("../fonts/GothamPro/GothamPro-Black.woff?v=1") format("woff"), url("../fonts/GothamPro/GothamPro-Black.ttf?v=1") format("truetype"); font-weight: 900; font-style: normal; }

.hamb_menu { display: none; position: fixed; top: 15px; right: 15px; width: 40px; height: 40px; cursor: pointer; background: #fff; z-index: 2000; padding: 8px; border-radius: 50%; overflow: hidden; }

.hamb_menu span { display: block; width: 100%; height: 3px; margin: 4px 0; background: #9ecd44; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }

.hamb_menu.act span { position: absolute; width: 80%; top: 40%; left: 50%; }

.hamb_menu.act span:first-child { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }

.hamb_menu.act span:last-child { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }

.hamb_menu.act span:nth-child(2) { display: none; }

@media (max-width: 991px) { .hamb_menu { display: block; } }

.navigation-container { position: fixed; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0; z-index: 99; }

.navigation-container .left-box { position: relative; width: 60px; }

.navigation-container .left-line, .navigation-container .right-line { top: 0; width: 60px; height: 100vh; pointer-events: all; z-index: 50; }

.navigation-container .left-line { position: relative; left: 0; background: #FDCC53; }

.navigation-container .left-line ul { position: absolute; top: 80%; left: 40px; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-transform: rotate(270deg); transform: rotate(270deg); -webkit-transform-origin: bottom left; transform-origin: bottom left; }

.navigation-container .left-line ul li { margin: 0 50px; cursor: pointer; }

.navigation-container .right-line { right: 0; background: #162252; }

.blue-grad, .section-advantage .advantage-box__icon { background: -webkit-gradient(linear, left top, right top, color-stop(2.69%, rgba(52, 153, 240, 0.5)), color-stop(93.82%, rgba(40, 204, 247, 0.5))); background: linear-gradient(90deg, rgba(52, 153, 240, 0.5) 2.69%, rgba(40, 204, 247, 0.5) 93.82%); }

.container-top { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 60px; }

.container-top--left { min-width: 0; }

.container-top--right { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 480px; flex: 0 0 480px; z-index: 100; }

.container-top--logos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 40px 110px 100px 10px; }

.container-top--text { position: relative; font-size: 40px; line-height: 44px; color: #162252; padding-left: 60px; padding-bottom: 30px; margin-bottom: -50px; z-index: 50; }

.container-top--text span { display: inline-block; }

.container-top--text span:first-child { position: relative; margin-bottom: 20px; }

.container-top--text span:first-child:before { content: ''; position: absolute; bottom: -12px; left: -20px; display: inline-block; width: calc(100% + 40px); height: 30px; background: #FDCC53; z-index: -1; }

.container-top--youtybe { position: absolute; top: 120px; left: -41px; }

.container-top--contacts { padding: 40px 0 40px 50px; background: #fff; }

.container-top--contacts .row-icon:before { background: #FDCC53; }

.container-top--contacts .row-icon.row-phone:after { content: url('/img/icon-phone-d.svg'); }

.container-top--contacts .row-icon.row-mail:after { content: url('/img/icon-mail-d.svg'); }

.container-top--feedback { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: auto; padding: 40px; }

.container-top--feedback .title { font-size: 20px; margin-bottom: 30px; }

.container-top--feedback .form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.container-top--feedback .form ::-webkit-input-placeholder { /* Chrome */ color: #162252; }

.container-top--feedback .form :-ms-input-placeholder { /* IE 10+ */ color: #162252; }

.container-top--feedback .form ::-moz-placeholder { /* Firefox 19+ */ color: #162252; opacity: 1; }

.container-top--feedback .form :-moz-placeholder { /* Firefox 4 - 18 */ color: #162252; opacity: 1; }

.container-top--feedback .form input { color: #162252; border: 1px solid #3499F0; margin-bottom: 0; }

.container-top .index-slider-container { position: relative; min-width: 0; }

.container-top .index-slider-container:after { content: ''; position: absolute; top: 0; display: inline-block; width: 100%; height: 350px; background: -webkit-gradient(linear, left top, left bottom, color-stop(18.42%, #FFFFFF), color-stop(60.72%, rgba(255, 255, 255, 0))); background: linear-gradient(180deg, #FFFFFF 18.42%, rgba(255, 255, 255, 0) 60.72%); pointer-events: none; z-index: 2; }

.section-advantage { padding-top: 100px; }

.section-advantage .advantage-box { width: 28%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #162252; font-size: 20px; line-height: 24px; margin: 75px 0; }

.section-advantage .advantage-box__icon { position: relative; height: 104px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -ms-flex: 0 0 104px; flex: 0 0 104px; }

.section-advantage .advantage-box__icon:after { content: ''; position: absolute; top: -6px; left: -6px; width: calc(100% + 10px); height: calc(100% + 10px); border: 1px solid #000; border-radius: 50%; }

.section-advantage .advantage-box__text { margin-left: 30px; }

.section-subtitle { color: #000; font-weight: 700; margin-bottom: 10px; }

.section-desc { margin: 0 auto 50px; max-width: 90%; }

.section-offers { background: #F8F4F4; padding: 40px 0 90px; }

.section-offers .offers__box { position: relative; background: #FDCC53; padding: 35px; padding-bottom: 0; width: calc(33.3333% - 25px); }

.section-offers .offers__box:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: #FDB74B; pointer-events: none; -webkit-transition: .3s; transition: .3s; z-index: 1; }

.section-offers .offers__box:hover .offers__img img { -webkit-transform: scale(1.04, 1.04); transform: scale(1.04, 1.04); }

.section-offers .offers__box:hover:before { height: 60%; }

.section-offers .offers__title { position: relative; color: #000; font-weight: 700; z-index: 10; }

.section-offers .offers__img { position: relative; margin: 20px 0; cursor: pointer; overflow: hidden; z-index: 10; }

.section-offers .offers__img img { -webkit-transition: .3s; transition: .3s; }

.section-offers .offers__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.section-offers .offers__price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 25px; z-index: 10; }

.section-offers .offers__price img { margin-right: 15px; }

.section-offers .offers__more { position: relative; right: -20px; line-height: 45px; z-index: 10; }

.section-offers .offers .modal-content { max-height: 82vh; overflow: auto; }

.section-offers .offers .modal-content::-webkit-scrollbar { width: 0.5em; height: 0.5em; }

.section-offers .offers .modal-content::-webkit-scrollbar-thumb { background: #dca51d; }

.section-offers .offers .modal-content::-webkit-scrollbar-track { background: #FDCC53; }

.section-offers .offers .modal-content { scrollbar-face-color: #dca51d; scrollbar-track-color: #FDCC53; }

.section-offers .offers .modal-content .__text { font-size: 16px; }

.section-offers .offers .modal-content .__text--columns { -webkit-column-count: 3; column-count: 3; }

.section-offers .offers .modal-content .__text--columns .__column { -webkit-column-break-inside: avoid; break-inside: avoid-column; }

.section-offers .offers .modal-content .__text--columns p { line-height: 16px; margin-top: 8px; margin-bottom: 0; }

.section-offers .offers .modal-content .__text p { line-height: 16px; margin-bottom: 0; }

.section-offers .offers .modal .button-prev, .section-offers .offers .modal .button-next { background: #FDCC53; z-index: 999; }

.section-products { margin-top: 120px; }

.products { margin-right: -20px; }

.products__box { width: calc(25% - 20px); background: #F8F4F4; padding: 25px; margin-bottom: 20px; margin-right: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: .3s; transition: .3s; }

.products__box:hover { background: #ece6e6; }

.products__box:hover .products__img img { -webkit-transform: scale(1.04, 1.04); transform: scale(1.04, 1.04); }

.products__img { position: relative; margin-top: 25px; cursor: pointer; overflow: hidden; z-index: 10; }

.products__img img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: .3s; transition: .3s; }

.products__price-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.products__price { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 22px 15px 12px 25px; background: #FDCC53; margin-top: -15px; margin-right: -25px; }

.products__price img { margin-right: 15px; }

.products__char { margin-top: 15px; line-height: 26px; }

.products__char span { font-size: 14px; color: #808080; }

.products__more { display: inline-block; padding: 15px 30px; margin-top: 15px; margin-right: -25px; }

.products__more:after { display: none; }

.products .get-price { position: relative; width: calc(25% - 20px); color: #fff; padding: 40px 25px; margin-bottom: 20px; margin-right: 20px; background: #162252; }

.products .get-price__title { font-size: 20px; font-weight: 700; color: #FDCC53; text-transform: uppercase; margin-bottom: 25px; }

.products .get-price__desc { line-height: 22px; }

.products .get-price input { margin-top: 35px; margin-bottom: 0; }

.products .get-price button { font-size: 20px; margin-top: 50px; }

.products .modal-content { padding: 20px; max-height: 82vh; overflow: auto; }

.products .modal-content::-webkit-scrollbar { width: 0.5em; height: 0.5em; }

.products .modal-content::-webkit-scrollbar-thumb { background: #dca51d; }

.products .modal-content::-webkit-scrollbar-track { background: #FDCC53; }

.products .modal-content { scrollbar-face-color: #dca51d; scrollbar-track-color: #FDCC53; }

.products .modal-content .__text { font-size: 16px; margin-top: 15px; }

.products .modal-content .__text--columns { -webkit-column-count: 3; column-count: 3; }

.products .modal-content .__text--columns .__column { -webkit-column-break-inside: avoid; break-inside: avoid-column; }

.products .modal-content .__text--columns p { line-height: 16px; font-size: 15px; margin-top: 8px; margin-bottom: 0; }

.products .modal-content .__text p { line-height: 16px; margin-top: 0; margin-bottom: 8px; }

.products .modal .button-prev, .products .modal .button-next { background: #FDCC53; z-index: 999; }

.product-page__gallery { max-width: 916px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; }

.product-page__gallery .gallery__left { -webkit-box-flex: 1; -ms-flex: 1 0 120px; flex: 1 0 120px; max-width: 120px; margin-right: 25px; }

.product-page__gallery .gallery__left .swiper-container { max-height: 492px; }

.product-page__gallery .gallery__left .swiper-slide { position: relative; }

.product-page__gallery .gallery__left .swiper-slide:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); -webkit-transition: all .2s; transition: all .2s; }

.product-page__gallery .gallery__left .swiper-slide-thumb-active:after { background: rgba(0, 0, 0, 0); }

.product-page__gallery .gallery__right { -webkit-box-flex: 1; -ms-flex: 1 0 calc(100% - 95px); flex: 1 0 calc(100% - 95px); max-width: calc(100% - 95px); }

.section-partners { margin-top: 120px; padding: 40px 0 110px; background: #F8F4F4; }

.section-partners .swiper-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.section-partners .swiper-slide .box { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 250px; height: 100px; }

.section-partners .swiper-slide .box:after { content: attr(data-name); position: absolute; top: 0; left: 0; width: calc(100% - 30px); height: calc(100% - 30px); padding: 15px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; font-size: 14px; background: rgba(22, 34, 82, 0.7); opacity: 0; -webkit-transition: .3s; transition: .3s; }

.section-partners .swiper-slide .box:hover:after { opacity: 1; }

.section-partners .swiper-slide .box.border { border: 2px solid #4b2884; }

.section-partners .swiper-button.button-next { right: -45px; }

.section-partners .swiper-button.button-prev { left: -45px; }

.section-partners .swiper-container-multirow-column > .swiper-wrapper { -webkit-box-orient: inherit; -webkit-box-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit; }

.container-inner { position: relative; width: calc(100% - 200px); margin: auto; }

.partners-slider-container { background: #fff; padding: 40px 100px; margin: auto; }

.section-leasing { margin-top: 120px; }

.leasing-slider-container { padding: 40px 140px; }

.section-certificate { position: relative; margin-top: 120px; padding: 110px 0 150px; background: url('/img/bg-certificate.jpg') 50%/cover; }

.section-certificate:before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, right top, color-stop(2.69%, rgba(52, 153, 240, 0.8)), color-stop(93.82%, rgba(40, 204, 247, 0.8))); background: linear-gradient(90deg, rgba(52, 153, 240, 0.8) 2.69%, rgba(40, 204, 247, 0.8) 93.82%); pointer-events: none; }

.section-certificate .h1 { color: #FDCC53; }

.section-certificate .h1:after { background: #FDCC53; }

.section-certificate .section-desc { color: #fff; }

.certificate-slider-container { padding: 40px 140px; }

.certificate-slider-container .swiper-button.button-next { background: -webkit-gradient(linear, left top, right top, color-stop(2.69%, rgba(255, 255, 255, 0.5)), color-stop(93.82%, rgba(196, 196, 196, 0.5))); background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 2.69%, rgba(196, 196, 196, 0.5) 93.82%); }

.certificate-slider-container .swiper-button.button-prev { background: -webkit-gradient(linear, right top, left top, color-stop(2.69%, rgba(255, 255, 255, 0.5)), color-stop(93.82%, rgba(196, 196, 196, 0.5))); background: linear-gradient(-90deg, rgba(255, 255, 255, 0.5) 2.69%, rgba(196, 196, 196, 0.5) 93.82%); }

.certificate-slider-container .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; }

.certificate-slider-container .swiper-slide .box { border: 6px solid #fdcc53; border-right-color: #c98112; border-bottom-color: #c98112; }

.section-extra { background: #162252; padding: 40px 0 90px; margin-top: 130px; }

.section-extra .h1 { color: #fff; margin-bottom: 70px; }

.section-extra .extra__box { position: relative; width: calc(20% - 15px); background: #F8F4F4; padding: 30px; overflow: hidden; }

.section-extra .extra__box:after { content: ''; position: absolute; bottom: -100%; left: 0; display: inline-block; width: 100%; height: 50%; background: -webkit-gradient(linear, left top, right top, color-stop(2.69%, rgba(52, 153, 240, 0.5)), color-stop(93.82%, rgba(40, 204, 247, 0.5))); background: linear-gradient(90deg, rgba(52, 153, 240, 0.5) 2.69%, rgba(40, 204, 247, 0.5) 93.82%); z-index: 1; -webkit-transition: .3s; transition: .3s; }

.section-extra .extra__box:hover:after { bottom: 0; }

.section-extra .extra__title { color: #162252; margin-bottom: 20px; }

.section-extra .extra__img { position: relative; z-index: 10; }

.section-contacts { margin-top: 200px; }

.section-contacts .contacts { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 50px 0; margin-top: 20px; }

.section-contacts .contacts:before { content: ''; position: absolute; top: 0; left: 40px; display: inline-block; width: calc(100% - 80px); height: calc(100% + 80px); background: #FDCC53; z-index: -1; }

.section-contacts .contacts__map { position: relative; -webkit-box-flex: 1; -ms-flex: 1 0 50vw; flex: 1 0 50vw; max-width: 970px; }

.section-contacts .contacts__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.section-contacts .contacts__info--box { margin-left: -30px; padding: 50px 80px 50px 35px; width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; background: -webkit-gradient(linear, left top, right top, color-stop(2.69%, rgba(52, 153, 240, 0.5)), color-stop(93.82%, rgba(40, 204, 247, 0.5))), #FFFFFF; background: linear-gradient(90deg, rgba(52, 153, 240, 0.5) 2.69%, rgba(40, 204, 247, 0.5) 93.82%), #FFFFFF; z-index: 20; }

.row-icon { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; }

.row-icon:before { content: ''; display: inline-block; width: 48px; height: 48px; -webkit-box-flex: 0; -ms-flex: 0 0 48px; flex: 0 0 48px; background: #162252; border-radius: 50%; margin-right: 20px; }

.row-icon:after { position: absolute; left: 14px; top: 52%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.row-icon:last-child { margin-bottom: 0; }

.row-icon.row-phone:after { content: url('/img/icon-phone.svg'); }

.row-icon.row-mail:after { content: url('/img/icon-mail.svg'); }

.row-icon.row-addr:after { left: 15px; content: url('/img/icon-home.svg'); }

.row-icon > span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.row-icon a { display: inline-block; text-decoration: none; }

.footer { margin-top: 200px; background: #162252; color: #fff; padding: 20px 0; }

.swiper-button { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 90px; height: 86px; }

.swiper-button.button-next { right: 0; background: -webkit-gradient(linear, left top, right top, color-stop(2.69%, rgba(52, 153, 240, 0.5)), color-stop(93.82%, rgba(40, 204, 247, 0.5))); background: linear-gradient(90deg, rgba(52, 153, 240, 0.5) 2.69%, rgba(40, 204, 247, 0.5) 93.82%); }

.swiper-button.button-next:before { bottom: calc(50% - 13px); -webkit-transform: scale(-1); transform: scale(-1); }

.swiper-button.button-prev { left: 0; background: -webkit-gradient(linear, right top, left top, color-stop(2.69%, rgba(52, 153, 240, 0.5)), color-stop(93.82%, rgba(40, 204, 247, 0.5))); background: linear-gradient(-90deg, rgba(52, 153, 240, 0.5) 2.69%, rgba(40, 204, 247, 0.5) 93.82%); }

.swiper-button:before { bottom: calc(50% - 10px); height: auto; content: url('/img/arrow.svg'); background: transparent; }

.swiper-button:hover:before { height: auto; }

.modal.blue { background: #162252; color: #fff; }

.modal.blue input { width: 100%; }

.modal.blue .h3 { color: #fff; }

.form-message { margin-top: 12px; font-size: 14px; line-height: 1.35; font-weight: 500; }

.form-message--success { color: #1e8e3e; }

.form-message--error { color: #d93025; }
