html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline; }
html {
line-height: 1; }
ol, ul {
list-style: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle; }
q, blockquote {
quotes: none; }
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none; }
a img {
border: none; }
a {
text-decoration: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; }
input[type='submit'] {
border: 0;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
input {
box-sizing: border-box;
padding: 0 10px;
border-radius: 0;
-webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0);
box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
textarea {
box-sizing: border-box;
padding: 5px 10px; }
@font-face {
font-family: 'Inter Tight Medium';
src: url("../fonts/InterTight-Medium.eot");
src: url("../fonts/InterTight-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/InterTight-Medium.woff2") format("woff2"), url("../fonts/InterTight-Medium.woff") format("woff"), url("../fonts/InterTight-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Inter Tight Regular';
src: url("../fonts/InterTight-Regular.eot");
src: url("../fonts/InterTight-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/InterTight-Regular.woff2") format("woff2"), url("../fonts/InterTight-Regular.woff") format("woff"), url("../fonts/InterTight-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap; }
.clearfix:after {
content: '';
clear: both;
display: table; }
:root {
--color-dark:#212121;
--color-white:#ffffff;
--color-gray:#999999;
--color-gray2:#666666;
--color-rgba-light:rgba(33, 33, 33, 0.16);
--color-rgba:rgba(33, 33, 33, 0.08);
--color-rgba-white: rgba(255, 255, 255, 0.1);
--color-rgba-dark: rgba(33, 33, 33, 0.1); }
.dark-mode {
--color-dark:#ffffff;
--color-white:#212121;
--color-gray2:#888888;
--color-rgba-white: rgba(33, 33, 33, 0.1);
--color-rgba-light:rgba(255, 255, 255, 0.16);
--color-rgba-dark: rgba(255, 255, 255, 0.1); }
.dark-mode .header__catalog a {
background: var(--color-gray); }
.dark-mode .big__btn {
border: 1px solid rgba(255, 255, 255, 0.16); }
body,
input,
textarea,
a,
label {
font-size: 16px;
font-family: "Inter Tight Regular";
color: var(--color-dark); }
.wrapper {
margin: 0 auto;
max-width: 1752px;
padding: 0 16px; }
.wrapper-sm {
margin: 0 auto;
max-width: 992px;
padding: 0 16px; }
.wrapper-md {
margin: 0 auto;
max-width: 1322px;
padding: 0 16px; }
* {
box-sizing: border-box; }
.flex-block {
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;
/* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Chrome */
display: flex;
justify-content: space-between;
flex-wrap: wrap; }
a {
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
font-size: inherit;
color: inherit;
line-height: inherit; }
svg path {
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.section__title {
font-size: 32px;
line-height: 38px;
letter-spacing: -0.65px; }
.section__title--white {
color: var(--color-white); }
.big__btn {
align-items: center;
justify-content: center;
background: #212121;
color: #ffffff;
width: 100%;
height: 82px;
gap: 16px;
font-size: 24px; }
.big__btn:hover {
background: var(--color-gray); }
body {
background: var(--color-white); }
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 222;
background: var(--color-white);
border-bottom: 1px solid var(--color-rgba-light); }
.header__flex {
align-items: center; }
.header__left {
align-items: center;
gap: 32px; }
.header__logo a {
align-items: center;
font-size: 14px;
line-height: 20px;
gap: 22px; }
.header__logo svg {
margin-top: -9px; }
.header__menu {
align-items: center;
gap: 24px; }
.header__menu ul {
gap: 24px; }
.header__menu ul li a {
font-size: 16px;
color: var(--color-dark); }
.header__menu ul li a:hover {
color: var(--color-gray); }
.header__catalog a {
display: block;
padding: 32px 24px;
font-size: 16px;
color: #ffffff;
background: var(--color-dark); }
.header__catalog a:hover {
background: var(--color-gray); }
.header__right {
align-items: center;
gap: 32px; }
.header__pro a {
align-items: center;
color: var(--color-gray);
gap: 8px;
font-size: 14px; }
.header__pro a span {
font-size: 12px;
color: var(--color-dark);
padding: 8px;
border: 1px solid var(--color-rgba-light);
display: block; }
.header__pro a:hover {
color: var(--color-gray); }
.header__tel a {
font-size: 16px;
font-family: "Inter Tight Medium"; }
.header__tel a:hover {
color: var(--color-gray); }
.header__links ul {
align-items: center;
gap: 24px; }
.header__links ul li a {
font-size: 14px;
text-align: center;
display: block; }
.header__links ul li a:hover {
color: var(--color-gray); }
.header__links ul li a:hover svg path {
fill: var(--color-gray); }
.header__links--icon {
display: block;
margin-bottom: 4px;
position: relative; }
.header__links--icon svg path {
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
fill: var(--color-dark); }
.header__links--num {
line-height: 18px;
padding: 0 5px;
text-align: center;
color: #ffffff;
min-width: 18px;
background: #F63636;
position: absolute;
top: -6px;
right: 0; }
.header__mob {
display: none; }
.policy {
padding: 50px 0;
}
.policy__container {
margin-top: 48px;
background: var(--color-dark);
padding: 24px 32px;
color: black;
}
.policy__list-item, .policy__list-text {
margin: 15px 0;
}
.policy__list {
list-style: none;
counter-reset: li;
}
.policy__list-item > ol {
padding-left: 30px;
}
.policy__list-item > ol > li p {
padding-left: 50px;
}
.policy__list-item:before {
counter-increment: li;
content: counters(li, ".") ". ";
font-weight: bold;
}
.policy__list-title {
font-size: 20px;
margin-bottom: 25px;
font-weight: bold;
}
table.iksweb{
width: 50%;
border-collapse:collapse;
border-spacing:0;
height: auto;
margin: 30px auto;
}
table.iksweb,table.iksweb td, table.iksweb th {
border: 1px solid #595959;
}
table.iksweb td,table.iksweb th {
padding: 3px;
width: 30px;
height: 35px;
text-align: center;
padding: 10px;
}
table.iksweb th {
background: #347c99;
color: #fff;
font-weight: normal;
}
.home {
position: relative;
height: calc(100vh - 80px);
margin-bottom: 32px;
min-height: 560px; }
.home.home-main {
margin-bottom: 50px; }
.home__images {
height: 100%; }
.home__images img {
width: 100%;
height: 100%;
object-fit: cover;
display: block; }
.home .twentytwenty-wrapper,
.home .twenty-container {
height: 100% !important; }
.home .twentytwenty-wrapper .wrapper,
.home .twenty-container .wrapper {
box-sizing: border-box; }
.home .twentytwenty-before-label:before, .home .twentytwenty-after-label:before {
display: none; }
.home .twentytwenty-handle {
border: none;
background: rgba(33, 33, 33, 0.4);
height: 72px;
width: 104px;
margin-left: -52px;
margin-top: -36px;
box-shadow: none;
-ms-backdrop-filter: blur(5px);
backdrop-filter: blur(5px); }
.home .twentytwenty-left-arrow {
border: none;
background: url("../images/Arrow right.svg") no-repeat center center;
width: 24px;
height: 24px;
margin-top: -12px;
margin-left: 12px; }
.home .twentytwenty-right-arrow {
border: none;
background: url("../images/Arrow left.svg") no-repeat center center;
width: 24px;
height: 24px;
margin-top: -12px;
margin-right: 12px; }
.home .twentytwenty-horizontal .twentytwenty-handle:before {
margin-bottom: 36px; }
.home .twentytwenty-horizontal .twentytwenty-handle:after {
margin-top: 36px; }
.home .twentytwenty-horizontal .twentytwenty-handle:before, .home .twentytwenty-horizontal .twentytwenty-handle:after {
background: rgba(33, 33, 33, 0.24);
width: 4px;
box-shadow: none; }
.home .twentytwenty-overlay:hover {
background: none; }
.home__content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 64px 0;
/*min-height: 600px;
max-height: 100%;*/
z-index: 25;
/*@include flex;
flex-direction: column;
justify-content: flex-end;*/ }
.home__content:before {
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
opacity: .4;
position: absolute; }
.home__content--text {
font-size: 72px;
line-height: 72px;
letter-spacing: -1.5px;
color: #ffffff; }
.home__content--icon {
margin-top: 40px; }
.product-constructor {
padding: 32px 0; }
.product-constructor__flex {
margin-top: 40px;
gap: 16px; }
.product-constructor__item {
width: calc(50% - 8px);
height: 426px;
position: relative; }
.product-constructor__item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block; }
.product-constructor__item--btn {
background: rgba(33, 33, 33, 0.48);
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
width: 180px;
height: 180px;
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;
/* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Chrome */
display: flex;
align-items: center;
justify-content: center;
color: var(--color-white);
font-size: 16px;
line-height: 26px;
font-family: "Inter Tight Medium";
position: absolute;
top: 102px;
right: 155px;
cursor: pointer;
opacity: 0.01;
padding: 20px;
text-align: center;
-ms-backdrop-filter: blur(5px);
backdrop-filter: blur(5px); }
.product-constructor__item:hover .product-constructor__item--btn {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.product {
padding: 32px 0; }
.product__slider {
margin-top: 48px; }
.product__slider > .slick-list {
border: 1px solid var(--color-rgba-light); }
.product__slider > .slick-dots {
margin-top: 24px; }
.product__item {
border-right: 1px solid var(--color-rgba-light);
position: relative;
padding-bottom: 95px; }
.product__item:last-child {
border-right: none; }
.product__item--favorites {
position: absolute;
top: 16px;
right: 16px;
z-index: 1; }
.product__item--favorites svg path {
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.product__item--favorites.active svg path, .product__item--favorites:hover svg path {
fill: #F63636;
fill-opacity: 1; }
.product__item--images .slick-slide {
height: 344px; }
.product__item--images .slick-slide img {
width: 100%;
height: 100%;
object-fit: contain;
display: block; }
.product__item--images a {
display: block; }
.product__item--images .slick-dots {
position: absolute;
left: 0;
width: 100%;
bottom: 24px;
z-index: 1; }
.product__item--info {
padding: 16px 24px; }
.product__item--type a {
font-size: 14px;
color: var(--color-gray);
border-bottom: 1px solid var(--color-gray);
display: inline-block;
padding-bottom: 4px; }
.product__item--type a:hover {
border-bottom: 1px solid var(--color-dark);
color: var(--color-dark); }
.product__item--name {
margin-top: 8px;
display: -webkit-box; }
.product__item--name a {
font-size: 16px;
line-height: 26px;
display: inline-block; }
.product__item--name a:hover {
color: var(--color-gray); }
.product__item--price__basket {
position: absolute;
bottom: 30px;
left: 0;
width: 100%;
padding: 0 24px; }
.product__item--price {
padding: 2px 0;
font-family: "Inter Tight Medium"; }
.product__item--price > div {
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;
/* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Chrome */
display: flex;
align-items: center; }
.product__item--price span {
margin-right: 6px;
display: inline-block; }
.product__item--price__new {
font-size: 14px; }
.product__item--price__new span {
font-size: 20px;
line-height: 28px; }
.product__item--price__old {
margin-top: 4px;
color: var(--color-gray);
font-size: 14px;
line-height: 20px; }
.product__item--basket a {
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;
/* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Chrome */
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
background: var(--color-dark); }
.product__item--basket a:hover {
background: var(--color-gray); }
.product__btn {
margin-top: 40px; }
.slick-dots {
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;
/* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Chrome */
display: flex;
align-items: center;
justify-content: center;
gap: 8px; }
.slick-dots li {
width: 8px;
height: 8px;
border: 1px solid rgba(33, 33, 33, 0.4);
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.slick-dots li button {
display: none; }
.slick-dots li:hover, .slick-dots li.slick-active {
background: var(--color-dark);
border: 1px solid var(--color-dark); }
.information {
padding: 68px 0; }
.information .section__title {
text-align: center; }
.information__slider {
margin-top: 48px; }
.information__slider--item {
border: 1px solid var(--color-rgba-light);
padding: 63px 48px;
height: auto; }
.information__slider--item__icon {
width: 48px;
height: 48px; }
.information__slider--item__icon svg {
width: 100%;
height: 100%; }
.information__slider--item__name {
margin-top: 24px;
font-size: 24px;
line-height: 34px;
letter-spacing: -0.5px;
margin-bottom: 16px; }
.information__slider--item p {
margin-bottom: 13px;
font-size: 16px;
line-height: 26px;
color: var(--color-gray2); }
.information__slider--item p:last-child {
margin-bottom: 0; }
.information__slider--item__mob-click {
display: none; }
.information__slider .slick-slide {
margin: 0 56px;
opacity: .32;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.information__slider .slick-slide.slick-active {
opacity: 1; }
.information__slider .slick-track {
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;
/* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Chrome */
display: flex; }
.information__slider .slick-list {
padding: 0 calc((100% - 994px)/2); }
.information__slider .slick-arrow {
position: absolute;
padding: 0;
background: none;
cursor: pointer;
border: none;
outline: none;
top: calc(50% - 50px);
z-index: 1; }
.information__slider .slick-dots {
margin-top: 31px; }
.information__slider .slick-prev {
left: calc((100% - 994px)/2 - 34px); }
.information__slider .slick-next {
right: calc((100% - 994px)/2 - 34px); }
.lists__box {
display: flex;
justify-content: space-between;
margin-top: 48px;
}
.lists__img {
max-width: 23%;
width: 100%;
object-fit: contain;
border: 3px solid #fff;
padding: 10px;
}
.contact {
padding: 32px 0; }
.contact__flex {
flex-direction: row-reverse; }
.contact__maps {
width: calc(100% - 620px); }
.contact__info {
width: 620px;
padding: 97px 63px;
background: var(--color-dark); }
.contact__info--list {
margin-top: 48px; }
.contact__info--list__item {
margin-bottom: 16px;
font-size: 24px;
line-height: 34px;
color: var(--color-white); }
.contact__info--list__item:last-child {
margin-bottom: 0; }
.contact__info--list__item br {
display: none; }
.contact__info--info {
margin-top: 32px; }
.contact__info--info__item {
margin-bottom: 8px;
font-size: 16px;
line-height: 26px;
color: var(--color-white); }
.contact__info--info__item:last-child {
margin-bottom: 0; }
.contact__info--pro {
margin-top: 27px;
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;
/* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Chrome */
display: flex;
align-items: center;
justify-content: flex-start;
gap: 8px;
font-size: 14px;
color: var(--color-gray); }
.contact__info--pro span {
border: 1px solid var(--color-rgba-white);
padding: 8px;
font-size: 12px;
color: var(--color-white); }
.contact__info--btn {
margin-top: 48px; }
.contact__info--btn a {
display: inline-block;
padding: 16px 24px;
background: var(--color-white); }
.contact__info--btn a:hover {
opacity: .7; }
.ymaps-2-1-79-copyrights-pane,
.ymaps-2-1-79-controls-pane {
display: none; }
.footer {
border-top: 1px solid var(--color-rgba-light);
padding: 36px 0;
margin-top: 68px; }
.footer__flex {
align-items: center; }
.footer__left {
align-items: center;
gap: 40px; }
.footer__menu ul {
align-items: center;
gap: 40px; }
.footer__menu ul li a {
color: var(--color-gray);
border-bottom: 1px solid var(--color-rgba-light);
padding-bottom: 2px;
font-size: 14px; }
.footer__menu ul li a:hover {
border-bottom: 1px solid var(--color-dark);
color: var(--color-dark); }
.footer__pdf {
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;
/* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Chrome */
display: flex;
align-items: center;
color: var(--color-gray);
gap: 8px;
font-size: 14px;
border: none;
padding-bottom: 0; }
.footer__pdf span {
font-size: 12px;
color: var(--color-dark);
padding: 8px;
border: 1px solid var(--color-rgba-dark);
display: block; }
.footer__pdf a {
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;
/* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Chrome */
display: flex;
align-items: center;
color: var(--color-gray);
gap: 8px;
font-size: 14px;
border: none !important;
padding-bottom: 0; }
.footer__pdf a span {
font-size: 12px;
color: var(--color-dark);
padding: 8px;
border: 1px solid var(--color-rgba-dark);
display: block; }
.footer__pdf a:hover {
color: var(--color-dark); }
.footer__right {
align-items: center; }
.footer__right--flex {
align-items: center; }
.footer__right .footer__end {
display: none; }
.footer__web {
color: var(--color-gray);
font-size: 14px;
line-height: 22px;
gap: 6px;
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;
/* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Chrome */
display: flex;
align-items: center; }
.footer__web a {
border-bottom: 1px solid var(--color-rgba-light);
color: var(--color-dark); }
.footer__web a:hover {
border-bottom: 1px solid var(--color-dark);
color: var(--color-gray); }
.footer__end {
font-size: 16px;
line-height: 25px;
color: var(--color-dark); }
.footer__end br {
display: none; }
.navigation {
padding: 32px 0 24px; }
.navigation ul {
justify-content: flex-start;
gap: 8px; }
.navigation ul li a {
font-size: 14px;
line-height: 24px;
position: relative;
display: block;
padding-right: 24px; }
.navigation ul li a:before {
content: '';
position: absolute;
top: 0;
right: 0;
background: url("../images/Arrowdown.svg") no-repeat center center;
width: 24px;
height: 24px; }
.navigation ul li a:hover {
color: var(--color-gray); }
.navigation ul li:last-child a {
pointer-events: none;
color: var(--color-gray);
padding-right: 0; }
.navigation ul li:last-child a:before {
display: none; }
.navigation ul li:first-child a {
padding-right: 8px; }
.navigation ul li:first-child a:before {
display: none; }
.page__title {
font-size: 40px;
line-height: 48px;
letter-spacing: -.8px;
margin-bottom: 32px; }
.catalog {
padding-bottom: 32px; }
.catalog__flex {
align-items: flex-start; }
.catalog__left {
width: 215px;
position: sticky;
top: 10px; }
.catalog__menu ul li a {
padding: 8px;
display: inline-block;
color: var(--color-gray);
font-size: 16px;
line-height: 26px;
background: transparent; }
.catalog__menu ul li a.active {
pointer-events: none;
color: var(--color-white);
background: var(--color-dark); }
.catalog__menu ul li a:hover {
color: var(--color-dark);
background: var(--color-rgba); }
.catalog__constructor {
border: 1px solid var(--color-rgba-light);
margin-top: 24px; }
.catalog__constructor--img {
height: 114px; }
.catalog__constructor--img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block; }
.catalog__constructor--text {
position: relative;
padding: 24px 56px 24px 24px;
font-size: 16px;
line-height: 22px;
font-family: "Inter Tight Medium"; }
.catalog__constructor--text svg {
position: absolute;
top: calc(50% - 12px);
right: 24px; }
.catalog__products {
width: calc(100% - 245px); }
.catalog__products--top__flex {
align-items: center; }
.catalog__products--filter ul {
gap: 8px;
justify-content: flex-start; }
.catalog__products--filter ul li label {
padding: 8px 15px;
display: block;
color: var(--color-gray);
font-size: 16px;
line-height: 26px;
background: transparent;
border: 1px solid var(--color-rgba-light);
cursor: pointer; }
.catalog__products--filter ul li input {
display: none; }
.catalog__products--filter ul li input:checked ~ label {
color: var(--color-white);
background: var(--color-dark);
border: 1px solid var(--color-dark); }
.catalog__products--filter__r ul {
gap: 24px;
justify-content: flex-end; }
.catalog__products--filter__r ul li label {
display: block;
color: var(--color-dark);
font-size: 16px;
line-height: 26px;
position: relative;
padding-right: 34px;
cursor: pointer; }
.catalog__products--filter__r ul li label svg {
position: absolute;
top: calc(50% - 12px);
right: 0; }
.catalog__products--filter__r ul li input {
display: none; }
.catalog__products--filter__r ul li input:checked ~ label {
color: var(--color-gray); }
.catalog__products--filter__r ul li input:checked ~ label svg path {
stroke: var(--color-gray); }
.catalog__products--read-more {
margin-top: 36px; }
.catalog__products--read-more a {
display: block;
background: var(--color-rgba);
font-size: 16px;
line-height: 56px;
color: var(--color-dark);
text-align: center; }
.catalog__products--read-more a:hover {
background: var(--color-dark);
color: var(--color-white); }
.catalog__products--flex {
justify-content: flex-start;
margin-top: 24px;
border: 1px solid var(--color-rgba-light);
border-bottom: none; }
.catalog__products--flex .product__item {
width: 25%;
border-bottom: 1px solid var(--color-rgba-light); }
.catalog__products--flex .product__item--images .slick-slide {
height: 368px; }
.pagination {
margin-top: 40px; }
.pagination ul {
justify-content: flex-start; }
.pagination ul li a {
display: block;
line-height: 56px;
color: var(--color-dark);
border: 1px solid var(--color-rgba-light);
border-left: none;
min-width: 56px;
padding: 0 23px; }
.pagination ul li a:hover, .pagination ul li a.active {
color: var(--color-white);
background: var(--color-dark);
border-color: var(--color-dark); }
.pagination ul li:first-child a {
border-left: 1px solid var(--color-rgba-light); }
.page-contact {
padding-bottom: 32px; }
.delivery-payment {
padding: 100px 0 8px; }
.text__area > div {
margin-bottom: 60px; }
.text__area > div:last-child {
margin-bottom: 0; }
.text__area h1 {
font-size: 40px;
line-height: 48px;
letter-spacing: -.8px;
margin-bottom: 40px; }
.text__area h2 {
font-size: 32px;
line-height: 38px;
letter-spacing: -.6px;
margin-bottom: 24px; }
.text__area h3 {
font-size: 24px;
line-height: 34px;
letter-spacing: -.5px;
margin-bottom: 24px; }
.text__area h4 {
font-size: 20px;
line-height: 32px;
margin-bottom: 24px; }
.text__area p {
margin: 16px 0;
font-size: 16px;
line-height: 26px; }
.text__area ul:not(.slick-dots) {
margin: 24px 0;
padding-left: 25px; }
.text__area ul:not(.slick-dots) li {
list-style: disc;
font-size: 16px;
line-height: 26px;
margin-bottom: 8px; }
.text__area ol {
padding-left: 25px;
list-style-type: decimal;
margin: 24px 0; }
.text__area ol li {
font-size: 16px;
line-height: 26px;
margin-bottom: 8px; }
.text__area strong,
.text__area b {
font-weight: bold; }
.text__area i {
font-style: italic; }
.text__area a {
text-decoration: underline; }
.text__area a:hover {
text-decoration: none; }
.card {
padding-bottom: 32px; }
.card .navigation {
padding: 32px 0; }
.card__images {
width: calc(100% - 530px); }
.card__images img {
width: 100%;
height: 100%;
object-fit: cover; }
.card__images--sm {
width: 80px; }
.card__images--sm .slick-slide {
margin-bottom: 8px;
cursor: pointer;
width: 80px;
height: 80px; }
.card__images--sm .slick-next {
margin-top: 8px;
width: 100%;
height: 24px;
border: none;
outline: none;
cursor: pointer;
background: none;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.card__images--sm .slick-next:hover {
background: rgba(33, 33, 33, 0.1); }
.card__images--big {
height: 640px;
width: calc(100% - 120px); }
.card__images--big .slick-slide {
height: 640px; }
.card__info {
width: 466px;
padding-top: 16px; }
.card__articule {
color: var(--color-gray);
font-size: 16px;
line-height: 20px; }
.card__name {
font-size: 40px;
line-height: 48px;
letter-spacing: -.8px;
margin-top: 16px; }
.card__size {
font-size: 20px;
line-height: 32px;
margin-top: 24px; }
.card__price {
margin-top: 40px;
padding: 2px 0;
font-family: "Inter Tight Medium"; }
.card__price > div {
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;
/* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Chrome */
display: flex;
align-items: center; }
.card__price span {
margin-right: 6px;
display: inline-block; }
.card__price--new {
font-size: 20px; }
.card__price--new span {
font-size: 32px;
line-height: 28px; }
.card__price--old {
color: var(--color-gray);
font-size: 16px;
line-height: 22px;
margin-top: 13px; }
.card__price--old span {
font-size: 20px;
line-height: 28px; }
.card__basket {
margin-top: 24px; }
.card__basket--add {
justify-content: flex-start;
gap: 8px; }
.card__basket--basket a {
padding: 0 24px;
height: 56px;
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;
/* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Chrome */
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
color: var(--color-white);
gap: 8px;
background: var(--color-dark);
border: 1px solid var(--color-dark); }
.card__basket--basket a:hover {
background: var(--color-white);
color: var(--color-dark); }
.card__basket--basket a:hover svg path {
fill: var(--color-dark); }
.card__basket--fav a {
border: 1px solid var(--color-rgba-light);
width: 56px;
height: 56px;
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;
/* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Chrome */
display: flex;
align-items: center;
justify-content: center; }
.card__basket--fav a svg path {
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.card__basket--fav a.active svg path, .card__basket--fav a:hover svg path {
fill: #F63636;
fill-opacity: 1; }
.card__basket--quality {
display: none;
margin-top: 24px; }
.card__basket--quality.active {
display: block; }
.card__basket--quality__flex {
justify-content: flex-start;
gap: 8px; }
.card__basket--quality__link {
font-size: 16px;
font-family: "Inter Tight Medium";
color: var(--color-white);
background: #F63636;
padding: 0 24px;
line-height: 56px; }
.card__basket--quality__link:hover {
opacity: .7; }
.card__basket--quality__p-m-i {
border: 1px solid var(--color-rgba-light);
padding: 0 16px;
align-items: center; }
.card__basket--quality__plus, .card__basket--quality__minus {
width: 24px;
height: 24px;
cursor: pointer; }
.card__basket--quality__input {
width: 92px;
background: none;
border: none;
outline: none;
height: 54px;
text-align: center; }
.card__delivery {
margin-top: 64px; }
.card__delivery--status {
background: #e8f6e6;
padding: 4px 8px;
font-size: 16px;
line-height: 25px;
color: #559F49;
display: inline-block; }
.card__delivery p {
margin-top: 16px;
line-height: 25px; }
.card__delivery a {
color: #2680D2;
border-bottom: 1px solid rgba(38, 128, 210, 0.24);
padding-bottom: 2px;
margin-left: 5px; }
.card__delivery a:hover {
border-bottom: 1px solid transparent; }
.card__pdf {
margin-top: 48px; }
.card__pdf p {
margin-bottom: 8px;
line-height: 25px; }
.card__pdf a {
border: 1px solid var(--color-rgba-light);
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 16px;
gap: 12px;
font-size: 14px; }
.card__pdf a svg path {
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.card__pdf a span {
font-size: 14px;
line-height: 22px;
font-family: "Inter Tight Medium";
padding: 5px 11px;
background: var(--color-dark);
color: var(--color-white);
margin-left: 12px;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.card__pdf a:hover {
border: 1px solid var(--color-dark);
color: var(--color-white);
background: var(--color-dark); }
.card__pdf a:hover svg path {
stroke: var(--color-white); }
.card__pdf a:hover span {
background: var(--color-white);
color: var(--color-dark); }
.card__tab {
margin-top: 48px; }
.card__tab--name {
border-bottom: 1px solid var(--color-rgba-light); }
.card__tab--name ul {
gap: 24px;
justify-content: flex-start; }
.card__tab--name ul li {
padding-bottom: 16px;
font-size: 16px;
line-height: 25px;
cursor: pointer; }
.card__tab--name ul li:before {
content: '';
position: absolute;
bottom: -1px;
left: 0;
width: 0;
height: 2px;
background: var(--color-dark);
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.card__tab--name ul li:hover:before, .card__tab--name ul li.active:before {
width: 100%; }
.card__tab--main {
margin-top: 40px; }
.card__tab--content {
margin-bottom: 64px; }
.card__tab--content:last-child {
margin-bottom: 0; }
.card__tab--content table {
width: 100%;
max-width: 640px; }
.card__tab--content table tr {
position: relative; }
.card__tab--content table tr:before {
content: '';
position: absolute;
width: 100%;
border-top: 1px dashed #c5c5c5;
left: 0;
top: 50%;
z-index: -1; }
.card__tab--content table tr td {
font-size: 14px;
line-height: 22px;
padding: 8px 0; }
.card__tab--content table tr td span {
background: var(--color-white); }
.card__tab--content table tr td:first-child {
color: var(--color-gray2); }
.card__tab--content table tr td:first-child span {
padding-right: 6px; }
.card__tab--content table tr td:last-child {
text-align: right; }
.card__tab--content table tr td:last-child span {
padding-left: 6px; }
.card__tab--content__show-all {
margin-top: 16px !important; }
.card__tab--content__show-all a {
font-size: 14px;
font-family: "Inter Tight Medium";
border-bottom: 1px solid rgba(33, 33, 33, 0.24);
text-decoration: none; }
.card__tab--content__show-all a:hover {
color: var(--color-gray); }
.card__product--slider {
margin-top: 48px; }
.card__product--slider .product__item--images .slick-slide {
height: 430px; }
.card__product--slider > .slick-list {
border: 1px solid var(--color-rgba-light); }
.popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background: rgba(0, 0, 0, 0.8);
display: none; }
.popup__flex {
width: 100%;
height: 100%;
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;
/* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Chrome */
display: flex;
align-items: center;
justify-content: center; }
.popup__block {
padding: 64px 40px;
background: #fff;
position: relative;
overflow: auto;
max-height: 96vh;
width: 100%;
max-width: 380px; }
.popup__close {
position: absolute;
top: 8px;
right: 8px;
cursor: pointer; }
.popup__close:hover svg path {
fill: var(--color-gray); }
.popup__title {
text-align: center;
font-size: 24px;
line-height: 34px; }
.popup__info {
margin-top: 16px;
text-align: center;
color: var(--color-gray);
font-size: 14px;
line-height: 20px; }
.popup__form {
margin-top: 24px; }
.popup__click {
margin-top: 24px;
text-align: center; }
.popup__open {
font-size: 14px;
line-height: 20px;
color: #F63636;
padding-bottom: 2px;
border-bottom: 1px solid rgba(246, 54, 54, 0.32);
display: inline-block; }
.popup__open:hover {
border-color: #F63636; }
.popup__click_reg {
margin-top: 48px;
text-align: center; }
.popup__click_reg p {
font-size: 16px;
line-height: 25px;
margin-bottom: 16px; }
.form__block {
margin-bottom: 8px; }
.form__block--submit {
margin-bottom: 0;
margin-top: 16px; }
.form__name {
margin-bottom: 8px;
line-height: 25px;
letter-spacing: -.15px; }
.form__input {
border: 2px solid transparent;
background: var(--color-rgba);
height: 56px;
padding: 0 24px;
color: var(--color-dark);
outline: none;
width: 100%;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.form__input::placeholder {
color: var(--color-gray); }
.form__input.tel__number, .form__input:focus {
color: var(--color-dark);
background: var(--color-white);
border: 2px solid #212121 !important; }
.form__input.tel__number::placeholder, .form__input:focus::placeholder {
color: var(--color-dark); }
.form__text {
font-size: 13px;
line-height: 18px;
color: var(--color-gray);
margin: 16px 0; }
.form__text a {
text-decoration: underline; }
.form__text a:hover {
text-decoration: none; }
.form__submit {
height: 56px;
border: 2px solid #212121 !important;
color: var(--color-white);
font-size: 16px;
font-family: "Inter Tight Medium";
outline: none;
width: 100%;
background: var(--color-dark);
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.form__submit:hover {
color: var(--color-dark);
background: var(--color-white); }
.overflow-hidden {
overflow: hidden; }
.object {
padding: 50px 0; }
.object__slider {
margin-top: 40px; }
.object__slider-title {
position: absolute;
right: 0;
top: 0;
color: #fff;
background-color: rgba(0, 0, 0, 0.75);
padding: 30px 50px;
font-size: 24px;
}
.object__slider--item {
position: relative;
height: 860px; }
.object__slider--item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block; }
.object__slider .slick-arrow {
position: absolute;
padding: 0;
background: rgba(33, 33, 33, 0.48);
cursor: pointer;
border: none;
outline: none;
top: calc(50% - 40px);
z-index: 1;
-ms-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
width: 80px;
height: 80px;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%; }
.object__slider .slick-dots {
position: absolute;
width: 100%;
padding: 60px 0 32px;
bottom: 0;
z-index: 1; }
.object__slider .slick-dots:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
opacity: .64;
z-index: -1; }
.object__slider .slick-dots li {
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
background: rgba(255, 255, 255, 0.4); }
.object__slider .slick-dots li.slick-active {
background: #ffffff; }
.object__slider .slick-prev {
left: 32px; }
.object__slider .slick-next {
right: 32px; }
.work-info {
padding: 50px 0; }
.work-info__flex {
margin-top: 48px; }
.work-info__item {
flex: 1;
padding: 64px;
background: var(--color-dark);
border-right: 1px solid rgba(33, 33, 33, 0.16); }
.work-info__item:last-child {
border-right: none; }
.work-info__item--icon {
width: 48px;
height: 48px; }
.work-info__item--icon svg {
width: 100%;
height: 100%; }
.work-info__item--name {
font-size: 24px;
line-height: 34px;
letter-spacing: -0.5px;
margin-top: 32px;
color: var(--color-white); }
.work-info__item--i {
font-size: 18px;
line-height: 28px;
color: var(--color-gray2);
margin-top: 8px; }
.products-dark {
padding: 50px 0; }
.products-dark__flex {
margin-top: 48px;
gap: 16px; }
.products-dark__item {
width: calc(50% - 8px);
background: var(--color-dark); }
.products-dark__item--img {
height: 426px; }
.products-dark__item--img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block; }
.products-dark__item--info {
padding: 24px 32px;
color: var(--color-white); }
.products-dark__item--name {
font-size: 24px;
line-height: 34px;
letter-spacing: -0.5px; }
.products-dark__item p {
margin-top: 8px;
line-height: 25px; }
.products-dark__btn {
margin-top: 40px; }
.production {
padding: 50px 0; }
.production__images {
max-width: 100%;
width: 100%;
margin-top: 40px;
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
margin-left: -8px;
margin-right: -8px; }
.production__item {
position: relative;
width: 100%;
display: inline-block;
height: 480px;
margin: 8px; }
.production__item--big {
height: 800px; }
.production__item--img {
height: 100%; }
.production__item--img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block; }
.production__item--name {
position: absolute;
left: 0;
bottom: 0;
padding: 16px;
z-index: 1;
color: #ffffff;
line-height: 25px; }
.constructor {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
overflow: hidden;
background: #ffffff;
display: none; }
.constructor__tip {
padding: 32px 24px;
background: rgba(0, 0, 0, 0.88);
color: #ffffff;
font-size: 14px;
line-height: 20px;
position: absolute;
bottom: 0;
right: 0;
width: 300px; }
.constructor__tip--title {
font-family: "Inter Tight Medium"; }
.constructor__tip p {
margin-top: 8px; }
.constructor__tip--btn {
margin-top: 16px; }
.constructor__tip--btn a {
display: inline-block;
font-size: 14px;
color: #ffffff;
font-family: "Inter Tight Medium";
padding: 12px 16px;
border: 1px solid rgba(255, 255, 255, 0.16); }
.constructor__tip--btn a:hover {
color: #212121;
background: #ffffff;
border: 1px solid #ffffff; }
.constructor__scale {
position: absolute;
top: 50%;
right: 16px;
background: #ffffff;
padding: 8px;
font-size: 12px;
font-family: "Inter Tight Medium";
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
text-align: center; }
.constructor__scale--plus {
cursor: pointer; }
.constructor__scale--percent {
margin: 16px 0; }
.constructor__scale--minus {
cursor: pointer; }
.constructor__top {
gap: 8px;
position: absolute;
top: 16px;
right: 16px;
z-index: 1; }
.constructor__top--hide {
box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.08);
cursor: pointer;
background: rgba(33, 33, 33, 0.6);
padding: 8px 2px;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.constructor__top--hide:hover {
background: #212121; }
.constructor__top--filters {
gap: 8px; }
.constructor__top--filter {
padding: 8px;
background: #ffffff;
align-items: center; }
.constructor__top--filter__rotate {
gap: 16px;
align-items: center; }
.constructor__top--filter__rotate > div {
cursor: pointer; }
.constructor__top--filter__rotate > .disabled svg path {
fill-opacity: .32; }
.constructor__top--filter__colors {
gap: 8px;
align-items: center;
padding: 4px; }
.constructor__top--filter__colors--icon {
cursor: pointer; }
.constructor__top--filter__colors--flex ul li {
position: relative;
border: 1px solid rgba(33, 33, 33, 0.16);
width: 32px;
height: 32px;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
margin-left: -8px;
cursor: pointer; }
.constructor__top--filter__colors--flex ul li:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
background: url("../images/check.svg") no-repeat center center;
width: 24px;
height: 24px;
display: none;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.constructor__top--filter__colors--flex ul li.active {
z-index: 2; }
.constructor__top--filter__colors--flex ul li.active:before {
display: block; }
.constructor__top--filter__btn {
align-items: center;
gap: 5px;
font-size: 14px;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer; }
.constructor__top.active .constructor__top--hide {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
.constructor__top.active .constructor__top--filters {
display: none; }
.constructor__close {
box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.08);
background: rgba(33, 33, 33, 0.6);
color: #ffffff; }
.constructor__close:hover {
background: #212121; }
.constructor__product {
position: absolute;
left: -290px;
top: 0;
height: 100%;
z-index: 1;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.constructor__product.active {
left: 0; }
.constructor__product.active .constructor__product--hide {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.constructor__product--hide {
position: absolute !important;
left: calc(100% + 16px);
top: 16px;
box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.08);
cursor: pointer;
background: rgba(33, 33, 33, 0.6);
padding: 8px 2px;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
.constructor__product--hide:hover {
background: #212121; }
.constructor__product--content {
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
background: #ffffff;
width: 290px;
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;
/* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Chrome */
display: flex;
flex-direction: column;
height: 100%; }
.constructor__product--title {
position: sticky;
top: 0;
padding: 20px 16px;
background: #ffffff;
border-bottom: 1px solid rgba(33, 33, 33, 0.16);
font-size: 18px;
line-height: 28px;
font-family: "Inter Tight Medium"; }
.constructor__product--list {
flex: 1;
overflow: auto; }
.constructor__product--btn {
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
background: #ffffff;
padding: 16px; }
.constructor__product--btn a {
align-items: center;
background: #212121;
border: 2px solid #212121;
color: #ffffff;
gap: 8px;
font-size: 16px;
font-family: "Inter Tight Medium";
height: 48px;
justify-content: center; }
.constructor__product--btn a:hover {
background: #ffffff;
color: #212121; }
.constructor__product--btn a:hover svg path {
fill: #212121; }
.constructor__product--product {
padding: 16px;
border-bottom: 1px solid rgba(33, 33, 33, 0.16); }
.constructor__product--product__images {
overflow: auto;
justify-content: flex-start;
gap: 8px; }
.constructor__product--product__img {
width: 56px;
height: 56px;
overflow: hidden; }
.constructor__product--product__img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block; }
.constructor__product--product__name {
margin-top: 8px; }
.constructor__product--product__name a {
font-size: 14px;
line-height: 22px;
text-decoration: underline; }
.constructor__product--product__name a:hover {
text-decoration: none; }
.constructor__product--product__prices {
justify-content: flex-start;
gap: 6px;
align-items: center;
margin-top: 8px;
font-family: "Inter Tight Medium";
font-size: 14px;
line-height: 20px; }
.constructor__product--product__price--new {
font-size: 16px;
line-height: 22px; }
.constructor__product--product__price--old {
color: #999999; }
.constructor__product--product__price--discount {
color: #F63636; }
.constructor__product--product__btns {
margin-top: 8px;
align-items: center; }
.constructor__product--product__btns a {
gap: 4px;
align-items: center;
justify-content: center;
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;
/* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Chrome */
display: flex;
font-size: 14px; }
.constructor__product--product__basket {
padding: 3px;
border: 1px solid transparent; }
.constructor__product--product__basket:hover {
border: 1px solid rgba(33, 33, 33, 0.16); }
.constructor__product--product__replace {
border: 1px solid rgba(33, 33, 33, 0.16);
padding: 3px 8px; }
.constructor__product--product__replace:hover {
border: 1px solid #212121; }
.constructor__product--product__replace:hover svg path {
stroke-opacity: 1; }
.constructor__img {
width: 100%;
height: 100%; }
.constructor__img img {
width: 100%;
height: 100%;
object-fit: cover; }
.constructor__panel {
position: absolute;
width: 40px;
height: 40px;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.16);
background: linear-gradient(0deg, rgba(33, 33, 33, 0.4), rgba(33, 33, 33, 0.4)), linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16));
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer; }
.constructor__panel:before {
content: '';
width: 16px;
height: 16px;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.16) inset;
background: white;
position: absolute;
top: calc(50% - 8px);
left: calc(50% - 8px); }
.constructor__panel.active, .constructor__panel:hover {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2); }
.constructor__tooltip-on {
position: relative; }
.constructor__tooltip-on:hover .constructor__tooltip--content {
display: block; }
.constructor__tooltip--content {
position: absolute;
top: calc(100% + 30px);
left: calc(100% + 30px);
z-index: 1;
display: none;
max-width: 241px;
padding: 8px 6px;
border: 1px solid #212121;
background: #fff;
font-size: 14px;
line-height: 17px;
width: max-content; }
.constructor__tooltip--content.has__right {
left: auto;
right: calc(100% + 8px); }
.constructor__tooltip--content.has_top {
top: auto;
bottom: calc(100% + 8px); }
.constructor__tooltip--content.has_bottom {
top: calc(100% + 8px); }
.constructor__tooltip--content__name {
margin-bottom: 4px;
font-family: "Inter Tight Medium"; }
.constructor__tooltip--content p {
color: #666666; }
@media only screen and (max-width: 1600px) {
.header .flex-block {
gap: 16px !important; }
.header__catalog a {
padding: 32px 16px; } }
@media only screen and (max-width: 1439px) {
.header__logo a span {
display: none; }
.header__menu ul li a {
font-size: 14px; }
.header__catalog a {
font-size: 14px; }
.header__tel a {
font-size: 14px; }
.header__links ul li a {
font-size: 14px; }
.footer__left {
gap: 16px; }
.contact__info {
width: 540px;
padding: 97px 32px; }
.contact__maps {
width: calc(100% - 540px); }
.product-constructor__item--btn {
width: 150px;
height: 150px; }
.home__content {
padding: 60px 0; }
.home__content--text {
font-size: 60px;
line-height: 62px; }
.home__content--icon {
margin-top: 24px; }
.home__content--icon svg {
width: 48px;
height: 48px; }
.information__slider .slick-prev {
left: calc((100% - 900px)/2 - 32px); }
.information__slider .slick-list {
padding: 0 calc((100% - 900px)/2); }
.information__slider .slick-slide {
margin: 0 32px; }
.information__slider .slick-next {
right: calc((100% - 900px)/2 - 32px); }
.product-constructor__item {
height: 32vw; }
.catalog__products--flex .product__item {
width: 33.333333333%; }
.work-info__item {
padding: 32px; } }
@media only screen and (max-width: 1220px) {
.header .flex-block {
gap: 10px !important; }
.header__right {
position: relative; }
.header__tel {
position: absolute;
top: 10px;
left: 0;
z-index: 1; }
.header__pro {
padding-top: 35px; }
.dark-mode .header__tel {
position: static; }
.home__content--text {
font-size: 56px;
line-height: 58px; }
.footer__flex {
flex-direction: column;
gap: 40px; }
.footer__left {
width: 100%; }
.footer__left .footer__end {
display: none; }
.footer__right {
width: 100%; }
.footer__right .footer__end {
display: block; }
.catalog__left {
width: 210px; }
.catalog__products {
width: calc(100% - 234px); }
.catalog__products--flex .product__item {
width: 50%; }
.catalog__products--filter__r ul {
gap: 16px; }
.card__flex {
align-items: flex-start; }
.card__images {
width: calc(100% - 499px);
position: sticky;
top: 16px; }
.card__images--big {
height: auto;
width: calc(100% - 104px); }
.card__images--big .slick-slide {
height: 38vw; }
.work-info__item {
padding: 32px 16px; }
.work-info__item--name {
font-size: 20px;
line-height: 32px; }
.products-dark__item--info {
padding: 24px; }
.products-dark__item--img {
height: 24vw; }
.production__item {
height: 24vw; }
.production__item--big {
height: 46vw; }
.object__slider--item {
height: 50vw; } }
@media only screen and (max-width: 1023px) {
.wrapper {
padding: 0 32px; }
.wrapper-sm {
padding: 0 32px; }
.wrapper-md {
padding: 0 32px; }
.information__slider .slick-prev,
.information__slider .slick-next {
display: none !important; }
.information__slider .slick-list {
padding: 0; }
.header {
position: sticky;
top: 0;
z-index: 30; }
.header__flex {
display: none; }
.header__mob {
padding: 12px 0 16px;
position: relative;
display: block; }
.header__mob--flex {
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;
/* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Chrome */
display: flex;
align-items: center;
justify-content: space-between; }
.header__mob--logo svg path {
fill: var(--color-dark); }
.header__mob--logo svg path:last-child {
fill: #F63636; }
.header__mob--click {
cursor: pointer;
width: 32px;
padding: 7px 4px;
margin-top: 7px; }
.header__mob--click div {
height: 2px;
position: relative;
margin-bottom: 6px;
top: 0;
background: var(--color-dark);
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.header__mob--click div:last-child {
margin-bottom: 0; }
.header__mob--click.active div:first-child {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 8px; }
.header__mob--click.active div:last-child {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: -8px; }
.header__mob--click.active div:nth-child(2) {
opacity: 0.01; }
.header__mob--menu {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.8);
z-index: 1;
display: none; }
.header__mob--menu ul {
overflow: auto;
max-height: calc(100vh - 80px); }
.header__mob--menu ul li a {
position: relative;
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;
/* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Chrome */
display: flex;
align-items: center;
justify-content: flex-start;
height: 64px;
width: 100%;
padding: 0 64px 0 16px;
border-bottom: 1px solid rgba(33, 33, 33, 0.12);
background: var(--color-white);
color: var(--color-dark);
gap: 4px; }
.header__mob--menu ul li a > svg path {
fill: var(--color-dark); }
.header__mob--menu ul li a.menu__black {
background: var(--color-dark);
color: var(--color-white); }
.header__mob--menu ul li a.menu__black > svg path {
fill: var(--color-white); }
.header__mob--menu ul li a.menu__black .header__mob--menu__ic svg path {
stroke: var(--color-white); }
.header__mob--menu__ic {
border: none !important;
padding: 0 !important;
margin: 0 !important;
position: absolute;
right: 16px;
top: calc(50% - 12px); }
.header__mob--menu__ic svg path {
fill: none;
stroke: var(--color-dark); }
.header__mob--basket {
margin-top: 6px; }
.header__pro {
padding: 0;
margin: 0; }
.header__pro a {
color: var(--color-gray);
gap: 8px; }
.header__links--icon {
margin-bottom: 0;
margin-top: 2px; }
.home {
min-height: 760px;
margin-bottom: 30px; }
.home__content--text {
font-size: 48px;
line-height: 58px;
letter-spacing: -1px; }
.home__content--icon {
margin-top: 32px; }
.home__content--icon svg {
width: 32px;
height: 32px; }
.home .twentytwenty-handle {
top: 40%; }
.product-constructor {
padding: 30px 0; }
.product-constructor__flex {
margin-top: 32px;
flex-direction: column; }
.product-constructor__item {
width: 100%;
height: 46vw; }
.product {
padding: 30px 0; }
.product__slider {
margin-top: 32px; }
.product__item {
padding-bottom: 89px; }
.product__item--price__basket {
bottom: 24px; }
.product--images .slick-slide {
height: 352px; }
.product__btn {
margin-top: 32px; }
.information {
padding: 30px 0; }
.information .section__title {
text-align: left; }
.information__slider {
margin-top: 32px; }
.information__slider .slick-track {
display: block; }
.information__slider--item {
padding: 40px 32px;
position: relative; }
.information__slider--item__name {
font-size: 20px;
line-height: 28px;
letter-spacing: 0; }
.information__slider--item.active-click {
padding-bottom: 78px; }
.information__slider--item.active-click .information__slider--item__text {
max-height: 194px;
overflow: hidden; }
.information__slider--item.active-click .information__slider--item__mob-click {
display: block;
position: absolute;
left: 32px;
bottom: 40px;
font-size: 14px;
line-height: 20px;
padding-bottom: 2px;
color: #999999;
border-bottom: 1px dashed rgba(33, 33, 33, 0.16);
z-index: 1; }
.information__slider--item.active .information__slider--item__text {
height: auto;
overflow: inherit; }
.information__slider .slick-dots {
margin-top: 24px; }
.contact {
padding: 30px 0; }
.contact__flex {
display: block; }
.contact__info {
width: 100%;
margin-bottom: -60px;
position: relative;
z-index: 1;
padding: 40px 32px; }
.contact__info--list {
margin-top: 24px; }
.contact__info--list__item {
font-size: 18px;
line-height: 28px; }
.contact__info--list__item br {
display: block; }
.contact__info--list__item a {
font-size: 20px; }
.contact__info--info {
margin-top: 16px; }
.contact__info--pro {
margin-top: 20px; }
.contact__info--btn {
margin-top: 24px; }
.contact__info--btn a {
padding: 14px 24px; }
.contact__info .section__title {
font-size: 24px;
line-height: 34px;
letter-spacing: -.5px; }
.contact__maps {
width: calc(100% + 64px);
margin-left: -32px;
margin-right: -32px;
height: 480px; }
.footer {
margin-top: 30px;
padding: 40px 0 24px; }
.footer__menu ul {
gap: 16px; }
.constructor__top--filter {
display: none; }
.constructor__top--filter.constructor__close {
display: block;
width: 40px;
height: 40px;
font-size: 0;
background: url("../images/Close.svg") no-repeat center center rgba(33, 33, 33, 0.6); }
.constructor__top--filter.constructor__close svg {
display: none; }
.constructor__top--hide {
display: none; }
.constructor__product--hide {
padding: 7px 2px; }
.constructor__tooltip--content {
display: none !important; }
.navigation {
padding: 24px 0; }
.page-contact {
padding-bottom: 26px; }
.page-contact .page__title {
display: none; }
.delivery-payment {
padding: 70px 0 8px; }
.text__area > div {
margin-bottom: 40px; }
.text__area h1 {
font-size: 32px;
line-height: 38px;
letter-spacing: -.6px;
margin-bottom: 24px; }
.text__area h2 {
font-size: 24px;
line-height: 34px;
letter-spacing: 0;
margin-bottom: 16px; }
.text__area h3 {
letter-spacing: 0;
margin-bottom: 16px; }
.text__area h4 {
font-size: 20px;
line-height: 32px;
margin-bottom: 24px; }
.text__area p {
margin: 16px 0;
font-size: 16px;
line-height: 26px; }
.text__area ul:not(.slick-dots) {
margin: 16px 0;
padding-left: 24px; }
.text__area ol {
padding-left: 24px;
margin: 16px 0; }
.catalog {
padding-bottom: 29px; }
.catalog__flex {
display: block; }
.catalog__left {
display: none; }
.catalog__products {
width: 100%; }
.catalog__products--top__flex {
flex-direction: column;
align-items: flex-start;
gap: 24px; }
.catalog__products--filter__r ul {
gap: 24px; }
.catalog__products--flex .product__item--images .slick-slide {
height: 352px; }
.catalog__products--read-more {
margin-top: 32px; }
.catalog__products--read-more a {
font-size: 18px; }
.page__title {
margin-bottom: 24px;
font-size: 32px;
line-height: 38px;
letter-spacing: -.6px; }
.pagination {
margin-top: 32px; }
.card {
padding-bottom: 27px; }
.card__flex {
display: block; }
.card__images {
width: auto;
margin-left: -32px;
margin-right: -32px;
position: relative;
top: 0; }
.card__images--sm {
display: none; }
.card__images--big {
width: 100%;
height: auto; }
.card__images--big .slick-slide {
height: 100vw; }
.card__images--big .slick-dots {
margin-top: 24px; }
.card__info {
padding-top: 40px;
width: 100%; }
.card__product--slider .slick-dots {
margin-top: 24px; }
.card .navigation {
padding: 23px 0; }
.card .navigation ul li {
display: none; }
.card .navigation ul li:last-child {
display: block; }
.card__articule {
font-size: 14px;
line-height: 16px; }
.card__name {
font-size: 32px;
line-height: 38px;
letter-spacing: -.6px; }
.card__size {
font-size: 18px;
line-height: 28px;
margin-top: 16px; }
.card__price {
margin-top: 29px; }
.card__delivery {
margin-top: 39px; }
.card__delivery p {
margin-top: 18px; }
.card__delivery p br {
display: none; }
.card__pdf {
margin-top: 32px; }
.card__tab {
margin-top: 60px; }
.card__tab--name ul {
overflow-x: auto;
overflow-y: hidden;
flex-wrap: nowrap;
white-space: nowrap; }
.card__tab--main {
margin-top: 35px; }
.card__tab--content {
margin-bottom: 40px; }
.card__tab--content table {
max-width: 100%; }
.card__tab--content .section__title {
font-size: 24px;
line-height: 34px;
letter-spacing: 0; }
.card__product--slider {
margin-top: 24px; }
.card__product--slider .product__item--images .slick-slide {
height: 350px; }
.home.home-main {
margin-bottom: 30px; }
.work-info {
padding: 30px 0; }
.work-info__flex {
margin-top: 32px; }
.work-info__item {
width: 50%;
border-bottom: 1px solid rgba(33, 33, 33, 0.16);
flex: none; }
.products-dark {
padding: 30px 0; }
.products-dark__flex {
margin-top: 32px; }
.products-dark__item--name {
font-size: 20px;
line-height: 32px; }
.products-dark__btn {
margin-top: 24px; }
.production {
padding: 30px 0; }
.production__images {
margin-top: 32px; }
.object {
padding: 30px 0; }
.object__slider {
margin-top: 32px; }
.object__slider .slick-arrow {
width: 64px;
height: 64px;
left: 16px;
top: calc(50% - 32px); }
.object__slider .slick-next {
left: auto;
right: 16px; } }
@media only screen and (max-width: 767px) {
.wrapper {
padding: 0 16px; }
.wrapper-sm {
padding: 0 16px; }
.wrapper-md {
padding: 0 16px; }
.header__mob {
padding: 8px 0 10px; }
.section__title {
font-size: 24px;
line-height: 34px;
letter-spacing: -.5px; }
.home {
min-height: 564px;
margin-bottom: 20px;
height: 564px; }
.home__content {
padding: 40px 0; }
.home__content--text {
font-size: 32px;
line-height: 38px;
letter-spacing: -.6px; }
.home .twentytwenty-handle {
top: 35%; }
.product-constructor {
padding: 20px 0; }
.product-constructor__flex {
margin-top: 23px; }
.product-constructor__item {
height: 50vw;
min-height: 240px; }
.product-constructor__item--btn {
top: 10%;
right: 10%;
width: 100px;
height: 100px;
font-size: 12px;
line-height: 16px; }
.product {
padding: 20px 0; }
.product__slider {
margin-top: 24px; }
.product__item {
padding-bottom: 95px; }
.product__item--images .slick-slide {
height: 288px; }
.product__item--price__basket {
bottom: 30px; }
.product__item .slick-dots {
display: none !important; }
.product__btn {
margin-top: 24px; }
.big__btn {
height: 64px;
gap: 16px;
font-size: 18px; }
.information {
padding: 20px 0; }
.information__slider {
margin-top: 24px; }
.information__slider .slick-slide {
margin: 0 16px; }
.information__slider--item {
padding: 32px 24px; }
.information__slider--item.active-click .information__slider--item__text {
max-height: 208px; }
.information__slider--item.active-click .information__slider--item__mob-click {
left: 24px; }
.contact {
padding: 20px 0; }
.contact__info {
padding: 32px 24px;
margin-bottom: -80px; }
.contact__info--btn a {
display: block;
width: 100%;
text-align: center; }
.contact__maps {
width: calc(100% + 32px);
margin-left: -16px;
margin-right: -16px; }
.footer {
margin-top: 20px;
padding: 40px 0 24px; }
.footer__flex {
gap: 44px; }
.footer__left {
flex-direction: column;
align-items: flex-start;
gap: 32px; }
.footer__left .footer__end {
display: block; }
.footer__left .footer__end br {
display: block; }
.footer__menu ul {
flex-direction: column;
align-items: flex-start;
gap: 24px; }
.footer__right .footer__end {
display: none; }
.constructor__tip {
width: 400px;
padding: 16px; }
.constructor__tip--btn a {
color: #212121;
background: #ffffff; }
.navigation {
padding: 16px 0 18px; }
.page-contact {
padding-bottom: 20px; }
.delivery-payment {
padding: 56px 0 2px; }
.text__area > div {
margin-bottom: 32px; }
.text__area h1 {
font-size: 24px;
line-height: 34px;
letter-spacing: 0px; }
.text__area h2 {
font-size: 20px;
line-height: 28px; }
.text__area h3 {
font-size: 18px;
line-height: 28px; }
.text__area h4 {
font-size: 18px;
line-height: 29px;
margin-bottom: 16px; }
.catalog {
padding-bottom: 29px; }
.catalog__products--top__flex {
gap: 14px; }
.catalog__products--filter__r ul {
gap: 16px;
justify-content: flex-start; }
.catalog__products--filter ul li label {
padding: 6px 15px;
font-size: 14px;
line-height: 24px; }
.catalog__products--flex {
margin-top: 16px; }
.catalog__products--flex .product__item--images .slick-slide {
height: 288px; }
.catalog__products--read-more {
margin-top: 24px; }
.page__title {
margin-bottom: 14px;
font-size: 24px;
line-height: 34px;
letter-spacing: -.5px; }
.pagination {
margin-top: 24px; }
.pagination ul {
flex-wrap: nowrap;
overflow: auto; }
.pagination ul li:last-child {
border-left: 1px solid var(--color-rgba-light);
position: sticky;
right: 0;
z-index: 1;
background: #fff; }
.popup__block {
padding: 32px 24px; }
.card {
padding-bottom: 19px; }
.card__images {
margin-left: -16px;
margin-right: -16px; }
.card__images--big .slick-dots {
margin-top: 16px; }
.card__info {
padding-top: 32px; }
.card .navigation {
padding: 16px 0; }
.card__name {
font-size: 24px;
line-height: 34px;
letter-spacing: -.5px; }
.card__price {
margin-top: 24px; }
.card__price--new {
font-size: 16px; }
.card__price--new span {
font-size: 24px;
line-height: 28px; }
.card__price--old {
font-size: 14px;
line-height: 20px;
margin-top: 8px; }
.card__price--old span {
font-size: 16px;
line-height: 22px; }
.card__basket--basket {
flex: 1; }
.card__basket--quality {
margin-top: 16px; }
.card__basket--quality__link {
flex: 1;
white-space: nowrap;
text-align: center; }
.card__basket--quality__p-m-i {
flex: 1; }
.card__pdf a span {
margin-right: 2px; }
.card__tab {
margin-top: 40px; }
.card__tab--content {
margin-bottom: 32px; }
.card__tab--content__show-all {
margin-top: 8px !important; }
.card__tab--content table {
max-width: 100%;
display: block; }
.card__tab--content table tr {
display: block;
border-bottom: 1px dashed #c5c5c5;
padding: 8px 0; }
.card__tab--content table tr:before {
display: none; }
.card__tab--content table tr:first-child {
padding-top: 0; }
.card__tab--content table tr td {
display: block;
width: 100%;
padding: 0; }
.card__tab--content table tr td:first-child {
color: #666666; }
.card__tab--content table tr td span {
padding: 0 !important; }
.card__tab--content table tr td:last-child {
text-align: left;
margin-top: 4px;
font-family: "Inter Tight Medium"; }
.card__tab--content .section__title {
font-size: 20px;
line-height: 28px; }
.card__product--slider {
margin-top: 16px; }
.card__product--slider .product__item--images .slick-slide {
height: 288px; }
.home.home-main {
margin-bottom: 20px;
min-height: 484px;
height: 484px; }
.work-info {
padding: 20px 0; }
.work-info__flex {
margin-top: 24px; }
.work-info__item {
width: 100%;
border-right: none;
padding: 40px 24px; }
.work-info__item--name {
letter-spacing: 0;
font-family: "Inter Tight Medium"; }
.products-dark {
padding: 20px 0; }
.products-dark__flex {
margin-top: 24px;
flex-direction: column; }
.products-dark__item {
width: 100%; }
.products-dark__item--img {
min-height: 200px; }
.products-dark__item--name {
font-size: 20px;
line-height: 32px;
letter-spacing: 0; }
.products-dark__item p {
line-height: 26px; }
.products-dark__btn {
margin-top: 24px; }
.products-dark__btn .big__btn {
height: 80px; }
.production {
padding: 20px 0; }
.production__images {
margin-top: 24px;
-moz-column-count: inherit;
-webkit-column-count: inherit;
column-count: inherit; }
.production__item {
height: auto;
margin: 0 8px; }
.production__item--big {
height: auto; }
.production .slick-dots {
margin-top: 24px; }
.production .slick-dots li {
border: 1px solid rgba(255, 255, 255, 0.4); }
.object {
padding: 20px 0; }
.object__slider {
margin-top: 24px;
margin-left: -16px;
margin-right: -16px; }
.object__slider--item {
min-height: 240px; }
.object__slider .slick-arrow {
width: 48px;
height: 48px;
top: calc(50% - 24px); }
.object__slider .slick-dots {
padding: 0;
bottom: 16px; }
.object__slider .slick-dots:before {
display: none; }
.object__slider .slick-dots li {
-webkit-border-radius: 0;
-ms-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
background: none; } }
@media only screen and (max-width: 640px) {
.policy__list-item > ol {
padding-left: 15px;
}
.policy__container {
padding: 24px 15px;
}
.constructor {
transform: rotate(-90deg);
transform-origin: left top;
width: 100vh;
overflow-x: hidden;
top: 100%;
left: 0; }
.constructor__product {
height: 100vw; }
.catalog__products--flex {
display: block; }
.catalog__products--flex .product__item {
width: 100%;
border-right: none; }
.catalog__products--top__right {
width: 100%; }
.catalog__products--filter__r ul {
gap: 0;
justify-content: space-between; }
.catalog__products--filter__r ul li label {
font-size: 14px;
padding-right: 28px; } }
/*# sourceMappingURL=style.css.map */