@charset "UTF-8";
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

html { background: #fff; color: #000; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; }

body { margin: 0; }

a { background: transparent; }

a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }

h1 { font-size: 2em; margin: 0.67em 0; }

h2 { font-size: 1.5em; margin: 0.83em 0; }

h3 { font-size: 1.17em; margin: 1em 0; }

h4 { font-size: 1em; margin: 1.33em 0; }

h5 { font-size: 0.83em; margin: 1.67em 0; }

h6 { font-size: 0.75em; margin: 2.33em 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: "\201C" "\201D" "\2018" "\2019"; }

q::before, q::after { content: ''; content: none; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; white-space: normal; }

button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; vertical-align: baseline; }

button, input { line-height: normal; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; }

table { border-collapse: collapse; border-spacing: 0; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

.page { display: flex; flex-direction: column; min-height: 100%; }

.page h1,.page .h1 { font-size: clamp(1.875em, 5vw, 3em); text-transform: uppercase; margin: 0; font-weight: normal; }

.page h1 span { color: #D51217; }

.page h2 { font-size: clamp(1.625em, 3.5vw, 2.8125em); text-transform: uppercase; margin: 0; font-weight: normal; }

.page h2 span { color: #D51217; }

.page__wrap { clear: both; margin: 0 auto; max-width: 1920px; position: relative; padding-left: 0.9375em; padding-right: 0.9375em; }

.page__wrap::before, .page__wrap::after { content: ""; display: table; }

.page__wrap::after { clear: both; }

.page__rubl { position: relative; display: inline-block; font-family: 'PT Rouble Sans', sans-serif; }

.page__rubl::before { content: "у"; }

.page__flex { display: flex; flex-wrap: wrap; }

.page__table { width: 100%; height: 100%; display: table; }

.page__cell { display: table-cell; vertical-align: middle; }

.page__position--full { top: 0; left: 0; right: 0; bottom: 0; }

.page__btn { padding: 13px 20px; font-size: 0.75em; font-weight: normal; position: relative; text-align: center; text-transform: uppercase; outline: none; border: none; text-decoration: none; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; overflow: hidden; z-index: 1; display: inline-block; background-color: transparent; vertical-align: middle; }

.page__btn::after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #D51217; z-index: -1; opacity: 0; transition: opacity 0.3s ease-in 0.3s; -webkit-transition: opacity 0.3s ease-in 0.3s; -moz-transition: opacity 0.3s ease-in 0.3s; -ms-transition: opacity 0.3s ease-in 0.3s; -o-transition: opacity 0.3s ease-in 0.3s; }

.page__btn--white { color: #fff; }

.page__btn--white span:first-child { border-top-color: #fff; border-left-color: #fff; }

.page__btn--white span:nth-child(2) { border-top-color: #fff; border-right-color: #fff; }

.page__btn--white span:nth-child(3) { border-left-color: #fff; border-bottom-color: #fff; }

.page__btn--white span:last-child { border-bottom-color: #fff; border-right-color: #fff; }

.page__btn--black { color: #000; }

.page__btn--black span:first-child { border-top-color: #000; border-left-color: #000; }

.page__btn--black span:nth-child(2) { border-top-color: #000; border-right-color: #000; }

.page__btn--black span:nth-child(3) { border-left-color: #000; border-bottom-color: #000; }

.page__btn--black span:last-child { border-bottom-color: #000; border-right-color: #000; }

.page__btn span { position: absolute; display: block; width: 11px; height: 11px; border-style: solid; border-width: 1px; border-color: transparent; z-index: -1; transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; }

.page__btn span:first-child { top: 1px; left: 1px; border-right-width: 0; border-bottom-width: 0; }

.page__btn span:nth-child(2) { top: 1px; right: 1px; border-left-width: 0; border-bottom-width: 0; }

.page__btn span:nth-child(3) { left: 1px; bottom: 1px; border-top-width: 0; border-right-width: 0; }

.page__btn span:last-child { bottom: 1px; right: 1px; border-top-width: 0; border-left-width: 0; }

.page__line { position: relative; padding-left: 1.25em; }

.page__line::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 2px; height: 100%; background-color: #D51217; }

.d-sl-none { display: none; }

.d-sl-block { display: block; }

@font-face { font-family: 'PT Rouble Sans'; src: url("../font/PTRoubleSans.eot"); src: url("../font/PTRoubleSans.eot?#iefix") format("embedded-opentype"), url("../font/PTRoubleSans.woff2") format("woff2"), url("../font/PTRoubleSans.woff") format("woff"), url("../font/PTRoubleSans.ttf") format("truetype"), url("../font/PTRoubleSans.svg#PTRoubleSans") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'LetoSans'; src: url("../font/LetoSans.eot"); src: url("../font/LetoSans.eot?#iefix") format("embedded-opentype"), url("../font/LetoSans.woff2") format("woff2"), url("../font/LetoSans.woff") format("woff"), url("../font/LetoSans.ttf") format("truetype"), url("../font/LetoSans.svg#LetoSans") format("svg"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: 'LetoSans'; src: url("../font/LetoSans-Thin.eot"); src: url("../font/LetoSans-Thin.eot?#iefix") format("embedded-opentype"), url("../font/LetoSans-Thin.woff2") format("woff2"), url("../font/LetoSans-Thin.woff") format("woff"), url("../font/LetoSans-Thin.ttf") format("truetype"), url("../font/LetoSans-Thin.svg#LetoSans-Thin") format("svg"); font-weight: 100; font-style: normal; font-display: swap; }

html, body { height: 100%; }

body { line-height: 1.25; color: #000; font-size: 16px; font-family: 'LetoSans', sans-serif; font-weight: normal; font-style: normal; overflow-x: hidden; }

.create { flex: 0 0 100%; max-width: 100%; }

.create a { outline: none; border: none; text-decoration: none; color: #fff; font-size: 0.875em; }

.create a span { position: relative; }

.create a span::after { content: ""; display: block; position: absolute; left: 0; right: 0; width: 100%; height: 1px; bottom: 0; background-color: #fff; }

.create a span:last-child { color: rgba(255, 255, 255, 0.5); }

.create a span:last-child::after { background-color: rgba(255, 255, 255, 0.5); }

.header { padding-top: 0.9375em; top: 0; left: 0; right: 0; position: fixed; z-index: 50; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; }

.header__fix { transition: all 0.1s ease-in-out 0s; -webkit-transition: all 0.1s ease-in-out 0s; -moz-transition: all 0.1s ease-in-out 0s; -ms-transition: all 0.1s ease-in-out 0s; -o-transition: all 0.1s ease-in-out 0s; transform: translateX(0) translateY(-100%); -webkit-transform: translateX(0) translateY(-100%); -moz-transform: translateX(0) translateY(-100%); -ms-transform: translateX(0) translateY(-100%); -o-transform: translateX(0) translateY(-100%); }

.header.white { background-color: #fff; }

.header.white .nav > ul > li > a { color: #000; }

.header.white .header__box .logo .img-white { display: none; }

.header.white .header__box .logo .img-black { display: block; }

.header.white .header__box .phone > a .text { color: #000; }

.header .page__flex { justify-content: space-between; align-items: center; }

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

.header__box .phone { margin-right: 1.25em; }

.header__box .phone > a .icon { width: 1.25em; height: 1.25em; display: block; }

.header__box .phone > a .icon svg { fill: #fff; }

.header__box .phone > a .text { color: #fff; display: none; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; }

.header__box .nav { margin-left: 1.5em; }

.header__box .logo { max-width: 3.75em; }

.header__box .logo .img-white { display: block; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; }

.header__box .logo .img-black { display: none; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; }

.header__box .page__btn { display: none; }

.header .burger { display: inline-block; width: 1.875em; height: 1.25em; position: relative; cursor: pointer; }

.header .burger span { position: absolute; display: block; width: 100%; height: 3px; left: 0; right: 0; background-color: #fff; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }

.header .burger span:first-child { top: 2px; }

.header .burger span:last-child { bottom: 2px; width: 80%; }

.header__main .nav > ul > li > a { color: #000; }

.header__main .header__box .logo .img-white { display: none; }

.header__main .header__box .logo .img-black { display: block; }

.header__main .header__box .phone > a .icon svg { fill: #D51217; }

.header__main .header__box .phone > a .text { color: #000; }

.header__main .burger span { background-color: #000; }

.footer { background-color: #272C37; z-index: 1; box-shadow: 1px 1px 1px 1px #C4C4C4; }

.footer__top .page__flex { justify-content: space-between; margin-left: -15px; margin-right: -15px; }

.footer__top--box { flex: 0 0 100%; max-width: 100%; margin-bottom: 0.9375em; padding: 1.875em 0.9375em; position: relative; }

.footer__top--box:first-child::after { content: ""; display: block; position: absolute; left: 0; right: 0; width: 100%; bottom: 0; height: 1px; background-color: rgba(255, 255, 255, 0.1); }

.footer__top--box .phone a { color: #fff; font-size: clamp(1.25em, 1.5vw, 1.625em); }

.footer__top--box .address { color: #fff; opacity: 0.6; max-width: 250px; font-size: 0.9375em; margin-top: 7px; }

.footer__top--box .page__btn { }

.footer__nav { vertical-align: middle; margin-bottom: 1.25em; }

.footer__nav > ul { padding: 0; margin: 0; list-style-type: none; }

.footer__nav > ul > li { display: block; margin-bottom: 1.25em; }

.footer__nav > ul > li:last-child { margin-right: 0; }

.footer__nav > ul > li > a { color: #fff; font-size: 0.875em; text-transform: uppercase; outline: none; text-decoration: none; border: none; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; position: relative; }

.footer__nav > ul > li > a::after { content: ""; display: block; position: absolute; left: initial; right: 0; width: 0; height: 2px; background-color: #D51217; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; bottom: 0; }

.footer__bottom { padding: 0.9375em 0; border-top: 1px solid rgba(255, 255, 255, 0.1); }

.footer__bottom .page__flex { justify-content: space-between; }

.main { flex: 1 0 auto; position: relative; }

.main__container { position: relative; padding-top: 8.75em; padding-bottom: 3.4em; }

.main__container--button { margin-top: 2.5em; display: flex; flex-wrap: wrap; display: none; justify-content: space-between; }

.main__container--button .page__btn { min-width: 100%; margin-bottom: 1.2em; }

.main__container .d-sl-block { margin-bottom: 1.875em; }

.main__container--bottom { display: block; margin-top: 6.5em; margin-bottom: 5.4375em; }

.main__container--bottom .page__btn { margin-bottom: 1.5em; }

.main__container--img { position: absolute; left: 0; right: 0; max-width: 1280px; margin: 0 auto; z-index: -1; }

.main__container--circle { position: absolute; top: 0; z-index: -1; left: 50%; width: 100%; max-width: 50%; transform: translateX(-50%) translateY(0); -webkit-transform: translateX(-50%) translateY(0); -moz-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); -o-transform: translateX(-50%) translateY(0); }

.main__container .page__flex { justify-content: space-between; }

.main__container--box { z-index: 1; flex: 0 0 100%; max-width: 100%; position: relative; }

.main__container--box .page__flex { flex-direction: column; justify-content: space-between; height: 100%; }

.main__container--box:last-child { padding-top: 3.4em; padding-bottom: 3.4em; margin-top: 3.75em; margin-bottom: 1.5em; }

.main__container--box:last-child::before { content: ""; display: block; position: absolute; left: -15px; right: -15px; background-color: #e5e5e5; top: 0; bottom: 0; }

.main__container--box .box .back { margin-top: 2.5em; }

.main__container--box h2 { margin: 0; text-transform: uppercase; }

.main__container--box h2 span { color: #D51217; }

.main__city { z-index: 1; position: relative; }

.main__city--image { position: relative; }

.main__city--image .item { background-repeat: no-repeat; background-position: 50%; background-size: cover; min-height: 300px; position: relative; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; }

.main__city--image .item img { opacity: 0; visibility: hidden; }

.main__city--image .item::before { content: ""; display: block; position: absolute; left: 0; right: 0; width: 100%; height: 100%; top: 0; background-color: rgba(0, 0, 0, 0.7); }

.main__city--link { display: inline-block; outline: none; border: none; text-decoration: none; color: #fff; font-size: 0.75em; text-transform: uppercase; }

.main__city--link span { position: relative; }

.main__city--link span::after { content: ""; display: block; position: absolute; left: 0; right: 0; width: 100%; height: 1px; bottom: 0; background-color: #D51217; }

.main__city--info { position: absolute; left: 0; right: 0; bottom: -4px; z-index: 1; }

.main__city--info .subtitle { color: #fff; opacity: 0.5; text-transform: uppercase; font-size: 0.75em; }

.main__city--info .title { color: #fff; font-size: clamp(1.625em, 5vw, 3.75em); text-transform: uppercase; line-height: 1; }

.main__city--bottom { position: relative; background-color: #272C37; padding-top: 2.875em; padding-bottom: 5.25em; }

.main__city--bottom .page__flex { justify-content: space-between; }

.main__city--box { flex: 0 0 100%; max-width: 100%; }

.main__city--box:first-child { margin-bottom: 1.25em; }

.main__city--box .box:not(:first-of-type) { display: none; }

.main__city--box .box ul { padding: 0; margin: 0; list-style-type: none; }

.main__city--box .box ul li { margin-bottom: 1.25em; }

.main__city--box .box ul li a { color: #727989; border: none; outline: none; text-decoration: none; position: relative; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; text-transform: uppercase; }

.main__city--box .box ul li a::after { content: ""; display: block; position: absolute; left: initial; right: 0; width: 0; height: 2px; bottom: 0; background-color: #D51217; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; }

.main__approach { overflow: hidden; }

.main__approach--top { position: relative; padding-top: 3.75em; }

.main__approach--top .page__flex { justify-content: space-between; }

.main__approach--box { flex: 0 0 100%; max-width: 100%; position: relative; }

.main__approach--box:first-child { display: none; }

.main__approach--box h2 { max-width: 540px; margin-bottom: 1.875em; }

.main__approach--box .description { margin-top: 5.625em; }

.main__approach--transf { transform: translateX(0) translateY(-50%) rotate(-90deg); -webkit-transform: translateX(0) translateY(-50%) rotate(-90deg); -moz-transform: translateX(0) translateY(-50%) rotate(-90deg); -ms-transform: translateX(0) translateY(-50%) rotate(-90deg); -o-transform: translateX(0) translateY(-50%) rotate(-90deg); position: absolute; left: 0; top: 35%; line-height: 1; padding-bottom: 3.75em; }

.main__approach--transf .number { font-size: 4.75em; text-transform: uppercase; color: rgba(203, 203, 203, 0.5); position: relative; padding-left: 1.9375rem; }

.main__approach--transf .number::before { content: ">"; display: block; position: absolute; left: 0; font-size: 4.75rem; }

.main__approach--transf .text { color: rgba(203, 203, 203, 0.5); font-size: 1.5em; text-transform: uppercase; }

.main__approach--img { position: absolute; top: 35%; right: 0; max-width: 700px; width: 100%; overflow: hidden; z-index: -1; display: none; transform: translateX(25%) translateY(-50%) rotate(90deg); -webkit-transform: translateX(25%) translateY(-50%) rotate(90deg); -moz-transform: translateX(25%) translateY(-50%) rotate(90deg); -ms-transform: translateX(25%) translateY(-50%) rotate(90deg); -o-transform: translateX(25%) translateY(-50%) rotate(90deg); }

.main__approach--img .stroke { stroke: rgba(0, 0, 0, 0.2); }

.main__approach--img .fill { fill: rgba(0, 0, 0, 0.2); }

.main__approach--bottom { position: relative; padding-top: 3.75em; }

.main__approach--circle { width: 50%; position: absolute; top: initial; bottom: 0; left: 50%; transform: translateX(-50%) translateY(0); -webkit-transform: translateX(-50%) translateY(0); -moz-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); -o-transform: translateX(-50%) translateY(0); z-index: -1; }

.main__approach--line { position: relative; padding-left: 1.25em; }

.main__approach--line::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 2px; height: 100%; background-color: #D51217; }

.main__approach--line .subtitle { font-size: 0.75em; color: rgba(0, 0, 0, 0.5); text-transform: uppercase; }

.main__approach--group { flex: 0 0 100%; max-width: 100%; padding-left: 0.9375em; padding-right: 0.9375em; padding-top: 5.625em; padding-bottom: 5.625em; z-index: 1; }

.main__approach--group:first-child { background-color: #F5F6F9; }

.main__approach--group .block h2 { max-width: 500px; }

.main__approach--group .block .read-more { margin-top: 1.25em; }

.main__approach--block { margin: 3.125em 0; }

.main__approach--patent { padding-left: 15px; padding-right: 15px; flex: 0 0 100%; max-width: 100%; margin-bottom: 0.9375em; }

.main__history { background-color: #272C37; position: relative; padding-top: 7.5em; overflow: hidden; padding-bottom: 3.75em; min-height: 100vh; }

.main__history--img { position: absolute; overflow: hidden; right: 0; max-width: 700px; width: 100%; bottom: 0; opacity: 0.1; user-select: none; }

.main__history--left { flex: 0 0 100%; max-width: 100%; z-index: 1; position: relative; }

.main__history--left h1 { color: #fff; position: relative; padding-bottom: 1.25rem; }

.main__history--left h1::after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 1.15em; height: 2px; background-color: #D51217; }

.main__history--left .back { position: relative; outline: none; border: none; text-decoration: none; color: #626670; font-size: 0.75em; text-transform: uppercase; padding-left: 1.5625em; display: inline-block; margin-top: 1.25em; }

.main__history--left .back::before { content: ""; display: block; position: absolute; left: 0; top: 50%; content: url(../img/icon/back.svg); transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); -moz-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); -o-transform: translateX(0) translateY(-50%); }

.main__history--image { margin: 0 -15px; }

.main__history--image .item { position: relative; background-repeat: no-repeat; background-position: right center; background-size: cover; min-height: 300px; }

.main__history--image .item::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(39, 44, 55, 0) 40.33%, #272C37 93.02%); }

.main__history--image .item img { opacity: 0; visibility: hidden; }

.main__history--slider { margin-top: -6.25em; position: relative; max-height: 390px; }

.main__history--arrow { position: absolute; left: 0; right: 0; transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); -moz-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); -o-transform: translateX(0) translateY(-50%); display: none; }

.main__history--arrow .arrow { width: 1.875em; height: 1.875em; opacity: 0.6; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; }

.main__history--slide { min-height: 205px; }

.main__history--slide .year { color: #fff; font-size: 1.875em; text-transform: uppercase; letter-spacing: 0.02em; }

.main__history--slide .year span { font-size: 1.125rem; }

.main__history--slide .text { color: #fff; margin-top: 0.9375em; line-height: 1.5em; font-size: 0.875em; }

.main__history--right { z-index: 1; flex: 0 0 100%; max-width: 100%; margin-top: 3.625em; }

.main__basic { background-color: #272C37; padding-top: 11.5em; position: relative; padding-bottom: 2.5em; }

.main__basic .page__flex { justify-content: space-between; }

.main__basic--flex { flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top: -3.125em; padding: 0.625em 0; display: none; }

.main__basic--flex .count__number { font-size: 1.25em; color: #fff; text-transform: uppercase; }

.main__basic--arrow .arrow { width: 1.75em; }

.main__basic--img { position: absolute; overflow: hidden; top: 2%; height: 100%; width: 100%; left: 0; right: 0; }

.main__basic--img svg { position: absolute; right: -70%; width: 180%; }

.main__basic--box { flex: 0 0 100%; max-width: 100%; position: relative; z-index: 2; }

.main__basic--box h1 { color: #fff; max-width: 600px; }

.main__basic--box:first-child { flex: 0 0 100%; max-width: 100%; margin-bottom: 3.125em; }

.main__basic--box .back { margin-top: 3.125em; }

.main__basic--litle { position: absolute; top: -15%; left: -7%; z-index: 1; display: none; animation: round 15s linear infinite; -webkit-animation: round 15s linear infinite; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); }

.main__basic--desc { margin-top: 1.5em; margin-bottom: 0.9375em; }

.main__basic--desc .page__btn { display: none; }

.main__basic--line { color: #fff; padding-top: 13px; padding-bottom: 13px; margin-bottom: 0.9375em; }

.main__basic--line > span { font-weight: 100; font-size: 0.875em; }

.main__basic--line .price { display: inline-block; color: #fff; font-size: 0.9375em; }
.main__basic--line .price_desc {font-weight: 100; font-size: 0.8em; opacity: 0.5; padding-top: 3px;}

.main__basic--image { margin-left: -15px; margin-right: -15px; }

.main__left { z-index: 1; padding-left: 0.9375em; padding-right: 0.9375em; flex: 0 0 100%; max-width: 100%; padding-top: 3.75em; padding-bottom: 3.75em; position: relative; overflow: hidden; }

.main__left--circle { position: absolute; top: 30%; right: -50%; max-width: 50%; width: 100%; display: none; z-index: -1; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); }

.main__left .other-services { margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 9.375em; margin-bottom: 9.375em; }

.main__left .text, .main__left .services { margin-bottom: 4.75em; }

.main__left .text { margin-bottom: 6.6875em; }

.main__left .read-more { margin-bottom: 10.6875em; }

.main__left .price-type { margin-top: 12.125em; margin-bottom: 11.4375em; }

.main__left .consultation { margin-bottom: 6.25em; }

.main__right { z-index: 1; padding-left: 0.9375em; padding-right: 0.9375em; flex: 0 0 100%; max-width: 100%; padding-top: 3.75em; padding-bottom: 3.75em; position: relative; }

.main__right--gray::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #F5F6F9; }

.main__production--slider .slick-list { margin-left: -10px; margin-right: -10px; }

.main__production--slider .item { padding-left: 10px; padding-right: 10px; }

.main__production--slider .item a { color: #000; outline: none; border: none; text-decoration: none; }

.main__production--slider .item .price { font-size: 0.9375em; }

.main__production--slider .slick-dots { height: 2px; display: flow-root; background-color: rgba(0, 0, 0, 0.1); }

.main__production--slider .slick-dots li { margin: 0; height: 2px; opacity: 0; float: left; visibility: hidden; background-color: #D51217; transition: all .5s ease-in; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -ms-transition: all .5s ease-in; -o-transition: all .5s ease-in; }

.main__production--slider .slick-dots li button { display: none; }

.main__production--slider .slick-dots li.slick-active { opacity: 1; visibility: visible; }

.main__production--line { position: relative; padding-left: 0.9375em; }

.main__production--line::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 2px; height: 100%; background-color: #D51217; }

.main__production--line .subtitle { font-size: 0.75em; color: rgba(0, 0, 0, 0.5); text-transform: uppercase; }

.main__production--title { font-size: 1.0625em; margin-bottom: 0.9375em; margin-top: 0.9375em; }

.main__production--block { margin-bottom: 3.75em; }

.main__production--block .page__flex { align-items: center; justify-content: space-between; }

.main__production--arrow { display: none; }

.main__production--arrow .arrow { width: 1.7em; }

.main__production--image { background-repeat: no-repeat; background-position: 50%; min-height: 160px; background-size: cover; }

.main__production--image img { opacity: 0; visibility: hidden; }

.main__block { max-width: 1920px; margin: 0 auto; }

/*.st1 { stroke-dasharray: 100%; stroke-dashoffset: 100%; animation: stroke 2s ease-in forwards; -webkit-animation: stroke 2s ease-in forwards; }*/

.st2 { 
	stroke-opacity: 0; 
	animation: strokeopacity 2s ease-in forwards; 
	-webkit-animation: strokeopacity 2s ease-in forwards; 
    animation-iteration-count: infinite;
    animation-duration: 5s;	
}

/*.stfill { opacity: 0; animation: fillopacity 2s ease-in forwards; -webkit-animation: fillopacity 2s ease-in forwards; }*/

.stfill {
    opacity: 0;
    animation: fillopacity 2s ease-in forwards;
    -webkit-animation: fillopacity 2s ease-in forwards;
    animation-iteration-count: infinite;
    animation-duration: 5s;
}
.st1 {
    stroke-dasharray: 100%;
    stroke-dashoffset: 100%;
    animation: stroke 2s ease-in forwards;
    -webkit-animation: stroke 2s ease-in forwards;
    animation-iteration-count: infinite;
    animation-duration: 5s;
}

@keyframes stroke { 0% { stroke-dashoffset: 100%; }
  100% { stroke-dashoffset: 0; } }

@keyframes strokeopacity { 0% { stroke-opacity: 0; }
  100% { stroke-opacity: 1; } }

@keyframes fillopacity { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes round { to { transform: translateX(0) translateY(0) rotate(0);
    -webkit-transform: translateX(0) translateY(0) rotate(0);
    -moz-transform: translateX(0) translateY(0) rotate(0);
    -ms-transform: translateX(0) translateY(0) rotate(0);
    -o-transform: translateX(0) translateY(0) rotate(0); }
  from { transform: translateX(0) translateY(0) rotate(-360deg);
    -webkit-transform: translateX(0) translateY(0) rotate(-360deg);
    -moz-transform: translateX(0) translateY(0) rotate(-360deg);
    -ms-transform: translateX(0) translateY(0) rotate(-360deg);
    -o-transform: translateX(0) translateY(0) rotate(-360deg); } }

.form__group { overflow: hidden; position: relative; margin-bottom: 0.9375em; }

.form__group textarea { resize: none; width: 100%; box-sizing: border-box; background-color: transparent; outline: none; border: none; border-bottom: 2px solid #D5D5D5; height: 40px; }

.form__group textarea:focus ~ label { color: #000; top: -1.25em; }

.form__group textarea:focus ~ span { left: 0; width: 100%; }

.form__group textarea.used ~ label { color: #000; top: -1.25em; }

.form__group textarea.used ~ span { left: 0; width: 100%; }

.form__group input { width: 100%; box-sizing: border-box; background-color: transparent; outline: none; border: none; border-bottom: 2px solid #d5d5d5; height: 40px; }
.form__group.err input { border-color: #F30;}

.form__group input:focus ~ label { color: #000; top: -1.25em; }

.form__group input:focus ~ span { left: 0; width: 100%; }

.form__group input.used ~ label { color: #000; top: -1.25em; }

.form__group input.used ~ span { left: 0; width: 100%; }

.form__group label { position: absolute; font-size: 0.8125em; opacity: 0.6; left: 0; top: 0.625em; pointer-events: none; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; }

.form__group label sup { color: #D51217; }

.form__group span { position: absolute; width: 0; left: initial; right: 0; height: 2px; display: block; background-color: #272C37; bottom: 0; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; }
.form__group.err span {	background-color: #F30; }

.form__main--block { margin-bottom: 3.75em; }

.form__main--block:last-child { margin-bottom: 0; }

.form__main--name { text-transform: uppercase; font-size: 1.375em; margin-bottom: 0.9375em; }

.form__main--desc { margin-left: -15px; margin-right: -15px; display: flex; flex-wrap: wrap; }

.form__main--desc .checked { flex: 0 0 100%; max-width: 100%; padding-left: 15px; padding-right: 15px; margin-top: 0.9375em; }

.form__main--desc .group { padding-left: 15px; padding-right: 15px; flex: 0 0 100%; max-width: 100%; }

.form__main--button { margin-top: 3.125em; }

.form__main--group { padding-left: 1.375em; position: relative; margin-top: 1.5em; }

.form__main--line { position: relative; padding-left: 1.375em; }

.form__main--line::before { content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; height: 100%; background-color: #D51217; }

.form__file { margin-top: 1.875em; }

.form__file .file { position: relative; overflow: hidden; }

.form__file .file label { position: relative; color: #000; font-size: 0.875em; font-weight: normal; cursor: pointer; padding-left: 1.25em; }

.form__file .file label::before { content: ""; display: block; position: absolute; top: 50%; left: 0; font-size: 1.4375em; content: "+"; transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); -moz-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); -o-transform: translateX(0) translateY(-50%); }

.form__file .file label span { text-decoration: underline; }

.form__file .file input { opacity: 0; z-index: -1; left: -9999px; position: absolute; }

.form__modal--button { margin-top: 2.5em; }

.phone > a { outline: none; border: none; text-decoration: none; display: inline-block; }

.phone > a .text { font-size: 1.125em; font-weight: normal; }

.logo { display: inline-block; vertical-align: middle; outline: none; border: none; text-decoration: none; }

.nav { display: inline-block; vertical-align: middle; display: none; }

.nav > ul { padding: 0; margin: 0; list-style-type: none; }

.nav > ul > li { display: inline-block; vertical-align: middle; margin-right: 0.9375em; }

.nav > ul > li.active > a::after { opacity: 1; }

.nav > ul > li:last-child { margin-right: 0; }

.nav > ul > li > a { outline: none; border: none; text-decoration: none; color: #fff; font-size: 0.8125em; padding: 2.5em 0 3.4375em; text-transform: uppercase; position: relative; display: inline-block; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; }

.nav > ul > li > a::after { content: ""; display: block; position: absolute; left: 0; width: 100%; bottom: 0; height: 2px; background-color: #D51217; opacity: 0; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; }

.subnav { position: absolute; left: 0; right: 0; top: 90px; z-index: 1; opacity: 0; visibility: hidden; background-color: #fff; padding-left: 0.9375em; padding-right: 0.9375em; padding-top: 6.25em; padding-bottom: 3.75em; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; }

.subnav__box { flex: 0 0 25%; max-width: 25%; padding-left: 0.9375em; padding-right: 0.9375em; }
.subnav__box:nth-child(n+5) {margin-top: 1.875em; }

.subnav ul { padding: 0; margin: 0; list-style-type: none; }

.subnav ul > li { margin-bottom: 1.875em; float: left; width: 25%; }

.subnav ul > li:last-child { margin-bottom: 0; }

.subnav ul > li > a { color: #000; outline: none; border: none; text-decoration: none; font-size: 0.875em; font-weight: normal; text-transform: uppercase; display: inline-block; position: relative; transition: all 0.4s ease-in 0; -webkit-transition: all 0.4s ease-in 0; -moz-transition: all 0.4s ease-in 0; -ms-transition: all 0.4s ease-in 0; -o-transition: all 0.4s ease-in 0; }

.subnav__line { z-index: -1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-wrap: wrap; }

.subnav__line--box { flex: 0 0 25%; max-width: 25%; box-shadow: 1px -1px 0 0 rgba(0, 0, 0, 0.08); }

.banner { position: relative; height: 100vh; overflow: hidden; padding-top: 4.6875em; }

.banner__top .item { height: 100vh; position: absolute; background-repeat: no-repeat; background-position: 50%; background-size: cover; left: 0; top: 0; }

.banner__top .item:not(:first-of-type) { display: none; }

.banner__top .item::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); }

.banner__top .item img { opacity: 0; visibility: hidden; }

.banner__top--img { position: absolute; top: 50%; right: -30%; transform: translateX(-20%) translateY(-50%); -webkit-transform: translateX(-20%) translateY(-50%); -moz-transform: translateX(-20%) translateY(-50%); -ms-transform: translateX(-20%) translateY(-50%); -o-transform: translateX(-20%) translateY(-50%); max-width: 1218px; width: 100%; display: none; }

.banner__top--info { position: absolute; top: 40%; left: 0; transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); -moz-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); -o-transform: translateX(0) translateY(-50%); color: #fff; padding-left: 0.9375em; padding-right: 0.9375em; }

.banner__top--info .h1 { margin: 0; text-transform: uppercase; font-size: 2.5em;}

.banner__top--info .subtitle { position: relative; padding-left: 2.75em; font-size: clamp(1.25em, 4vw, 1.875em); text-transform: uppercase; margin-top: 1.25rem; }
.banner__top--info h1 .subtitle { position: relative; padding-left: 3.75em; font-size: clamp(0.7em, 2vw, 1.5em); text-transform: uppercase; margin-top: 1.25rem; color: #fff; display: block;}

.banner__top--info .subtitle::before { content: ""; display: block; position: absolute; left: 0; top: 50%; width: 2.125em; height: 2px; background-color: #D51217; transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); -moz-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); -o-transform: translateX(0) translateY(-50%); }

.banner__bottom { position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; }

.banner__bottom > ul { padding: 0; margin: 0; list-style-type: none; display: flex; flex-wrap: wrap; }

.banner__bottom > ul > li { flex: 0 0 100%; max-width: 100%; }

.banner__bottom > ul > li > a { display: block; outline: none; border: none; text-decoration: none; padding-top: 0.625em; padding-bottom: 0.625em; padding-left: 0.9375em; padding-right: 0.9375em; box-shadow: 1px -1px 0 0 rgba(255, 255, 255, 0.15); transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; }

.banner__bottom > ul > li > a > div { position: relative; padding-left: 1.25em; }

.banner__bottom > ul > li > a > div::before { width: 2px; height: 80%; top: 50%; left: 0; background-color: #D51217; content: ""; display: block; position: absolute; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); -moz-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); -o-transform: translateX(0) translateY(-50%); }

.banner__bottom > ul > li > a .subname { color: #fff; opacity: 0.5; font-size: 0.75rem; text-transform: uppercase; font-weight: normal; margin-bottom: 0.625em; }

.banner__bottom > ul > li > a .name { color: #fff; font-size: clamp(0.9375em, 2vw, 1.25em); }

.stroke { stroke: rgba(255, 255, 255, 0.3); }

.fill { fill: rgba(255, 255, 255, 0.3); }

.circle { stroke: rgba(255, 255, 255, 0.3); stroke-width: 2; }

.st { stroke-dasharray: 100%; stroke-dashoffset: 100%; animation: str 2s ease-in forwards; -webkit-animation: str 2s ease-in forwards; }

.circ { stroke-dashoffset: 1400px; stroke-dasharray: 1400px; animation: str 2s ease-in forwards; -webkit-animation: str 2s ease-in forwards; }

.st0 { stroke-opacity: 0; animation: strokeopacity 2s ease-in forwards; -webkit-animation: strokeopacity 2s ease-in forwards; }

.line { position: fixed; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; flex-wrap: wrap; display: none; }

.line__box { flex: 0 0 25%; max-width: 25%; box-shadow: 1px -1px 0 0 #C4C4C4; opacity: 0.1; }

.corporation { padding-top: 3.6875em; padding-bottom: 3.28em; }

.corporation .page__wrap { max-width: 1520px; }

.corporation .page__flex { align-items: center; justify-content: space-between; }

.corporation__button { margin-top: 1.25em; }

.corporation__button .page__btn { margin-bottom: 1.25em; }

.corporation__button .page__btn:last-child { margin-bottom: 0; }

.corporation__box:last-child { flex: 0 0 100%; max-width: 100%; }

.corporation__box:first-child { display: none; }

.corporation__box h2 { margin: 0 0 1.875rem; text-transform: uppercase; }

.corporation__box h2 span { color: #D51217; }

.corporation__box .text { margin-bottom: 2.5em; max-width: 412px; line-height: 1.5; }

.corporation__box .subname { font-size: 0.75em; opacity: 0.5; text-transform: uppercase; margin-bottom: 1.5em; }

.provided { background-color: #272C37; position: relative; padding-top: 0; padding-bottom: 3.4em; }

.provided .page__flex { justify-content: space-between; }

.provided__box { z-index: 1; }

.provided__box:first-child { flex: 0 0 50%; max-width: 50%; }

.provided__box:last-child { flex: 0 0 100%; max-width: 100%; margin-top: 1.5em; }

.provided__box ul { padding-top: 0; padding-left: 0; margin: 0; list-style-type: none; display: block; text-align: left; margin-bottom: 0.937em; }

.provided__box ul li { margin-bottom: 1.2em; }

.provided__box ul li a { position: relative; outline: none; border: none; text-decoration: none; color: #D51217; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; }

.provided__box ul li a span { color: #727989; }

.provided__box h2 { color: #fff; text-transform: uppercase; }

.provided__img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0.1; overflow: hidden; }

.provided__img svg { max-width: 800px; bottom: -20%; right: -50%; position: absolute; }

.provided__banner { margin-bottom: 3.75em; margin-left: -15px; margin-right: -15px; }

.provided__banner .item { background-repeat: no-repeat; background-position: right center; background-size: cover; min-height: 290px; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; }

.provided__banner .item img { opacity: 0; visibility: hidden; }

.sticky { position: sticky; top: 2.5em; bottom: 2.5em; }

.checked { position: relative; }

.checked span { position: absolute; width: 0.9375em; height: 0.9375em; display: block; overflow: hidden; left: 0; top: 2px; border-width: 1px; border-style: solid; border-color: #cbcdd2; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; }

.checked span::after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; }

.checked > label { position: relative; font-size: 0.8125em; padding-left: 1.2em; user-select: none; cursor: pointer; display: block; }

.checked > label input { opacity: 0; width: 0; height: 0; position: absolute; }

.checked > label input:checked ~ span { border-color: #272C37; }

.checked > label input:checked ~ span::after { background-color: #D51217; }

.description__box { padding-left: 15px; padding-right: 15px; flex: 0 0 100%; max-width: 100%; margin-bottom: 0.9375em; }

.description__number { color: #D51217; font-size: 2.75rem; position: relative; text-transform: uppercase; }

.description__arrow { position: relative; padding-left: 1.5rem; }

.description__arrow::before { content: ">"; display: block; position: absolute; left: 0; font-size: 2.75rem; }

.description__text { font-size: 0.9375em; }

.patent { outline: none; border: none; text-decoration: none; display: block; position: relative; padding-left: 3.75em; }

.patent .icon { max-width: 3.125em; position: absolute; left: 0; top: 0; width: 100%; }

.patent .name { color: #000; font-size: 0.9375em; text-transform: uppercase; }

.patent .text { color: rgba(0, 0, 0, 0.5); font-size: 0.875em; }

.read-more__link { outline: none; border: none; text-decoration: none; text-transform: uppercase; font-size: 0.75em; color: #000; }

.read-more__link span { position: relative; }

.read-more__link span::after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 2px; background-color: #D51217; }

.read-more__text { margin-bottom: 1.25em; position: relative; }

.coopyright { color: #fff; font-size: 0.875em; flex: 0 0 100%; max-width: 100%; margin-bottom: 1.25em; }

.m-menu { position: fixed; z-index: 100; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; opacity: 0; visibility: hidden; }

.m-menu.active { opacity: 1; visibility: visible; }

.m-menu.active .m-menu__container { transform: translateX(0) translateY(0); -webkit-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); -ms-transform: translateX(0) translateY(0); -o-transform: translateX(0) translateY(0); }

.m-menu__overflow { position: absolute; background-color: rgba(0, 0, 0, 0.3); }

.m-menu__container { position: absolute; top: 0; right: 0; width: 100%; max-width: 450px; bottom: 0; height: 100%; background-color: #fff; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; transform: translateX(100%) translateY(0); -webkit-transform: translateX(100%) translateY(0); -moz-transform: translateX(100%) translateY(0); -ms-transform: translateX(100%) translateY(0); -o-transform: translateX(100%) translateY(0); }

.m-menu__head { padding-left: 0.9375em; padding-right: 0.9375em; padding-top: 0.9375em; }

.m-menu__head .page__flex { align-items: center; justify-content: space-between; }

.m-menu__head--box .phone { margin-right: 1.25em; display: inline-block; vertical-align: middle; line-height: 0; }

.m-menu__head--box .phone a { width: 1.25em; }

.m-menu__head--box .phone a .icon svg { fill: #D51217; }

.m-menu__head--box .logo { max-width: 3.75em; }

.m-menu__close { display: inline-block; text-decoration: none; outline: none; border: none; width: 1.25em; height: 1.25em; position: relative; vertical-align: middle; }

.m-menu__close::before, .m-menu__close::after { content: ""; display: block; position: absolute; left: 0; right: 0; width: 100%; height: 2px; background-color: #000; top: 50%; }

.m-menu__close::before { transform: translateX(0) translateY(-50%) rotate(45deg); -webkit-transform: translateX(0) translateY(-50%) rotate(45deg); -moz-transform: translateX(0) translateY(-50%) rotate(45deg); -ms-transform: translateX(0) translateY(-50%) rotate(45deg); -o-transform: translateX(0) translateY(-50%) rotate(45deg); }

.m-menu__close::after { transform: translateX(0) translateY(-50%) rotate(-45deg); -webkit-transform: translateX(0) translateY(-50%) rotate(-45deg); -moz-transform: translateX(0) translateY(-50%) rotate(-45deg); -ms-transform: translateX(0) translateY(-50%) rotate(-45deg); -o-transform: translateX(0) translateY(-50%) rotate(-45deg); }

.m-menu__body { padding: 2.5em 0.9375em 1.875em; height: calc(100% - 82px); position: relative; }

.m-menu__nav > ul { padding: 0; margin: 0; list-style-type: none; }

.m-menu__nav > ul > li { margin-bottom: 1.5em; }

.m-menu__nav > ul > li:last-child { margin-bottom: 0; }

.m-menu__nav > ul > li.dropdown > a::after { opacity: 1; visibility: visible; }

.m-menu__nav > ul > li.active > div { transform: translateX(0) translateY(0); -webkit-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); -ms-transform: translateX(0) translateY(0); -o-transform: translateX(0) translateY(0); }

.m-menu__nav > ul > li > a { outline: none; border: none; text-decoration: none; color: #000; display: block; position: relative; text-transform: uppercase; padding-right: 1.25em; }

.m-menu__nav > ul > li > a::after { content: ""; display: block; position: absolute; top: 50%; right: 0; width: 0.75rem; height: 0.75rem; border-top: 2px solid #000; border-right: 2px solid #000; transform: translateX(0) translateY(-50%) rotate(45deg); -webkit-transform: translateX(0) translateY(-50%) rotate(45deg); -moz-transform: translateX(0) translateY(-50%) rotate(45deg); -ms-transform: translateX(0) translateY(-50%) rotate(45deg); -o-transform: translateX(0) translateY(-50%) rotate(45deg); opacity: 0; visibility: hidden; }

.m-menu__desc { position: absolute; left: 0.9375em; right: 0.9375em; bottom: 1.875em; }

.m-menu__desc .phone { margin-bottom: 0.9375em; }

.m-menu__desc .phone a { color: #000; font-size: 1.375em; }

.m-menu__desc .page__btn {  }

.m-menu__subnav { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 5; overflow-x: hidden; overflow-y: auto; background-color: #fff; padding-top: 2.5em; padding-bottom: 1.875em; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; transform: translateX(100%) translateY(0); -webkit-transform: translateX(100%) translateY(0); -moz-transform: translateX(100%) translateY(0); -ms-transform: translateX(100%) translateY(0); -o-transform: translateX(100%) translateY(0); }

.m-menu__subnav--top { padding-left: 0.9375em; padding-right: 0.9375em; }

.m-menu__subnav--top .title { font-size: 1.25em; text-transform: uppercase; margin-top: 0.625em; }
.m-menu__subnav--top .title a {text-decoration: none; color: #000; }

.m-menu__subnav--bottom { padding-left: 0.9375em; padding-right: 0.9375em; padding-top: 1.875em; }

.m-menu__subnav--bottom > ul { padding: 0; margin: 0; list-style-type: none; }

.m-menu__subnav--bottom > ul > li { margin-bottom: 1.5em; }

.m-menu__subnav--bottom > ul > li:last-child { margin-bottom: 0; }

.m-menu__subnav--bottom > ul > li > a { color: #000; outline: none; border: none; text-decoration: none; text-transform: uppercase; font-size: 0.8125em; }

.m-menu__back { outline: none; border: none; text-decoration: none; color: #626670; font-size: 0.75em; text-transform: uppercase; position: relative; padding-left: 1.5em; }

.m-menu__back::before { content: ""; display: block; position: absolute; left: 0; top: 50%; content: url(../img/icon/back.svg); transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); -moz-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); -o-transform: translateX(0) translateY(-50%); }

.preloader { position: fixed; z-index: 10; background-color: #272C37; opacity: 0; visibility: hidden; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; }

.preloader .logo { position: absolute; top: 50%; left: 50%; width: 130px; line-height: 0; display: inline-block; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); animation: fadein 3s ease-in; -webkit-animation: fadein 3s ease-in; }

.preloader__line { position: absolute; left: -35%; right: 0; width: 190%; height: 190%; top: -35%; z-index: -1; display: none; }

.preloader__line.active::before, .preloader__line.active::after { width: 100%; left: 0; }

.preloader__line:first-child { transform: translateX(0) translateY(-61%) rotate(-6deg); -webkit-transform: translateX(0) translateY(-61%) rotate(-6deg); -moz-transform: translateX(0) translateY(-61%) rotate(-6deg); -ms-transform: translateX(0) translateY(-61%) rotate(-6deg); -o-transform: translateX(0) translateY(-61%) rotate(-6deg); height: 152px; top: 50%; }

.preloader__line:first-child::before, .preloader__line:first-child::after { width: 0; height: 1px; animation: width 2s ease-in forwards .5s; -webkit-animation: width 2s ease-in forwards .5s; }

.preloader__line:first-child::before { top: 0%; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); -moz-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); -o-transform: translateX(0) translateY(-50%); }

.preloader__line:first-child::after { bottom: 0%; transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); -moz-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); -o-transform: translateX(0) translateY(-50%); transition: all 0.4s ease-in 0.2s; -webkit-transition: all 0.4s ease-in 0.2s; -moz-transition: all 0.4s ease-in 0.2s; -ms-transition: all 0.4s ease-in 0.2s; -o-transition: all 0.4s ease-in 0.2s; }

.preloader__line:nth-child(2) { width: 127px; transform: translateX(-76%) translateY(0) skew(-20deg); -webkit-transform: translateX(-76%) translateY(0) skew(-20deg); -moz-transform: translateX(-76%) translateY(0) skew(-20deg); -ms-transform: translateX(-76%) translateY(0) skew(-20deg); -o-transform: translateX(-76%) translateY(0) skew(-20deg); left: 50%; }

.preloader__line:nth-child(2)::before, .preloader__line:nth-child(2)::after { width: 1px; height: 0; animation: height 2s ease-in forwards .8s; -webkit-animation: height 2s ease-in forwards .8s; }

.preloader__line:nth-child(2)::before { left: 0; transition: all 0.4s ease-in 0.3s; -webkit-transition: all 0.4s ease-in 0.3s; -moz-transition: all 0.4s ease-in 0.3s; -ms-transition: all 0.4s ease-in 0.3s; -o-transition: all 0.4s ease-in 0.3s; }

.preloader__line:nth-child(2)::after { right: 0; transition: all 0.4s ease-in 0.4s; -webkit-transition: all 0.4s ease-in 0.4s; -moz-transition: all 0.4s ease-in 0.4s; -ms-transition: all 0.4s ease-in 0.4s; -o-transition: all 0.4s ease-in 0.4s; }

.preloader__line:nth-child(3) { left: 50%; width: 200px; transform: translateX(-8%) translateY(0) skew(41deg); -webkit-transform: translateX(-8%) translateY(0) skew(41deg); -moz-transform: translateX(-8%) translateY(0) skew(41deg); -ms-transform: translateX(-8%) translateY(0) skew(41deg); -o-transform: translateX(-8%) translateY(0) skew(41deg); }

.preloader__line:nth-child(3)::before, .preloader__line:nth-child(3)::after { width: 1px; height: 0; animation: height 2s ease-in forwards 1.3s; -webkit-animation: height 2s ease-in forwards 1.3s; }

.preloader__line:nth-child(3)::before { left: 0; transition: all 0.4s ease-in 0.5s; -webkit-transition: all 0.4s ease-in 0.5s; -moz-transition: all 0.4s ease-in 0.5s; -ms-transition: all 0.4s ease-in 0.5s; -o-transition: all 0.4s ease-in 0.5s; }

.preloader__line:nth-child(3)::after { right: 0; transition: all 0.4s ease-in 0.6s; -webkit-transition: all 0.4s ease-in 0.6s; -moz-transition: all 0.4s ease-in 0.6s; -ms-transition: all 0.4s ease-in 0.6s; -o-transition: all 0.4s ease-in 0.6s; }

.preloader__line::before, .preloader__line::after { content: ""; display: block; position: absolute; background-color: rgba(255, 255, 255, 0.2); z-index: -1; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; }

@keyframes width { 0% { width: 0; }
  100% { width: 100%; } }

@keyframes height { 0% { height: 0; }
  100% { height: 100%; } }

@keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }

body.loader .preloader { opacity: 1; visibility: visible; }

.bottom { position: fixed; left: 0; right: 0; bottom: 0; width: 100%; background-color: #D51217; z-index: 2; text-align: center; padding: 0.9375em 0; display: block; }

.bottom a { color: #fff; outline: none; border: none; text-decoration: none; position: relative; display: inline-block; padding-left: 1.875em; font-size: 0.875em; text-transform: uppercase; }

.bottom a::before { content: ""; display: block; position: absolute; left: 0; top: 50%; content: url(../img/icon/calc.svg); transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); -moz-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); -o-transform: translateX(0) translateY(-50%); }

.arrow { display: inline-block; vertical-align: middle; margin: 0 7px; outline: none; border: none; text-decoration: none; }

.arrow.slick-arrow { outline: none; border: none; text-decoration: none; }

.arrow.slick-disabled { opacity: 0.5; }

.modal { position: fixed; z-index: 100; opacity: 0; visibility: hidden; }

.modal.active { opacity: 1; visibility: visible; }

.modal.active .modal__container { transform: translateX(0) translateY(0); -webkit-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); -ms-transform: translateX(0) translateY(0); -o-transform: translateX(0) translateY(0); }

.modal__overflow { position: absolute; background-color: rgba(39, 44, 55, 0.7); }

.modal__container { background-color: #fff; position: absolute; top: 0; right: 0; width: 100%; bottom: 0; height: 100%; max-width: 100%; transition: transform 0.4s ease-in 0s; -webkit-transition: transform 0.4s ease-in 0s; -moz-transition: transform 0.4s ease-in 0s; -ms-transition: transform 0.4s ease-in 0s; -o-transition: transform 0.4s ease-in 0s; padding-top: 2.5em; padding-bottom: 2.5em; padding-left: 1.75em; padding-right: 1.75em; transform: translateX(100%) translateY(0); -webkit-transform: translateX(100%) translateY(0); -moz-transform: translateX(100%) translateY(0); -ms-transform: translateX(100%) translateY(0); -o-transform: translateX(100%) translateY(0); }

.modal__back { outline: none; border: none; text-decoration: none; position: relative; font-size: 0.75em; text-transform: uppercase; color: #626670; padding-left: 1.5em; }

.modal__back::before { content: ""; display: block; position: absolute; left: 0; top: 50%; content: url(../img/icon/back.svg); transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); -moz-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); -o-transform: translateX(0) translateY(-50%); }

.modal__block { position: absolute; padding-top: 1.875em; padding-bottom: 1.875em; padding-left: 1.75em; padding-right: 1.75em; left: 0; right: 0; top: 50%; transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); -moz-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); -o-transform: translateX(0) translateY(-50%); }

.modal__title { font-size: clamp(1.25em, 3.3vw, 1.875em); text-transform: uppercase; margin-bottom: 3.125em; }

.modal__title span { color: #D51217; display: block; }

.error { min-height: 100vh; position: relative; overflow: hidden; }

.error__block { top: 0; left: 50%; bottom: 0; display: table; position: absolute; transform: translateX(-50%) translateY(0); -webkit-transform: translateX(-50%) translateY(0); -moz-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); -o-transform: translateX(-50%) translateY(0); min-height: 100vh; }

.error__block::before { left: 0; }

.error__block::after { right: 0; }

.error__info { display: table-cell; vertical-align: middle; text-align: center; }

.error__info p { font-size: 1.375em; }

.error__info .page__btn { margin-top: 3.75em; }

.error__number { color: #D51217; font-size: clamp(6.5em, 11vw, 12.5em); line-height: 1; }

.error__linear { position: absolute; top: 0; bottom: 0; width: 1px; height: 190%; transform: translateX(-50%) translateY(0) skew(-38deg); -webkit-transform: translateX(-50%) translateY(0) skew(-38deg); -moz-transform: translateX(-50%) translateY(0) skew(-38deg); -ms-transform: translateX(-50%) translateY(0) skew(-38deg); -o-transform: translateX(-50%) translateY(0) skew(-38deg); background-color: rgba(0, 0, 0, 0.1); display: none; }

.error__line { position: absolute; top: 40%; transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); -moz-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); -o-transform: translateX(0) translateY(-50%); left: 0; right: 0; width: 190%; height: 15%; display: none; }

.error__line::before, .error__line::after { width: 100%; height: 1px; content: ""; display: block; position: absolute; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.1); }

.error__line::before { top: 0; }

.error__line::after { bottom: 0; }

.kamaz-production { position: relative; }

.kamaz-production__img { position: absolute; bottom: 0; max-width: 50%; width: 100%; right: 0; }

.kamaz-production__block { max-width: 1920px; width: 100%; margin: 0 auto; }

.kamaz-production .page__flex { justify-content: space-between; }

.kamaz-production__left { flex: 0 0 100%; max-width: 100%; padding-top: 3.75em; padding-left: 0.9375em; padding-right: 0.9375em; z-index: 1; padding-bottom: 3.75em; }

.kamaz-production__left .specifications, .kamaz-production__left .equipment { margin-top: 7.75em; }

.kamaz-production__left .document { margin-top: 7.75em; }

.kamaz-production__left .consultation { margin-top: 3.75em; }

.kamaz-production__right { flex: 0 0 100%; max-width: 100%; position: relative; padding-top: 3.75em; padding-left: 0.9375em; padding-right: 0.9375em; z-index: 1; padding-bottom: 3.75em; }

.kamaz-production__right::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #F5F6F9; }

.specifications__line { position: relative; padding-left: 0.9375em; }

.specifications__line::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 2px; height: 100%; background-color: #D51217; }

.specifications__line .subtitle { font-size: 0.75em; text-transform: uppercase; color: rgba(0, 0, 0, 0.5); }

.specifications__block { margin-top: 3.125em; }

.specifications__table { width: 100%; }

.specifications__table tr { display: flex; justify-content: space-between; }

.specifications__table tr td { position: relative; text-align: right; padding-top: 0.625em; }

.specifications__table tr td:first-child { text-align: left; flex-grow: 1; border-bottom: 1px dotted #000; }

.specifications__table tr td span { color: #000; font-size: 0.9375em; position: relative; background-color: #fff; top: 5px; left: -1px; }

.equipment__line { position: relative; display: inline-block; vertical-align: middle; padding-left: 0.9375em; }

.equipment__line::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 2px; height: 100%; background-color: #D51217; }

.equipment__line .subtitle { color: rgba(0, 0, 0, 0.5); font-size: 0.75em; text-transform: uppercase; }

.equipment__block { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 3.75em; align-items: center; }

.equipment__slider.slick-dotted.slick-slider { margin-bottom: 3.75em; }

.equipment__slider .slick-slide { padding-left: 10px; padding-right: 10px; }

.equipment__slider .item { background-repeat: no-repeat; background-size: cover; background-position: 50%; }

.equipment__slider .item img { opacity: 0; visibility: hidden; }

.equipment__slider .slick-list { margin-left: -10px; margin-right: -10px; }

.equipment__slider .slick-dots { height: 2px; bottom: -3.25em; display: flow-root; background-color: rgba(0, 0, 0, 0.1); }

.equipment__slider .slick-dots li { margin: 0; height: 2px; opacity: 0; float: left; visibility: hidden; background-color: #D51217; transition: all .5s ease-in; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -ms-transition: all .5s ease-in; -o-transition: all .5s ease-in; }

.equipment__slider .slick-dots li button { display: none; }

.equipment__slider .slick-dots li.slick-active { opacity: 1; visibility: visible; }

.equipment__arrow { display: none; }

.equipment__arrow .arrow { width: 1.5em; }

.document__line { position: relative; padding-left: 0.9375em; }

.document__line::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 2px; height: 100%; background-color: #D51217; }

.document__line .subtitle { color: rgba(0, 0, 0, 0.5); font-size: 0.75em; text-transform: uppercase; }

.document__block { margin-top: 3.75em; }

.consultation__line { position: relative; padding-left: 0.9375em; }

.consultation__line::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 2px; height: 100%; background-color: #D51217; }

.consultation__line .subtitle { color: rgba(0, 0, 0, 0.5); font-size: 0.75em; text-transform: uppercase; }

.consultation__button { margin-top: 3.75em; }

.consultation__button .page__btn { margin-bottom: 0.9375em; }

.consultation__button .page__btn:last-child { margin-right: 0; margin-bottom: 0; }

.services__line { position: relative; padding-left: 0.9375em; }

.services__line::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 2px; height: 100%; background-color: #D51217; }

.services__line .subtitle { color: rgba(0, 0, 0, 0.5); font-size: 0.75em; text-transform: uppercase; }

.services__desc { margin-bottom: 3.75em; }

.services__desc .page__flex { align-items: center; justify-content: space-between; }

.services__arrow { display: none; }

.services__arrow .arrow { width: 1.75em; }

.services__slider.slick-dotted.slick-slider { margin-bottom: 3.75em; }

.services__slider .slick-list { margin-left: -10px; margin-right: -10px; }

.services__slider .item { padding-left: 10px; padding-right: 10px; }

.services__slider .slick-dots { height: 2px; bottom: -3.75em; display: flow-root; background-color: rgba(0, 0, 0, 0.1); }

.services__slider .slick-dots li { margin: 0; height: 2px; opacity: 0; float: left; visibility: hidden; background-color: #D51217; transition: all .5s ease-in; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -ms-transition: all .5s ease-in; -o-transition: all .5s ease-in; }

.services__slider .slick-dots li button { display: none; }

.services__slider .slick-dots li.slick-active { opacity: 1; visibility: visible; }

.services__image { margin-bottom: 0.625em; background-repeat: no-repeat; background-position: 50%; min-height: 160px; background-size: cover; }

.services__image img { opacity: 0; visibility: hidden; }

.services__title { font-size: 1.0625em; }

.services__text { font-size: 0.875em; }

.price-type { position: relative; margin-left: -15px; margin-right: -15px; }

.price-type__block { background-color: #F5F6F9; padding-top: 3.75em; text-align: right; max-width: 100%; width: 100%; }

.price-type__block img { display: inline-block; }

.price-type .page__flex { align-items: center; justify-content: space-between; }

.price-type__box { flex: 0 0 100%; max-width: 100%; position: relative; }

.price-type__box:last-child { left: 0; z-index: -1; right: 0; position: absolute; }

.price-type__box:first-child { padding-left: 15px; padding-right: 15px; flex: 0 0 100%; max-width: 100%; }

.price-type__price { margin: 1.5em 0; }

.price-type__price .price { font-size: 1.5em; }

.price-type__price .price span:first-child { color: #D51217; font-size: 3.125em; }

.other-services { background-color: #272C37; padding-bottom: 3.75em; position: relative; }

.other-services__block ul { display: inline-block; padding: 0; margin: 0; list-style-type: none; column-count: 1; }

.other-services__block ul li { margin-bottom: 1.5em; }

.other-services__block ul li:last-child { margin-bottom: 0; }

.other-services__block ul li a { outline: none; text-decoration: none; border: none; position: relative; display: inline-block; color: #D51217; font-size: 0.875em; transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; }

.other-services__block ul li a span { color: #a0a7b6; transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; }

.other-services__line { position: relative; padding-left: 0.9375em; margin-bottom: 3.75em; }

.other-services__line::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 2px; height: 100%; background-color: #D51217; }

.other-services__line .subtitle { color: #727989; font-size: 0.75em; text-transform: uppercase; }

.other-services__line h2 { color: #fff; }

.other-services__banner { margin-bottom: 3.75em; }

.other-services__banner .item { background-repeat: no-repeat; background-position: right top; min-height: 230px; background-size: cover; margin-left: -15px; margin-right: -15px; }

.other-services__banner .item img { opacity: 0; visibility: hidden; }

.other-services__img { position: absolute; top: 0; bottom: 0; overflow: hidden; left: 0; right: 0; }

.other-services__img svg { position: absolute; right: -70%; width: 180%; bottom: 0; }

.back { outline: none; border: none; text-decoration: none; color: #626670; font-size: 0.75em; text-transform: uppercase; padding-left: 1.5625em; display: inline-block; margin-top: 1.25em; position: relative; }

.back::before { content: ""; display: block; position: absolute; left: 0; top: 50%; content: url(../img/icon/back.svg); transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); -moz-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); -o-transform: translateX(0) translateY(-50%); }

.price-list { position: relative; background-color: #272C37; min-height: 100%; padding-top: 7.25em; padding-bottom: 3.75em; }

.price-list .page__flex { justify-content: space-between; }

.price-list__img { position: absolute; max-width: 1200px; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); -moz-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); -o-transform: translateX(0) translateY(-50%); }

.price-list__box { z-index: 1; flex: 0 0 100%; max-width: 100%; }

.price-list__box:first-child { margin-bottom: 1.25em; }

.price-list__box h1 { color: #fff; }

.price-list__desc { margin: 1.5em 0; }

.price-list__desc .subtitle { color: #fff; font-size: 1.75em; text-transform: uppercase; }

.price-list__desc .price { color: #fff; font-size: 1.75em; font-weight: 100; margin-top: 0.6125rem; }

.price-list__desc .price > span:first-child { font-size: 3.75rem; font-weight: normal; }

.price-list__block { background-color: #fff; position: relative; padding: 2.5em 0.9375em; overflow: hidden; margin-left: -15px; margin-right: -15px; }

.price-list__block--image { max-width: 340px; position: absolute; right: 10%; bottom: 0; opacity: 0.5; }

.price-list__block--info { text-transform: uppercase; margin-bottom: 3.75em; }

.price-list__block--info span { display: inline; position: relative; }

.price-list__block--info span::after { content: ""; display: block; position: absolute; left: 0; right: 0; width: 100%; height: 2px; bottom: 0; background-color: #D51217; }

.price-list__block--desc { margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 3.75em; margin-bottom: 3.75em; }

.price-list__block--desc ul { margin: 0; padding-left: 0.9375em; padding-right: 0.9375em; list-style-type: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.price-list__block--desc ul:first-child { border-top: 1px solid rgba(0, 0, 0, 0.1); }

.price-list__block--desc ul li { padding: 0.875em 0; font-size: 0.875em; }

.price-list__block--desc ul li .price span:first-child { color: #D51217; }

.contact__banner { position: relative; }

.contact__banner .item { background-repeat: no-repeat; background-position: left bottom; background-size: cover; position: relative; min-height: 300px; }

.contact__banner .item::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(39, 44, 55, 0.9); }

.contact__banner .item img { opacity: 0; visibility: hidden; }

.contact__banner--block { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; z-index: 1; }

.contact__banner--block h1 { color: #fff; line-height: 1; }

.contact__banner--block .back { margin-bottom: 1.25em; color: rgba(255, 255, 255, 0.7); }

.contact__banner--block .back::before { content: url(../img/icon/back-white.svg); opacity: 0.7; }

.contact__block { max-width: 1920px; margin: 0 auto; width: 100%; }

.contact__block .page__flex { justify-content: space-between; }

.contact__block--left { flex: 0 0 100%; max-width: 100%; padding-left: 0.9375em; padding-right: 0.9375em; z-index: 1; padding-top: 3.75em; padding-bottom: 6.25em; }

.contact__block--left .page__flex { justify-content: space-between; }

.contact__block--right { flex: 0 0 100%; max-width: 100%; background-color: #F5F6F9; padding-left: 0.9375em; padding-right: 0.9375em; z-index: 1; padding-top: 3.75em; padding-bottom: 3.75em; }

.contact__block--box { flex: 0 0 100%; max-width: 100%; margin-bottom: 6.25em; }

.contact__block--box:last-child { margin-bottom: 0; }

.contact__block--box .phone > a .text { color: #000; font-size: clamp(1.25em, 2.5vw, 1.625em); }

.contact__block--box .address { color: rgba(0, 0, 0, 0.6); max-width: 200px; margin-top: 1.25em; margin-bottom: 1.25em; }

.contact__block--box .work-time { font-size: 0.875em; }

.contact__block--desc { margin-bottom: 6.25em; }

.contact__block--desc:last-child { margin-bottom: 0; }

.contact__block--desc .name { font-size: 1.25em; margin-bottom: 0.9375em; }

.contact__block--desc .post { color: #A2A2A2; font-size: 0.9375em; margin-bottom: 0.9375em; max-width: 280px; }

.contact__block--desc .phone { margin-bottom: 1.25em; }

.kamaz-total { position: relative; background-color: #272C37; padding-top: 6.25em; min-height: 100vh; padding-bottom: 3.75em; overflow: hidden; }

.kamaz-total h1 { color: #fff; position: relative; padding-bottom: 0.8125rem; margin-bottom: 0.9375rem; }

.kamaz-total h1::after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 15%; height: 2px; background-color: #D51217; }

.kamaz-total .back { z-index: 1; }

.kamaz-total__img { position: absolute; left: 0; right: 0; height: 100%; top: 0; overflow: hidden; }

.kamaz-total__img svg { position: absolute; width: 180%; top: 0; }

.kamaz-total__block { z-index: 1; }

.kamaz-total__block--box { display: flex; flex-wrap: wrap; align-items: center; perspective-origin: 1000px; margin-bottom: 1.25em; margin-top: 6.25em; }

.kamaz-total__block--box .title { color: #fff; font-size: clamp(1.625em, 3vw, 1.875em); text-transform: uppercase; text-shadow: 0px 0px 8px #272c37; }

.kamaz-total__block--left { flex: 0 0 100%; max-width: 100%; z-index: 3; }

.kamaz-total__block--image { flex: 0 0 100%; max-width: 100%; position: relative; bottom: -2.5em; z-index: 2; }
.kamaz-total__block--image a { display: block;}

.kamaz-total__block--desc { color: #fff; font-size: 0.875em; margin-top: 0.9375em; text-shadow: 0px 0px 8px #272c37; }

.kamaz-total__block--desc .price { display: inline-block; vertical-align: middle; }

.kamaz-total__block--desc > span { font-weight: 100; display: inline-block; vertical-align: middle; }

.services-total { min-height: 100vh; background-color: #272C37; position: relative; overflow: hidden; padding-top: 6.875em; padding-bottom: 3.75em; }

.services-total__img { max-width: 1000px; position: absolute; left: 0; bottom: 0; width: 100%; transform: translateX(-50%) translateY(0); -webkit-transform: translateX(-50%) translateY(0); -moz-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); -o-transform: translateX(-50%) translateY(0); display: none; }

.services-total .box { z-index: 1; flex: 0 0 100%; max-width: 100%; }

.services-total .box:first-child { flex: 0 0 100%; max-width: 100%; margin-bottom: 2.5em; }

.services-total__banner .item { background-repeat: no-repeat; background-position: right top; min-height: 329px; background-size: cover; }

.services-total__banner .item img { opacity: 0; visibility: hidden; }

.services-total .page__flex { justify-content: space-between; }

.services-total h1 { color: #fff; max-width: 576px; position: relative; padding-bottom: 0.9375rem; margin-bottom: 1.25rem; }

.services-total h1::after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 3.125rem; height: 2px; background-color: #D51217; }

.services-total__box { margin-top: 4.25em; }

.services-total__box > ul { padding: 0; margin: 0; column-count: 1; list-style-type: none; }

.services-total__box > ul:last-child { padding-right: 0; }

.services-total__box > ul > li { margin-bottom: 1.5em; }

.services-total__box > ul > li:last-child { margin-bottom: 0; }

.services-total__box > ul > li > a { color: #D51217; outline: none; border: none; text-decoration: none; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; }

.services-total__box > ul > li > a span { color: #727989; transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; }

.production { padding-top: 11.9375em; padding-bottom: 3.75em; position: relative; }

.production .page__flex { justify-content: space-between; }

.production__box { flex: 0 0 100%; max-width: 100%; z-index: 1; }

.production__box h1 { margin-top: 2.5rem; }

.production__box--desc { margin: 1.5em 0 0.9375em; }

.production__box--desc .page__btn { display: none; }

.production__box--price { display: inline-block; vertical-align: middle; }

.production__box .text { margin-top: 1.25em; font-size: 0.9375em; }

.production__box .equipment { margin-top: 3.9375em; }

.production__box .consultation { margin-top: 3.25em; }

.production__img { position: absolute; right: 0; bottom: 0; max-width: 50%; width: 100%; display: none; }

.read-more
{
	transition: height 1.5s ease;
}
.slideTxt
{
	height: 210px;
	overflow: hidden;
	position: relative;
}
.showSlideTxt
{
	width: 100%;
	height: 90px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+52 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 52%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 52%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 52%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	text-decoration: none;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.showSlideTxt span
{
	border-bottom: solid 2px #D51217;	
	display: inline-block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	cursor: pointer;
}
#spinBlock
{
	margin: 0px auto;
	max-height: 100%;
	max-width: 100%;
}
#spinBlock > .spritespin-stage,
#spinBlock > canvas
{
	max-height: 100%;
	max-width: 100%;
	top: auto !important;
	left: 50% !important;
	bottom: auto !important;
	right: auto !important;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%)
}
.production_text{
	color:#fff;
	margin-top:20px;
}