/* Start:/bitrix/templates/yam-template/styles.css?178913730363742*/
#body {
font-synthesis: none;
font-family: 'SF Pro Text';
-webkit-font-smoothing: antialiased;
}
@font-face {
font-family: 'SF Pro Display';
src: url('/bitrix/templates/yam-template/fonts/SFProDisplay/SFProDisplay-Regular.woff2') format('woff2'),
url('/bitrix/templates/yam-template/fonts/SFProDisplay/SFProDisplay-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'SF Pro Text';
src: url('/bitrix/templates/yam-template/fonts/SfProText/SFProText-Regular.woff2') format('woff2'),
url('/bitrix/templates/yam-template/fonts/SfProText/SFProText-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'SF Pro Text';
src: url('/bitrix/templates/yam-template/fonts/SfProText/SFProText-Semibold.woff2') format('woff2'),
url('/bitrix/templates/yam-template/fonts/SfProText/SFProText-Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'SF Pro Text';
src: url('/bitrix/templates/yam-template/fonts/SfProText/SFProText-Bold.woff2') format('woff2'),
url('/bitrix/templates/yam-template/fonts/SfProText/SFProText-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'SF Pro Display';
src: url('/bitrix/templates/yam-template/fonts/SFProDisplay/SFProDisplay-Medium.woff2') format('woff2'),
url('/bitrix/templates/yam-template/fonts/SFProDisplay/SFProDisplay-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'SF Pro Display';
src: url('/bitrix/templates/yam-template/fonts/SFProDisplay/SFProDisplay-Semibold.woff2') format('woff2'),
url('/bitrix/templates/yam-template/fonts/SFProDisplay/SFProDisplay-Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'SF Pro Display';
src: url('/bitrix/templates/yam-template/fonts/SFProDisplay/SFProDisplay-Bold.woff2') format('woff2'),
url('/bitrix/templates/yam-template/fonts/SFProDisplay/SFProDisplay-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'SF Pro Display';
src: url('/bitrix/templates/yam-template/fonts/SFProDisplay/SFProDisplay-Heavy.woff2') format('woff2'),
url('/bitrix/templates/yam-template/fonts/SFProDisplay/SFProDisplay-Heavy.woff') format('woff');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "ProximaNova-Semibold";
src: url("/bitrix/templates/yam-template/fonts/ProximaNova-Semibold1/ProximaNova-Semibold.woff") format("woff"),
font-style: normal;
font-display: auto;
}
@font-face {
font-family: "ProximaNova-Bold";
src: url("/bitrix/templates/yam-template/fonts/ProximaNova-Bold/ProximaNova-Bold.woff") format("woff");
font-style: normal;
font-display: auto;
}
.data-block .svgWrapper a, .data-block .svgWrapper span{
font-weight: 400 !important;
letter-spacing: -0.017em;
}
.data-block .sub-title{
letter-spacing: -0.017em;
}
.header-universal-wrapper .smallDots{
fill: #323232;
}
.header-universal-wrapper .innerBlock{
border-color: #c3c3c3 !important;
border-radius: 14px !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
}
.popup-form .titleForm{
color: #323232 !important;
font-weight: 600 !important;
}
.yam-button-telegram{
border-radius: 16px !important;
}
.fancybox-content{
font-family: 'SF Pro Text';
width: 500px;
border-radius: 16px;
letter-spacing: -0.021em;
-webkit-font-smoothing: antialiased;
}
.fancybox-container *{
-webkit-font-smoothing: antialiased;
letter-spacing: -0.021em;
}
.popupForm .titleForm{
color: #323232 !important;
font-weight: 600 !important;
}
.popupForm input{
font-family: 'Sf Pro Text';
border: 1px solid #b3b3b3 !important;
}
.popupForm input.errorFild{
border-color: #cc5a4f !important;
}
.popupForm .yam-button, .popupForm .sbm, .popupForm form button, .popupForm input[type=submit], .popupForm input[type=button]{
color: #323232 !important;
font-family: 'Sf Pro Text';
}
.header-universal-2 .langselect{
width: 44px !important;
border: 1px solid #C3C3C3 !important;
border-radius: 14px !important;
letter-spacing: -0.019em;
}
.header-universal-2 .langselect .flag{
width: 0 !important;
margin-right: 0 !important;
}
.header-universal-2 .search form{
border: 1px solid #C3C3C3 !important;
}
.header-universal-2 .search [type="text"]{
border: none !important;
outline: 1.5px solid transparent;
letter-spacing: -0.021em;
outline-offset: 0;
color: #333336;
background-color: #f5f5f7 !important;
transition: all 300ms ease, background-color .1s cubic-bezier(.38, .005, .215, 1),
outline .1s cubic-bezier(.38, .005, .215, 1) !important;
}
.header-universal-2 .search [type="text"]:focus{
outline-color: #5c3d9e;
background-color: #fff !important;
}
.slider-navigation .owl-nav div{
border: 1px solid #C3C3C3 !important;
}
.slider-navigation .owl-dots .owl-dot{
border: 1px solid #C3C3C3 !important;
}
nav#navigation>ul>li:not(.extraMenu) .menuWrapAbsolut .menuWrapRelative>ul>li>a{
font-size: 1.25rem !important;
line-height: 2.5rem !important;
color: #333336 !important;
font-weight: 600;
letter-spacing: -0.025em !important;
}
nav#navigation>ul>li:not(.extraMenu) .menuWrapAbsolut .menuWrapRelative>ul>li>a.active,nav#navigation>ul>li:not(.extraMenu) .menuWrapAbsolut .menuWrapRelative>ul>li>a:hover,nav#navigation>ul>li:not(.extraMenu) .menuWrapAbsolut .menuWrapRelative>ul>li>span.active,nav#navigation>ul>li:not(.extraMenu) .menuWrapAbsolut .menuWrapRelative>ul>li>span:hover{
color: #1f1f1f !important;
font-weight: 600 !important;
}
nav#navigation>ul>li:not(.extraMenu) .menuWrapAbsolut{
width: 520px !important;
}
nav#navigation>ul>li:not(.extraMenu)>a>i,nav#navigation>ul>li:not(.extraMenu)>span>i{
transition: all 0.4s ease;
font-weight: 400 !important;
letter-spacing: -0.018em;
}
nav#navigation>ul>li:not(.extraMenu) .active-arrow>i, nav#navigation>ul>li:not(.extraMenu)>span>i{
font-weight: 400 !important;
}
nav#navigation .extraMenu ul li a{
font-weight: 400 !important;
letter-spacing: -0.018em;
}
nav#navigation>ul>li:not(.extraMenu)>a:hover>i{
color: #1f1f1f;
}
nav#navigation .mobile-opener{
border-radius: 20px !important;
padding: 0 8px 0 18px !important;
}
nav#navigation .mobile-opener .word{
font-weight: 400 !important;
letter-spacing: -0.018em;
}
nav#navigation>ul .backM{
letter-spacing: -0.018em;
}
.headerCatalog .header .headerOne {
color: #1d1d1f;
}
.headerCatalog .header .summ{
display: none;
}
.formContainer{
background-color: #f5f5f7 !important;
border-radius: 18px !important;
padding: 50px 15px 50px !important;
position: relative;
overflow: hidden;
}
.formContainer::after{
content: "";
position: absolute;
right: 30px;
bottom: 25px;
width: 165px;
height: 165px;
background: url("/upload/icon-ISO/certificate-check.svg") no-repeat center;
background-size: contain;
opacity: 0.2;
pointer-events: none;
}
.formContainer .title{
font-family: 'Sf Pro Display' !important;
font-weight: 700;
line-height: 1.3 !important;
}
.formContainer .txt{
padding-bottom: 0 !important;
color: #323232 !important;
max-width: 700px;
letter-spacing: -0.027em;
margin: 0 auto;
}
.formContainer #feedback{
display: none !important;
}
.title{
font-family: 'SF Pro Display' !important;
color: #1d1d1f !important;
font-weight: 700;
}
.catalogSlider {
font-family: 'SF Pro Text' !important;
}
.buttonRedandArrow, .buttonRedandArrow2{
letter-spacing: -0.021em;
}
.button{
letter-spacing: -0.021em;
}
.slider-catalogVuesliderToSections .owl-carousel .item .bottom .ttl:hover {
text-decoration: none !important;
}
.action-card .bottomBlock .ttl:hover {
text-decoration: none !important;
}
.news-blocks .stockItem .bottomInfo .title:hover {
text-decoration: none !important;
}
.page-photo .grid .itm .bottomContainer .title:hover {
text-decoration: none !important;
}
.page-stock .stockItem .bottomInfo .title:hover {
text-decoration: none !important;
}
.goods-card .bottomBlock .title:hover {
text-decoration: none !important;
}
.order-button{
background-color: #8659d9 !important;
}
.order-button:hover{
background-color: #7040C8 !important;
}
.product-description .flexContainer .buyOnClick{
border: 1px solid #C3C3C3 !important;
}
.goods-card .bottomBlock .title{
color: #323232 !important;
font-family: 'Sf Pro Text' !important;
letter-spacing: -0.019em;
font-weight: 700 !important;
font-size: 0.9375rem !important;
}
.goods-card .bottomBlock .infoContainer .inStock{
letter-spacing: -0.015em;
}
.goods-card .bottomBlock .delivery{
letter-spacing: -0.015em;
}
.yam-button, .yam-button-telegram{
letter-spacing: -0.021em;
}
.goods-card .bottomBlock .priceAndBuy .priceContainer .price{
color: #323232 !important;
font-weight: 400 !important;
}
.goods-card .bottomBlock .priceAndBuy .priceContainer .price i{
font-size: 16px !important;
letter-spacing: -0.021em;
}
.goods-card .bottomBlock .priceAndBuy .priceContainer .price b{
font-family: 'Sf Pro Text' !important;
font-weight: 700;
letter-spacing: -0.025em;
}
.product-description .title{
font-family: 'Sf Pro Text' !important;
letter-spacing: -0.023em;
font-weight: 700 !important;
color: #323232 !important;
}
.product-description .flexContainer .priceWr .price{
font-weight: 400 !important;
}
.product-description .flexContainer .priceWr .price b {
font-weight: 700 !important;
font-size: 23px !important;
letter-spacing: -0.029em;
}
.product-description .flexContainer .priceWr .price i {
font-size: 18.4px !important;
letter-spacing: -0.023em;
}
.product-description .flexContainer .buyOnClick{
letter-spacing: -0.021em;
}
.more-product .prodItem .descriptionBlock .title{
font-family: 'SF Pro Text' !important;
letter-spacing: -0.019em;
font-weight: 700 !important;
color: #323232 !important;
font-size: 0.9375rem !important;
}
.more-product .delivery{
letter-spacing: -0.015em;
}
.more-product .prodItem .descriptionBlock .topInfo .status p.inStock{
letter-spacing: -0.015em;
}
.more-product .prodItem .descriptionBlock .priceAndBuy .priceContainer .price{
font-weight: 400 !important;
}
.more-product .prodItem .descriptionBlock .priceAndBuy .priceContainer .price i{
font-size: 16px !important;
letter-spacing: -0.021em;
}
.more-product .prodItem .descriptionBlock .priceAndBuy .priceContainer .price b {
font-family: 'SF Pro Text';
font-weight: 700 !important;
letter-spacing: -0.025em;
}
.action-card .bottomBlock .ttl{
font-family: 'SF Pro Text';
letter-spacing: -0.021em;
font-weight: 700 !important;
color: #323232 !important;
font-size: 16px !important;
}
.action-card .bottomBlock .priceAndBuy .priceContainer .price{
color: #323232 !important;
font-weight: 400 !important;
}
.action-card .bottomBlock .priceAndBuy .priceContainer .price b{
font-weight: 600;
letter-spacing: -0.025em;
}
.action-card .bottomBlock .priceAndBuy .priceContainer .price i{
font-size: 16px !important;
letter-spacing: -0.021em;
}
.slider-catalogVuesliderToSections .owl-carousel .item .topBlock{
background-size: contain !important;
transition: transform .3s cubic-bezier(0,0,0.5,1);
will-change: transform;
}
.slider-catalogVuesliderToSections .owl-carousel .item .top {
padding: 5px;
}
.slider-catalogVuesliderToSections .owl-carousel .item .bottom .ttl{
font-family: 'SF Pro Text';
color: #323232 !important;
font-size: 16px !important;
font-weight: 700 !important;
letter-spacing: -0.021em;
}
.slider-catalogVuesliderToSections .owl-carousel .item .bottom .priceAndBuy .priceContainer .price{
color: #323232 !important;
font-weight: 400 !important;
}
.slider-navigation .price i{
font-size: 16px !important;
letter-spacing: -0.021em;
}
.slider-navigation .price b{
font-weight: 600 !important;
letter-spacing: -0.025em;
}
.page-contacts .contactsContainer .contactItem .svgWr{
border-width: 1px !important;
border-color: #C3C3C3 !important;
}
.page-contacts .contactsContainer .contactItem .rSide .ttl{
color: #000000e0 !important;
font-weight: 600 !important;
}
.page-contacts .contactsContainer .contactItem .rSide p{
color: #000000b8 !important;
letter-spacing: -0.021em;
}
.page-contacts .contactsContainer .contactItem .rSide a{
color: #000000b8 !important;
letter-spacing: -0.021em;
}
.page-stock .stockItem .bottomInfo .title{
color: #323232 !important;
font-size: .9375rem !important;
font-family: "Sf Pro Text" !important;
letter-spacing: -0.019em;
font-weight: 700 !important;
}
.page-stock-detail .date{
display: none;
}
.page-stock-detail .title, .page-stock-detail h2{
padding-bottom: 3.75rem !important;
color: #323232 !important;
letter-spacing: -0.027em;
font-weight: 700 !important;
}
.page-photo .grid .itm .bottomContainer .title{
color: #323232 !important;
font-size: .9375rem !important;
font-family: "Sf Pro Text" !important;
letter-spacing: -0.019em;
font-weight: 700 !important;
}
.page-photo .grid .itm .bottomContainer .nPhoto{
letter-spacing: -0.015em;
}
.news-blocks{
font-family: 'SF Pro Text' !important;
}
.news-blocks .stockItem .bottomInfo .title{
color: #323232 !important;
font-size: .9375rem !important;
font-family: "Sf Pro Text" !important;
letter-spacing: -0.019em;
font-weight: 700 !important;
}
.news-blocks .stockItem .bottomInfo .date{
letter-spacing: -0.015em;
}
.news-blocks .stockItem .bottomInfo .text{
color: #323232 !important;
letter-spacing: -0.018em;
}
.page-news-detail .mainImg{
border-radius: 18px !important;
}
.page-stock-detail .mainImg{
border-radius: 18px !important;
}
.shopService .grid .itm{
color: #323232;
font-size: 16px;
}
.info-blocks .head{
color: #323232 !important;
margin-bottom: 0 !important;
}
.catalogSlider .leftblock .text{
color: #323232 !important;
letter-spacing: -0.018em;
}
.slider-lastProject .owl-carousel .item .containerItem3 .right .contentContainer .textHidden .header{
color: #323232 !important;
font-family: "Sf Pro Text" !important;
letter-spacing: -0.019em;
font-weight: 600 !important;
}
.slider-lastProject .owl-carousel .item .containerItem3 .right .contentContainer .textHidden .text{
color: #323232 !important;
letter-spacing: -0.018em;
}
.page-project .project-items .prod-detail .ttl{
color: #323232 !important;
font-weight: 700 !important;
letter-spacing: -0.019em;
}
.page-project .project-items .prod-detail .ttl:hover{
text-decoration: none !important;
}
.page-project .project-items .prod-detail .txt{
color: #323232 !important;
letter-spacing: -0.018em;
}
.page-project-detail .mainImg{
border-radius: 18px !important;
}
.headerCatalog{
border-top: 1px solid #E0E0E0 !important;
}
.product-description .consultationBlock p a{
display: none;
}
.slider-catalogVuesliderToSections .owl-carousel .item .top{
border-radius: 18px 18px 0 0 !important;
box-shadow: none !important;
border-bottom: none !important;
padding: 5px 0 0 0;
overflow: hidden;
border: none !important;
}
.slider-catalogVuesliderToSections .owl-carousel .item .bottom{
border-radius: 0 0 18px 18px !important;
box-shadow: none !important;
border-top: none !important;
top: 0 !important;
border: none !important;
}
.page-stock .stockItem{
border-radius: 18px !important;
border: none !important;
display: block;
box-shadow: 2px 4px 12px #00000014 !important;
transition: all .2s ease;
}
.page-stock .stockItem .img{
border-bottom: none !important;
background-size: 100% auto !important;
transition: background-size .3s cubic-bezier(0, 0, 0.5, 1);
will-change: background-size;
}
.page-stock .stockItem .bottomInfo .flexContainer{
justify-content: flex-end !important;
}
.page-stock .stockItem .bottomInfo .flexContainer .timer-wrapper{
display: none !important;
}
.action-card .topBlock{
border-radius: 18px 18px 0 0 !important;
border-bottom: none !important;
background-size: auto 190px !important;
border: none !important;
transition: transform .3s cubic-bezier(0, 0, 0.5, 1);
will-change: transform;
}
.action-card .middleBlock{
display: none;
}
.action-card .bottomBlock{
border-radius: 0 0 18px 18px !important;
border: none !important;
}
.action-card .wr:after{
display: none;
}
.goods-card .topBlock{
border-radius: 18px 18px 0 0 !important;
padding: 5px 0 0 0;
border: none !important;
overflow: hidden;
}
.goods-card .topBlock,.goods-card .topBlock .imgContainer{
transition: transform .3s cubic-bezier(0,0,0.5,1);
will-change: transform;
}
.goods-card .middleBlock{
background-image: none !important;
height: 0 !important;
margin: 0 !important;
border-bottom: none !important;
}
.goods-card .middleBlock:after, .goods-card .middleBlock:before{
display: none;
}
.goods-card .bottomBlock{
border-radius: 0 0 18px 18px !important;
border: none !important;
}
.goods-card .wr:after{
display: none;
}
.goods-card .bottomBlock .delivery{
color: #2f7dd1 !important;
}
.goods-card .bottomBlock .delivery svg{
display: none;
}
.goods-card .bottomBlock .delivery::before{
content: "";
display: inline-block;
width: 14px;
height: 14px;
background-image: url("/upload/catalog-item-icon/check-file-certificate.svg");
background-repeat: no-repeat;
background-position: center;
margin-right: 6px;
background-size: contain;
transform: translateY(-1px);
}
.more-product .delivery{
color: #2f7dd1 !important;
}
.more-product .delivery svg{
display: none;
}
.more-product .prodItem .descriptionBlock .topInfo .status p:before{
top: calc(50% - 8px) !important;
}
.more-product .delivery::before{
content: "";
display: inline-block;
width: 14px;
height: 14px;
background-image: url("/upload/catalog-item-icon/check-file-certificate.svg");
background-repeat: no-repeat;
background-position: center;
margin-right: 6px;
background-size: contain;
transform: translateY(-1px);
}
.catalog-filter .containerItems{
border: 1px solid #eceef1 !important;
border-radius: 12px !important;
}
.catalog-filter .containerItems .head{
border-bottom: 1px solid #eceef1 !important;
}
.catalog-filter .containerItems .someItems .item .ItemName .check{
border-radius: 4px !important;
}
.catalog-filter .containerItems .someItems .item .ItemName{
color: #4a4a4a !important;
letter-spacing: -0.018em;
}
.catalog-filter .containerItems .name{
color: #323232;
font-family: 'SF Pro Text';
letter-spacing: -0.018em;
font-weight: 600 !important;
}
.catalog-filter .yam-button .waves-button-input{
letter-spacing: -0.021em;
}
.headerCatalog .header .headerOne{
font-family: 'SF Pro Display' !important;
font-weight: 700;
}
.catalog-text{
border-top: 1px solid #eceef1 !important;
border-bottom: 1px solid #eceef1 !important;
}
.info-blocks .blocks-item-wrapper{
border-radius: 18px !important;
align-items: center;
background: #f5f5f7;
border: none !important;
}
.slider-lastProject .owl-carousel .item .containerItem3 .left .img{
border-radius: 18px !important;
}
.slider-lastProject .owl-carousel .item .containerItem3 .right .contentContainer{
border-radius: 18px !important;
background: #f5f5f7;
border: none !important;
}
.slider-lastProject .owl-carousel .item .containerItem3 .right .contentContainer:after{
left: 50% !important;
top: -10px !important;
transform: translateX(-50%) !important;
background-image: none !important;
border: none;
width: 0 !important;
height: 0 !important;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #f5f5f7;
}
.shopService .grid .itm{
border-radius: 18px !important;
background: #f5f5f7;
letter-spacing: -0.021em;
border: none !important;
}
.shopService .grid .itm svg{
fill: none !important;
stroke: var(--bg-color);
flex-shrink: 0;
transition: stroke 0.2s ease;
}
.shopService .grid .itm svg:hover{
fill: none !important;
stroke: var(--bg-hover);
}
.info-blocks .head{
font-weight: 400 !important;
letter-spacing: -0.021em;
}
.info-blocks .image svg{
stroke: var(--bg-color);
transition: stroke 0.2s ease;
}
.info-blocks .image svg:hover{
stroke: var(--bg-hover);
}
.news-blocks .stockItem{
border-radius: 18px !important;
box-shadow: 2px 4px 12px #00000014 !important;
transition: all .2s ease !important;
border: none !important;
}
.news-blocks .stockItem .img{
background-size: 105% auto !important;
transition: background-size .3s cubic-bezier(0, 0, 0.5, 1);
will-change: background-size;
border-bottom: none !important;
}
.page-photo .grid .itm{
border-radius: 18px !important;
transition: all .2s ease !important;
box-shadow: 2px 4px 12px #00000014 !important;
border: none !important;
}
.page-photo .grid .itm .img{
background-size: 120% auto !important;
background-position: center;
background-repeat: no-repeat;
transition: background-size .3s cubic-bezier(0, 0, 0.5, 1);
will-change: background-size;
}
.page-project .project-items .img{
border-radius: 18px !important;
position: relative;
background-repeat: no-repeat;
}
.page-project .project-items .img::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: inherit;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
transform: scale(1);
transition: transform .3s cubic-bezier(0, 0, 0.5, 1);
will-change: transform;
z-index: 0;
pointer-events: none;
}
.page-project .project-items .prod-detail{
border: none !important;
background: #f5f5f7;
border-radius: 18px !important;
}
.page-project .project-items .prod-detail:after{
left: -10px !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 0 !important;
height: 0 !important;
background-image: none !important;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #f5f5f7;
}
.pagerContainer .pager a{
border-radius: 50px !important;
}
.pagerContainer .pager a{
border: 1px solid #C3C3C3 !important;
color: #7d7d7d !important;
letter-spacing: -0.021em;
}
.pagerContainer .pager a.active{
border-color: transparent !important;
background: #5c3d9e;
color: white !important;
font-weight: 400 !important;
}
.pagerContainer .pager a:hover:not(.active){
border-color: var(--bg-hover) !important;
color: var(--bg-hover) !important;
}
.pagerContainer .pager a.prev, .pagerContainer .pager a.next{
border: 1px solid #C3C3C3;
}
.pagerContainer .pager a.prev svg, .pagerContainer .pager a.next svg{
fill: #7d7d7d;
transition: all 300ms ease;
}
.pagerContainer .pager .smallSelect .currentPage{
border-radius: 50px !important;
background: #5c3d9e;
color: white !important;
border: transparent !important;
}
.page-news-detail .title,.page-news-detail h2{
color: #323232 !important;
font-weight: 700 !important;
letter-spacing: -0.027em;
}
.page-project-detail .title, .page-project-detail h2{
color: #323232 !important;
letter-spacing: -0.027em;
font-weight: 700 !important;
}
.slider-otherNews .owl-carousel .item .sliderTitle{
color: #323232 !important;
font-weight: 600 !important;
letter-spacing: -0.018em;
}
.slider-otherNews .owl-carousel .item{
border-radius: 18px !important;
border: 1px solid #eceef1 !important;
}
.slider-otherNews .owl-carousel .owl-nav div{
border: 1px solid #b3b3b3 !important;
}
.more-product .h1{
color: #1d1d1f !important;
}
.product-tabulator .tabulatorContent{
border: 1px solid #eceef1 !important;
border-radius: 18px !important;
}
.page-photo .grid .itm .bottomContainer .nPhoto{
background-image: url("/upload/catalog-item-icon/photo-gallery-icon.svg") !important;
background-size: 14px 14px;
background-position: left 4px !important;
}
.news-blocks .stockItem .bottomInfo .date{
background-image: url("/upload/catalog-item-icon/data-time-icon.svg") !important;
background-size: 14px 14px;
background-position: left 1px !important;
}
.page-news-detail .date{
background-image: url("/upload/catalog-item-icon/data-time-icon.svg") !important;
background-size: 14px 14px;
letter-spacing: -0.018em;
}
.slider-otherNews .owl-carousel .item .data{
background-image: url("/upload/catalog-item-icon/data-time-icon.svg") !important;
background-size: 14px 14px;
background-position: left 4px !important;
letter-spacing: -0.015em;
}
.footer-bottom{
font-family: "Sf Pro Text" !important;
border-top: 1px solid #E0E0E0 !important;
border-bottom: 1px solid #E0E0E0 !important;
}
.footer-top{
font-family: "Sf Pro Text" !important;
}
.footer-top .headList{
font-weight: 600 !important;
letter-spacing: -0.018em;
color: #000000e0;
}
.footer-top ul li{ 
letter-spacing: -0.017em;
color: #000000b8;
}
.footer-bottom .containerIndividual .create{
letter-spacing: -0.017em;
}
.goods-card .wr{
border-radius: 18px;
box-shadow: 2px 4px 12px #00000014;
transition: all .2s ease;
}
.action-card .wr{
border-radius: 18px;
transition: all .2s ease;
box-shadow: 2px 4px 12px #00000014;
overflow: hidden;
}
.productSlider .sliderWrapper{
border: 1px solid #eceef1 !important;
border-radius: 18px 18px 0 0 !important;
border-bottom-style: solid !important;
border-bottom-color: #eceef1 !important;
}
.goods-card .bottomBlock .infoContainer .inStock:before{
background-image: url("/upload/catalog-item-icon/check-in-stock-secondary-icon.svg") !important;
}
.product-description .topInfo .status p{
padding: 0px 8px 0px 24px !important;
background: #48a45d14;
letter-spacing: -0.015em;
border-radius: 50px;
}
.product-description .topInfo .status p:before{
left: 4px !important;
}
.product-description .topInfo .status p.inStock:before{
background-image: url("/upload/catalog-item-icon/check-in-stock-icon.svg") !important;
}
.more-product .prodItem .descriptionBlock .topInfo .status p.inStock:before{
background-image: url("/upload/catalog-item-icon/check-in-stock-secondary-icon.svg") !important;
}
.product-description .topInfo .leftInfo .feedback{
color: #7e8183 !important;
position: relative;
letter-spacing: -0.015em;
top: 0.04rem;
}
.product-description .topInfo .leftInfo [data-yam-rating]{
width: auto;
}
[data-yam-rating] svg{
fill: #EAB308 !important;
}
[data-yam-rating="true"]:hover label:hover ~ label svg,
[data-yam-rating="true"]:hover svg:hover ~ svg{
fill: #BEBFC1 !important;
}
#confirmRating [data-yam-rating] .active ~ label svg,
#confirmRating [data-yam-rating] .active ~ svg{
fill: #BEBFC1 !important;
}
[data-yam-rating] .active~label svg, [data-yam-rating] .active~svg{
fill: #bebfc1 !important;
}
[data-yam-rating=true]:hover label:hover~label svg, [data-yam-rating=true]:hover svg:hover~svg{
fill: #bebfc1 !important;
}
.product-tabulator .container .grid.tabs > li:nth-child(2){
display: none !important;
}
.product-tabulator .container .grid.tabs > li:first-child{
flex: 0 0 100% !important;
}
.product-tabulator .container .tabs{
overflow: visible !important;
}
.popup-form .sbm, .popup-form form button, .popup-form input[type=submit], .popup-form input[type=button]{
font-family: 'Sf Pro Text';
}
.popupForm, .popup-form, .formPopup, .formWr, .formStandart{
font-family: 'SF Pro Text' !important;
letter-spacing: -0.021em;
}
.product-description .deliveryInfo .deliveryTitle{
margin-bottom: 8px !important;
color: #323232;
letter-spacing: -0.021em;
font-weight: 400 !important;
}
.product-description .deliveryInfo ul li{
padding-left: 15px !important;
color: #4a4a4a !important;
letter-spacing: -0.018em;
}
.product-description .deliveryInfo .deliveryTitle svg{
display: none;
}
.product-description .deliveryTitle::before{
content: "";
position: absolute;
left: 0;
top: calc(50% - 15px);
width: 28px;
height: 28px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.product-description .deliveryInfo > .row > .cols:first-child .deliveryTitle::before{
background-image: url('/upload/catalog-item-icon/fast-delivery-track.svg');
}
.product-description .deliveryInfo > .row > .cols:last-child .deliveryTitle::before{
background-image: url('/upload/catalog-item-icon/pay-card.svg');
}
.product-description{
border: 1px solid #eceef1 !important;
border-radius: 0 0 18px 18px !important;
border-top-style: none !important;
}
.product-description .title{
font-family: 'Sf Pro text' !important;
letter-spacing: -0.023em;
font-weight: 700 !important;
}
.product-description .consultationBlock{
padding: 25px 0 !important;
border-top: 1px solid #eceef1 !important;
}
.productSlider .vertical-slider{
border-right: 1px solid #eceef1 !important;
}
.consultationBlock p img{
display: none;
}
.consultationBlock p::before{
content: '';
position: absolute;
left: 0;
top: calc(50% - 21px);
width: 42px;
height: 42px;
background: url('/upload/catalog-item-icon/license-agreement-icon.svg') center/contain no-repeat;
}
.product-description .consultationBlock p{
font-size: 14px !important;
line-height: 1.33 !important;
font-weight: 600;
letter-spacing: -0.018em;
color: #5f5f5f !important;
}
.product-tabulator .container .tabs a{
letter-spacing: -0.021em;
}
.more-product .h1{
font-family: 'SF Pro Display';
font-weight: 600 !important;
}
.more-product .prodItem .imgContainer{
border: 1px solid #eceef1 !important;
border-radius: 18px 18px 0 0 !important;
border-bottom-style: solid !important;
border-bottom-color: #eceef1 !important;
overflow: hidden;
}
.more-product .prodItem:last-child{
margin-bottom: 3.125rem;
}
.more-product .prodItem .imgContainer img{
transition: transform .3s cubic-bezier(0, 0, 0.5, 1);
will-change: transform;
}
.productSlider .main-photo .item{
transition: transform .3s cubic-bezier(0, 0, 0.5, 1);
will-change: transform;
}
.more-product .prodItem .descriptionBlock{
border: 1px solid #eceef1 !important;
border-top-style: none !important;
border-radius: 0 0 18px 18px !important;
padding: 20px !important;
}
.slider-catalogVuesliderToSections .owl-carousel .item{
padding: 10px 8px !important;
padding-right: none !important;
}
.owl-carousel .containerItem{
border-radius: 18px;
box-shadow: 0 2px 10px #00000014;
transition: all .2s ease;
}
.productSlider .vertical-slider .slick-slide .itm:hover, .productSlider .vertical-slider .slick-slide.slick-current .itm {
border-color: #5c3d9e !important;
}
.productSlider .vertical-slider .slick-slide .itm{
border: 1px solid #e5e7eb !important;
}
#search-page p:nth-of-type(n+3),
#search-page table{
display: none;
}
#search-page > p:first-of-type{
font-size: 25px;
line-height: 1.33;
font-family: 'Sf Pro Text';
letter-spacing: -0.025em;
font-weight: 600;
width: 100%;
max-width: 600px;
margin: 0 auto;
margin-top: 50px;   
}
#search-page > p{
color: #323232;
text-align: center;
}
font.errortext{
display: none;
}
font.notetext {
color: #323232 !important;
}
#search-page > p:empty,
#search-page > br{
display: none !important;
}
#search-page ~ div[id^="wait_comp_"],
body > div[id^="wait_comp_"] {
display: none !important;
}
#result #search-page .search-element{
box-shadow: 2px 4px 12px #00000014 !important;
border-radius: 18px !important;
max-width: 1000px;
margin: 0 auto 1.875rem;
padding: 25px !important;
transition: all .2s ease;
}
#result #search-page input[name="q"]{
border-radius: 50px !important;
border: 1.5px solid transparent !important;
padding-left: 45px !important;
background-color: #f5f5f7;
color: #333336;
letter-spacing: -0.021em;
transition: background-color .1s cubic-bezier(.38, .005, .215, 1),
border .1s cubic-bezier(.38, .005, .215, 1);
}
#result #search-page form::before{
content: "";
position: absolute;
z-index: 2;
left: 16px;
top: 22%;
width: 22px;
height: 22px;
pointer-events: none;
background-image: url(/upload/search-icon/main-search-engine-page.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 22px;
}
#result #search-page input[name="q"]:focus{
border: 1.5px solid #5C3D9E !important;
background-color: transparent;
}
#result #search-page .search-element .nameAndInfo .name{
font-family: 'SF Pro Text';
letter-spacing: -0.023em;
font-weight: 700;
color: #323232;
line-height: 1.4;
font-size: 1.125rem !important;
}
#result #search-page .search-element:first-of-type{
margin-top: 32px;
}
#result #search-page .nameAndInfo p{
margin-top: 15px;
color: #666;
letter-spacing: -0.021em;
}
#result #search-page .nameAndInfo a:hover{
text-decoration: none;
}
#result #search-page .search-element .nameAndInfo p > b:last-of-type{
font-size: 0;
display: inline-block;
margin-top: 20px;
}
#result #search-page .search-element .nameAndInfo p > b:last-of-type > b{
font-size: 1.35rem;
font-family: 'Sf Pro Text';
letter-spacing: -0.027em;
font-weight: 700;
color: #323232;
}
#result #search-page .search-element .nameAndInfo p > b:last-of-type > i{
font-size: 17.28px;
font-weight: 400 !important;
color: #323232;
margin-left: 5px;
}
#result #search-page .search-element .data{
display: none !important;
}
#result #search-page .search-element .nameAndInfo {
flex: 1 1 auto !important;
}
#result #search-page .search-element .img{
flex: 0 0 100px !important;
width: 100px !important;
min-width: 100px !important;
max-width: 100px !important;
height: 100px !important;
}
#result #search-page .search-element .img img{
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
will-change: transform;
transition: transform .3s cubic-bezier(0, 0, 0.5, 1);
}
#result #search-page .pagerContainer{
margin-top: 3.8rem;
}
#result #search-page .yam-button{
letter-spacing: -0.021em;
transition: none !important;
}
#result #search-page .yam-button:hover{
background: #6242a6 !important;
border-color: #6242a6 !important;
color: #fff !important;
}
@media (hover: hover) {
.owl-carousel .containerItem:hover{
box-shadow: 0 2px 10px #00000024;
}
.top:hover .topBlock{
transform: scale(1.0161);
}
}
@media (hover: hover) {
.goods-card .wr:hover{
box-shadow: 2px 4px 16px #00000029;
}
.goods-card .topBlock:hover .imgContainer{
transform: scale(1.0161);
}
}
@media (hover: hover) {
.action-card .wr:hover{
box-shadow: 2px 4px 16px #00000029;
}
.action-card .topBlock:hover{
transform: scale(1.0161);
}
}
@media (hover: hover) {
#result #search-page .search-element:hover{
box-shadow: 2px 4px 16px #00000029 !important;
}
#result #search-page .search-element .img img:hover{
transform: scale(1.02);
}
}
@media (hover: hover) {
.page-stock .stockItem:hover{
box-shadow: 2px 4px 16px #00000029 !important;
}
.page-stock .stockItem .img:hover{
background-size: 101.61% auto !important;
}
}
@media (hover: hover) {
.page-photo .grid .itm:hover{
box-shadow: 2px 4px 16px #00000029 !important;
}
.page-photo .grid .itm .img:hover{
background-size: 121.61% auto !important;
}
}
@media (hover: hover) {
.news-blocks .stockItem:hover{
box-shadow: 2px 4px 16px #00000029 !important;
}
.news-blocks .stockItem .img:hover{
background-size: 106.61% auto !important;
}
}
@media (hover: hover) {
.more-product .prodItem .imgContainer img:hover{
transform: scale(1.0161);
}
}
@media (hover: hover) {
.productSlider .main-photo .item:hover{
transform: scale(1.0161);
}
}
@media (hover: hover) {
.page-project .project-items .img:hover::before{
transform: scale(1.0161);
}
}
@media (max-width: 1366px) {
.topPhotoContainer{
border-radius: 0 !important;
}
.formContainer{
border-radius: 0 !important;
}
}
@media (max-width: 1180px) {
.page-catalog{
margin-top: 8px;
}
}
@media only screen and (min-width: 1180px) {
.productSlider .sliderWrapper{
border-right-style: solid !important;
border-right-color: #eceef1 !important;
border-radius: 18px 0 0 18px !important;
}
}
@media only screen and (min-width: 1180px) {
.product-description{
border-radius: 0 18px 18px 0 !important;
border-left-style: none !important;
border-top-style: solid !important;
}
}
@media (min-width: 1130px) {
.header-universal-wrapper .smallDots{
display: none !important;
}
.header-universal-2{
padding-right: 38px !important;
}
}
@media (max-width: 1125px) {
.formContainer::after{
position: static;
display: block;
width: 110px;
height: 110px;
margin: 20px auto 0;
}
}
@media only screen and (min-width: 1024px) {
.slider-lastProject .owl-carousel .item .containerItem3 .right .contentContainer:after{
left: -20px !important;
top: 50% !important;
transform: translateY(-50%) !important;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #f5f5f7;
}
}
@media only screen and (min-width: 480px) {
#result #search-page .search-element{
padding: 25px 35px !important;
}
}
@media (max-width: 479px) {
#result #search-page .yam-button{
width: 70% !important;
margin: 0 auto;
}
}
@media only screen and (max-width: 640px) {
#result #search-page .search-element .nameAndInfo{
padding-right: 0px !important;
}
#result #search-page .search-element .img{
transform: translateY(-10px);
}
}
@media only screen and (max-width: 639px) {
.product-description .consultationBlock{
padding: 25px 5px 15px 5px !important;
}
}
@media only screen and (min-width: 640px) {
.product-description .consultationBlock p{
line-height: 1.33 !important;
}
}
@media only screen and (max-width: 639px) {
#search-page > p:first-of-type{
font-size: 20px;
}
}
@media (max-width: 639px) {
nav#navigation>ul>li:not(.extraMenu)>a>i{
letter-spacing: -0.018em;
font-weight: 600;
}
}
@media (max-width: 639px) {
.slider-catalogVuesliderToSections .owl-carousel{
margin-top: 0 !important;
}
}
@media (max-width: 639px) {
.formContainer{
padding: 40px 15px 40px !important;
}
.formContainer .title{
font-size: 1.5rem !important;
}
.formContainer .txt{
font-size: 1rem !important;
}
}
@media (max-width: 639px) {
.action-card .topBlock{
background-size: 325px !important;
}
}
@media (max-width: 639px) {
.productSlider .sliderWrapper{
border-bottom-color: transparent !important;
}
}
@media (max-width: 639px) {
.more-product .prodItem .imgContainer{
border-bottom-color: transparent !important;
}
}
@media only screen and (min-width: 640px) {
.more-product .prodItem .imgContainer{
border-right-style: solid !important;
border-right-color: #eceef1 !important;
border-radius: 18px 0 0 18px !important;
}
}
@media only screen and (min-width: 640px) {
.more-product .prodItem .descriptionBlock{
border-top-style: solid !important;
border-left-style: none !important;
border-radius: 0 18px 18px 0 !important;
padding: 24px 30px !important;
}
}
@media only screen and (min-width: 640px) {
nav#navigation>ul>li:not(.extraMenu) .menuWrapAbsolut{
box-shadow: 0 20px 50px rgba(15,23,42,.08), 0 6px 16px rgba(15,23,42,.04) !important;
height: 510px !important;
border-bottom-left-radius: 18px !important;
border-bottom-right-radius: 18px;
border-top-left-radius: 14px;
border-top-right-radius: 14px;
border: none !important;
}
}
@media only screen and (min-width: 640px) {
nav#navigation>ul>li:not(.extraMenu) .menuWrapAbsolut.menuPositionLeft:before{
display: none;
}
}
@media (max-width: 639px) {
.page-project .project-items .prod-detail::after{
left: 50% !important;
top: -10px !important;
transform: translateX(-50%) !important;
border: none;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #f5f5f7;
}
}
@media (max-width: 639px) {
nav#navigation>ul>li:not(.extraMenu) .menuWrapAbsolut{
width: 100% !important;
}
nav#navigation>ul>li:not(.extraMenu) .menuWrapAbsolut .menuWrapRelative>ul>li>a{
font-size: 1.125rem !important;
line-height: 2.375rem !important;
letter-spacing: -0.023em !important;
}
nav#navigation>ul.visible{
overflow: hidden;
border-bottom-right-radius: 18px;
border-bottom-left-radius: 18px;
border-top-right-radius: 14px;
border-top-left-radius: 14px;
}
}
@media (max-width: 639px) {nav#navigation>ul{
box-shadow: 0 20px 48px rgba(15,23,42,.09), 0 6px 18px rgba(15,23,42,.05), 0 1px 2px rgba(15,23,42,.03) !important;
border: none !important;
}
}
@media (max-width: 639px) {nav#navigation>ul>li:not(.extraMenu){
border-color: rgba(15,23,42,.06) !important;
}
}
@media (max-width: 639px) {nav#navigation>ul>li:not(.extraMenu):last-child{
border-bottom: none !important;
}
}
@media (max-width: 639px) {
.product-description .flexContainer .priceWr{
margin-right: 0 !important;
}
}
@media (max-width: 639px) {
#result #search-page .yam-button:hover {
background: #5c3d9e !important;
border-color: #5c3d9e !important;
color: #fff !important;
}
}
#result #search-page .yam-button:active{
background: #563993 !important;
border-color: #563993 !important;
}
@media (max-width: 639px) {
#result #search-page .yam-button:active{
background: #4d3189 !important;
border-color: #4d3189 !important;
}
}
@media (max-width: 639px) {
#result #search-page form::before{
top: 13%;
}
}
@media (min-width: 397px) and (max-width: 444px) {
.header-universal-wrapper .header-universal-2.two-row>div, .header-universal-wrapper a{
margin-right: 6px !important;
}
.header-universal-wrapper .header-universal-2.two-row>div[data-mobile-sort="10"],
.header-universal-wrapper .header-universal-2.two-row>div[data-mobile-sort="10"]>a.langselect{
margin-right: 0 !important;
}
.header-universal-wrapper:has(.smallDots.visible) .header-universal-2.two-row>div[data-mobile-sort="10"]{
margin-right: 30px !important;
}
}
@media (min-width: 388px) and (max-width: 639px) {
.header-universal-wrapper .header-universal-2 .main-logo a img{
max-width: 190px !important;
}
}
@media (max-width: 444px) {
.header-universal-2 .search.active [type="text"]{
width: calc(94vw - 115px) !important;
}
.header-universal-2 .search [type="text"] {
right: auto !important;
left: -1px !important;
}
}
@media (max-width: 370px) {
.header-universal-wrapper .header-universal-2 .main-logo a img{
max-width: 165px !important;
}
}
@media (max-width: 360px) {
.header-universal-wrapper .header-universal-2 .main-logo a img{
max-width: 160px !important;
}
.header-universal-2 .search.active [type="text"]{
width: calc(94vw - 38px) !important;
}
.header-universal-2 .search [type="text"]{
height: 45px !important;
}
.header-universal-2 .search [type="text"] {
right: auto !important;
left: -2px !important;
}
}
@media (max-width: 350px) {
.product-description .topInfo .status p{
margin-right: 0 !important;
}
}
@media (max-width: 345px) {
.header-universal-wrapper .header-universal-2 .main-logo a img{
max-width: 150px !important;
}
.header-universal-wrapper .header-universal-2.two-row .lastElement{
margin-right: 20px !important;
}
.header-universal-2 .search.active [type="text"]{
width: calc(94vw - 32px) !important;
}
}
.top-slider .owl-stage-outer{border-radius: 18px;}.catalogSlider:first-child{margin-top: 40px;}.slider-catalogVuesliderToSections .owl-carousel{margin-top: 40px;}.topPhoto .topPhotoContainer .wrapper .titlePage{color: #1d1d1f !important; font-family: 'SF Pro Display' !important;}.topPhotoContainer{background-image: none !important; background-color: #f5f5f7 !important; border-radius: 18px;}
.topPhoto .topPhotoContainer .wrapper .titlePage *{
font-weight: 700;
}
.topPhoto .topPhotoContainer .wrapper .pageText{
letter-spacing: -0.018em;
}
.Breadcrumbs .wr a, .Breadcrumbs .wr span{
letter-spacing: -0.018em;
}
#manufacturer-note{
position: relative;
font-family: "Inter", Proximanova-Regular, Helvetica, Arial, sans-serif;
margin: 25px 0;
padding: 0;
line-height: 1.5;
padding-left: 32px;
color: #4b5563;
font-size: 12pt;
-webkit-font-smoothing: antialiased;
}
#manufacturer-note::before{
content: "";
position: absolute;
top: 2px;
left: 0;
width: 20px;
height: 20px;
background: url("/upload/catalog-item-icon/info.svg") center/contain no-repeat;
}
#manufacturer-note strong{
color: #1f2937;
font-weight: 600;
}
.fontTextH{
border-bottom: 1px solid #eceef1 !important;
}
.warnning-ul > .warnning-li:before{
background-image: url("/upload/catalog-item-icon/warning.svg") !important;
background-size: 20px;
width: 20px;
height: 20px;
content: "";
top: 0;
left: 0;
position: absolute;
}
.warnning-ul > .warnning-li{
padding-left: 32px !important;
}
.linkCertificate::before{
background-image: url("/upload/icon-ISO/icon-iso-9001-right-arrow.svg") !important;
}
.color-btn:before{
background-image: url(/upload/ral/ral-palette-pick-color.svg) !important;
background-size: 24px !important;
width: 24px !important;
height: 24px !important;
opacity: 1 !important;
margin-right: 0.8rem !important;
}
.textIndexContainer .grid .wrapper .subtitle{
font-family: 'SF Pro Text';
font-weight: 600 !important;
padding-bottom: 28px;
letter-spacing: -0.023em;
}
.textIndexContainer .grid .wrapper{
color: #1D1D1F;
}
.tech-item{
display: flex;
align-items: center;
gap: 18px;
margin-bottom: 34px;
}
tr:last-child .tech-item{
margin-bottom: 0;
}
.tech-icon-box{
flex: 0 0 112px;
width: 112px;
height: 112px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 18px;
background: #f5f5f7;
border: none;
}
.tech-content{
display: flex;
flex-direction: column;
justify-content: center;
}
.tech-icon-img{
display: block;
width: 67px;
height: 67px;
user-select: none;
transition: color 0.2s ease;
}
.tech-icon-img:hover {
stroke: #1D1D1F;
}
#tech-title{
margin: 0;
padding-bottom: 15px;
font-size: 1rem;
font-weight: 600;
line-height: 1.35;
font-family: 'SF Pro Text';
letter-spacing: -0.021em;
color: #1D1D1F;
}
#tech-desc{
margin: 0;
padding: 0;
font-size: 15px;
line-height: 1.5;
font-weight: 400;
font-family: 'SF Pro Text';
letter-spacing: -0.019em;
color: #3A3A3C;
}
@media (max-width: 767px){
.tech-item{
margin-bottom: 25px;
}
tr:last-child .tech-item{
margin-bottom: 15px;
}
.tech-last-table tr:last-child .tech-item{
margin-bottom: 0;
}
}
.wrap-video{
width: 100%;
display: flex;
justify-content: center;
margin-top: 40px;
padding: 0 .9375rem;
box-sizing: border-box;
}
.block-video{
width: 75%;
border-radius: 18px;
overflow: hidden;
position: relative;
}
.block-video .video_content{
width: 100%;
display: block;
cursor: pointer;
height: auto;
border-radius: inherit;
}
@media screen and (max-width: 639px) {
.block-video{ 
width: 100%; 
}
}
.contact_Info{
margin-top: 20px;
margin-bottom: 25px;
}
.contact{
font-family: 'SF Pro Text';
}
.work_hours{
font-size: 1.25rem;
color: #343434;
font-weight: 700;
letter-spacing: -0.025em;
}
.work_days{
font-size: 1.2rem;
color: #555;
font-weight: 400;
line-height: 30px;
display: flex;
letter-spacing: -0.025em;
}
.numberBig{
font-weight: 600;
letter-spacing: -0.025em;
}
.number-contact:before{
content: "";
width: 24px;
height: 24px;
-webkit-mask: url("/upload/phone-call.svg") center / contain no-repeat;
mask: url("/upload/phone-call.svg") center / contain no-repeat;
background-color: #5c3d9e;
top: 0.3rem;
position: relative;
display: inline-block;
margin-right: 5px;
}
.number-contact:hover:before{
background-color: #551a74;
}
.catalogHead{
margin-bottom: 60px;
max-width: 900px;
}
.catalogHead .catalog-paint{
font-family: 'Sf Pro Display';
font-weight: 700;
font-size: 42px;
color: #1f1f1f;
margin-bottom: 10px;
}
.subTitle-paint{
font-size: 14px;
color: #5f5f5f; 
font-weight: 400;
display: block;
margin-bottom: 20px;
letter-spacing: -0.018em;
}
.textMain{
font-size: 16px;
font-weight: 600;
opacity: 0.85;
line-height: 1.45; 
margin-bottom: 20px;
max-width: 720px;
letter-spacing: -0.021em;
}
.textWarning{
font-size: 14px;
font-weight: 600;
color: #bf4800;
margin-top: 10px;
line-height: 1.45; 
background: rgba(191, 72, 0, .07);
padding: 14px 18px;
display: inline-block;
border-radius: 12px;
border-left: 3px solid #bf4800;
letter-spacing: -0.018em;
}
@media(max-width: 576px){
.catalogHead .catalog-paint{ 
font-size: 32px; 
}
.textMain{ 
font-size: 15px; 
max-width: 100%; 
}
}
.title-about-us{
font-family: 'Sf Pro Display';
font-weight: 700;
font-size: 1.65rem;
margin: 0;
color: #1f1f1f;
}
.video-container-descp{
width: 100%;
margin-top: 30px;
margin-bottom: 25px;
}
.video_card {
width: 100%;
border-radius: 18px;
overflow: hidden;
position: relative;
}
.video_card .video-about-us{
width: 100%;
display: block;
cursor: pointer;
}
.container-descp{
margin-bottom: 30px;
}
.container-certif-main{
margin-bottom: 25px;
}
.title-certificate{
font-size: 1.45rem;
position: relative;
padding-top: 60px;
}
.title-certificate::after{
content: "";
position: absolute;
left: 0;
top: 0;
width: 120px;
height: 60px;
background: url("/upload/icon-ISO/iso-quality-bage.svg") center/contain no-repeat;
}
.container-descp-certif{
margin-bottom: 0;
}
.container-descp-dop-info{
margin-top: 25px;
margin-bottom: 25px;
}
.descp-about-us{
font-weight: 400;
font-size: 17px;
margin: 0;
padding: 0;
line-height: 1.5;
color: #3A3A3C;
margin-bottom: 25px;
letter-spacing: -0.022em;
}
.dop-text-about-us{
margin-top: 35px;
padding: 18px 22px;
border-left: 4px solid #c44a0f;
background: rgba(196, 74, 15, 0.04);
border-radius: 16px;
font-weight: 600;
color: #b8440e;
line-height: 1.45;
font-size: 16px;
letter-spacing: -0.021em;
}
.descp-about-us:last-of-type{
margin-bottom: 0;
}
.wrap-certificate-main{
margin-bottom: 300px;
}
.wrap-certificate-main:last-of-type{
margin-bottom: 0;
}
.btn-certificate{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.96);
transition: opacity 0.5s cubic-bezier(.4,0,.2,1),
transform 0.5s cubic-bezier(.4,0,.2,1);
background: #fff;
color: #3A3A3C;
font-size: 15px;
font-weight: 600;
padding: 10px 24px;
cursor: pointer;
user-select: none;
border-radius: 50px;
border: 1px solid rgba(255,255,255,0.5);
text-align: center;
letter-spacing: -0.019em;
line-height: 1.3;
opacity: 0;
z-index: 2;
backface-visibility: hidden;
will-change: transform;
}
.block-certificate-main{
width: 100%;
}
.photo-source{
overflow: hidden;
border-radius: 18px;
border: 1px solid rgba(255, 255, 255, 0.8);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12),
0 2px 6px rgba(0, 0, 0, 0.06),
inset 0 0 0 1px rgba(255, 255, 255, 0.7);
transform: translateZ(0);
will-change: transform, box-shadow;
backface-visibility: hidden;
}
.photo-source .certificate-compliance{
width: 100%;
height: 100%;
transition: transform 0.5s cubic-bezier(.4,0,.2,1), filter 0.5s cubic-bezier(.4,0,.2,1);
display: block;
filter: brightness(1);
pointer-events: none;
user-select: none;
transform: translateZ(0);
backface-visibility: hidden;
will-change: transform;
}
@media (hover: hover) {
.photo-source:hover .certificate-compliance{
transform: scale(1.01);
filter: brightness(0.9);
}
.photo-source:hover .btn-certificate{
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
.btn-certificate:hover{
filter: opacity(0.9);
}
}
.btn-certificate:active{
transition-duration: 0.15s;
background-color: #e8e8eb;
}
@media (max-width: 640px){
.wrap-certificate{
margin-bottom: 80px;
}
}
@media (max-width: 512px){
.photo-source .certificate-compliance{
filter: brightness(0.9);
transform: scale(1.01);
}
.btn-certificate{
background: rgba(255,255,255,0.93);
opacity: 1;
}
.btn-certificate:active{
filter: opacity(0.9);
}
}
.container-ral-page{
margin-bottom: 48px;
margin-left: 45px;
margin-right: 45px;
}
.title-main{
margin-left: 30px;
margin-right: 30px;
}
.title-ral{
font-weight: 700;
font-size: 1.70rem;
color: #1f1f1f;
margin: 0;
padding: 0;
line-height: 0.95;
font-family: "Sf Pro Display";
}
.title-add-text-ral{
font-size: 1.60rem;
font-weight: 600;
background: #705BC6;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
position: relative;
}
.title-add-text-ral::after{
content: "";
position: absolute;
left: 0;
bottom: -6px;
width: 68px;
height: 3px;
opacity: 0.9;
background: linear-gradient( 90deg, #7457CF 0%, #8B73DD 100%);
border-radius: 30px;
}
.wrap-picture-ral{
margin-top: 56px;
margin-bottom: 56px;
display: flex;
justify-content: center;
align-items: center;
user-select: none;
pointer-events: none;
}
.block-picture-ral{
width: 100%;
height: auto;
}
.source-ral-k7{
width: 100%;
height: 100%;
border-radius: 18px;
border: 1px solid rgba(255, 255, 255, 0.65);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}
.descp-page-ral{
background: linear-gradient( 135deg, #A07AED 0%, #8B63E0 48%, #7650C8 100%);
box-shadow: inset 0 0.5px 0 rgba(255,255,255,0.12), 0 16px 34px rgba(118,80,200,0.14);
border-radius: 18px;
padding: 40px;
margin-bottom: 48px;
margin-left: 30px;
margin-right: 30px;
overflow: hidden;
box-sizing: border-box;
position: relative;
}
.wrapper-circles-bubbles .circles-bubbles{
height: 60px;
width: 60px;
border: 2px solid rgba(255, 255, 255, 0.2);
border-radius: 50px;
position: absolute;
top: 10%;
left: 10%;
animation: 4s linear infinite;
}
.circles-bubbles .dot-bubbles{
height: 10px;
width: 10px;
border-radius: 50px;
background: rgba(255, 255, 255, 0.2);
position: absolute;
top: 20%;
right: 20%;
}
.wrapper-circles-bubbles .circles-bubbles:nth-child(1){
top: 20%;
left: 20%;
animation: animate 8s linear infinite;
}
.wrapper-circles-bubbles .circles-bubbles:nth-child(2){
top: 60%;
left: 80%;
animation: animate 10s linear infinite;
}
.wrapper-circles-bubbles .circles-bubbles:nth-child(3){
top: 40%;
left: 40%;
animation: animate 3s linear infinite;
}
.wrapper-circles-bubbles .circles-bubbles:nth-child(4){
top: 66%;
left: 30%;
animation: animate 7s linear infinite;
}
.wrapper-circles-bubbles .circles-bubbles:nth-child(5){
top: 90%;
left: 10%;
animation: animate 9s linear infinite;
}
.wrapper-circles-bubbles .circles-bubbles:nth-child(6){
top: 30%;
left: 60%;
animation: animate 5s linear infinite;
}
.wrapper-circles-bubbles .circles-bubbles:nth-child(7){
top: 70%;
left: 20%;
animation: animate 8s linear infinite;
}
.wrapper-circles-bubbles .circles-bubbles:nth-child(8){
top: 75%;
left: 60%;
animation: animate 10s linear infinite;
}
.wrapper-circles-bubbles .circles-bubbles:nth-child(9){
top: 50%;
left: 50%;
animation: animate 6s linear infinite;
}
.wrapper-circles-bubbles .circles-bubbles:nth-child(10){
top: 45%;
left: 20%;
animation: animate 10s linear infinite;
}
.wrapper-circles-bubbles .circles-bubbles:nth-child(11){
top: 10%;
left: 90%;
animation: animate 9s linear infinite;
}
.wrapper-circles-bubbles .circles-bubbles:nth-child(12){
top: 20%;
left: 70%;
animation: animate 7s linear infinite;
}
.wrapper-circles-bubbles .circles-bubbles:nth-child(13){
top: 20%;
left: 20%;
animation: animate 8s linear infinite;
}
.wrapper-circles-bubbles .circles-bubbles:nth-child(14){
top: 60%;
left: 5%;
animation: animate 6s linear infinite;
}
.wrapper-circles-bubbles .circles-bubbles:nth-child(15){
top: 90%;
left: 80%;
animation: animate 9s linear infinite;
}
@keyframes animate{
0% {
transform: scale(0) translateY(0) rotate(70deg);
opacity: 0;
}
30% {
transform: scale(0.8) translateY(-30px) rotate(180deg);
opacity: 0.3;
}
60% {
transform: scale(1.1) translateY(-70px) rotate(270deg);
opacity: 0.6;
}
100% {
transform: scale(1.3) translateY(-100px) rotate(360deg);
opacity: 0;
}
}
.descp-page-ral> *:not(.wrapper-circles-bubbles){
position: relative;
z-index: 1;
}
.descp-page-ral,
.wrapper-circles-bubbles .circles-bubbles{
transform: translateZ(0);
backface-visibility: hidden;
will-change: transform, opacity;
}
.text-ral{
line-height: 1.5;
font-weight: 400;
font-size: 13pt;
padding: 0;
margin: 0;
letter-spacing: -0.022em;
color: rgba(255, 255, 255, 0.92);
}
.text-ral + .text-ral{
margin-top: 20px;
}
.descp-page-warnning{
display: flex;
flex-direction: column;
align-items: center;
margin-top: 30px;
}
.warnning-text{
width: 850px;
line-height: 1.5;
margin: 0;
padding: 0;
font-weight: 600;
margin-top: 20px;
letter-spacing: -0.022em;
text-align: center;
font-size: 13pt;
color: #FFF3D1;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.warnning-main::before{
background-image: url("/upload/ral/shield-check-warning.svg");
content: "";
width: 25px;
height: 25px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
opacity: 0.9;
position: relative;
top: -1px;
}
.descp-warning{
line-height: 1.4;
color: #FFE9B8;
font-size: 12pt;
letter-spacing: -0.021em;
font-weight: 400;
}
.search-border{
padding: 14px 28px;
border-radius: 18px;
background: linear-gradient( 135deg, #7B56CF 0%, #6845B3 55%, #573A96 100%);
box-shadow: inset 0 0.5px 0 rgba(255,255,255,0.08), 0 12px 26px rgba(87,58,150,0.18);
display: flex;
justify-content: center;
align-items: center;
}
.search-border::before{
content: "";
width: 48px;
height: 48px;
min-width: 48px;
margin-right: 25px;
border-radius: 50%;
background: url("/upload/ral/search-ral.svg") center / 21px no-repeat, rgba(255,255,255,0.14);
flex-shrink: 0;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.10), 0 4px 10px rgba(0,0,0,0.05);
}
.key-tip-color{
color: #fff;
border-radius: 8px;
padding: 2px 12px;
background: rgba(255,255,255,0.14);
border: 1px solid rgba(255,255,255,0.20);
margin: 0 5px;
}
.remark-color{
font-weight: 600;
}
.text-border{
color: #fff;
line-height: 1.6;
font-size: 12pt;
letter-spacing: -0.021em;
font-weight: 400;
}
.remark{
opacity: 0.7;
}
.main-search-border{
margin-left: 30px;
display: flex;
justify-content: center;
align-items: center;
margin-right: 30px;
}
.retreat-border{
padding-bottom: 0;
border-bottom: none;
}
.section-ral-k7{
position: relative;
background-color: transparent;
margin-bottom: 4.5rem;
padding-left: 100px;
padding-right: 100px;
transform: translateZ(0);
will-change: transform;
}
.table-ral{
width: 100%;
border-collapse: separate;
border-spacing: 24px;
}
.ral-cells{
padding: 1% 1% 11%;
text-align: center;
width: 25%;
height: auto; 
vertical-align: middle;
border-radius: 20px;
z-index: 1;
will-change: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
position: relative;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.ral-cells:hover{
transform: translateY(-4px) rotateX(2deg);
}
.ral-cells::before{
content: "";
position: absolute;
inset: 0;
top:0;
right:0; 
bottom:0;
left:0;
border-radius: inherit;
background: transparent;
will-change: opacity;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
z-index: 0;
opacity: 0.5;
transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.ral-cells:hover::before{
opacity: 1;
}
.ral-cells::after{
content: "";
position: absolute;
inset: 1px;
top: 1px;
right: 1px; 
bottom: 1px;
left: 1px;
border-radius: inherit;
border: 1px solid rgba(255, 255, 255, 0.25);
box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.25);
transition: border 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.ral-cells:hover::after{
border: 1px solid rgba(255, 255, 255, 0.4);
box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.35), inset 0 -2px 4px rgba(0, 0, 0, 0.1);
}
@media (hover: hover) and (pointer: fine){
.ral-cells:active{
transition-duration: 0.12s;
transition-timing-function: cubic-bezier(.4,0,.2,1);
transform: translateY(-2px);
}
.ral-cells:active::before{
transition-duration: 0.12s;
transition-timing-function: cubic-bezier(.4,0,.2,1);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
opacity: 0.7;
}
.ral-cells:active::after{
transition-duration: 0.12s;
transition-timing-function: cubic-bezier(.4,0,.2,1);
box-shadow: inset 0 0 4px rgba(255,255,255,0.25), inset 0 -1px 3px rgba(0,0,0,0.08);
border: 1px solid rgba(255,255,255,0.3);
}
}
.top-text-ral,
.bottom-text-ral{
position: absolute;
backface-visibility: hidden;
transform-style: preserve-3d;
left: 50%;
transform: translate3d(-50%, -50%, 0);
white-space: normal;
width: 100%;
padding: 0 10px;
word-break: break-word;
text-align: center;
box-sizing: border-box;
}
.top-text-ral{
letter-spacing: -0.022em;
top: 25%;
font-size: 13pt;
font-weight: 700;
color: #4A4A4A;
}
.bottom-text-ral{ 
top: 75%;
opacity: 0;
visibility: hidden;
font-size: 10pt;
letter-spacing: -0.017em;
transform: translate3d(-50%, -50%, 0);
line-height: 1.1;
font-weight: 400;
color: #4A4A4A;
transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), 
transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.ral-cells:hover .bottom-text-ral{
opacity: 0.85;
visibility: visible;
transform: translate3d(-50%, -60%, 0);
}
.top-text-ral-additionally{
color: #fff;
}
.bottom-text-ral-additionally{
color: #fff;
}
@media (hover: none) and (pointer: coarse){
.ral-cells{
-webkit-touch-callout: none;
transition: transform 0.3s ease;
  }
.ral-cells::after{
transition: border 0.3s ease, box-shadow 0.3s ease;
border: 1px solid rgba(255, 255, 255, 0.18);
box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.16);
}
.ral-cells:hover{
transform: translateY(-2px);
}
.ral-cells:hover::after{
border: 1px solid rgba(255, 255, 255, 0.35);
box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.25), inset 0 -1px 3px rgba(0, 0, 0, 0.08);
}
.ral-cells::before{
transition: opacity 0.3s ease;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.20);
}
.ral-cells:hover::before{
opacity: 0.8;
}
.bottom-text-ral{
transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
}
.ral-cells:active{
transition-duration: none !important;
transform: translateY(-2px);
box-shadow: none !important;
}
}
@media screen and (max-width: 1200px){
.warnning-text{
width: auto;
}
}
@media screen and (max-width: 1000px){
.retreat-border{
display: none;
}
.container-ral-page{
margin-left: 15px;
margin-bottom: 70px;
margin-right: 15px;
}
.title-main{
margin-left: 0;
margin-right: 0;
}
.descp-page-ral{
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding: 28px 18px 28px;
text-align: center;
}
.descp-page-warnning{
padding-left: 40px;
padding-right: 40px;
margin-top: 20px;
}
.section-ral-k7{
padding: 28px 18px 28px;
background-color: #FAFAFA;
box-shadow: 0 -2px 8px rgba(0,0,0,0.05);
border-radius: 18px 18px 0 0;
border-left: 1px solid rgba(255,255,255,0.4);
border-right: 1px solid rgba(255,255,255,0.4);
margin-bottom: 6rem;
}
.main-search-border{
margin-left: 0;
margin-right: 0;
}
.table-ral{
border-spacing: 15px;
}
.text-ral{
font-size: 12pt;
letter-spacing: -0.021em;
}
.top-text-ral{
font-size: 12pt;
letter-spacing: -0.021em;
}
.bottom-text-ral{
font-size: 9pt;
letter-spacing: -0.015em;
}
.warnning-text{
font-size: 12pt;
letter-spacing: -0.021em;
}
.descp-warning{
font-size: 11pt;
letter-spacing: -0.019em;
}
.ral-cells{
padding: 3% 3% 12%;
}
}
@media screen and (max-width: 612px){
.bottom-text-ral{
display: none;
}
}
@media screen and (max-width: 512px){
.descp-page-warnning{
padding-left: 0;
padding-right: 0;
}
.block-picture-ral{
width: 100%;
height: 130px;
}
.source-ral-k7{
width: 100%;
height: 100%;
border-radius: 18px;
object-fit: cover;
}
.table-ral{
border-spacing: 0;
}
.table-ral .ral-rows{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 8px;
margin-bottom: 8px;
}
.table-ral .ral-cells{
width: calc(50% - 4px);
box-sizing: border-box;
}
.table-ral .ral-rows:last-child{
margin-bottom: 0;
}
.bottom-text-ral{
display: unset;
}
.ral-cells{
cursor: auto;
padding: 1% 1% 28%;
}
}
.category-description{
max-width: 900px;
}
.catalog-text p{
padding-bottom: 20px;
}
.catalog-text p:last-of-type{
padding-bottom: 0;
}
.descp-emali{
margin: 0;
padding: 0;
font-weight: 400;
line-height: 1.65;
letter-spacing: -0.018em;
font-size: 0.93rem;
color: #3A3A3C;
}
.descp-text-add{
color: #4A4A4A;
}
.container-packaging{
margin: 40px 0 20px;
padding: 14px 18px;
background: rgba(191, 72, 0, .07);
border-left: 3px solid #bf4800;
border-radius: 12px;
display: inline-block;
max-width: 700px;
}
.category-note{
font-weight: 600;
color: #bf4800;
line-height: 1.5;
letter-spacing: -0.018em;
font-size: 0.9rem;
}
.catalog-text .title{
font-family: 'Sf Pro Text' !important;
font-weight: 700 !important;
color: #1f1f1f;
padding-bottom: 0 !important;
letter-spacing: -0.023em;
}
.main-text{
font-weight: 700;
font-size: 1.05rem;
color: #1f1f1f;
margin-top: 15px;
margin-bottom: 15px;
letter-spacing: -0.021em;
}
.dopTextH:first-of-type{
margin-top: 15px;
}
.dopTextH{
color: #3a3a3a;
font-size: 0.98rem;
margin-top: 5px;
margin-bottom: 10px;
letter-spacing: -0.019em;
}
#priorityLi-category:first-of-type{
margin-top: 0;
}
#priorityUl-category{
margin-top: 0.3rem;
margin-bottom: 2rem;
padding-left: 27px;
}
#priorityLi-category::marker{
color: rgba(0,0,0,0.55);
}
#priorityLi-category{
list-style-position: outside;
display: list-item;
color: #4A4A4A;
font-size: 0.9rem;
font-weight: 400;
letter-spacing: -0.018em;
padding-left: 7px;
margin-top: 10px;
}
.underlineLfm{
color: #0069c2;
text-decoration: underline;
text-decoration-color: #0069c2;
text-underline-offset: 1px;
text-decoration-thickness: 1px;
}
.underlineLfm:hover{
text-decoration: none;
}
.underlineLfm:active{
background-color: #0069c2;
color: #fff;
}
@media screen and (max-width: 576px){
.underlineLfm:active{
background-color: #b7b5b8;
border-radius: 3px;
color: #0069c2;
outline: 1px solid #b7b5b8;
}
}
/* End */
/* /bitrix/templates/yam-template/styles.css?178913730363742 */