html, * { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; border: 0; outline: 0 !important; outline: none !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; } body { line-height: 1; } textarea:focus, input:focus, select:focus { outline: none; } img { vertical-align: middle; } /* HTML5 display-role reset for older browsers */ main, article, aside, details, figcaption, figure, footer, header, hgroup, menu, section { display: block; } ol, ul { list-style: none; } h1 { font-weight: normal; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } button:focus { outline: 0; } @font-face { font-family: "RobotoCondensed-Regular"; src: url("../fonts/RobotoCondensed-Regular/RobotoCondensed-Regular.eot"); src: url("../fonts/RobotoCondensed-Regular/RobotoCondensed-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-Regular/RobotoCondensed-Regular.woff") format("woff"), url("../fonts/RobotoCondensed-Regular/RobotoCondensed-Regular.ttf") format("truetype"), url("../fonts/RobotoCondensed-Regular/RobotoCondensed-Regular.svg#RobotoCondensed-Regular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "RobotoCondensed-Light"; src: url("../fonts/RobotoCondensed-Light/RobotoCondensed-Light.eot"); src: url("../fonts/RobotoCondensed-Light/RobotoCondensed-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-Light/RobotoCondensed-Light.woff") format("woff"), url("../fonts/RobotoCondensed-Light/RobotoCondensed-Light.ttf") format("truetype"), url("../fonts/RobotoCondensed-Light/RobotoCondensed-Light.svg#RobotoCondensed-Light") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Oswald-Light"; src: url("../fonts/Oswald-Light/Oswald-Light.eot"); src: url("../fonts/Oswald-Light/Oswald-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Oswald-Light/Oswald-Light.woff") format("woff"), url("../fonts/Oswald-Light/Oswald-Light.ttf") format("truetype"), url("../fonts/Oswald-Light/Oswald-Light.svg#Oswald-Light") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Oswald-Medium"; src: url("../fonts/Oswald-Medium/Oswald-Medium.eot"); src: url("../fonts/Oswald-Medium/Oswald-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Oswald-Medium/Oswald-Medium.woff") format("woff"), url("../fonts/Oswald-Medium/Oswald-Medium.ttf") format("truetype"), url("../fonts/Oswald-Medium/Oswald-Medium.svg#Oswald-Medium") format("svg"); font-weight: normal; font-style: normal; } .container { position: relative; margin-left: auto; margin-right: auto; width: 100%; } @media only screen and (min-width: 1600px) { .container { max-width: 1921px; padding-left: 30px; padding-right: 30px; } } @media only screen and (min-width: 1280px) and (max-width: 1599px) { .container { max-width: 1280px; padding-left: 30px; padding-right: 30px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .container { max-width: 1024px; padding-left: 30px; padding-right: 30px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .container { max-width: 768px; padding-left: 30px; padding-right: 30px; } } @media only screen and (max-width: 767px) { .container { padding-left: 20px; padding-right: 20px; } } .icon { display: inline-block; width: 1em; height: 1em; fill: currentColor; } #SVG_container { position: absolute; height: 0; width: 0; } #SVG_container svg { position: absolute; height: 0; width: 0; } .icon- + { font-size: 1rem; width: 0.8em; } .icon-arrow-down { font-size: 0.6rem; width: 1.66667em; } .icon-arrow-left { font-size: 1.1rem; width: 0.54545em; } .icon-arrow-right { font-size: 1.1rem; width: 0.63636em; } .icon-basket { font-size: 1.8rem; width: 1.05556em; } .icon-block { font-size: 1.8rem; width: 0.77778em; } .icon-calculator { font-size: 4.8rem; width: 0.85417em; } .icon-car { font-size: 4.5rem; width: 1.53333em; } .icon-check { font-size: 2.1rem; width: 1em; } .icon-check2 { font-size: 1.7rem; width: 1em; } .icon-close { font-size: 1.2rem; width: 1em; } .icon-euro { font-size: 4.8rem; width: 1.33333em; } .icon-garage { font-size: 4.9rem; width: 1.44898em; } .icon-girl { font-size: 4.9rem; width: 0.65306em; } .icon-mail { font-size: 1.2rem; width: 1.25em; } .icon-man { font-size: 4.7rem; width: 0.74468em; } .icon-map { font-size: 1.8rem; width: 0.72222em; } .icon-map-2 { font-size: 5rem; width: 0.72em; } .icon-menu { font-size: 1.9rem; width: 1.42105em; } .icon-pan { font-size: 1.6rem; width: 1em; } .icon-phone { font-size: 1.6rem; width: 1em; } .icon-picture { font-size: 51.1rem; width: 1em; } .icon-question { font-size: 0.9rem; width: 0.55556em; } .icon-refresh { font-size: 2.4rem; width: 0.91667em; } .icon-scrol { font-size: 3.8rem; width: 0.63158em; } .icon-search { font-size: 1.5rem; width: 1em; } .icon-shipment { font-size: 5.3rem; width: 1.09434em; } .icon-skype { font-size: 1.6rem; width: 1em; } .icon-train { font-size: 4.6rem; width: 1.43478em; } .icon-user { font-size: 1.7rem; width: 1em; } .icon-wb-facebook { font-size: 2rem; width: 0.5em; } .icon-wb-google + { font-size: 1.8rem; width: 1.55556em; } .icon-wb-instagram { font-size: 2rem; width: 1em; } .icon-wb-vk { font-size: 1.4rem; width: 1.71429em; } .icon-webest-logo { font-size: 1.9rem; width: 4.21053em; } .icon-whatsup { font-size: 1.8rem; width: 0.88889em; } body { font-family: "RobotoCondensed-Light"; background-color: #F5F5F5; } html, body { height: 100%; } html.fsvs { height: 100%; width: 100%; position: fixed; top: 0; left: 0; overflow: hidden; } html.fsvs #fsvs-body { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; position: absolute; top: 0; left: 0; z-index: 1; height: 100%; width: 100%; } html.fsvs #fsvs-body > * { height: 100%; width: 100%; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } .wrapper-main:not(.wrapper-main--home) { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .wrapper-main:not(.wrapper-main--home) .content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .title { font-family: "Oswald-Light"; font-size: 24px; letter-spacing: 0.03em; text-transform: uppercase; line-height: 1.5; } @-webkit-keyframes preloader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes preloader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2); } 70% { -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2); } 70% { -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } .animated { -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } } .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } @media only screen and (max-width: 576px) { .mfp-sitemenu .mfp-container { padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 576px) { .mfp-sitemenu .mfp-content { height: 100%; vertical-align: top; } } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: rgba(0, 0, 0, 0.5); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur { cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader, .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { display: none; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 2; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100% !important; overflow: auto; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-invisible-blank-slide { visibility: hidden; } .swiper-container-autoheight { height: auto; } .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-lock { display: none; } .swiper-pagination { text-align: center; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination:not(:empty) { padding-top: 50px; } .swiper-pagination > *:not(:last-child) { margin-right: 12px; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-fraction, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; -webkit-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { width: 17px; opacity: 1; border-radius: 4.5px; background: #56A6A6; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; } .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #ffffff; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #ffffff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000000; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; 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; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active { pointer-events: auto; } .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active { pointer-events: auto; pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px; } .hamburger-menu { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; height: 18px; } .hamburger-menu > *:not(:last-child) { margin-right: 12px; } .hamburger-menu__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: inherit; } .hamburger-menu__name { font-size: 14px; text-transform: uppercase; } @media only screen and (max-width: 576px) { .hamburger-menu__name { display: none; } } .hamburger-menu.is--active .hamburger-menu__line:nth-child(2) { width: 27px; } .hamburger-menu.is--active .hamburger-menu__line:nth-child(3) { width: 18px; } .hamburger-menu__line { height: 1px; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: width .5s; -o-transition: width .5s; transition: width .5s; } .hamburger-menu__line:nth-child(1), .hamburger-menu__line:nth-child(3) { width: 27px; } .hamburger-menu__line:nth-child(2) { width: 18px; } @media only screen and (min-width: 768px) { .nav-production { 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; position: absolute; top: 205px; left: 32px; right: 32px; pointer-events: none; } } @media only screen and (max-width: 767px) { .nav-production { display: none; } } .nav-production__link { 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; pointer-events: initial; border: 1px solid; border-color: rgba(255, 255, 255, 0.4); border-radius: 2px; color: rgba(255, 255, 255, 0.6); -webkit-transition: color 0.3s, border-color 0.3s; -o-transition: color 0.3s, border-color 0.3s; transition: color 0.3s, border-color 0.3s; text-decoration: none; padding-left: 20px; padding-right: 20px; } .nav-production__link-icon { min-width: 8px; max-width: 8px; height: 14px; color: inherit; } .nav-production__link-name { font-family: "Oswald-Light"; font-size: 18px; letter-spacing: 0.03em; text-transform: uppercase; color: inherit; margin-right: 12px; } .nav-production__link:hover { border-color: #FFFFFF; color: #FFFFFF; } .nav-production__link--prev { width: 50px; height: 46px; } .nav-production__link--next { height: 54px; margin-left: auto; } .btn-individual-count { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; color: #4397B3; } .btn-individual-count:hover { color: #F37722; } .btn-individual-count:active { color: #E45C00; } .btn-individual-count > *:first-child { margin-right: 9px; } .btn-individual-count__icon { min-width: 16px; max-width: 16px; height: 16px; color: inherit; -webkit-transition: color .4s; -o-transition: color .4s; transition: color .4s; } .btn-individual-count__text { font-family: "Oswald-Medium"; font-size: 14px; letter-spacing: 0.03em; text-transform: uppercase; color: inherit; -webkit-transition: color .4s; -o-transition: color .4s; transition: color .4s; } .btn-close { background-color: transparent; cursor: pointer; } .btn-close__icon { min-width: 12px; max-width: 12px; height: 12px; color: rgba(0, 0, 0, 0.54); } button.btn-backward { cursor: pointer; } .btn-backward { text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; color: #4397B3; } .btn-backward:hover { color: #F37722; } .btn-backward > *:first-child { margin-right: 9px; } .btn-backward__icon { min-width: 8px; max-width: 8px; height: 11px; color: inherit; -webkit-transition: color .4s; -o-transition: color .4s; transition: color .4s; } .btn-backward__text { font-family: "Oswald-Medium"; font-size: 14px; letter-spacing: 0.03em; text-transform: uppercase; color: inherit; -webkit-transition: color .4s; -o-transition: color .4s; transition: color .4s; } .btn-to-basket { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; color: #4397B3; } .btn-to-basket:hover { color: #F37722; } .btn-to-basket > *:first-child { margin-right: 9px; } .btn-to-basket__icon { min-width: 18px; max-width: 18px; height: 18px; color: inherit; -webkit-transition: color .4s; -o-transition: color .4s; transition: color .4s; } .btn-to-basket__text { font-family: "Oswald-Medium"; font-size: 14px; letter-spacing: 0.03em; text-transform: uppercase; color: inherit; -webkit-transition: color .4s; -o-transition: color .4s; transition: color .4s; } button.btn-text { cursor: pointer; } a.btn-text { text-decoration: none; } .btn-text { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: transparent; font-family: "Oswald-Medium"; font-size: 14px; letter-spacing: 0.03em; text-transform: uppercase; -webkit-transition: color .4s; -o-transition: color .4s; transition: color .4s; } .btn-text--blue { color: #4397B3; } .btn-text--blue:hover { color: #0E7FA5; } .calculator-link { max-width: 290px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 24px; background-color: #FCFCFC; text-decoration: none; border-radius: 2px; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -webkit-transition: -webkit-box-shadow 0.3s; transition: -webkit-box-shadow 0.3s; -o-transition: box-shadow 0.3s; transition: box-shadow 0.3s; transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; } .calculator-link > *:first-child { margin-right: 16px; } .calculator-link__icon { min-width: 40px; max-width: 40px; height: 48px; color: #4397B3; } .calculator-link__text { font-size: 16px; color: rgba(0, 0, 0, 0.8); } .calculator-link:hover { -webkit-box-shadow: -13px 10px 25px rgba(0, 0, 0, 0.09); box-shadow: -13px 10px 25px rgba(0, 0, 0, 0.09); } .calculator-link:active { -webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.23), -13px 10px 25px rgba(0, 0, 0, 0.09); box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.23), -13px 10px 25px rgba(0, 0, 0, 0.09); } .btn-order-call { cursor: pointer; text-align: left; font-family: "RobotoCondensed-Regular"; font-size: 14px; color: #F37722; background-color: transparent; } .btn-order-call:hover { text-decoration: underline; } .order-remove { cursor: pointer; background-color: transparent; } .order-remove__icon { min-width: 13px; max-width: 13px; height: 13px; color: rgba(243, 119, 34, 0.5); } .filter-reset { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; color: #BFBFBF; } .filter-reset:hover { color: #54ADCA; } .filter-reset > *:first-child { margin-right: 9px; } .filter-reset__icon { min-width: 13px; max-width: 13px; height: 13px; color: inherit; -webkit-transition: color .4s; -o-transition: color .4s; transition: color .4s; } .filter-reset__text { font-family: "Oswald-Medium"; font-size: 14px; letter-spacing: 0.03em; text-transform: uppercase; color: inherit; -webkit-transition: color .4s; -o-transition: color .4s; transition: color .4s; } .btn-filter { background-color: transparent; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 1024px) { .btn-filter { display: none; } } @media only screen and (max-width: 1023px) { .btn-filter { display: -webkit-box; display: -ms-flexbox; display: flex; } } .btn-filter > *:not(:last-child) { margin-right: 9px; } .btn-filter__icon { min-width: 22px; max-width: 22px; height: 22px; } .btn-filter__text { font-family: "RobotoCondensed-Light"; font-size: 14px; color: #4397B3; } a.btn-base { text-decoration: none; } button.btn-base, input.btn-base { cursor: pointer; } .btn-base { 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; min-width: 180px; height: 48px; border-radius: 5px; -webkit-transition: background-color .5s; -o-transition: background-color .5s; transition: background-color .5s; color: rgba(255, 255, 255, 0.8); font-family: "Oswald-Medium"; font-size: 14px; letter-spacing: 0.03em; text-transform: uppercase; } .btn-base--blue { background-color: #4397B3; } .btn-base--blue:hover { background-color: #2488A9; } .slider-btn { 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; cursor: pointer; min-width: 53px; max-width: 53px; height: 53px; background-color: transparent; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; } .slider-btn:hover .slider-btn__icon { color: #4397B3; } .slider-btn__icon { min-width: 8px; max-width: 8px; height: 14px; color: rgba(0, 0, 0, 0.2); -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .slider-btn-news { 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; cursor: pointer; min-width: 53px; max-width: 53px; height: 53px; background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 2px; -o-transition: color 0.3s; transition: border-color 0.3s; } .slider-btn-news:hover{ border: 1px solid rgba(255, 255, 255, 1); } .slider-btn-news:hover .slider-btn__icon-news { color: rgba(255, 255, 255, 1); } .slider-btn__icon-news { min-width: 8px; max-width: 8px; height: 14px; color: rgba(255, 255, 255, 0.7); -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } button.personal-btn { cursor: pointer; } a.personal-btn { text-decoration: none; } .personal-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; background-color: transparent; } @media only screen and (min-width: 1600px) { .personal-btn > *:first-child { margin-right: 12px; } } .personal-btn__icon { width: 18px; height: 18px; color: rgba(0, 0, 0, 0.35); } .personal-btn__name { font-family: "RobotoCondensed-Light"; font-size: 14px; line-height: 1; color: rgba(0, 0, 0, 0.8); -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } @media only screen and (max-width: 1599px) { .personal-btn__name-text { display: none; } } .personal-btn:hover .personal-btn__name { color: rgba(0, 0, 0, 0.6); } .personal-btn__count { visibility: hidden; min-width: 15px; } @media only screen and (max-width: 1599px) { .personal-btn__count { position: relative; bottom: 1px; left: 4px; } } .personal-btn__count-num { color: #F37722; } input, textarea { font-family: "RobotoCondensed-Light"; border: 1px solid transparent; -webkit-transition: border 0.3s; -o-transition: border 0.3s; transition: border 0.3s; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-family: "RobotoCondensed-Light"; color: rgba(0, 0, 0, 0.7); } input::-moz-placeholder, textarea::-moz-placeholder { font-family: "RobotoCondensed-Light"; color: rgba(0, 0, 0, 0.7); } input:-ms-input-placeholder, textarea:-ms-input-placeholder { font-family: "RobotoCondensed-Light"; color: rgba(0, 0, 0, 0.7); } input::-ms-input-placeholder, textarea::-ms-input-placeholder { font-family: "RobotoCondensed-Light"; color: rgba(0, 0, 0, 0.7); } input::placeholder, textarea::placeholder { font-family: "RobotoCondensed-Light"; color: rgba(0, 0, 0, 0.7); } input.is--error, textarea.is--error { border: 1px solid #E25858; } .textarea { width: 100%; resize: none; padding: 16px 20px; font-size: 15px; line-height: 1.5; color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.05); border-radius: 2px; } .checkbox.is--error .checkbox__shape { border-color: #E25858; } .checkbox__element { display: none; } .checkbox__element:checked + .checkbox__wrapper .checkbox__shape { border-color: #4397B3; } .checkbox__element:checked + .checkbox__wrapper .checkbox__shape .checkbox__shape-icon { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .checkbox__wrapper { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .checkbox__label { font-size: 14px; color: #000000; } .checkbox__shape { 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; min-width: 18px; max-width: 18px; height: 18px; border-radius: 2px; border: 2px solid; border-color: #E9E9E9; -webkit-transition: border-color .4s; -o-transition: border-color .4s; transition: border-color .4s; margin-right: 8px; } .checkbox__shape-icon { width: 10px; height: 10px; color: #4397B3; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; -o-transition: transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; } .radiobutton__element { display: none; } .radiobutton__element:checked + .radiobutton__wrapper .radiobutton__shape { border-color: #4397B3; } .radiobutton__element:checked + .radiobutton__wrapper .radiobutton__shape .radiobutton__shape-circle { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .radiobutton__wrapper { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .radiobutton__label { font-size: 14px; color: #000000; } .radiobutton__shape { 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; min-width: 18px; max-width: 18px; height: 18px; border-radius: 50px; border: 2px solid; border-color: #E9E9E9; -webkit-transition: border-color .1s; -o-transition: border-color .1s; transition: border-color .1s; margin-right: 10px; } .radiobutton__shape-circle { min-width: 6px; max-width: 6px; height: 6px; background-color: #4397B3; border-radius: 50px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; -o-transition: transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; } .input-select { position: relative; } .input-select__toggle.open .input-select__icon .icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .input-select.is--hidden { pointer-events: none; } .input-select.is--hidden .input-select__icon .icon { color: #999; } .input-select.is--hidden .input-select__selected { color: #999; } .input-select__list-wrapper { overflow-y: auto; max-height: inherit; margin-right: -12px; } .input-select .input-select__toggle { width: 100%; height: 50px; padding-left: 12px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; border: 1px solid; border-color: transparent; background-color: rgba(0, 0, 0, 0.05); -webkit-transition: border-color 0.3s; -o-transition: border-color 0.3s; transition: border-color 0.3s; } .input-select .input-select__toggle:hover, .input-select .input-select__toggle:focus { border-color: #BDBDBD; } .input-select .input-select__selected { font-family: "RobotoCondensed-Light"; font-size: 14px; color: rgba(0, 0, 0, 0.7); } .input-select .input-select__icon { 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; height: inherit; padding-left: 16px; padding-right: 16px; } .input-select .input-select__icon .icon { min-width: 7px; max-width: 12px; height: 12px; color: #4397B3; -webkit-transition: -webkit-transform ease .4s; transition: -webkit-transform ease .4s; -o-transition: transform ease .4s; transition: transform ease .4s; transition: transform ease .4s, -webkit-transform ease .4s; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .input-select .input-select__list { overflow: hidden; position: absolute; display: none; width: 100%; max-height: 200px; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 3px; background-color: #ffffff; -webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.23), -13px 10px 25px rgba(0, 0, 0, 0.09); box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.23), -13px 10px 25px rgba(0, 0, 0, 0.09); border-radius: 0px 0px 2px 2px; z-index: 3; } .input-select .input-select__list--counters { width: auto; } .input-select .input-select__item { width: 100%; padding: 12px 20px; background-color: transparent; text-align: left; -webkit-transition: background-color ease .3s , color ease .3s; -o-transition: background-color ease .3s , color ease .3s; transition: background-color ease .3s , color ease .3s; cursor: pointer; position: relative; font-size: 14px; color: #000000; } .input-select .input-select__item:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: background-color ease .3s; -o-transition: background-color ease .3s; transition: background-color ease .3s; background-color: transparent; z-index: -1; } .input-select .input-select__item:hover:after, .input-select .input-select__item.active:after { background-color: #F5F5F5; } .input-select .input-select:hover .select__icon .icon { color: #4397B3; } .input-attach.is--error .input-attach__wrapper { color: #E25858; } .input-attach__element { display: none; } .input-attach__wrapper { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #4397B3; } .input-attach__label { font-size: 14px; } .input-attach__icon { margin-right: 6px; } .input-attach__filename { padding-top: 12px; } .input-amount__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .input-amount__element { max-width: 80px; width: 100%; height: 36px; padding: 12px; font-size: 14px; color: rgba(0, 0, 0, 0.8); margin-right: 6px; } .input-amount__label { font-size: 14px; color: rgba(0, 0, 0, 0.8); } .search-base { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: rgba(0, 0, 0, 0.05); border-radius: 2px; height: 50px; } .search-base__icon { 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; width: 50px; height: inherit; } .search-base__icon-image { min-width: 15px; max-width: 15px; height: 15px; color: #4397B3; } .search-base__input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background-color: transparent; } .search-base__submit { display: none; } .form-personal { max-width: 605px; width: 100%; } @media only screen and (max-width: 576px) { .form-personal .input-groups { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .form-personal .input-groups > *:not(:last-child) { margin-bottom: 20px; } } .form-personal__main { padding-bottom: 36px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .form-personal__main > *:not(:last-child) { margin-bottom: 20px; } .form-personal__password { padding-top: 20px; margin-bottom: 32px; } .form-personal__password-new { display: none; } .form-personal__password-new > * { margin-top: 20px; } .form-personal__edit-password { font-size: 14px; background-color: transparent; cursor: pointer; color: #4397B3; padding-top: 12px; } .form-forgoten { max-width: 450px; } .form-forgoten__inputs > *:not(:last-child) { margin-bottom: 20px; } .form-forgoten > *:not(:last-child) { margin-bottom: 20px; } @media only screen and (max-width: 767px) { .form-calculator .input-groups { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 767px) { .form-calculator .input-group:not(.input-group--full):not(:last-child) { margin-bottom: 20px; } } @media only screen and (min-width: 768px) { .form-calculator .input-group.input-group--full { max-width: 48.5%; } } .form-calculator__main { margin-bottom: 45px; } .form-calculator__main > *:not(:last-child) { margin-bottom: 28px; } .form-calculator__actions { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (min-width: 768px) { .form-calculator__actions { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (max-width: 767px) { .form-calculator__actions { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .form-calculator__submit { min-width: 115px; } @media only screen and (max-width: 767px) { .form-calculator__submit { margin-bottom: 32px; } } .form-calculator__total { padding-top: 50px; } .calculator-total__shape { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; position: relative; padding: 20px 16px; background-color: rgba(243, 119, 34, 0.2); border-radius: 2px; } @media only screen and (max-width: 767px) { .calculator-total__shape { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .calculator-total__shape:before { content: ""; position: absolute; top: -17px; left: 45px; width: 0; height: 0; border-style: solid; border-width: 0 10px 17px 10px; border-color: transparent transparent rgba(243, 119, 34, 0.2) transparent; } .calculator-total__detail { font-size: 18px; color: rgba(0, 0, 0, 0.8); } @media only screen and (max-width: 767px) { .calculator-total__detail { margin-bottom: 16px; } } .calculator-total__data { color: #F37722; } .calculator-total__data-notround { display: none; } .calculator-total__sum { font-family: "Oswald-Light"; font-size: 30px; letter-spacing: 0.03em; text-transform: uppercase; color: #F37722; } .calculator-total__note { padding-top: 12px; line-height: 1.5; color: rgba(0, 0, 0, 0.5); font-size: 14px; } .calculator-total__note-data { font-size: 18px; color: #4397B3; } @media only screen and (max-width: 576px) { .form-order .input-groups { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .form-order .input-groups > *:not(:last-child) { margin-bottom: 20px; } } .form-order__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 917px; width: 100%; } @media only screen and (max-width: 1023px) { .form-order__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .form-order__wrapper > *:first-child { margin-right: 70px; } .form-order__personal { max-width: 605px; width: 100%; } @media only screen and (max-width: 1023px) { .form-order__personal { margin-bottom: 45px; } } .form-order__personal-main > *:not(:last-child) { margin-bottom: 20px; } .form-order__personal-actions { padding-top: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (min-width: 577px) { .form-order__personal-actions { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-order__personal-actions > *:first-child { margin-right: 24px; } } @media only screen and (max-width: 576px) { .form-order__personal-actions { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .form-order__personal-actions > *:first-child { margin-bottom: 28px; } } .form-order__info { width: 100%; } @media only screen and (min-width: 1024px) { .form-order__info { padding-top: 24px; max-width: 245px; } } @media only screen and (max-width: 1023px) { .form-order__info { max-width: 605px; } } @media only screen and (max-width: 1023px) { .form-order__info-block { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media only screen and (min-width: 577px) and (max-width: 1023px) { .form-order__info-block > *:not(:last-child) { margin-right: 60px; } } @media only screen and (max-width: 576px) { .form-order__info-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .form-order__info-block > *:not(:last-child) { margin-bottom: 37px; } } @media only screen and (min-width: 1024px) { .form-order__info-block > *:not(:last-child) { margin-bottom: 28px; } } .form-order__info-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 2px; background-color: #F5F5F5; height: 130px; } @media only screen and (max-width: 1023px) { .form-order__info-header { min-width: 245px; max-width: 245px; } } .form-order__info-icon { min-width: 60px; max-width: 60px; height: 40px; color: #4397B3; margin-bottom: 16px; } .form-order__info-title { font-size: 16px; color: rgba(0, 0, 0, 0.8); } .form-order__info-content { font-size: 14px; line-height: 1.5; color: rgba(0, 0, 0, 0.4); } .form-modal-order--cutter .input-group__error { padding-top: 12px; min-height: 32px; } .form-modal-order__inputs { margin-bottom: 16px; } .form-modal-order__inputs > *:not(:last-child) { margin-bottom: 20px; } .form-modal-order__privacy { margin-bottom: 30px; } .form-modal-order__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .form-vacancy { max-width: 604px; width: 100%; } .form-vacancy > *:not(:last-child) { margin-bottom: 24px; } .form-vacancy__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 768px) { .form-vacancy__actions > *:not(:last-child) { margin-right: 24px; } } @media only screen and (max-width: 767px) { .form-vacancy__actions { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .form-vacancy__actions > *:not(:last-child) { margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .form-vacancy .input-groups { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .form-vacancy .input-groups > *:not(:last-child) { margin-bottom: 20px; } } @media only screen and (min-width: 577px) { .form-vacancy__submit { width: 211px; } } @media only screen and (max-width: 576px) { .form-vacancy__submit { width: 100%; } } .form-contact-us > *:not(:last-child) { margin-bottom: 24px; } .form-contact-us__input-groups { -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .form-contact-us__input-groups { max-width: 605px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .form-contact-us__input-groups > *:not(:last-child) { margin-right: 0 !important; } .form-contact-us__input-groups > *:last-child { margin-top: 32px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 768px) { .form-contact-us__input-groups > * { min-width: 294px; max-width: 294px; } } @media only screen and (max-width: 767px) { .form-contact-us__input-groups > * { max-width: 280px; margin-right: 0 !important; } .form-contact-us__input-groups > *:nth-child(1) { margin-bottom: 24px; } .form-contact-us__input-groups > *:nth-child(2) { margin-bottom: 45px; } } @media only screen and (max-width: 767px) { .form-contact-us__input-groups { max-width: 280px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .form-contact-us .privacy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (max-width: 767px) { .form-contact-us .privacy { max-width: 280px; text-align: left; } } .form-contact-us__submit { width: 100%; } .form-reg__inputs { margin-bottom: 20px; } .form-reg__inputs > *:not(:last-child) { margin-bottom: 12px; } .form-reg__privacy { margin-bottom: 30px; } .form-reg__control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .form-reg__submit { min-width: 200px; } .form-login__inputs { margin-bottom: 20px; } .form-login__inputs > *:not(:last-child) { margin-bottom: 12px; } .form-login__actions { 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; margin-bottom: 40px; } .form-login__restore { font-size: 14px; color: #4397B3; } .form-login__control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .input-groups { display: -webkit-box; display: -ms-flexbox; display: flex; } .input-groups > *:not(.input-group--full):not(:last-child) { margin-right: 20px; } .input-groups.is--hidden { display: none; } .input-group--hidden { display: none; } .input-group--error .input-group__element { border: 1px solid #E25858; padding-top: 6px; padding-bottom: 6px; } .input-group__wrapper { position: relative; } .input-group__error { font-size: 12px; color: #E25858; } .input-group__element { width: 100%; border-radius: 2px; border: 1px solid transparent; background-color: rgba(0, 0, 0, 0.05); font-size: 15px; color: rgba(0, 0, 0, 0.7); -webkit-transition: border 0.3s; -o-transition: border 0.3s; transition: border 0.3s; } .input-group--checkword { display: none; } .input-group--base { width: 100%; } .input-group--base .input-group__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .input-group--base .input-group__label { font-size: 14px; color: #000000; margin-bottom: 12px; } .input-group--base .input-group__element { padding: 16px; } .input-group--icon .input-group__element { padding: 16px 16px 16px 40px; } .input-group--icon .input-group__icon { position: absolute; left: 12px; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; max-width: 15px; min-width: 13px; max-height: 18px; min-height: 12px; } .privacy .checkbox__label a { color: #4397B3; } .privacy__error { text-align: left; padding-top: 6px; display: none; font-size: 12px; color: #E25858; line-height: 1.5; } .slider-home { width: 100%; height: 100vh; } .slider-sertificates__slide { max-width: 192px; background-color: #FFFFFF; padding: 6px; } .slider-sertificates__slide img { width: 100%; -o-object-fit: contain; object-fit: contain; } .slider-news__slide{ justify-content: center; flex-direction: column; background-color: transparent; border: 1px solid #fff; max-width: 285px; min-width: 250px; min-height: 100px; max-height: 100px; display: flex; align-items: baseline; text-transform: uppercase; font-family: "Oswald-Light"; font-size: 15px; line-height: 1.5; letter-spacing: 0.03em; color: #ffffff; padding: 10px 15px; overflow: hidden; } .slider-news__slide a{ text-transform: uppercase; font-family: "Oswald-Light"; font-size: 15px; line-height: 1.5; letter-spacing: 0.03em; color: #ffffff; text-decoration: none; } .slider-news__slide-date{ font-size: 13px; opacity: 0.7; text-decoration: none; } .slider-sertificates__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 24px; } .slider-sertificates__pagination > *:not(:last-child) { margin-right: 12px; } @media only screen and (max-width: 1279px) { .fsvs .slider-home-pagination { display: none !important; } } .slider-home-pagination { display: none; position: fixed; top: 250px; left: 30px; z-index: 2; } .slider-home-pagination.is--invert .slider-home-pagination__line, .slider-home-pagination.is--invert .slider-home-pagination__item.is--active .slider-home-pagination__line { background-color: #ffffff; } .slider-home-pagination.is--invert .slider-home-pagination__name { color: #ffffff; } .slider-home-pagination > *:not(:last-child) { margin-bottom: 24px; } .slider-home-pagination__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; pointer-events: none; } .slider-home-pagination__item > *:first-child { margin-right: 9px; } .slider-home-pagination__item.is--active .slider-home-pagination__line { width: 45px; background-color: #4397B3; } .slider-home-pagination__item.is--active .slider-home-pagination__name { opacity: 1; } .slider-home-pagination__line { width: 15px; height: 1px; background-color: rgba(0, 0, 0, 0.35); -webkit-transition: width .5s .5s, background-color .5s; -o-transition: width .5s .5s, background-color .5s; transition: width .5s .5s, background-color .5s; } .slider-home-pagination__name { font-family: "Oswald-Light"; font-size: 16px; letter-spacing: 0.03em; color: #4397B3; opacity: 0; -webkit-transition: opacity .5s .2s; -o-transition: opacity .5s .2s; transition: opacity .5s .2s; } .modals { display: none; } .popup-base { width: 260px; position: absolute; background-color: #F5F5F5; -webkit-box-shadow: 0px 14px 19px rgba(0, 0, 0, 0.25); box-shadow: 0px 14px 19px rgba(0, 0, 0, 0.25); padding: 24px 24px 32px 32px; pointer-events: none; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; -o-transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; z-index: 2; } .popup-base.is--active { pointer-events: initial; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .popup-base__btn-close { position: absolute; top: 0; right: 0; padding: 28px 24px; } .modal--message { max-width: 375px; width: 100%; margin-left: auto; margin-right: auto; background-color: #F5F5F5; -webkit-box-shadow: 0px 14px 19px rgba(0, 0, 0, 0.05); box-shadow: 0px 14px 19px rgba(0, 0, 0, 0.05); } .modal--message .modal__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .modal--message .modal__btn-close { padding: 24px; } .modal--message .modal__content { text-align: center; padding: 20px 48px 55px; } .modal--message .modal__title { font-family: "Oswald-Light"; font-size: 20px; line-height: 1.5; letter-spacing: 0.3em; text-transform: uppercase; color: #4397B3; margin-bottom: 24px; } .modal--message .modal__message { font-size: 15px; line-height: 1.5; color: rgba(0, 0, 0, 0.7); } .modal--menu { max-width: 1200px; width: 100%; margin-left: auto; margin-right: auto; background-color: #F5F5F5; -webkit-box-shadow: 0px 14px 19px rgba(0, 0, 0, 0.05); box-shadow: 0px 14px 19px rgba(0, 0, 0, 0.05); } @media only screen and (min-width: 577px) { .modal--menu { padding: 48px 45px 120px; } } .modal--menu .modal__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 577px) { .modal--menu .modal__actions { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 90px; } .modal--menu .modal__actions-personal, .modal--menu .modal__actions-contacts { display: none; } } @media only screen and (max-width: 576px) { .modal--menu .modal__actions { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .modal--menu .modal__actions-menu { 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; padding: 30px 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .modal--menu .modal__actions-info { padding: 28px 20px 32px; } .modal--menu .modal__actions-contacts { 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; margin-bottom: 24px; } .modal--menu .modal__actions-tel { font-family: "RobotoCondensed-Light"; font-size: 20px; color: rgba(0, 0, 0, 0.8); text-decoration: none; } } .modal--menu .modal__actions-info { width: 100%; } @media only screen and (min-width: 1024px) { .modal--menu .modal__actions-info { max-width: 660px; } } @media only screen and (min-width: 577px) and (max-width: 1023px) { .modal--menu .modal__actions-info { max-width: 450px; } } .modal--menu .modal__search-base { width: 100%; } .modal--menu .modal__btn-close { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .modal--menu .modal__btn-close .btn-close__icon { color: #4397B3; margin-right: 18px; } .modal--menu .modal__btn-close .btn-close__label { font-family: "Oswald-Light"; font-size: 18px; letter-spacing: 0.3em; text-transform: uppercase; color: #4397B3; } .modal--menu .modal__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (min-width: 577px) { .modal--menu .modal__navigation { max-width: 760px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (max-width: 576px) { .modal--menu .modal__navigation { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 20px; padding-right: 20px; padding-bottom: 36px; } .modal--menu .modal__navigation > *:not(:last-child) { margin-bottom: 35px; } } .modal--welcome { max-width: 375px; width: 100%; margin-left: auto; margin-right: auto; background-color: #F5F5F5; -webkit-box-shadow: 0px 14px 19px rgba(0, 0, 0, 0.05); box-shadow: 0px 14px 19px rgba(0, 0, 0, 0.05); } .modal--welcome .modal__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .modal--welcome .modal__btn-close { padding: 24px; } .modal--welcome .modal__content { padding-left: 36px; padding-right: 36px; padding-bottom: 48px; } .modal--order .modal__header, .modal--call .modal__header { max-width: 285px; } .modal--cutter .modal__header { max-width: 360px; } .modal--cutter, .modal--order, .modal--call { max-width: 700px; width: 100%; margin-left: auto; margin-right: auto; background-color: #F5F5F5; -webkit-box-shadow: 0px 14px 19px rgba(0, 0, 0, 0.05); box-shadow: 0px 14px 19px rgba(0, 0, 0, 0.05); } .modal--cutter .modal__actions, .modal--order .modal__actions, .modal--call .modal__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .modal--cutter .modal__btn-close, .modal--order .modal__btn-close, .modal--call .modal__btn-close { padding: 24px; } .modal--cutter .modal__header, .modal--order .modal__header, .modal--call .modal__header { margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 40px; } .modal--cutter .modal__header-title, .modal--order .modal__header-title, .modal--call .modal__header-title { font-family: "Oswald-Light"; font-size: 20px; letter-spacing: 0.3em; text-transform: uppercase; color: #4397B3; margin-bottom: 20px; } .modal--cutter .modal__header-text, .modal--order .modal__header-text, .modal--call .modal__header-text { font-size: 16px; line-height: 1.3; color: rgba(0, 0, 0, 0.7); } @media only screen and (min-width: 577px) { .modal--cutter .modal__content, .modal--call .modal__content { padding-left: 95px; padding-right: 95px; padding-bottom: 65px; } } @media only screen and (max-width: 576px) { .modal--cutter .modal__content, .modal--call .modal__content { padding-left: 20px; padding-right: 20px; padding-bottom: 30px; } } .modal--order .modal__content { padding-left: 95px; padding-right: 95px; padding-bottom: 55px; } .products-intro { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (min-width: 1024px) { .products-intro > * { width: 25%; } } @media only screen and (max-width: 1023px) { .products-intro { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media only screen and (min-width: 577px) and (max-width: 1023px) { .products-intro { padding-top: 25px; padding-bottom: 45px; margin-top: -35px; margin-bottom: -35px; } .products-intro > * { width: 50%; } } @media only screen and (max-width: 576px) { .products-intro > * { width: 100%; } .products-intro > *:not(:last-child) { margin-bottom: 60px; } } a.product-intro { text-decoration: none; } .product-intro { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 1024px) { .product-intro { padding-top: 50px; padding-bottom: 50px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .product-intro { padding-top: 35px; padding-bottom: 35px; } } .product-intro a { text-decoration: none; } .product-intro__image { margin-bottom: 12px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; } @media only screen and (min-width: 1600px) { .product-intro__image { width: 300px; height: 300px; } } @media only screen and (min-width: 1280px) and (max-width: 1599px) { .product-intro__image { width: 200px; height: 200px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .product-intro__image { width: 160px; height: 160px; margin-bottom: 45px; } } @media only screen and (max-width: 1023px) { .product-intro__image { width: 215px; height: 215px; margin-bottom: 24px; } } .product-intro__name { font-family: "Oswald-Light"; letter-spacing: 0.3em; text-transform: uppercase; text-align: center; color: rgba(0, 0, 0, 0.5); } @media only screen and (min-width: 1024px) { .product-intro__name { font-size: 16px; margin-bottom: 32px; } } @media only screen and (max-width: 1279px) { .product-intro__name { font-size: 13px; } } .product-intro__buy { background-color: #4397B3; -webkit-transition: opacity 0.2s cubic-bezier(0.47, 0, 0.75, 0.72) 0.2s, visibility 0.2s 0.2s; -o-transition: opacity 0.2s cubic-bezier(0.47, 0, 0.75, 0.72) 0.2s, visibility 0.2s 0.2s; transition: opacity 0.2s cubic-bezier(0.47, 0, 0.75, 0.72) 0.2s, visibility 0.2s 0.2s; opacity: 0; visibility: hidden; } @media only screen and (max-width: 1023px) { .product-intro__buy { display: none; } } .product-intro:hover .product-intro__image { -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); } .product-intro:hover .product-intro__buy { opacity: 1; visibility: initial; } .production-accordion { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; overflow: hidden; } @media only screen and (max-width: 1023px) { .production-accordion { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .production-accordion__item { background-size: cover; } @media only screen and (min-width: 1024px) { .production-accordion__item { position: absolute; width: 25%; height: inherit; overflow: hidden; } } @media only screen and (max-width: 1023px) { .production-accordion__item { position: relative; width: 100%; height: 245px; overflow: hidden; } } .production-accordion__item:before { content: ''; position: absolute; width: 102%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 54, 105, 0.6)), to(rgba(0, 54, 105, 0.6))); background: -o-linear-gradient(bottom, rgba(0, 54, 105, 0.6), rgba(0, 54, 105, 0.6)); background: linear-gradient(0deg, rgba(0, 54, 105, 0.6), rgba(0, 54, 105, 0.6)); z-index: 1; } .production-accordion__item:nth-child(1) { background-image: url("/assets/img/production-poster-0.png"); } @media only screen and (min-width: 1024px) { .production-accordion__item:nth-child(1) { left: 0; } } .production-accordion__item:nth-child(2) { background-image: url("/assets/img/production-poster-1.png"); } @media only screen and (min-width: 1024px) { .production-accordion__item:nth-child(2) { left: 25%; } } .production-accordion__item:nth-child(3) { background-image: url("/assets/img/production-poster-2.png"); } @media only screen and (min-width: 1024px) { .production-accordion__item:nth-child(3) { left: 50%; } } .production-accordion__item:nth-child(4) { background-image: url("/assets/img/production-poster-3.png"); } @media only screen and (min-width: 1024px) { .production-accordion__item:nth-child(4) { left: 75%; } } .production-accordion__item:hover .production-accordion__title { color: #FFFFFF; } .production-accordion__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; width: 100%; height: 100%; z-index: 2; } @media only screen and (min-width: 1024px) { .production-accordion__content { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media only screen and (max-width: 1023px) { .production-accordion__content { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (max-height: 699px) { .production-accordion__content { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .production-accordion__title { font-family: "Oswald-Light"; font-size: 22px; letter-spacing: 0.3em; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } @media only screen and (min-width: 1024px) { .production-accordion__title { margin-bottom: 90px; } } .production-accordion__link { opacity: 0; } @media only screen and (max-width: 1023px) { .production-accordion__link { display: none; } } @media only screen and (min-width: 1024px) { .production-accordion__link-mobile { display: none; } } @media only screen and (max-width: 1023px) { .production-accordion__link-mobile { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 4; } } .production-accordion__video { position: absolute; width: 100%; height: 100%; z-index: -1; -o-object-fit: cover; object-fit: cover; } .company-info { display: -webkit-box; display: -ms-flexbox; display: flex; } .company-info--home { -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (min-width: 401px) { .company-info--home { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (max-width: 400px) { .company-info--home { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .company-info--home .company-info__amount-numbers { margin-right: 6px; } .company-info--home .company-info__amount-number, .company-info--home .company-info__amount-value { color: #4397B3; } .company-info--home .company-info__item { max-width: 170px; width: 100%; } @media only screen and (max-width: 576px) { .company-info--home .company-info__item { margin-bottom: 40px; } } @media only screen and (max-width: 1023px) { .company-info--home { max-width: 570px; } } .company-info--header { position: relative; max-width: 200px; top: 16px; height: 100px; overflow: hidden; } @media only screen and (max-width: 1023px) { .company-info--header { display: none; } } @media only screen and (min-width: 1024px) { .company-info--header { left: -150px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .company-info--header { left: -50px; } } .company-info--header .company-info__amount-item { position: relative; height: 100px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform cubic-bezier(0.03, 0.03, 0.52, 0.96) 0.9s; transition: -webkit-transform cubic-bezier(0.03, 0.03, 0.52, 0.96) 0.9s; -o-transition: transform cubic-bezier(0.03, 0.03, 0.52, 0.96) 0.9s; transition: transform cubic-bezier(0.03, 0.03, 0.52, 0.96) 0.9s; transition: transform cubic-bezier(0.03, 0.03, 0.52, 0.96) 0.9s, -webkit-transform cubic-bezier(0.03, 0.03, 0.52, 0.96) 0.9s; } .company-info--header .company-info__amount-item:not(:last-child) { margin-bottom: 20px; } .company-info--header .company-info__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .company-info--header .company-info__amount { position: relative; top: 6px; } .company-info--header .company-info__amount-number, .company-info--header .company-info__amount-value { color: #F37722; } .company-info__refresh { cursor: pointer; background-color: transparent; } .company-info__refresh-icon { max-width: 24px; min-width: 24px; height: 24px; } .company-info__subject { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; top: -50px; opacity: 0; } @media only screen and (min-width: 577px) { .company-info__subject { margin-bottom: 85px; } } @media only screen and (max-width: 576px) { .company-info__subject { margin-bottom: 24px; } } .company-info__subject-icon { width: 70px; height: 50px; color: rgba(0, 0, 0, 0.2); margin-bottom: 20px; } .company-info__subject-name { font-family: "Oswald-Light"; font-size: 18px; letter-spacing: 0.03em; text-transform: uppercase; color: rgba(0, 0, 0, 0.8); margin-bottom: 12px; } .company-info__subject-description { font-size: 14px; line-height: 1.3; color: rgba(0, 0, 0, 0.7); height: 60px; overflow: hidden; } .company-info__amount-total { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin-bottom: 6px; } .company-info__amount-numbers { height: 50px; overflow: hidden; } .company-info__amount-numbers > *:not(:last-child) { margin-bottom: 6px; } .company-info__amount-number { position: relative; font-family: "Oswald-Light"; font-size: 48px; top: 0; -webkit-transition: top 1.8s; -o-transition: top 1.8s; transition: top 1.8s; } .company-info__amount-value { font-size: 20px; } .company-info__amount-description { max-width: 160px; font-size: 16px; line-height: 1.3; color: rgba(0, 0, 0, 0.8); } .breadcrumb__list { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 32px; padding-bottom: 32px; } .breadcrumb__item:not(:last-child) { margin-right: 8px; } .breadcrumb__link { text-decoration: none; font-size: 14px; color: rgba(0, 0, 0, 0.5); } .breadcrumb a.breadcrumb__link { border-bottom: 0; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .breadcrumb a.breadcrumb__link:hover { border-bottom: 1px dashed; color: #4397B3; } .breadcrumb a.breadcrumb__link:active { border-bottom: 1px solid; color: #4397B3; } .tabs__nav { display: -webkit-box; display: -ms-flexbox; display: flex; } .tabs--welcome .tabs__nav { margin-bottom: 32px; } .tabs--welcome .tab:not(:last-child) { margin-right: 24px; } .tab { cursor: pointer; background-color: transparent; font-size: 18px; color: rgba(0, 0, 0, 0.5); -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .tab.is--active { font-family: "RobotoCondensed-Regular"; color: rgba(0, 0, 0, 0.8); } .tab-content { display: none; } .tab-content.is--active { display: block; } .navigation { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .navigation__section-name { font-family: "Oswald-Light"; font-size: 17px; letter-spacing: 0.03em; text-transform: uppercase; color: rgba(0, 0, 0, 0.8); text-decoration: none; margin-bottom: 24px; } .navigation__section-item:not(:last-child) { margin-bottom: 30px; } .navigation__link { font-family: "RobotoCondensed-Regular"; font-size: 16px; color: rgba(0, 0, 0, 0.5); text-decoration: none; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .navigation__link:hover { color: #4397B3; } .sidebar-basket { position: fixed; top: 0; right: 0; width: 500px; overflow: hidden; pointer-events: none; z-index: 4; } .sidebar-basket__wrapper { height: inherit; background-color: #E9E9E9; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; padding: 235px 32px; } .sidebar-basket.is--active .sidebar-basket__wrapper { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); pointer-events: initial; } .sidebar-basket__title { font-family: "Oswald-Light"; font-size: 24px; letter-spacing: 0.03em; text-transform: uppercase; color: rgba(0, 0, 0, 0.8); margin-bottom: 36px; } .sidebar-basket__quick-order { margin-top: 24px; } .basket-items-list-header, .basket-items-list-item-price-for-one, .basket-item-block-properties { display: none; } .basket-table-items { overflow: hidden; } .basket-items-list-wrapper { height: 345px; overflow-y: auto; margin-right: -12px; margin-top: -10px; padding-right: 15px; position: relative; } @media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1921px), (-o-min-device-pixel-ratio: 2/1) and (min-width: 1921px), (min-resolution: 192dpi) and (min-width: 1921px) { .basket-items-list-wrapper { margin-right: -6px; } } .basket-items-list-table { width: 100%; } .basket-item-info-name-link { font-size: 14px; line-height: 1.2; color: rgba(0, 0, 0, 0.8); text-decoration: none; pointer-events: none; } .basket-items-list-item-container { position: relative; 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-top: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(81, 81, 81, 0.4); } .basket-item-block-cutter { font-size: 14px; padding-top: 6px; padding-bottom: 6px; } .basket-item-block-amount { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100px; } .basket-item-amount-filed { width: 77px; height: 36px; margin-right: 6px; padding-left: 12px; padding-right: 12px; } .basket-item-price-current-text { font-family: "RobotoCondensed-Regular"; font-size: 14px; color: #4397B3; } .basket-items-list-item-warning-container .alert-warning { font-size: 14px; line-height: 1.3; padding-top: 6px; } .basket-items-list-item-price { min-width: 71px; } .basket-items-list-item-descriptions { width: 160px; } .basket-checkout-section-inner { padding-top: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .basket-checkout-block-total-title, .basket-coupon-block-total-price-current { font-family: "Oswald-Light"; font-size: 17px; letter-spacing: 0.03em; text-transform: uppercase; } .basket-coupon-block-total-price-current { color: #4397B3; } .basket-checkout-block-total-title { color: rgba(0, 0, 0, 0.7); } .basket-checkout-block-btn { padding-top: 35px; width: 100%; } .basket-btn-checkout { width: 183px; height: 47px; background-color: #F37722 !important; border-radius: 5px; font-family: "Oswald-Medium"; font-size: 14px; text-transform: uppercase; color: rgba(255, 255, 255, 0.8) !important; cursor: pointer; } .basket-item-actions-remove { background-image: url(/assets/img/all/basket-remove.png); display: block; width: 13px; height: 13px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; cursor: pointer; } .basket-items-list-item-removed-container > div:first-child { font-size: 14px; line-height: 1.2; color: rgba(0, 0, 0, 0.8); } .basket-items-list-item-removed-container .basket-items-list-item-removed-block { padding-top: 20px; } .basket-items-list-item-removed-container .basket-items-list-item-removed-block > a { font-size: 17px; letter-spacing: 0.03em; text-transform: uppercase; text-decoration: none; color: #F37722; } .contacts-department__wrapper:not(:last-child) { margin-bottom: 30px; } .contacts-department--home-sellers { width: 100%; margin-bottom: 36px; } @media only screen and (max-width: 576px) { .contacts-department--home-sellers .contacts__title { margin-bottom: 16px; } } .contacts-department--home-sellers .contacts-department__header { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (min-width: 577px) { .contacts-department--home-sellers .contacts-department__header { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (max-width: 576px) { .contacts-department--home-sellers .contacts-department__header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 240px; } } .contacts-department--home-sellers .contacts-department__where { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; max-width: 260px; } .contacts-department--home-sellers .contacts-department__where-beacon { margin-right: 12px; min-width: 12px; max-width: 12px; height: 18px; color: #D9D9D9; } .contacts-department--home-sellers .contacts-department__where-address { position: relative; top: -3px; font-size: 13px; color: rgba(0, 0, 0, 0.7); line-height: 1.5; } .contacts-department--home-sellers .contacts-department__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (min-width: 577px) { .contacts-department--home-sellers .contacts-department__list { margin-top: -14px; margin-bottom: -14px; } } @media only screen and (min-width: 577px) { .contacts-department--home-sellers .contacts-department__seller { max-width: 25%; min-width: 25%; margin-top: 14px; margin-bottom: 14px; } } @media only screen and (max-width: 576px) { .contacts-department--home-sellers .contacts-department__seller { width: 100%; } .contacts-department--home-sellers .contacts-department__seller:not(:last-child) { margin-bottom: 24px; } } .contacts-department--home-logistics { max-width: 390px; width: 100%; } .contacts-department--home-logistics .contacts-department__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .contacts-department--home-purchase, .contacts-department--home-accounting { max-width: 180px; width: 100%; } .contacts-department--base-sellers { width: 100%; } .contacts-department--base-sellers .contacts-department__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (min-width: 1600px) { .contacts-department--base-sellers .contacts-department__list { margin-top: -30px; margin-bottom: -30px; } } @media only screen and (min-width: 1024px) and (max-width: 1599px) { .contacts-department--base-sellers .contacts-department__list { margin: -32px -25px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .contacts-department--base-sellers .contacts-department__list { margin-top: -25px; margin-bottom: -25px; } } @media only screen and (min-width: 1600px) { .contacts-department--base-sellers .contacts-department__seller { max-width: 33.3%; min-width: 33.3%; margin-top: 30px; margin-bottom: 30px; } } @media only screen and (min-width: 1024px) and (max-width: 1599px) { .contacts-department--base-sellers .contacts-department__seller { width: 360px; margin: 32px 25px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .contacts-department--base-sellers .contacts-department__seller { width: 50%; margin-top: 25px; margin-bottom: 25px; } } @media only screen and (max-width: 767px) { .contacts-department--base-sellers .contacts-department__seller:not(:last-child) { margin-bottom: 70px; } } .contacts-department--base-logistics, .contacts-department--base-purchase { margin-top: 100px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .contacts-department--base-logistics .contacts-department__header, .contacts-department--base-purchase .contacts-department__header { margin-bottom: 42px; } .contacts-department--base-logistics .contacts-department__list > *:not(:last-child), .contacts-department--base-purchase .contacts-department__list > *:not(:last-child) { margin-bottom: 35px; } .contacts-department--base-logistics .contact-person__contacts > *, .contacts-department--base-purchase .contact-person__contacts > * { color: rgba(0, 0, 0, 0.7); } .contacts-department--base-logistics .contact-person__contacts > *:not(:last-child), .contacts-department--base-purchase .contact-person__contacts > *:not(:last-child) { margin-bottom: 6px; } .contacts-department .contacts-department__header { margin-bottom: 30px; } .contacts-cards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } @media only screen and (max-width: 1599px) { .contacts-cards { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .contacts-cards a[href^="tel"], .contacts-cards a[href^="mailto"] { color: rgba(0, 0, 0, 0.7); } .contacts-cards a[href^="tel"] { text-decoration: none; } .contacts-cards__link { font-size: 13px; color: #4397B3; } .contacts-cards__link:hover { color: #F37722; text-decoration: none; } .contacts-cards__item { padding: 36px 28px 32px; background-color: #FCFCFC; } @media only screen and (min-width: 1600px) { .contacts-cards__item:not(:last-child) { margin-right: 20px; } } @media only screen and (min-width: 768px) and (max-width: 1599px) { .contacts-cards__item:first-child { margin-bottom: 32px; } } @media only screen and (max-width: 767px) { .contacts-cards__item { width: 100%; } .contacts-cards__item:not(:last-child) { margin-bottom: 25px; } } @media only screen and (min-width: 1600px) { .contacts-cards__item--shipment { width: 100%; max-width: 607px; } } @media only screen and (min-width: 768px) and (max-width: 1599px) { .contacts-cards__item--shipment { width: 100%; } } .contacts-cards__item--shipment .contacts-cards__title { margin-bottom: 20px; } .contacts-cards__item--shipment .contacts-cards__detail:not(:last-child) { margin-bottom: 12px; } .contacts-cards__item--shipment .contacts-cards__text { max-width: 425px; } @media only screen and (min-width: 1600px) { .contacts-cards__item--requisite, .contacts-cards__item--accounting { width: 100%; max-width: 293px; } } @media only screen and (min-width: 768px) and (max-width: 1599px) { .contacts-cards__item--requisite, .contacts-cards__item--accounting { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .contacts-cards__item--requisite .contacts-cards__title, .contacts-cards__item--accounting .contacts-cards__title { margin-bottom: 28px; } .contacts-cards__item--requisite .contacts-cards__detail:not(:last-child), .contacts-cards__item--accounting .contacts-cards__detail:not(:last-child) { margin-bottom: 24px; } @media only screen and (min-width: 768px) and (max-width: 1599px) { .contacts-cards__item--requisite { margin-right: 24px; } } .contacts-cards__title { font-family: "Oswald-Light"; font-size: 18px; letter-spacing: 0.03em; text-transform: uppercase; color: rgba(0, 0, 0, 0.8); } .contacts-cards__subtitle { font-family: "RobotoCondensed-Regular"; font-size: 14px; color: #494949; margin-bottom: 6px; } .contacts-cards__text { font-size: 14px; line-height: 1.4; color: rgba(0, 0, 0, 0.7); } .contacts-cards__detail > *:not(:last-child) { margin-bottom: 6px; } .contact-person { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .contact-person--aside .contact-person__photo { min-width: 52px; max-width: 52px; height: 52px; margin-right: 12px; } @media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1921px), (-o-min-device-pixel-ratio: 2/1) and (min-width: 1921px), (min-resolution: 192dpi) and (min-width: 1921px) { .contact-person--aside .contact-person__photo { min-width: 80px; max-width: 80px; height: 80px; } } .contact-person--aside .contact-person__detail { font-size: 16px; color: rgba(0, 0, 0, 0.7); } .contact-person--aside .contact-person__detail > *:not(:last-child) { margin-bottom: 8px; } .contact-person--aside .contact-person__contacts > *:not(:last-child) { margin-bottom: 8px; } @media only screen and (min-width: 1600px) { .contact-person--home .contacts__link-all { display: none; } } .contact-person--home-seller .contact-person__name { line-height: 1.5; max-width: 130px; margin-bottom: 6px; } .contact-person--home-seller .contact-person__phone { margin-bottom: 4px; } .contact-person--home-seller .contact-person__name, .contact-person--home-seller .contact-person__email { font-size: 13px; } @media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1921px), (-o-min-device-pixel-ratio: 2/1) and (min-width: 1921px), (min-resolution: 192dpi) and (min-width: 1921px) { .contact-person--home-seller .contact-person__name, .contact-person--home-seller .contact-person__email { font-size: 16px; } } .contact-person--home-seller .contact-person__photo { min-width: 52px; max-width: 52px; height: 52px; margin-right: 12px; } @media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1921px), (-o-min-device-pixel-ratio: 2/1) and (min-width: 1921px), (min-resolution: 192dpi) and (min-width: 1921px) { .contact-person--home-seller .contact-person__photo { min-width: 80px; max-width: 80px; height: 80px; } } .contact-person--home-departments .contact-person__name { line-height: 1.5; max-width: 130px; margin-bottom: 4px; } .contact-person--home-departments .contact-person__detail { font-size: 13px; } .contact-person--home-departments .contact-person__contacts > *:not(:last-child) { margin-bottom: 2px; } .contact-person--base .contacts__link-all { display: none; } .contact-person--base-seller .contact-person__name { line-height: 1.5; max-width: 160px; color: rgba(0, 0, 0, 0.7) !important; } .contact-person--base-seller .contact-person__phone { margin-bottom: 4px; } .contact-person--base-seller .contact-person__photo { min-width: 100px; max-width: 100px; height: 100px; margin-right: 28px; } .contact-person__photo { border-radius: 50%; -o-object-fit: cover; object-fit: cover; background-color: rgba(0, 0, 0, 0.07); } .contact-person__detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .contact-person__detail a { color: inherit; } .contact-person__contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contact-person__contacts-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-decoration: none; } .contact-person__contacts-link > *:first-child { margin-right: 6px; } .contact-person__contacts-link > *:last-child { text-decoration: underline; } .contact-person__phone { line-height: 1; text-decoration: none; } .contact-person__links { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 16px; } .contact-person__links > *:not(:last-child) { margin-right: 6px; } .contact-person__link { text-decoration: none; } .contact-person__link-icon { min-width: 15px; max-width: 15px; height: 15px; } .contact-person__email:hover { text-decoration: none; } .contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .contacts__title { font-family: "Oswald-Light"; font-size: 18px; letter-spacing: 0.03em; text-transform: uppercase; } @media only screen and (min-width: 1599px) { .contacts__title { line-height: 1; } } @media only screen and (max-width: 1599px) { .contacts__title { line-height: 1.5; } } .contacts .contacts__main { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (min-width: 1600px) { .contacts__link { display: none; } } @media only screen and (max-width: 1599px) { .contacts__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; } } .contacts__link-text { font-family: "RobotoCondensed-Regular"; font-size: 14px; text-transform: uppercase; color: #4397B3; margin-right: 6px; } .contacts__link-icon { position: relative; bottom: 1px; min-width: 9px; max-width: 9px; height: 10px; color: #4397B3; } @media only screen and (min-width: 1600px) { .contacts__aside .contacts__title { margin-bottom: 20px; } } @media only screen and (max-width: 1599px) { .contacts__aside .contacts__title { margin-bottom: 12px; } } .contacts--home { max-width: 1390px; width: 100%; } @media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1921px), (-o-min-device-pixel-ratio: 2/1) and (min-width: 1921px), (min-resolution: 192dpi) and (min-width: 1921px) { .contacts--home { max-width: 1600px; } } @media only screen and (max-width: 1023px) { .contacts--home { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (min-width: 1600px) { .contacts--home > *:first-child { margin-left: 40px; } } @media only screen and (min-width: 1024px) and (max-width: 1599px) { .contacts--home > *:first-child { margin-left: 20px; } } @media only screen and (min-width: 1600px) { .contacts--home .contacts-department__where { max-width: 260px; } } @media only screen and (max-width: 1599px) { .contacts--home .contacts-department__where { max-width: 200px; } } @media only screen and (min-width: 1024px) and (max-width: 1599px) { .contacts--home .contacts__title { max-width: 270px; } } .contacts--home .contacts__aside { width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media only screen and (min-width: 1024px) { .contacts--home .contacts__aside { max-width: 330px; } } .contacts--home .contacts__main { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background-color: #FCFCFC; } @media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1921px), (-o-min-device-pixel-ratio: 2/1) and (min-width: 1921px), (min-resolution: 192dpi) and (min-width: 1921px) { .contacts--home .contacts__main { padding: 48px 32px !important; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .contacts--home .contacts__main { margin-bottom: 32px; } } @media only screen and (max-width: 767px) { .contacts--home .contacts__main { margin-bottom: 18px; } } @media only screen and (min-width: 577px) { .contacts--home .contacts__main { padding: 32px 32px 24px; } } @media only screen and (max-width: 576px) { .contacts--home .contacts__main { padding: 30px 18px 40px; } } @media only screen and (min-width: 1600px) { .contacts--home .contacts__card:not(:last-child) { margin-bottom: 24px; } } @media only screen and (max-width: 1599px) { .contacts--home .contacts__card:not(:last-child) { margin-bottom: 18px; } } .contacts--base { max-width: 1240px; width: 100%; } .contacts--base .contacts__link { display: none; } .contacts--base > *:first-child { margin-bottom: 60px; } .contacts--base .contacts__aside { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 1599px) { .contacts--base .contacts__aside { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media only screen and (min-width: 1600px) { .contacts--base .contacts__card { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .contacts--base .contacts__card:not(:last-child) { margin-right: 16px; } } @media only screen and (min-width: 1024px) and (max-width: 1599px) { .contacts--base .contacts__card { width: 378px; } .contacts--base .contacts__card:last-child { margin-top: 20px; } } @media only screen and (max-width: 1023px) { .contacts--base .contacts__card { width: 100%; } .contacts--base .contacts__card:not(:last-child) { margin-bottom: 20px; } } .contacts--base .contacts__main { margin-bottom: 60px; } .contacts--base .contacts-department__where { display: none; } @media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1921px), (-o-min-device-pixel-ratio: 2/1) and (min-width: 1921px), (min-resolution: 192dpi) and (min-width: 1921px) { .contacts__card { min-height: 195px !important; } } @media only screen and (min-width: 1600px) { .contacts__card { min-height: 170px; padding: 28px 24px 24px 28px; } } @media only screen and (min-width: 1024px) and (max-width: 1599px) { .contacts__card { padding: 27px; } } @media only screen and (max-width: 1023px) { .contacts__card { width: 100%; padding: 16px; } } .contacts__card:not(.contacts__card--painted) { background-color: #FCFCFC; } .contacts__card:not(.contacts__card--painted) .contacts__title { color: rgba(0, 0, 0, 0.8); } .contacts__card--painted { background-color: #4397B3; color: rgba(255, 255, 255, 0.8); } .contacts__card-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 16px; } .contacts__card-detail a { color: inherit; } .contacts__card-detail > *:not(:last-child) { margin-bottom: 12px; } .contacts__card-phone, .contacts__card-email { text-decoration: none; } .contacts__card-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-decoration: none; } .contacts__card-link > *:first-child { margin-right: 6px; } .contacts__card-link > *:last-child { text-decoration: underline; } .contacts__card-link:hover > *:last-child { text-decoration: none; } .header--sticky, .header--above { top: 0; left: 0; width: 100%; z-index: 5; } .header--sticky { position: fixed; } .header--above { position: absolute; } .header.is--invert .header__logo-divider { background-color: #FFFFFF; } .header.is--invert .header__logo-name { color: #FFFFFF; } .header.is--invert .header__lang-link { color: rgba(255, 255, 255, 0.5); } .header.is--invert .header__lang-link.is--active { color: rgba(255, 255, 255, 0.8); } .header.is--invert .hamburger-menu__line { background-color: #FFFFFF; } .header.is--invert .hamburger-menu__name { color: #FFFFFF; } .header.is--invert .personal-btn__icon, .header.is--invert .company-info__amount-description, .header.is--invert .company-info__refresh-icon { color: rgba(255, 255, 255, 0.8); } .header.is--invert .personal-btn__name { color: #FFFFFF; } .header.is--invert .order-call__btn-name, .header.is--invert .order-call__btn-icon, .header.is--invert .location__btn-name, .header.is--invert .location__btn-icon { color: #FFFFFF; } .header.is--invert.is--openBasket .personal-btn__icon, .header.is--invert.is--openBasket .personal-btn__name, .header.is--invert.is--openBasket .header__lang-link.is--active { color: rgba(0, 0, 0, 0.8); } .header.is--invert.is--openBasket .header__lang-link { color: rgba(0, 0, 0, 0.5); } @media only screen and (max-width: 1599px) { .header.is--invert.is--openBasket .order-call__btn-name, .header.is--invert.is--openBasket .order-call__btn-icon { color: rgba(0, 0, 0, 0.8); } } .header__container { 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; padding-top: 20px; padding-bottom: 20px; } .header__nav { 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; width: 100%; } @media only screen and (min-width: 1600px) { .header__nav { max-width: 340px; } } @media only screen and (min-width: 577px) and (max-width: 1599px) { .header__nav { max-width: 315px; } } .header__logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; } @media only screen and (min-width: 1600px) { .header__logo { height: 100px; } } @media only screen and (max-width: 1599px) { .header__logo { height: 65px; } } @media only screen and (min-width: 1600px) { .header__logo-image { width: 100px; } } @media only screen and (max-width: 1599px) { .header__logo-image { height: 65px; } } .header__logo-divider { width: 1px; height: 100%; background-color: rgba(0, 0, 0, 0.2); margin-left: 24px; margin-right: 16px; } .header__logo-name { max-width: 80px; font-family: "Oswald-Light"; font-size: 12px; line-height: 1.4; text-transform: uppercase; letter-spacing: 0.3em; color: rgba(0, 0, 0, 0.7); } .header__info { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 5; } @media only screen and (min-width: 1600px) { .header__contact { margin-right: 85px; } .header__contact > *:first-child { margin-right: 50px; } } @media only screen and (max-width: 1599px) { .header__contact { margin-right: 50px; } } @media only screen and (min-width: 768px) { .header__contact { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 767px) { .header__contact { display: none; } } @media only screen and (min-width: 1600px) { .header__personal { margin-right: 76px; } .header__personal > *:not(:last-child) { margin-right: 45px; } } @media only screen and (max-width: 1599px) { .header__personal > *:not(:last-child) { margin-right: 32px; } } @media only screen and (min-width: 577px) { .header__personal { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 576px) { .header__personal { display: none; } } .header__personal-account { position: relative; } .header__personal-popup-base { top: 28px; right: 0; } @media only screen and (min-width: 1600px) { .header__lang { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 1599px) { .header__lang { display: none; } } .header__lang-link { font-family: "RobotoCondensed-Light"; font-size: 20px; text-transform: uppercase; text-decoration: none; color: rgba(136, 136, 136, 0.35); } .header__lang-link.is--active { font-family: "RobotoCondensed-Regular"; color: rgba(0, 0, 0, 0.6); } .header__lang > *:not(:last-child) { margin-right: 20px; } .location { display: none; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .location__btn-name { font-size: 14px; } .location__btn.is--active .location__btn-icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .location__city { font-size: 18px; color: #4F4F4F; text-decoration: none; } .location__city.is--active { font-family: "RobotoCondensed-Regular"; color: #4397B3; } .location__city:not(:last-child) { margin-bottom: 24px; } .order-call { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .order-call__btn { margin-bottom: 2px; } .order-call__btn-name { font-size: 20px; } .order-call__btn.is--active .order-call__btn-icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .order-call__city { max-width: 150px; } .order-call__city:not(:last-child) { margin-bottom: 32px; } .order-call__city-name { font-family: "RobotoCondensed-Regular"; font-size: 18px; color: #4397B3; margin-bottom: 12px; } .order-call__city-phone { font-size: 16px; color: rgba(0, 0, 0, 0.7); } .order-call__city-phone:not(:last-child) { margin-bottom: 12px; } .menu-person__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 24px; } .menu-person__name { font-family: "RobotoCondensed-Regular"; font-size: 18px; color: #4397B3; margin-bottom: 12px; } .menu-person__link { font-size: 16px; text-decoration: none; color: rgba(0, 0, 0, 0.7); -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .menu-person__link:not(:last-child) { margin-bottom: 12px; } .menu-person__link:hover { color: #4397B3; } .order-call, .location { position: relative; height: 20px; } .order-call__btn, .location__btn { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; } .order-call__btn-name, .location__btn-name { font-family: "RobotoCondensed-Light"; color: rgba(0, 0, 0, 0.8); margin-right: 12px; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .order-call__btn:hover .order-call__btn-name, .order-call__btn:hover .location__btn-name, .location__btn:hover .order-call__btn-name, .location__btn:hover .location__btn-name { color: rgba(0, 0, 0, 0.6); } .order-call__btn-icon, .location__btn-icon { max-width: 10px; max-height: 5px; color: rgba(0, 0, 0, 0.8); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .order-call__popup-base, .location__popup-base { top: 28px; right: 0; } .order-call__list, .location__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer { position: relative; background-color: #F5F5F5; } .footer__top { padding-top: 60px; padding-bottom: 45px; border-top: 1px solid rgba(0, 0, 0, 0.05); } .footer__top-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1560px; width: 100%; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 1024px) { .footer__top-wrapper > *:first-child { border-right: 1px solid rgba(0, 0, 0, 0.15); } } @media only screen and (max-width: 1023px) { .footer__top-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer__top-wrapper > *:first-child { padding-bottom: 60px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } } .footer__bottom { border-top: 1px solid rgba(0, 0, 0, 0.05); padding-top: 30px; padding-bottom: 24px; } .footer__bottom-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (min-width: 577px) { .footer__bottom-wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (max-width: 576px) { .footer__bottom-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer__bottom-wrapper > *:not(:last-child) { margin-bottom: 20px; } } .footer__copyright { font-size: 14px; color: rgba(0, 0, 0, 0.5); } @media only screen and (max-width: 576px) { .footer__copyright { text-align: center; } } .footer__development { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; color: rgba(0, 0, 0, 0.5); } .footer__development-label { font-size: 14px; color: inherit; margin-right: 9px; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .footer__development-icon { min-width: 80px; max-width: 80px; height: 20px; color: inherit; -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: -webkit-filter 0.3s; transition: -webkit-filter 0.3s; -o-transition: filter 0.3s; transition: filter 0.3s; transition: filter 0.3s, -webkit-filter 0.3s; } .footer__development:hover .footer__development-label { color: #4397B3; text-decoration: underline; } .footer__development:hover .footer__development-icon { -webkit-filter: grayscale(0); filter: grayscale(0); } @media only screen and (min-width: 1600px) { .footer__navigation { max-width: 935px; } } @media only screen and (min-width: 1024px) and (max-width: 1599px) { .footer__navigation { max-width: 655px; } } @media only screen and (max-width: 576px) { .footer__navigation { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer__navigation > *:not(:last-child) { margin-bottom: 30px; } } .footer__navigation .navigation__section { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .footer-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media only screen and (min-width: 1024px) { .footer-info { padding-left: 55px; } } @media only screen and (max-width: 1023px) { .footer-info { padding-top: 35px; } } .footer-info__contacts { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 15px; } @media only screen and (min-width: 1280px) { .footer-info__contacts { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (max-width: 1279px) { .footer-info__contacts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer-info__contacts > *:not(:last-child) { margin-bottom: 20px; } } .footer-info__call { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .footer-info__call { margin-right: 90px; } } .footer-info__call-title { font-family: "Oswald-Light"; font-size: 17px; line-height: 1.5; letter-spacing: 0.03em; text-transform: uppercase; color: rgba(0, 0, 0, 0.8); } .footer-info__call-phone { font-size: 24px; color: #494949; text-decoration: none; } .footer-info__call > *:not(:last-child) { margin-bottom: 12px; } .footer-info__address { max-width: 300px; width: 100%; font-size: 18px; color: #494949; line-height: 1.5; } .footer-info__address > *:not(:last-child) { margin-bottom: 12px; } .footer-info__email { display: -webkit-box; display: -ms-flexbox; display: flex; text-decoration: none; } .footer-info__email-label { color: #494949; margin-right: 4px; } .footer-info__email-address { text-decoration: underline; color: #4397B3; } .footer-info__search-base .search-base__input { font-size: 15px; color: rgba(0, 0, 0, 0.7); } .ui-control { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-family: "Arial"; font-size: 12pt; line-height: 1; color: #ffffff; padding: 20px; border: 1px solid #444444; background-color: #444444; cursor: pointer; } .ui-block { margin-top: 20px; margin-bottom: 20px; border-bottom: 1px solid #e6e6e6; padding-bottom: 20px; } .ui-block.is--work { border-color: rgba(41, 193, 47, 0.18); -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .ui-block.is--work + div { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .ui-block.is--work .ui-header { background-color: rgba(41, 193, 47, 0.18); } .ui-blocks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ui-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; margin-bottom: 20px; padding: 20px; } .ui-header__title { font-family: "Arial"; font-size: 18px; line-height: 24px; font-weight: bold; text-transform: uppercase; color: inherit; } .ui-header__subtitle { font-family: "Arial"; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: inherit; } .ui-row { display: -webkit-box; display: -ms-flexbox; display: flex; } .ui-row:not(:last-child) { margin-bottom: 40px; } .ui-row__mr { margin-right: 20px; } .page--ui .page-control { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: fixed; right: 20px; bottom: 20px; border: 1px; z-index: 1000; } .page--ui .page-control__direction { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page--ui .page-control__direction > button { cursor: pointer; width: 50px; height: 50px; 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; font-size: 30px; } .page--ui .page-control__direction > *:not(:last-child) { margin-bottom: 20px; } .page--ui .page-control__block { cursor: pointer; font-size: 16px; background-color: transparent; } .page--ui .page-control__blocks { position: fixed; right: -100%; top: 0; -webkit-transition: right .3s; -o-transition: right .3s; transition: right .3s; background-color: #ffffff; padding: 20px; min-width: 250px; } .page--ui .page-control__blocks-close { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; cursor: pointer; font-size: 24px; background-color: transparent; } .page--ui .page-control__blocks.is--active { right: 0; } .page--ui .page-control__blocks-list { margin-left: 20px; list-style-type: disc; } .page--ui .page-control__blocks-list > *:not(:last-child) { margin-bottom: 12px; } .ui-font { font-size: 20px; } .ui-font--regular { font-family: "RobotoCondensed-Regular"; } .ui-font--light { font-family: "RobotoCondensed-Light"; } .ui-font--olight { font-family: "Oswald-Light"; } .preloader, .loadpage { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1045; background-color: #0098b6; } .loadpage { display: none; } .preloader { 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; } .preloader img { max-width: 170px; } .table-pointer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .table-pointer > *:not(:last-child) { margin-right: 16px; } .table-pointer__icon { min-width: 31px; max-width: 31px; height: 35px; } .table-pointer__text { font-family: "RobotoCondensed-Light"; font-size: 14px; color: #4397B3; } .section-intro-product{ position: relative; width: 100%; height: 600px; margin-left: auto; margin-right: auto; background-repeat: no-repeat; background-size: cover; overflow: hidden; } .section-intro { position: relative; width: 100%; height: 1000px; margin-left: auto; margin-right: auto; background-repeat: no-repeat; background-size: cover; overflow: hidden; } .section-intro__video { position: absolute; left: 0; top: 0; -o-object-fit: cover; object-fit: cover; z-index: -1; } @media only screen and (min-width: 1024px) { .section-intro__video { width: 100%; } } @media only screen and (max-width: 1023px) { .section-intro__video { height: 100vh; } } @media only screen and (max-width: 1023px) { #video-adaptive .section-intro__video { height: auto; width: calc(100% - 2%); } } @media only screen and (max-width: 768px) { #video-adaptive.section-intro-product{ height: 70vh } } @media only screen and (max-width: 425px) { #video-adaptive.section-intro-product{ height: 50vh } } .section-intro__layout { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 54, 105, 0.6)), to(rgba(0, 54, 105, 0.6))), url("/assets/img/all/section-back-line.png"); background: -o-linear-gradient(bottom, rgba(0, 54, 105, 0.6), rgba(0, 54, 105, 0.6)), url("/assets/img/all/section-back-line.png"); background: linear-gradient(0deg, rgba(0, 54, 105, 0.6), rgba(0, 54, 105, 0.6)), url("/assets/img/all/section-back-line.png"); background-position: center; background-repeat-x: no-repeat; } .section-intro__content { position: relative; max-width: 607px; } @media only screen and (min-width: 1600px) { .section-intro__content { margin-left: 345px; } } @media only screen and (min-width: 1280px) and (max-width: 1599px) { .section-intro__content { margin-left: 260px; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .section-intro__content { margin-left: 115px; } } @media only screen and (min-width: 768px) { .section-intro__content { padding-top: 200px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .section-intro__content { margin-right: 30px; } } @media only screen and (max-width: 767px) { .section-intro__content { margin-left: 20px; margin-right: 20px; padding-top: 145px; } } .section-intro__title { line-height: 1.5; margin-bottom: 24px; color: #FFFFFF; } @media only screen and (min-width: 768px) { .section-intro__title { font-size: 40px; } } @media only screen and (max-width: 767px) { .section-intro__title { font-size: 28px; } } .section-intro__description { font-family: "Oswald-Light"; font-size: 18px; line-height: 1.5; letter-spacing: 0.03em; color: #FFFFFF; } .section-info { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1920px; width: 100%; margin-left: auto; margin-right: auto; } .section-info--right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .section-info--left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .section-info--left .section-info__content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .section-info__layout { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url("/assets/img/all/section-back-line-2.png"); background-position: center; background-repeat-x: no-repeat; } .section-info__wrapper { position: relative; max-width: 1575px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .section-info__content { max-width: 607px; width: 100%; } .section-info__title { line-height: 1.5; color: rgba(0, 0, 0, 0.8); margin-bottom: 32px; } .section-info__subtitle { font-family: "RobotoCondensed-Regular"; font-size: 17px; line-height: 1.3; color: rgba(0, 0, 0, 0.7); margin-bottom: 24px; } .section-info__text { font-size: 15px; line-height: 1.5; color: rgba(0, 0, 0, 0.7); } .section-info__text:not(:last-child) { margin-bottom: 28px; } .section-info__media { width: 100%; overflow-x: hidden; } @media only screen and (min-width: 1024px) { .section-info__media { max-width: 795px; } } .section-info__map { overflow: hidden; } @media only screen and (min-width: 768px) { .section-info__map { padding-left: 32px; } } .section-info__map-image { position: relative; } @media only screen and (min-width: 1600px) { .section-info__map-image { width: 100%; height: 765px; } } @media only screen and (max-width: 1599px) { .section-info__map-image { width: 650px; height: 500px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .section-info__map-image { display: block; margin-left: auto; margin-right: auto; } } .section-info__note { 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; padding-top: 24px; padding-bottom: 24px; border-top: 1px solid rgba(67, 151, 179, 0.5); border-bottom: 1px solid rgba(67, 151, 179, 0.5); } .section-info__note--location { margin-top: 40px; } .section-info__note-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 400px; } .section-info__note-number { font-family: "Oswald-Light"; font-size: 48px; color: #4397B3; margin-right: 24px; } .section-info__note-text { font-family: "RobotoCondensed-Light"; font-size: 16px; line-height: 1.5; color: rgba(0, 0, 0, 0.8); } .section-content { position: relative; } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .section-content { padding-left: 30px; } } .section-content__layout { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url("/assets/img/all/section-back-line-2.png"); background-position: center; background-repeat-x: no-repeat; } .section-content__wrapper { width: 100%; margin-right: auto; } @media only screen and (min-width: 1600px) { .section-content__wrapper { max-width: 1234px; } } @media only screen and (min-width: 1280px) { .section-content__wrapper { margin-left: auto; } } @media only screen and (min-width: 1024px) and (max-width: 1599px) { .section-content__wrapper { max-width: 770px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .section-content__wrapper { max-width: 768px; margin-left: auto; padding-left: 30px; padding-right: 30px; } } @media only screen and (max-width: 767px) { .section-content__wrapper { padding-left: 20px; padding-right: 20px; } } .section-content__title { color: rgba(0, 0, 0, 0.8); margin-bottom: 40px; } .section-content__main ul { list-style-type: square; margin-left: 20px; } .section-content__main li { font-size: 15px; line-height: 1.4; color: rgba(0, 0, 0, 0.7); } .section-content__main li:not(:last-child) { margin-bottom: 16px; } .section-content__contact-person:not(:last-child) { margin-bottom: 24px; } .section-content .contact-person__name { font-size: 18px; color: #4397B3; margin-bottom: 12px; } .section-content .contact-person__phone, .section-content .contact-person__email { font-size: 14px; line-height: 1.4; color: rgba(0, 0, 0, 0.7); } .section-vacancy { position: relative; 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; width: 100%; min-height: 570px; margin-left: auto; margin-right: auto; background-repeat: no-repeat; background-size: cover; background-position: center; } .section-vacancy__layout { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 54, 105, 0.6)), to(rgba(0, 54, 105, 0.6))); background: -o-linear-gradient(bottom, rgba(0, 54, 105, 0.6), rgba(0, 54, 105, 0.6)); background: linear-gradient(0deg, rgba(0, 54, 105, 0.6), rgba(0, 54, 105, 0.6)); } .section-vacancy__content { position: relative; text-align: center; } .section-vacancy__title { color: #FFFFFF; margin-bottom: 28px; } .section-contact-us { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 85px; padding-bottom: 80px; background-color: rgba(0, 0, 0, 0.05); } .section-contact-us__title { margin-bottom: 75px; color: #000000; } .section-contact-us__content { text-align: center; } .partner-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -20px; } @media only screen and (max-width: 767px) { .partner-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .partner-list__logo { width: 170px; height: 70px; -o-object-fit: contain; object-fit: contain; margin: 20px; } .info-extra { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .info-extra__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #4397B3; margin-bottom: 12px; } .info-extra__header > *:first-child { margin-right: 9px; } .info-extra__icon { min-width: 20px; max-width: 20px; height: 20px; color: inherit; } .info-extra__name { font-family: "RobotoCondensed-Regular"; font-size: 17px; color: inherit; } .info-extra__content { padding-left: 30px; font-size: 15px; line-height: 1.5; color: rgba(0, 0, 0, 0.7); } .storage-benefit { position: relative; } .storage-benefit__main { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (min-width: 1600px) { .storage-benefit__main { margin: -20px -16px; } } @media only screen and (min-width: 1024px) and (max-width: 1599px) { .storage-benefit__main { margin: -16px -10px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .storage-benefit__main { margin: -16px -14px; } } .storage-benefit__item, .storage-benefit__spacer { width: 100%; } @media only screen and (min-width: 1600px) { .storage-benefit__item, .storage-benefit__spacer { max-width: 386px; margin: 20px 16px; } } @media only screen and (min-width: 1024px) and (max-width: 1599px) { .storage-benefit__item, .storage-benefit__spacer { max-width: 235px; margin: 16px 10px; } } @media only screen and (max-width: 1023px) { .storage-benefit__spacer { display: none; } } .storage-benefit__item { padding-bottom: 24px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } @media only screen and (min-width: 768px) and (max-width: 1023px) { .storage-benefit__item { max-width: 340px; margin: 16px 14px; } } @media only screen and (max-width: 1023px) { .storage-benefit__item:not(:last-child) { margin-bottom: 40px; } } .storage-benefit__name { font-family: "RobotoCondensed-Regular"; font-size: 17px; line-height: 1.4; color: rgba(0, 0, 0, 0.7); margin-bottom: 32px; } .storage-benefit__content { font-size: 15px; line-height: 1.5; color: rgba(0, 0, 0, 0.7); } .storage-benefit__link { max-width: 177px; margin-top: 50px; } .process-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (min-width: 1600px) { .process-list { margin: -16px -10px; } } @media only screen and (min-width: 768px) and (max-width: 1599px) { .process-list { margin: -16px -8px; } } .process-list__item { width: 100%; } @media only screen and (min-width: 1600px) { .process-list__item { max-width: 293px; margin: 16px 10px; } } @media only screen and (min-width: 768px) and (max-width: 1599px) { .process-list__item { max-width: 220px; margin: 16px 8px; } } @media only screen and (max-width: 767px) { .process-list__item:not(:last-child) { margin-bottom: 40px; } } .process-list__number { font-family: "Oswald-Light"; font-size: 32px; letter-spacing: 0.03em; color: #4397B3; margin-bottom: 24px; } .process-list__description { font-size: 15px; line-height: 1.4; color: rgba(0, 0, 0, 0.7); } .product-benefit__dots { position: relative; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 1600px) { .product-benefit__dots { width: 1100px; } } @media only screen and (min-width: 1024px) and (max-width: 1599px) { .product-benefit__dots { width: 864px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .product-benefit__dots { width: 680px; } } @media only screen and (max-width: 767px) { .product-benefit__dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product-benefit__dots > *:not(:last-child) { margin-bottom: 12px; } } .product-benefit__image { width: 100%; } @media only screen and (max-width: 767px) { .product-benefit__image { display: none; } } .product-benefit__dot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 1600px) { .product-benefit__dot:nth-of-type(1) { top: 45%; left: 15%; } .product-benefit__dot:nth-of-type(2) { top: 3%; left: 37%; } .product-benefit__dot:nth-of-type(3) { top: 56%; left: 59%; } .product-benefit__dot:nth-of-type(4) { top: 17%; left: 83%; } } @media only screen and (min-width: 1024px) and (max-width: 1599px) { .product-benefit__dot:nth-of-type(1) { top: 45%; left: 15%; } .product-benefit__dot:nth-of-type(2) { top: 3%; left: 37%; } .product-benefit__dot:nth-of-type(3) { top: 56%; left: 59%; } .product-benefit__dot:nth-of-type(4) { top: 17%; left: 83%; } .product-benefit__dot:nth-of-type(4) .product-benefit__tooltip { -webkit-transform: translateX(-400px); -ms-transform: translateX(-400px); transform: translateX(-400px); } .product-benefit__dot:nth-of-type(4) .product-benefit__tooltip:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); left: 100%; } .product-benefit__dot:nth-of-type(4) .product-benefit__dot-shape:hover + .product-benefit__tooltip { -webkit-transform: translateX(-360px); -ms-transform: translateX(-360px); transform: translateX(-360px); } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .product-benefit__dot:nth-of-type(1) { top: 45%; left: 15%; } .product-benefit__dot:nth-of-type(2) { top: 3%; left: 37%; } .product-benefit__dot:nth-of-type(3) { top: 56%; left: 59%; } .product-benefit__dot:nth-of-type(3) .product-benefit__tooltip { -webkit-transform: translateX(-400px); -ms-transform: translateX(-400px); transform: translateX(-400px); } .product-benefit__dot:nth-of-type(3) .product-benefit__tooltip:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); left: 100%; } .product-benefit__dot:nth-of-type(3) .product-benefit__dot-shape:hover + .product-benefit__tooltip { -webkit-transform: translateX(-360px); -ms-transform: translateX(-360px); transform: translateX(-360px); } .product-benefit__dot:nth-of-type(4) { top: 17%; left: 83%; } .product-benefit__dot:nth-of-type(4) .product-benefit__tooltip { -webkit-transform: translateX(-400px); -ms-transform: translateX(-400px); transform: translateX(-400px); } .product-benefit__dot:nth-of-type(4) .product-benefit__tooltip:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); left: 100%; } .product-benefit__dot:nth-of-type(4) .product-benefit__dot-shape:hover + .product-benefit__tooltip { -webkit-transform: translateX(-360px); -ms-transform: translateX(-360px); transform: translateX(-360px); } } @media only screen and (min-width: 768px) { .product-benefit__dot { position: absolute; } } @media only screen and (min-width: 768px) { .product-benefit__dot-shape { cursor: pointer; min-width: 50px; max-width: 50px; height: 50px; border-radius: 50px; background-color: rgba(255, 255, 255, 0.8); -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); color: #494949; -webkit-transition: background-color .4s, color .4s, -webkit-box-shadow .4s; transition: background-color .4s, color .4s, -webkit-box-shadow .4s; -o-transition: box-shadow .4s, background-color .4s, color .4s; transition: box-shadow .4s, background-color .4s, color .4s; transition: box-shadow .4s, background-color .4s, color .4s, -webkit-box-shadow .4s; } .product-benefit__dot-shape:hover { -webkit-box-shadow: 0px 4px 10px #8DC9DD; box-shadow: 0px 4px 10px #8DC9DD; background-color: rgba(67, 151, 179, 0.8); color: #FFFFFF; } .product-benefit__dot-shape:hover + .product-benefit__tooltip { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); opacity: 1; } } @media only screen and (max-width: 767px) { .product-benefit__dot-shape { display: none; } } .product-benefit__dot-symbol { position: absolute; width: 50px; height: inherit; 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; font-size: 36px; color: inherit; } .product-benefit__tooltip { position: relative; padding: 16px; background-color: #fff; -webkit-transition: opacity .4s, -webkit-transform .4s; transition: opacity .4s, -webkit-transform .4s; -o-transition: opacity .4s, transform .4s; transition: opacity .4s, transform .4s; transition: opacity .4s, transform .4s, -webkit-transform .4s; pointer-events: none; font-size: 16px; line-height: 1.4; color: rgba(0, 0, 0, 0.7); z-index: 1; } @media only screen and (min-width: 768px) { .product-benefit__tooltip { -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); opacity: 0; max-width: 300px; min-width: 300px; } } .product-benefit__tooltip:before { content: ""; position: absolute; top: 0; bottom: 0; left: -8px; margin-top: auto; margin-bottom: auto; width: 0; height: 0; border-style: solid; border-width: 8px 8px 8px 0; border-color: transparent #ffffff transparent transparent; } .product-benefit__description { max-width: 606px; } @media only screen and (min-width: 768px) { .product-benefit__description { padding-top: 100px; } } @media only screen and (max-width: 767px) { .product-benefit__description { padding-top: 45px; } } .product-benefit__description-text { font-size: 15px; line-height: 1.4; color: rgba(0, 0, 0, 0.7); margin-bottom: 45px; } .product-benefit__description-link { max-width: 180px; } .in-work { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 115px; padding-bottom: 125px; } .in-work__wrapper { max-width: 400px; width: 100%; text-align: center; } .in-work__title { font-family: "RobotoCondensed-Regular"; font-size: 24px; text-transform: uppercase; color: #4397B3; margin-bottom: 16px; } .in-work__description { font-size: 24px; line-height: 1.5; color: rgba(0, 0, 0, 0.8); } @media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1921px), (-o-min-device-pixel-ratio: 2/1) and (min-width: 1921px), (min-resolution: 192dpi) and (min-width: 1921px) { .content--home .products-intro { padding-top: 200px; } } @media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1921px), (-o-min-device-pixel-ratio: 2/1) and (min-width: 1921px), (min-resolution: 192dpi) and (min-width: 1921px) { .content--home .company-info__subject { margin-bottom: 110px; } } @media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1921px), (-o-min-device-pixel-ratio: 2/1) and (min-width: 1921px), (min-resolution: 192dpi) and (min-width: 1921px) { .content--home .company-info__subject-icon { width: 100px; height: 100px; } } @media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1921px), (-o-min-device-pixel-ratio: 2/1) and (min-width: 1921px), (min-resolution: 192dpi) and (min-width: 1921px) { .content--home .company-info__subject-name { font-size: 20px; } } @media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1921px), (-o-min-device-pixel-ratio: 2/1) and (min-width: 1921px), (min-resolution: 192dpi) and (min-width: 1921px) { .content--home .company-info__subject-description { font-size: 20px; height: 100px; } } @media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1921px), (-o-min-device-pixel-ratio: 2/1) and (min-width: 1921px), (min-resolution: 192dpi) and (min-width: 1921px) { .content--home .company-info__subject__amount-description { font-size: 20px; } } .content--home .content__slide { position: relative; } .content--home .content__slide:nth-child(2).fsvs-slide .content-about { padding-top: 185px; } @media only screen and (min-width: 577px) { .content--home .content__slide:nth-child(2):not(.fsvs-slide) .content-about { padding-bottom: 60px; } } @media only screen and (max-width: 576px) { .content--home .content__slide:nth-child(2):not(.fsvs-slide) .content-about { padding-bottom: 120px; } } .content--home .content__slide:nth-child(3).fsvs-slide .content-production { top: 250px; } @media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1921px), (-o-min-device-pixel-ratio: 2/1) and (min-width: 1921px), (min-resolution: 192dpi) and (min-width: 1921px) { .content--home .content__slide:nth-child(3).fsvs-slide .content-production { top: 350px; } } .content--home .content__slide:nth-child(3).fsvs-slide .production-accordion { height: 100vh; } .content--home .content__slide:nth-child(3).fsvs-slide .production-accordion__content { padding-bottom: 230px; } @media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1921px), (-o-min-device-pixel-ratio: 2/1) and (min-width: 1921px), (min-resolution: 192dpi) and (min-width: 1921px) { .content--home .content__slide:nth-child(3).fsvs-slide .production-accordion__content { padding-bottom: 450px; } } @media only screen and (min-width: 1024px) { .content--home .content__slide:nth-child(3):not(.fsvs-slide) .content-production { top: 75px; } } @media only screen and (min-width: 1024px) { .content--home .content__slide:nth-child(3):not(.fsvs-slide) .production-accordion { height: 600px; } } @media only screen and (min-width: 1024px) { .content--home .content__slide:nth-child(3):not(.fsvs-slide) .production-accordion__content { padding-bottom: 100px; } } .content--home .content__slide:nth-child(4).fsvs-slide .content-contacts { padding-top: 250px; } .content--home .content__slide:nth-child(4):not(.fsvs-slide) .content-contacts { padding-top: 60px; } .content--home #animMap { position: relative; } @media only screen and (min-width: 1600px) { .content--home #animMap { right: -45px; } } @media only screen and (min-width: 1280px) and (max-width: 1599px) { .content--home #animMap { bottom: 80px; width: 100%; } } @media only screen and (min-width: 577px) and (max-width: 1023px) { .content--home #animMap { height: 100%; } } @media only screen and (max-width: 576px) { .content--home #animMap { width: 650px; height: 500px; left: -20px; } } @media only screen and (max-width: 1023px) { .content--home .section-productions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .swiper-container_news{ display: none; } @media only screen and (min-width: 1024px){ .swiper-container_news{ display: block; } } .content--home .content-intro { position: relative; height: inherit; background-size: 25%; overflow: hidden; } .content--home .content-intro__video { position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; z-index: -1; } @media only screen and (min-width: 1600px) { .content--home .content-intro__video { width: 100%; } } @media only screen and (min-width: 1024px) and (max-width: 1599px) { .content--home .content-intro__video { height: 100vh; } } @media only screen and (max-width: 1023px) { .content--home .content-intro__video { height: 100%; } } @media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1921px), (-o-min-device-pixel-ratio: 2/1) and (min-width: 1921px), (min-resolution: 192dpi) and (min-width: 1921px) { .content--home .content-intro__video { width: 100%; } } @media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px) and (max-width: 1920px), (-o-min-device-pixel-ratio: 2/1) and (min-width: 1024px) and (max-width: 1920px), (min-resolution: 192dpi) and (min-width: 1024px) and (max-width: 1920px) { .content--home .content-intro__video { height: 100vh; } } .content--home .content-intro__layout { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center; background-repeat-x: no-repeat; } @media only screen and (min-width: 1024px) { .content--home .content-intro__layout { background: -webkit-gradient(linear, left bottom, left top, color-stop(55%, whitesmoke), color-stop(55%, rgba(0, 54, 105, 0.8))); background: -o-linear-gradient(bottom, whitesmoke 55%, rgba(0, 54, 105, 0.8) 55%); background: linear-gradient(0deg, whitesmoke 55%, rgba(0, 54, 105, 0.8) 55%); } } @media only screen and (max-width: 1023px) { .content--home .content-intro__layout { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 54, 105, 0.8)), to(rgba(0, 54, 105, 0.8))); } } @media only screen and (min-width: 1024px) { .content--home .content-intro { padding-top: 160px; background-image: url("/assets/img/all/back-line.png"); } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .content--home .content-intro { padding: 170px 30px 45px; } } @media only screen and (max-width: 767px) { .content--home .content-intro { padding: 135px 20px 60px; } } @media only screen and (max-width: 1023px) { .content--home .content-intro .product-intro__name { color: #ffffff; } } .content--home .content-intro__header { position: relative; max-width: 605px; width: 100%; font-family: "Oswald-Light"; font-size: 18px; line-height: 1.5; letter-spacing: 0.03em; color: #ffffff; } @media only screen and (min-width: 1024px) { .content--home .content-intro__header { margin-left: 160px; margin-bottom: 65px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .content--home .content-intro__header { margin-left: 30px; margin-bottom: 55px; } } @media only screen and (max-width: 767px) { .content--home .content-intro__header { margin-bottom: 60px; } } .content--home .content-intro__mousewheel { width: 24px; position: absolute; bottom: 45px; left: 4px; right: 0; margin-left: auto; margin-right: auto; -webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.05); box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.05); border-radius: 50px; -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; background-color: transparent; cursor: pointer; } .content--home .content-intro__mousewheel-image { width: 100%; } .content--home .content-about { height: inherit; } @media only screen and (min-width: 1024px) { .content--home .content-about { background: url("/assets/img/all/back-line.png"); display: -webkit-box; display: -ms-flexbox; display: flex; background-size: 25%; } } @media only screen and (min-width: 1024px) and (max-width: 1921px) { .content--home .content-about { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .content--home .content-about__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1921px), (-o-min-device-pixel-ratio: 2/1) and (min-width: 1921px), (min-resolution: 192dpi) and (min-width: 1921px) { .content--home .content-about__wrapper { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (min-width: 1600px) { .content--home .content-about__wrapper { padding-left: 345px; } } @media only screen and (min-width: 1280px) and (max-width: 1599px) { .content--home .content-about__wrapper { padding-left: 265px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .content--home .content-about__wrapper { padding-left: 30px; } } @media only screen and (max-width: 1023px) { .content--home .content-about__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (min-width: 577px) and (max-width: 1023px) { .content--home .content-about__wrapper { padding-left: 30px; padding-right: 30px; } } .content--home .content-about__header { padding-top: 60px; font-family: "Oswald-Light"; font-size: 18px; line-height: 1.5; letter-spacing: 0.03em; color: rgba(0, 0, 0, 0.7); } @media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1921px), (-o-min-device-pixel-ratio: 2/1) and (min-width: 1921px), (min-resolution: 192dpi) and (min-width: 1921px) { .content--home .content-about__header { font-size: 20px; } } @media only screen and (min-width: 1600px) { .content--home .content-about__header { margin-bottom: 115px; } } @media only screen and (min-width: 1280px) and (max-width: 1599px) { .content--home .content-about__header { margin-bottom: 70px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .content--home .content-about__header { margin-bottom: 60px; } } @media only screen and (max-width: 1023px) { .content--home .content-about__header { max-width: 605px; margin-bottom: 65px; } } @media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1921px), (-o-min-device-pixel-ratio: 2/1) and (min-width: 1921px), (min-resolution: 192dpi) and (min-width: 1921px) { .content--home .content-about__info { max-width: 800px; width: 100%; } } @media only screen and (min-width: 1024px) and (max-width: 1921px) { .content--home .content-about__info { max-width: 605px; width: 100%; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .content--home .content-about__info { min-width: 560px; } } @media only screen and (max-width: 1023px) { .content--home .content-about__info { width: 100%; margin-bottom: 48px; } } @media only screen and (max-width: 576px) { .content--home .content-about__info { padding-left: 20px; padding-right: 20px; } } .content--home .content-about__map { overflow: hidden; } @media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1921px), (-o-min-device-pixel-ratio: 2/1) and (min-width: 1921px), (min-resolution: 192dpi) and (min-width: 1921px) { .content--home .content-about__map { max-width: 1200px; width: 100%; } } @media only screen and (min-width: 1600px) and (max-width: 1921px) { .content--home .content-about__map { width: 965px; } } @media only screen and (min-width: 1280px) and (max-width: 1599px) { .content--home .content-about__map { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; min-width: 480px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .content--home .content-about__map { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 435px; } } @media only screen and (min-width: 1024px) and (max-width: 1921px) { .content--home .content-about__map { max-height: 765px; } } @media only screen and (min-width: 577px) and (max-width: 1023px) { .content--home .content-about__map { width: 100%; height: 605px; } } .content--home .content-production { z-index: 4; pointer-events: none; } @media only screen and (min-width: 1600px) { .content--home .content-production { left: 345px; } } @media only screen and (min-width: 1280px) and (max-width: 1599px) { .content--home .content-production { left: 260px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .content--home .content-production { left: 30px; } } @media only screen and (min-width: 1024px) { .content--home .content-production { position: absolute; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .content--home .content-production { padding-left: 30px; padding-right: 30px; padding-bottom: 60px; } } @media only screen and (max-width: 767px) { .content--home .content-production { padding-left: 20px; padding-right: 20px; padding-bottom: 60px; } } .content--home .content-production__header { max-width: 605px; width: 100%; } .content--home .content-production__title { font-family: "Oswald-Light"; font-size: 24px; text-transform: uppercase; letter-spacing: 0.03em; margin-bottom: 16px; } @media only screen and (min-width: 1024px) { .content--home .content-production__title { color: #FFFFFF; } } @media only screen and (max-width: 1023px) { .content--home .content-production__title { color: rgba(0, 0, 0, 0.75); line-height: 1.5; } } .content--home .content-production__description { font-family: "Oswald-Light"; font-size: 18px; line-height: 1.5; letter-spacing: 0.03em; } @media only screen and (min-width: 1024px) { .content--home .content-production__description { color: #FFFFFF; } } @media only screen and (max-width: 1023px) { .content--home .content-production__description { color: rgba(0, 0, 0, 0.7); } } .content--home .content-contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: inherit; background: url("/assets/img/all/back-line.png"); background-size: 25%; } @media only screen and (min-width: 1600px) { .content--home .content-contacts__wrapper { margin-left: 345px; margin-right: 185px; } } @media only screen and (min-width: 1280px) and (max-width: 1599px) { .content--home .content-contacts__wrapper { margin-left: 260px; margin-right: 50px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .content--home .content-contacts__wrapper { padding-left: 30px; padding-right: 40px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .content--home .content-contacts__wrapper { padding-left: 30px; padding-right: 30px; } } @media only screen and (max-width: 767px) { .content--home .content-contacts__wrapper { padding-left: 20px; padding-right: 20px; } } .content--home .content-contacts__header { font-family: "Oswald-Light"; font-size: 24px; letter-spacing: 0.03em; text-transform: uppercase; color: rgba(0, 0, 0, 0.8); margin-bottom: 24px; } @media only screen and (max-width: 1599px) { .content--home .contact-person__photo { display: none; } } @media only screen and (max-width: 1599px) { .content--home .contacts-department:not(.contacts-department--home-sellers) { display: none; } } @media only screen and (max-width: 1599px) { .content--home .contact-person--home-seller:last-child { display: none; } } @media only screen and (min-width: 768px) and (max-width: 1599px) { .content--home .contact-person--home-seller { max-width: 33%; min-width: 33%; } } .content--home .footer__bottom { border: 0; } .smartfilter #set_filter { display: none; } .catalog__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 100px; } @media only screen and (min-width: 1280px) { .catalog__wrapper > *:first-child { margin-right: 90px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .catalog__wrapper > *:first-child { margin-right: 80px; } } .catalog__main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media only screen and (min-width: 1800px) { .catalog__main { padding-right: 155px; } } @media only screen and (min-width: 1600px) { .catalog__main { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (max-width: 1599px) { .catalog__main { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .catalog__sidebar { max-width: 225px; width: 100%; } .catalog__sidebar-header { margin-bottom: 20px; } .catalog__sidebar-title { font-family: "Oswald-Light"; font-size: 18px; line-height: 1.7; letter-spacing: 0.03em; text-transform: uppercase; color: rgba(0, 0, 0, 0.8); } @media only screen and (max-width: 1023px) { .catalog__sidebar:not(.catalog__sidebar--mobile) { display: none; } } @media only screen and (min-width: 1024px) { .catalog__sidebar--mobile { display: none; } .catalog__sidebar > *:first-child { margin-bottom: 165px; } } .catalog__content { max-width: 920px; width: 100%; } @media only screen and (min-width: 1600px) and (max-width: 1799px) { .catalog__content { margin-right: 40px; } } .catalog__content > *:not(:last-child) { margin-bottom: 70px; } @media only screen and (max-width: 1599px) { .catalog__content { margin-bottom: 75px; } } .catalog__info { width: 100%; } @media only screen and (min-width: 1600px) { .catalog__info { max-width: 300px; } } .catalog__info-main { margin-bottom: 60px; } .catalog__info-main > *:not(:last-child) { margin-bottom: 20px; } @media only screen and (min-width: 1280px) and (max-width: 1599px) { .catalog__info > .calculator-link { margin-top: 50px; } } @media only screen and (max-width: 1279px) { .catalog__info > .calculator-link { display: none; } } .catalog__table-informer { font-family: "RobotoCondensed-Regular"; font-size: 21px; color: #4397B3; margin-bottom: 32px; } .catalog__table-controls { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 24px; } @media only screen and (min-width: 1280px) { .catalog__table-controls { display: none; } } @media only screen and (max-width: 1279px) { .catalog__table-controls { display: -webkit-box; display: -ms-flexbox; display: flex; } } .catalog__text { line-height: 1.5; color: rgba(0, 0, 0, 0.7); } .catalog__text h2, .catalog__text h3, .catalog__text h4, .catalog__text h5 { font-size: 18px; letter-spacing: 0.03em; text-transform: uppercase; color: rgba(0, 0, 0, 0.8); } .catalog__text p { font-size: 15px; } .catalog__info-extra { margin-bottom: 60px; } @media only screen and (min-width: 1600px) { .catalog__info-extra .info-extra__item:not(:last-child) { margin-bottom: 20px; } } @media only screen and (min-width: 1280px) and (max-width: 1599px) { .catalog__info-extra > * { max-width: 280px; } } @media only screen and (max-width: 1279px) { .catalog__info-extra > * { max-width: 290px; } } @media only screen and (max-width: 1599px) { .catalog__info-extra { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .catalog__info-extra .info-extra__header { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; min-height: 52px; } .catalog__info-extra .info-extra__name { line-height: 1.5; } } @media only screen and (max-width: 1599px) { .catalog__info-extra { margin-top: -15px; margin-bottom: -15px; } .catalog__info-extra > * { margin-bottom: 15px; margin-top: 15px; } } @media only screen and (min-width: 1280px) { .catalog__info-extra .calculator-link { display: none; } } .sidebar-filter { position: fixed; top: 0; right: 0; min-width: 225px; height: 100vh; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; background-color: #FCFCFC; padding-top: 20px; padding-bottom: 40px; overflow-y: auto; z-index: 2; } @media only screen and (min-width: 1024px) { .sidebar-filter { display: none; } } .sidebar-filter.is--active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .catalog-filter__header { position: relative; padding: 9px 20px; margin-bottom: 40px; font-size: 14px; color: #000000; } @media only screen and (min-width: 1024px) { .catalog-filter__header { background-color: #E9E9E9; } } .catalog-filter__close { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 20px; background-color: transparent; } @media only screen and (min-width: 1024px) { .catalog-filter__close { display: none; } } .catalog-filter__close-icon { min-width: 13px; max-width: 13px; height: 13px; color: rgba(243, 119, 34, 0.5); } .catalog-filter__sections { margin-bottom: 55px; } .catalog-filter__sections > *:not(:last-child) { margin-bottom: 40px; } .catalog-filter__section-header { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 9px 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); margin-bottom: 16px; } .catalog-filter__section-name { font-size: 14px; color: #000000; } .catalog-filter__section-list { padding-left: 20px; padding-right: 20px; } .catalog-filter__section-list > *:not(:last-child) { margin-bottom: 12px; } .catalog-filter__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 20px; padding-right: 20px; } .nav-category__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 22px; overflow: hidden; color: rgba(0, 0, 0, 0.7); } .nav-category__item.is--active, .nav-category__item:hover { color: #F37722; } .nav-category__item.is--active:before, .nav-category__item:hover:before { left: 0; } .nav-category__item:before { content: ""; position: absolute; left: -9px; width: 9px; height: 100%; background-color: #F37722; -webkit-transition: left .4s; -o-transition: left .4s; transition: left .4s; } .nav-category__item:not(:last-child) { margin-bottom: 20px; } .nav-category__name { font-family: "RobotoCondensed-Regular"; font-size: 15px; line-height: 1.6; color: inherit; text-decoration: none; -webkit-transition: color .4s; -o-transition: color .4s; transition: color .4s; } .product-catalog { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (min-width: 1280px) { .product-catalog { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (max-width: 1279px) { .product-catalog { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .product-catalog { padding-right: 30px; } } .product-catalog__header { width: 100%; max-width: 425px; min-height: 300px; } @media only screen and (max-width: 1023px) { .product-catalog__header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .product-catalog__image { -o-object-fit: contain; object-fit: contain; } @media only screen and (max-width: 1279px) { .product-catalog__image { margin-bottom: 32px; } } @media only screen and (min-width: 768px) { .product-catalog__image { min-width: 425px; max-width: 425px; height: 300px; } } @media only screen and (max-width: 767px) { .product-catalog__image { width: 100%; } } .product-catalog__detail { width: 100%; } @media only screen and (min-width: 1280px) { .product-catalog__detail { max-width: 435px; } } .product-catalog__name { font-family: "Oswald-Light"; font-size: 21px; letter-spacing: 0.03em; text-transform: uppercase; color: rgba(0, 0, 0, 0.8); margin-bottom: 30px; } .product-catalog__description { font-size: 15px; line-height: 1.5; color: rgba(0, 0, 0, 0.7); } .product-list { font-size: 14px; } @media only screen and (min-width: 1280px) { .product-list { width: 100%; } } @media only screen and (max-width: 1279px) { .product-list { white-space: nowrap; overflow-x: auto; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .product-list { width: 689px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .product-list { width: 708px; } } @media only screen and (max-width: 767px) { .product-list { width: var(--widthProductList); } } .product-list__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-list__cell { -webkit-box-sizing: content-box; box-sizing: content-box; white-space: normal;} .product-list__cell:not(:first-child):not(:last-child) { padding-right: 11px; padding-left: 11px; text-align: center; } .product-list__cell:first-child { max-width: 160px; width: 100%; padding-left: 32px; padding-right: 11px; } .product-list__cell:nth-child(2), .product-list__cell:nth-child(3), .product-list__cell:nth-child(4) { max-width: 120px; width: 100%; } .product-list__cell:nth-child(5) { max-width: 130px; width: 100%; } .product-list__cell:last-child { padding-right: 42px; padding-left: 11px; } .product-list__header { background-color: #E9E9E9; } @media only screen and (max-width: 1279px) { .product-list__header { width: 905px; } } .product-list__header .product-list__row { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border-color: #E9E9E9; } .product-list__header .product-list__cell { padding-top: 9px; padding-bottom: 9px; } @media only screen and (max-width: 1279px) { .product-list__body { width: 905px; } } .product-list__body .product-item-container { border: 1px solid transparent; -webkit-transition: border-color .4s; -o-transition: border-color .4s; transition: border-color .4s; margin-top: -1px; } .product-list__body .product-item-container:hover { border-color: #4397B3; } .product-list__body .product-item-container:not(:last-child) { background: url("/assets//img/all/product-list-row.png"); background-position-y: 101%; background-repeat: no-repeat; } .product-list__body .product-item-container:last-child { border-bottom: 1px solid #4397B3; } .product-list__body .product-list__cell { padding-top: 32px; padding-bottom: 32px; } .product-list__footer { padding-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .order { padding-bottom: 60px; } .content--order .form-order { overflow: hidden; } .content--order .content__done { font-size: 18px; line-height: 1.5; padding-top: 60px; padding-bottom: 60px; } @media only screen and (min-width: 1600px) { .content--order .content__wrapper { max-width: 1230px; width: 100%; margin-right: auto; margin-left: auto; } } @media only screen and (min-width: 1280px) and (max-width: 1599px) { .content--order .content__wrapper { margin-left: 260px; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .content--order .content__wrapper { margin-left: 30px; } } @media only screen and (max-width: 767px) { .content--order .content__wrapper { margin-left: 20px; } } .content--order .content__checkout { padding-bottom: 80px; } .content--order .content__checkout-header { margin-bottom: 50px; } @media only screen and (max-width: 1599px) { .content--order .content__checkout .container { max-width: 100%; padding: 0; } } .content--order .content__order { padding-top: 90px; padding-bottom: 110px; background-color: rgba(0, 0, 0, 0.05); } @media only screen and (min-width: 768px) and (max-width: 1599px) { .content--order .content__order .container { max-width: 100%; padding: 0; } } @media only screen and (max-width: 767px) { .content--order .content__order .container { padding-right: 20px; padding-left: 0; } } .order-list { width: 100%; font-size: 14px; } .order-list__row { display: -webkit-box; display: -ms-flexbox; display: flex; } .order-list__group-inputs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .order-list__group-inputs > *:not(:last-child) { margin-bottom: 12px; } @media only screen and (max-width: 1599px) { .order-list__table-wrapper { overflow-x: scroll; overflow-y: hidden; } } .order-list__cell { -webkit-box-sizing: content-box; box-sizing: content-box; } .order-list__cell--additional > *:not(:last-child) { margin-bottom: 12px; } .order-list__cell:not(:first-child):not(:last-child) { padding-right: 21px; padding-left: 21px; } .order-list__cell:first-child { max-width: 185px; width: 100%; padding-left: 36px; padding-right: 21px; } .order-list__cell:nth-child(-n+2) { max-width: 250px; width: 100%; } .order-list__cell:nth-child(3) { max-width: 200px; width: 100%; } .order-list__cell:nth-child(4) { max-width: 100px; width: 100%; } .order-list__cell:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 26px; padding-left: 21px; } .order-list__header { background-color: #E9E9E9; } @media only screen and (max-width: 1599px) { .order-list__header { min-width: 1230px; max-width: 1230px; } } .order-list__header .order-list__row { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border-color: #E9E9E9; } .order-list__header .order-list__cell { padding-top: 9px; padding-bottom: 9px; } @media only screen and (max-width: 1599px) { .order-list__body { min-width: 1230px; max-width: 1230px; } } .order-list__body .order-list__row { border: 1px solid transparent; -webkit-transition: border-color .4s; -o-transition: border-color .4s; transition: border-color .4s; } .order-list__body .order-list__row:not(:last-child) { background: url("/assets//img/all/product-list-row.png"); background-position-y: 100%; background-repeat-y: no-repeat; } .order-list__body .order-list__row:last-child { border-bottom: 1px solid #4397B3; } .order-list__body .order-list__cell { line-height: 1.5; padding-top: 32px; padding-bottom: 32px; } .order-list__body .order-list__total { 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; padding-top: 8px; } .order-list__body .order-list__total-price { font-family: "RobotoCondensed-Regular"; font-size: 14px; color: #4397B3; } .order-list__footer { padding-top: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (min-width: 1600px) { .order-list__footer { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (max-width: 1599px) { .order-list__footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .order-list__footer > *:not(:last-child) { margin-bottom: 12px; } } .order-list__footer .order-list__total { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (min-width: 577px) { .order-list__footer .order-list__total { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } } @media only screen and (max-width: 576px) { .order-list__footer .order-list__total { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .order-list__footer .order-list__total-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } @media only screen and (min-width: 577px) { .order-list__footer .order-list__total-block:not(:last-child) { margin-right: 60px; } } @media only screen and (max-width: 576px) { .order-list__footer .order-list__total-block:not(:last-child) { margin-bottom: 16px; } } .order-list__footer .order-list__total-label { font-family: "Oswald-Light"; font-size: 17px; letter-spacing: 0.03em; text-transform: uppercase; color: rgba(0, 0, 0, 0.7); margin-right: 6px; } .order-list__footer .order-list__total-weight { font-family: "Oswald-Light"; font-size: 17px; letter-spacing: 0.03em; text-transform: uppercase; color: #4397B3; } .order-list__footer .order-list__total-price { font-family: "Oswald-Light"; font-size: 25px; letter-spacing: 0.03em; text-transform: uppercase; color: #F37722; } .order-list__footer .order-list__note { font-size: 14px; line-height: 1.4; color: #F37722; } @media only screen and (max-width: 576px) { .order-list__footer .order-list__note { margin-bottom: 18px; } } .content--about #jsAboutYoutube { -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } @media only screen and (min-width: 1280px) and (max-width: 1599px) { .content--about .section-info { padding-left: 260px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .content--about .section-info { padding-left: 35px; } } @media only screen and (min-width: 1024px) and (max-width: 1599px) { .content--about .section-info__map { padding-top: 145px; } .content--about .content__about .section-info__content, .content--about .content__location .section-info__content { max-width: 450px; } .content--about .content__about .section-info__content { margin-right: 90px; } } @media only screen and (max-width: 1023px) { .content--about .section-info__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .content--about .content__about .section-info__content { margin-bottom: 90px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .content--about .section-info__content { max-width: 100%; padding-left: 30px; padding-right: 30px; } .content--about .content__about .section-info__media { padding-left: 30px; } .content--about .content__location { margin-bottom: 60px; } .content--about .content__location .section-info__content { margin-bottom: 45px; } } @media only screen and (max-width: 767px) { .content--about .section-info__content { max-width: 100%; padding-left: 20px; padding-right: 20px; } .content--about .content__about .section-info__media { padding-left: 20px; } .content--about .content__location { margin-bottom: 90px; } .content--about .content__location .section-info__content { margin-bottom: 35px; } } .content--about .section-intro { max-height: 600px; } .content--about .content__about { padding-top: 100px; padding-bottom: 24px; } .content--about .content__location-info { padding-top: 75px; } .content--about .content__partners { top: -50px; padding-bottom: 120px; } .content--about .content__partners-layout { bottom: -27px; } .content--vacancy .vacancy-list { padding-bottom: 100px; } .content--vacancy .vacancy-detail { padding-bottom: 55px; } .content--vacancy .vacancy-respond { padding-top: 80px; padding-bottom: 85px; background-color: rgba(0, 0, 0, 0.05); } .vacancy-list__wrapper { max-width: 1234px; width: 100%; margin-left: auto; margin-right: auto; } .vacancy-list__title { color: rgba(0, 0, 0, 0.8); margin-bottom: 45px; } .vacancy-list__main { max-width: 919px; width: 100%; } .vacancy-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .vacancy-list__item:not(:last-child) { margin-bottom: 45px; } .vacancy-list__item > *:not(:last-child) { margin-bottom: 21px; } .vacancy-list__name { font-family: "Oswald-Light"; font-size: 18px; letter-spacing: 0.03em; text-transform: uppercase; color: rgba(0, 0, 0, 0.8); } .vacancy-list__description { font-size: 15px; line-height: 1.5; color: rgba(0, 0, 0, 0.7); } .vacancy-detail__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1234px; width: 100%; } @media only screen and (min-width: 768px) { .vacancy-detail__wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (max-width: 767px) { .vacancy-detail__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .vacancy-detail__wrapper > *:first-child { margin-bottom: 40px; } } .vacancy-detail__sidebar { max-width: 200px; width: 100%; } .vacancy-detail__sidebar-header { margin-bottom: 20px; } .vacancy-detail__sidebar-title { font-family: "Oswald-Light"; font-size: 18px; line-height: 1.7; letter-spacing: 0.03em; text-transform: uppercase; color: rgba(0, 0, 0, 0.8); } .vacancy-detail__main { max-width: 920px; width: 100%; } .vacancy-detail__main-title { color: rgba(0, 0, 0, 0.8); margin-bottom: 36px; } .vacancy-detail__main-content { line-height: 1.5; color: rgba(0, 0, 0, 0.7); } .vacancy-respond__wrapper { max-width: 1234px; width: 100%; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 1280px) and (max-width: 1599px) { .content--delivery .section-info--right { padding-left: 260px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .content--delivery .section-info--right { padding-left: 30px; } } @media only screen and (min-width: 1024px) { .content--delivery .content__about { padding-bottom: 9px; } } @media only screen and (max-width: 1023px) { .content--delivery .content__about { margin-bottom: 65px; } .content--delivery .content__about .section-info__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .content--delivery .content__about .section-info__wrapper > *:first-child { margin-bottom: 45px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .content--delivery .content__about .section-info__content { max-width: 100%; padding-left: 30px; padding-right: 30px; } } @media only screen and (max-width: 767px) { .content--delivery .content__about .section-info__content { max-width: 100%; padding-left: 20px; padding-right: 20px; } } .content--delivery .content__kind { margin-bottom: 115px; } .content--delivery .content__detail { margin-bottom: 95px; } .content--delivery .content__detail .section-content__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (min-width: 1600px) { .content--delivery .content__detail .section-content__wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (max-width: 1599px) { .content--delivery .content__detail .section-content__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .content--delivery .content__detail .section-content__wrapper > *:not(:last-child) { margin-bottom: 65px; } } .content--delivery .section-content__condition { max-width: 685px; width: 100%; } .content--delivery .section-content__logistics { max-width: 445px; width: 100%; } .content--delivery .content__pack { margin-bottom: 105px; } .pack-kind, .delivery-kind { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (min-width: 1600px) { .pack-kind { margin: -10px; } } @media only screen and (min-width: 768px) and (max-width: 1599px) { .pack-kind { margin: -6px; } } @media only screen and (min-width: 1600px) { .delivery-kind { margin: -10px; } } @media only screen and (min-width: 1024px) and (max-width: 1599px) { .delivery-kind { margin: -12px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .delivery-kind { margin: -10px; } } .pack-kind__card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; min-height: 265px; text-decoration: none; background-size: cover; padding: 32px; } @media only screen and (min-width: 1600px) { .pack-kind__card { max-width: 607px; margin: 10px; } } @media only screen and (min-width: 1024px) and (max-width: 1599px) { .pack-kind__card { max-width: 377px; margin: 6px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .pack-kind__card { max-width: 347px; margin: 6px; } } @media only screen and (max-width: 767px) { .pack-kind__card { width: 100%; } .pack-kind__card:not(:last-child) { margin-bottom: 24px; } } .pack-kind__name { font-family: "Oswald-Light"; font-size: 18px; letter-spacing: 0.03em; text-transform: uppercase; color: #FFFFFF; } .delivery-kind__card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; min-height: 344px; background-color: #FCFCFC; padding: 60px 20px 20px; } @media only screen and (min-width: 1600px) { .delivery-kind__card { max-width: 293px; margin: 10px; } } @media only screen and (min-width: 1024px) and (max-width: 1599px) { .delivery-kind__card { max-width: 372px; margin: 12px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .delivery-kind__card { max-width: 343px; margin: 10px; } } @media only screen and (max-width: 767px) { .delivery-kind__card { width: 100%; } .delivery-kind__card:not(:last-child) { margin-bottom: 24px; } } .delivery-kind__icon { min-width: 70px; max-width: 70px; height: 48px; color: #4397B3; margin-bottom: 24px; } .delivery-kind__title { height: 60px; font-family: "Oswald-Light"; font-size: 18px; line-height: 1.4; letter-spacing: 0.03em; text-transform: uppercase; color: rgba(0, 0, 0, 0.8); margin-bottom: 12px; } .delivery-kind__description { font-size: 14px; line-height: 1.2; color: rgba(0, 0, 0, 0.7); } .content--productions .production-accordion { height: 100vh; } @media only screen and (min-width: 1024px) { .content--productions .production-accordion__content { padding-bottom: 230px; } } .content--productions .section-intro { max-height: 600px; } .content--productions .section-productions { position: relative; } @media only screen and (min-width: 1024px) { .content--productions .section-productions__content { position: absolute; top: 250px; left: 345px; z-index: 4; pointer-events: none; } } @media only screen and (max-width: 1023px) { .content--productions .section-productions__content { display: none; } } @media only screen and (max-height: 699px) { .content--productions .section-productions__content { display: none; } } .content--productions .section-productions__header { max-width: 617px; width: 100%; } .content--productions .section-productions__title { color: #FFFFFF; margin-bottom: 16px; } .content--productions .section-productions__description { font-family: "Oswald-Light"; font-size: 18px; line-height: 1.5; letter-spacing: 0.03em; color: #FFFFFF; } .content--productions .content__warehouse { padding-top: 100px; padding-bottom: 50px; } @media only screen and (min-width: 1280px) and (max-width: 1599px) { .content--productions .content__warehouse .section-info__content { min-width: 500px; margin-left: 260px; margin-right: 65px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .content--productions .content__warehouse .section-info__content { min-width: 500px; margin-left: 30px; margin-right: 50px; } } @media only screen and (max-width: 1023px) { .content--productions .content__warehouse .section-info__content { max-width: 100%; } .content--productions .content__warehouse .section-info__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .content--productions .content__warehouse .section-info__wrapper > *:first-child { margin-bottom: 85px; } .content--productions .content__warehouse img { width: 100%; -o-object-fit: cover; object-fit: cover; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .content--productions .content__warehouse .section-info__wrapper { padding-left: 30px; padding-right: 30px; } } @media only screen and (max-width: 767px) { .content--productions .content__warehouse .section-info__content { padding-left: 20px; padding-right: 20px; } } .content--productions .content__quality { padding-top: 50px; padding-bottom: 100px; } @media only screen and (min-width: 1280px) and (max-width: 1599px) { .content--productions .content__quality .section-info__content { min-width: 500px; margin-left: 85px; margin-right: 185px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .content--productions .content__quality .section-info__content { min-width: 500px; margin-left: 48px; margin-right: 30px; } } @media only screen and (max-width: 1023px) { .content--productions .content__quality .section-info__content { max-width: 100%; } .content--productions .content__quality .section-info__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .content--productions .content__quality .section-info__wrapper > *:last-child { margin-bottom: 85px; } .content--productions .content__quality img { width: 100%; -o-object-fit: cover; object-fit: cover; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .content--productions .content__quality .section-info__wrapper { padding-left: 30px; padding-right: 30px; } } @media only screen and (max-width: 767px) { .content--productions .content__quality .section-info__content { padding-left: 20px; padding-right: 20px; } } .content--productions .content__quality-partners { padding-top: 45px; } .content--productions .content__automated { padding-top: 100px; } @media only screen and (min-width: 1600px) { .content--productions .content__automated { padding-bottom: 100px; } } @media only screen and (min-width: 1280px) and (max-width: 1599px) { .content--productions .content__automated { padding-bottom: 80px; } .content--productions .content__automated .section-info__content { min-width: 500px; margin-left: 260px; margin-right: 90px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .content--productions .content__automated { padding-bottom: 80px; } .content--productions .content__automated .section-info__content { min-width: 500px; margin-left: 30px; margin-right: 60px; } } @media only screen and (max-width: 1023px) { .content--productions .content__automated .section-info__content { max-width: 100%; } .content--productions .content__automated .section-info__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .content--productions .content__automated .section-info__wrapper > *:first-child { margin-bottom: 85px; } .content--productions .content__automated img { width: 100%; -o-object-fit: cover; object-fit: cover; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .content--productions .content__automated { padding-bottom: 50px; } .content--productions .content__automated .section-info__wrapper { padding-left: 30px; padding-right: 30px; } } @media only screen and (max-width: 767px) { .content--productions .content__automated .section-info__content { padding-left: 20px; padding-right: 20px; } } .content--productions .content__electric-welder { padding-top: 100px; padding-bottom: 100px; } @media only screen and (min-width: 1280px) and (max-width: 1599px) { .content--productions .content__electric-welder .section-info__content { min-width: 450px; margin-left: 170px; margin-right: 115px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .content--productions .content__electric-welder .section-info__content { min-width: 500px; margin-left: 30px; margin-right: 110px; } } @media only screen and (max-width: 1023px) { .content--productions .content__electric-welder .section-info__content { max-width: 100%; } .content--productions .content__electric-welder .section-info__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .content--productions .content__electric-welder .section-info__wrapper > *:first-child { margin-bottom: 85px; } .content--productions .content__electric-welder img { width: 100%; -o-object-fit: cover; object-fit: cover; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .content--productions .content__electric-welder .section-info__content { padding-left: 30px; padding-right: 30px; } .content--productions .content__electric-welder .section-info__media { padding-left: 30px; } } @media only screen and (max-width: 767px) { .content--productions .content__electric-welder .section-info__content { padding-left: 20px; padding-right: 20px; } .content--productions .content__electric-welder .section-info__media { padding-left: 20px; } } .content--productions .content__electric-welder .section-info__description { margin-bottom: 55px; } .content--productions .content__electric-welder .info-extra { margin: -12px -6px; } .content--productions .content__electric-welder .info-extra__item { max-width: 296px; width: 100%; margin: 12px 6px; } .content--productions .content__process { background-color: #E9E9E9; padding-top: 100px; padding-bottom: 95px; } @media only screen and (min-width: 1024px) and (max-width: 1599px) { .content--productions .content__process { padding-right: 30px; } .content--productions .content__process .section-content__wrapper { max-width: 935px; } } .content--productions .content__process-title { line-height: 1.4; max-width: 609px; } .content--productions .content__benefits { overflow: hidden; padding-top: 100px; padding-bottom: 100px; } @media only screen and (max-width: 1599px) { .content--productions .content__benefits .section-content__wrapper { max-width: 100%; } } @media only screen and (min-width: 1280px) and (max-width: 1599px) { .content--productions .content__benefits { padding-left: 170px; } } @media only screen and (min-width: 1024px) and (max-width: 1599px) { .content--productions .content__benefits { padding-right: 30px; } } .content--productions .content__storage { padding-top: 100px; padding-bottom: 110px; } @media only screen and (min-width: 1600px) { .content--productions .content__storage { background-position: right bottom; } } @media only screen and (min-width: 1280px) { .content--productions .content__storage { background-size: 41%; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .content--productions .content__storage { background-size: 48%; } } @media only screen and (min-width: 1024px) and (max-width: 1599px) { .content--productions .content__storage { background-position: right 70%; } } @media only screen and (min-width: 1024px) { .content--productions .content__storage { background-image: url("/assets/img/all/map.png"); background-repeat: no-repeat; background-position-x: 102%; } } .section-link { position: relative; height: 200px; background-position: center; } .section-link__next { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0); -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .section-link__next:hover { background-color: rgba(0, 0, 0, 0.3); } .section-link__next:hover + .nav-production .nav-production__link { color: #fff; border: 1px solid #fff; } .section-link__nav-production { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .section-link .nav-production__link { pointer-events: none; } .content--contacts .content__contacts { padding-bottom: 100px; } .content--contacts .content__map { width: 100%; height: 385px; } .content--news .content__news { padding-bottom: 80px; } .content--news .content__article-another { padding-top: 60px; padding-bottom: 115px; } @media only screen and (min-width: 1600px) { .article-list--base .article-list__wrapper { margin: -24px -22px; } } @media only screen and (min-width: 1024px) and (max-width: 1599px) { .article-list--base .article-list__wrapper { margin: -20px -16px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .article-list--base .article-list__wrapper { margin: -15px -14px; } } @media only screen and (min-width: 1600px) { .article-list--base .article-list__item { max-width: 581px; margin: 24px 22px; } } @media only screen and (min-width: 1024px) and (max-width: 1599px) { .article-list--base .article-list__item { max-width: 369px; margin: 20px 16px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .article-list--base .article-list__item { max-width: 340px; margin: 15px 14px; } } @media only screen and (max-width: 767px) { .article-list--base .article-list__item:not(:last-child) { margin-bottom: 80px; } } .article-list--base .article-list__image { margin-bottom: 20px; } @media only screen and (min-width: 768px) { .article-list--base .article-list__image { height: 300px; } } @media only screen and (max-width: 767px) { .article-list--base .article-list__image { height: 245px; } } @media only screen and (min-width: 1600px) { .article-list--another .article-list__wrapper { margin: -12px -16px; } } @media only screen and (min-width: 1024px) and (max-width: 1599px) { .article-list--another .article-list__wrapper { margin: -12px -14px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .article-list--another .article-list__wrapper { margin: -12px -14px; } } @media only screen and (min-width: 1600px) { .article-list--another .article-list__item { max-width: 437px; margin: 12px 16px; } } @media only screen and (min-width: 1024px) and (max-width: 1599px) { .article-list--another .article-list__item { max-width: 371px; margin: 12px 14px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .article-list--another .article-list__item { max-width: 340px; margin: 12px 14px; } } @media only screen and (max-width: 767px) { .article-list--another .article-list__item:not(:last-child) { margin-bottom: 80px; } } .article-list--another .article-list__image { height: 225px; margin-bottom: 16px; } .article-list__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .article-list__item { width: 100%; text-decoration: none; } .article-list__item:hover .article-list__image-layout { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); opacity: 1; } .article-list__item:hover .article-list__image-media { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } .article-list__image { position: relative; width: 100%; } .article-list__image-layout { position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 54, 105, 0.6)), to(rgba(0, 54, 105, 0.6))); background: -o-linear-gradient(bottom, rgba(0, 54, 105, 0.6), rgba(0, 54, 105, 0.6)); background: linear-gradient(0deg, rgba(0, 54, 105, 0.6), rgba(0, 54, 105, 0.6)); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index: 1; } .article-list__image-media { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .article-list__detail { padding-left: 16px; padding-right: 16px; } .article-list__detail > *:not(:last-child) { margin-bottom: 12px; } .article-list__date { font-family: "RobotoCondensed-Regular"; font-size: 15px; color: #4397B3; } .article-list__name { font-family: "RobotoCondensed-Regular"; font-size: 17px; text-transform: uppercase; line-height: 1.5; color: rgba(0, 0, 0, 0.7); } .article-list__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 50px; } .article-detail { max-width: 907px; width: 100%; } .article-detail__date { font-family: "RobotoCondensed-Regular"; font-size: 15px; color: #4397B3; margin-bottom: 36px; } .article-detail__content { font-size: 15px; line-height: 1.5; padding-bottom: 90px; color: rgba(0, 0, 0, 0.7); border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .article-detail__content img { width: 100%; } .article-detail__content a { color: #4397B3; } .content--calculator .content__calculator { padding-bottom: 130px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } @media only screen and (min-width: 1280px) and (max-width: 1599px) { .content--calculator .content__calculator .section-info__wrapper { padding-left: 260px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .content--calculator .content__calculator .section-info__wrapper { padding-left: 30px; } } @media only screen and (max-width: 1023px) { .content--calculator .content__calculator .section-info__wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (max-width: 767px) { .content--calculator .content__calculator .section-info__wrapper { padding-left: 20px; padding-right: 20px; } } @media only screen and (min-width: 1024px) and (max-width: 1599px) { .content--calculator .content__calculator .section-info__content { min-width: 671px; max-width: 671px; margin-right: 36px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .content--calculator .content__calculator .section-info__content { max-width: 708px; } } @media only screen and (min-width: 1024px) { .content--calculator .content__calculator .section-info__media { 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; flex-direction: column; } } @media only screen and (max-width: 1023px) { .content--calculator .content__calculator .section-info__media { display: none; } } @media only screen and (min-width: 1280px) { .content--calculator .content__products { padding-top: 30px; padding-bottom: 30px; } } @media only screen and (max-width: 1279px) { .content--calculator .content__products { padding-top: 80px; padding-bottom: 70px; } } .content--policy .content__policy { padding-bottom: 100px; } .content--policy .content__policy .section-content__main { max-width: 907px; font-size: 15px; line-height: 1.6; } .content--policy .content__policy .section-content__main ul { list-style-type: disc; } .content--search .btn-filter { display: none; } .content--search .product-list__body .product-item-container:last-child { border: 0; background: url(/assets/img/all/product-list-row.png); background-position-y: 100%; background-repeat-y: no-repeat; } .content--search .content__search { padding-bottom: 80px; } .content--search .content__search .section-content__main { max-width: 920px; } .search-result__form { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 48px; } @media only screen and (max-width: 576px) { .search-result__form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .search-result__form-search { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media only screen and (min-width: 577px) { .search-result__form-search { margin-right: 16px; } } @media only screen and (max-width: 576px) { .search-result__form-search { margin-bottom: 12px; } } .search-result__form-submit { min-width: 115px; height: 50px; } .search-result__product-list .product-list__body .product-list__row:last-child { border-bottom: 1px solid transparent; background: url("/assets//img/all/product-list-row.png"); background-position-y: 101%; background-repeat-y: no-repeat; } .search-result__product-list .product-list__body .product-list__row:last-child:hover { border-bottom-color: #4397B3; } .content--lk { padding-bottom: 95px; } .content--lk .section-content { overflow: hidden; } @media only screen and (min-width: 1280px) and (max-width: 1599px) { .content--lk .section-content__wrapper { margin-left: 260px !important; } } @media only screen and (min-width: 1024px) and (max-width: 1599px) { .content--lk .section-content__wrapper { max-width: 1234px; min-width: 1234px; margin-left: 0; } } .order-status { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .order-status--done { color: #4397B3; } .order-status--done .order-status__icon { opacity: 1; } .order-status__icon { min-width: 14px; max-width: 14px; height: 14px; margin-right: 12px; color: inherit; opacity: 0; } .order-status__label { font-size: 14px; text-transform: uppercase; color: inherit; } .order-detail > *:not(:last-child) { margin-bottom: 35px; } .order-detail__table-pointer { margin-top: 60px; } @media only screen and (min-width: 1024px) { .order-detail__table-pointer { display: none; } } .order-detail__info { max-width: 360px; width: 100%; } .order-detail__info-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .order-detail__info-row:not(:last-child) { margin-bottom: 24px; } .order-detail__info-label { max-width: 120px; width: 100%; margin-right: 32px; } .order-detail__info-date, .order-detail__info-label { font-family: "RobotoCondensed-Regular"; font-size: 14px; color: #494949; } .order-detail__info-text, .order-detail__info-date { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 14px; } .order-detail__info-text { color: rgba(0, 0, 0, 0.7); } .order-detail__info-text > * { display: block; } .order-detail__info-text > *:not(:last-child) { margin-bottom: 6px; } .order-detail__info-text a { color: inherit; text-decoration: none; } .order-detail__table { width: 100%; font-size: 14px; } .order-detail__table input, .order-detail__table .radiobutton__wrapper { pointer-events: none; } .order-detail__table .radiobutton__shape { border-color: #9D9D9D !important; } .order-detail__table .radiobutton__shape-circle { background-color: #9D9D9D; } .order-detail__table .input-amount__element { text-align: center; } @media only screen and (max-width: 1023px) { .order-detail__table-wrapper { white-space: nowrap; overflow-x: scroll; } } .order-detail__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .order-detail__group-inputs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .order-detail__group-inputs > *:not(:last-child) { margin-bottom: 12px; } .order-detail__cell { -webkit-box-sizing: content-box; box-sizing: content-box; } .order-detail__cell:first-child { max-width: 205px; width: 100%; padding-left: 36px; } .order-detail__cell:nth-child(2) { max-width: 205px; width: 100%; } .order-detail__cell:nth-child(3) { max-width: 235px; width: 100%; } .order-detail__cell:nth-child(4) { max-width: 70px; width: 100%; } .order-detail__cell:nth-child(5) { max-width: 100px; width: 100%; text-align: center; } .order-detail__cell:last-child { max-width: 80px; width: 100%; padding-right: 90px; } .order-detail__header { background-color: #E9E9E9; } @media only screen and (max-width: 1023px) { .order-detail__header { min-width: 992px; max-width: 992px; } } .order-detail__header .order-detail__row { border-color: #E9E9E9; } .order-detail__header .order-detail__cell { padding-top: 9px; padding-bottom: 9px; } @media only screen and (max-width: 1023px) { .order-detail__body { min-width: 992px; max-width: 992px; } } .order-detail__body .order-detail__row { border: 1px solid transparent; -webkit-transition: border-color .4s; -o-transition: border-color .4s; transition: border-color .4s; } .order-detail__body .order-detail__row:not(:last-child) { background: url("/assets//img/all/product-list-row.png"); background-position-y: 100%; background-repeat-y: no-repeat; } .order-detail__body .order-detail__row:last-child { border-bottom: 1px solid #4397B3; } .order-detail__body .order-detail__cell { line-height: 1.5; padding-top: 32px; padding-bottom: 32px; } .order-detail__body .order-detail__total-price { font-family: "RobotoCondensed-Regular"; font-size: 14px; color: #4397B3; } .order-detail__footer { padding-top: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (min-width: 577px) { .order-detail__footer { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (max-width: 576px) { .order-detail__footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .order-detail__footer .order-detail__total { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (min-width: 577px) { .order-detail__footer .order-detail__total { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } } @media only screen and (max-width: 576px) { .order-detail__footer .order-detail__total { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .order-detail__footer .order-detail__total-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } @media only screen and (min-width: 577px) { .order-detail__footer .order-detail__total-block:not(:last-child) { margin-right: 60px; } } @media only screen and (max-width: 576px) { .order-detail__footer .order-detail__total-block:not(:last-child) { margin-bottom: 12px; } } .order-detail__footer .order-detail__total-label { font-family: "Oswald-Light"; font-size: 17px; letter-spacing: 0.03em; text-transform: uppercase; color: rgba(0, 0, 0, 0.7); margin-right: 6px; } .order-detail__footer .order-detail__total-weight { font-family: "Oswald-Light"; font-size: 17px; letter-spacing: 0.03em; text-transform: uppercase; color: #4397B3; } .order-detail__footer .order-detail__total-price { font-family: "Oswald-Light"; font-size: 25px; letter-spacing: 0.03em; text-transform: uppercase; color: #F37722; } .order-detail__footer .order-detail__note { font-size: 14px; color: rgba(0, 0, 0, 0.4); } @media only screen and (min-width: 1280px) and (max-width: 1599px) { .personal-orders { max-width: 994px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .personal-orders { max-width: 900px; } } .personal-orders > *:not(:last-child) { margin-bottom: 45px; } .personal-orders__table-pointer { margin-top: 60px; } @media only screen and (min-width: 768px) { .personal-orders__table-pointer { display: none; } } .personal-orders__filter { display: -webkit-box; display: -ms-flexbox; display: flex; } .personal-orders__filter-item { font-size: 14px; color: #000000; } .personal-orders__filter-item:not(:last-child) { margin-right: 20px; } .personal-orders__table { width: 100%; font-size: 14px; } @media only screen and (max-width: 767px) { .personal-orders__table-wrapper { white-space: nowrap; overflow-x: scroll; } } .personal-orders__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .personal-orders__cell { -webkit-box-sizing: content-box; box-sizing: content-box; width: 100%; } .personal-orders__cell:not(:first-child) { max-width: 160px; text-align: center; } .personal-orders__cell:first-child { padding-left: 40px; padding-right: 11px; } @media only screen and (min-width: 1280px) { .personal-orders__cell:first-child { max-width: 450px; } } @media only screen and (max-width: 1279px) { .personal-orders__cell:first-child { max-width: 70px; } } @media only screen and (min-width: 1024px) { .personal-orders__cell:last-child { padding-left: 11px; padding-right: 40px; } } @media only screen and (max-width: 1023px) { .personal-orders__cell:last-child { padding-left: 11px; padding-right: 40px; } } .personal-orders__header { background-color: #E9E9E9; } @media only screen and (max-width: 767px) { .personal-orders__header { min-width: 708px; max-width: 708px; } } .personal-orders__header .personal-orders__row { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-color: #E9E9E9; } .personal-orders__header .personal-orders__cell { padding-top: 9px; padding-bottom: 9px; } @media only screen and (max-width: 767px) { .personal-orders__body { min-width: 708px; max-width: 708px; } } .personal-orders__body .personal-orders__row { border: 1px solid transparent; -webkit-transition: border-color .4s; -o-transition: border-color .4s; transition: border-color .4s; margin-top: -1px; background: url("/assets//img/all/product-list-row.png"); background-size: contain; background-position-y: 101%; background-repeat: no-repeat; text-decoration: none; color: #000000; } .personal-orders__body .personal-orders__row:hover { border-color: #4397B3; } .personal-orders__body .personal-orders__cell { padding-top: 36px; padding-bottom: 36px; } .personal-orders__footer { padding-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .personal-orders__link-catalog { min-width: 195px; } .personal-orders .order-status { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .personal-account__header { border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding-bottom: 35px; } .personal-account__person { font-size: 24px; color: rgba(0, 0, 0, 0.8); margin-bottom: 12px; } .personal-account__edit-person { font-size: 14px; color: #4397B3; text-decoration: none; } .personal-account__content { padding-top: 32px; } .personal-account__content-header { margin-bottom: 30px; } .personal-account__content-header > *:not(:last-child) { margin-bottom: 24px; } .personal-account__content-title { font-family: "Oswald-Light"; font-size: 18px; letter-spacing: 0.03em; text-transform: uppercase; color: rgba(0, 0, 0, 0.8); } .content--404 .content__error { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 200px; padding-bottom: 110px; } .content--404 .content__error-wrapper { max-width: 380px; width: 100%; text-align: center; } .content--404 .content__error-title { font-family: "Oswald-Light"; font-size: 200px; color: #4397B3; margin-bottom: 90px; } .content--404 .content__error-link { font-family: "Oswald-Medium"; font-size: 14px; letter-spacing: 0.03em; text-transform: uppercase; color: #4397B3; text-decoration: none; } .content--typical .content__typical { padding-bottom: 125px; } .content--typical .content__typical .section-content__main { max-width: 917px; width: 100%; } .content--typical .content__typical ul { list-style-type: disc; } .content--typical .content__typical li { font-size: 15px; line-height: 1.4; color: rgba(0, 0, 0, 0.7); } .content--typical .content__typical li:not(:last-child) { margin-bottom: 16px; } .content--typical .content__typical p { font-size: 15px; line-height: 1.5; } .content--typical .content__typical img { width: 100%; } .widget_list { padding-left: 0px; } .bx-system-auth-form > p:first-child { margin-bottom: 12px; } .product-catalog__price { padding-top: 18px; } .product-catalog__price-name { font-size: 18px; letter-spacing: 0.03em; text-transform: uppercase; color: rgba(0, 0, 0, 0.8); padding-bottom: 11px; } .product-catalog__price-body{ padding-bottom: 21px; } .product-catalog__price-body-text{ font-family: "Oswald-Light"; font-size: 200px; font-size: 16px; color: rgba(0, 0, 0, 0.8) } .product-catalog__price-body-text span{ font-family: "Oswald-Medium"; font-style: normal; font-weight: 300; font-size: 18px; line-height: 94.3%; color: #F37722; } .product-catalog__price-weight{ width: 100%; background: #F5DCCB; display: flex; justify-content: space-between; padding: 25px 15px; align-items: center; margin-bottom: 11px; } .product-catalog__price-weight_left{ font-family: "RobotoCondensed-Light"; font-style: normal; font-weight: 300; font-size: 17px; line-height: 94.3%; } .product-catalog__price-weight_left span{ color: #F37722; } .product-catalog__price-weight_right{ font-family: "Oswald-Light"; font-style: normal; font-weight: 300; font-size: 28px; line-height: 94.3%; color: #F37722; } .product-catalog__price-footer{ font-family: "RobotoCondensed-Light"; font-style: normal; font-weight: 300; font-size: 12px; line-height: 94.3%; } .product-catalog__price-footer span{ font-size: 16px; color: #4397B3; } .cart_wrapper{} @media only screen and (min-width: 1280px) { .cart_wrapper { margin-left: 315px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .cart_wrapper { margin-left: 305px; } } @media only screen and (max-width: 1023px) and (min-width: 768px) { .cart_wrapper { padding-left: 0; padding-right: 0; } }