@charset "UTF-8";
*{padding:0;margin:0;border:0}
*,:before,:after{box-sizing:border-box}
:focus,:active{outline:none}
a:focus,a:active{outline:none}
nav,footer,header,aside{display:block}
html,body{height:100%;width:100%;font-size:100%;line-height:1;font-size:14px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}
input,button,textarea{font-family:inherit}
input::-ms-clear{display:none}
button{cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
a,a:visited{text-decoration:none}
a:hover{text-decoration:none}
ul li{list-style:none}
img{vertical-align:top}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400}
html{scroll-behavior:smooth}
body{background:#fff;color:#151515;height:100%;font-size:16px;font-family:var(--font-family)}
body.hidden{overflow:hidden}
.wrapper{min-height:100vh;overflow:hidden;display:flex;flex-direction:column}
.wrapper.active{background-color:#F6F6F6}
.page{flex:1 0 auto}
._container{max-width:1246px;padding:0 15px;margin:0 auto}
.title{font-family:DDT;font-weight:400;font-size:44px;leading-trim:Cap height;line-height:50px;letter-spacing:0;vertical-align:bottom;color:#131D23}
@media (max-width: 480px) {
.title{font-size:30px;line-height:35px}
}
.top{margin-top:167px;margin-bottom:60px}
@media (max-width: 480px) {
.top{margin-top:110px;margin-bottom:30px}
}
.top__item{margin-bottom:30px}
@media (max-width: 480px) {
.top__item{margin-bottom:10px}
}
.top__container{display:flex;gap:15px;align-items:center;flex-wrap:wrap;font-family:Gotham;font-weight:400;font-size:17px;leading-trim:Cap height;line-height:100%;letter-spacing:0;vertical-align:middle;color:#999}
.top__main{color:#999;transition:.3s}
.top__main:hover{color:#EBC18A}
.alert{color:#FFF;width:100%;padding:10px;margin:10px 0;display:flex;gap:10px;border-radius:10px;background:#34a141;font-family:Gotham;font-weight:400;font-size:16px}
.alert button{background:transparent;color:#FFF}
.whatsapp-phone{position:fixed;bottom:25px;right:20px;z-index:1010}
.whatimg{width:70px}
@media (max-width: 1000px) {
.whatimg{width:50px}
}
.header{position:fixed;left:0;top:0;width:100%;z-index:99;transition:all .4s ease;padding:30px 0;transition:.3s}
@media (max-width: 480px) {
.header{padding:10px 0}
}
.header__body{display:flex;justify-content:space-between;align-items:center}
.header__items{display:flex;justify-content:space-between;width:100%;max-width:804px}
.header__item{font-family:Gotham;font-weight:400;font-size:17px;leading-trim:Cap height;line-height:100%;letter-spacing:0;vertical-align:middle;color:#FFF;transition:.3s}
.header__item:hover{color:#EBC18A}
.header__item_menu{font-family:Gotham;font-weight:400;font-size:17px;leading-trim:Cap height;line-height:100%;letter-spacing:0;vertical-align:middle;color:#FFF}
.header__feedback{display:flex;gap:20px;align-items:center}
.header__phone{font-family:Gotham;font-weight:400;font-size:18px;leading-trim:Cap height;line-height:100%;letter-spacing:0;vertical-align:middle;text-transform:uppercase;color:#FFF;display:flex;align-items:center;gap:10px}
@media (max-width: 1200px) {
.header__desc{display:none}
}
.header.active{background-color:#131D23}
.burger{display:none;padding-left:5px}
@media (max-width: 1200px) {
.burger{display:flex;gap:10px}
}
.burger__image *{stroke:#FFF;color:#FFF;fill:#FFF;transition:.3s}
.menu{padding:20px;background-color:#131D23;position:fixed;left:0;top:0;height:100vh;width:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between;row-gap:50px;transform:translateX(-100%);transition:.8s}
.menu.active{transform:translateX(0)}
.menu__close{position:absolute;right:20px;top:15px;font-size:50px;color:#bbb;cursor:pointer}
@media (max-width: 480px) {
.menu__close{font-size:40px;right:15px;top:10px}
}
.menu__logo img{width:100px}
.menu__items{display:flex;flex-direction:column;align-items:center;row-gap:30px}
.menu__feedback-place{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:60px}
.menu__phone{font-family:Gotham;font-weight:400;font-size:18px;leading-trim:Cap height;line-height:100%;letter-spacing:0;vertical-align:middle;text-transform:uppercase;color:#FFF;display:flex;align-items:center;gap:10px}
.footer{background-color:#131D23}
.footer__body{display:flex;justify-content:space-between;gap:20px;margin-top:50px;margin-bottom:60px}
@media (max-width: 920px) {
.footer__body{flex-direction:column;gap:30px}
}
.footer__center{display:flex;justify-content:space-between;gap:20px;width:100%;max-width:761px}
@media (max-width: 730px) {
.footer__center{flex-direction:column;gap:30px}
}
.footer__nav-place{max-width:200px;display:flex;flex-direction:column;gap:20px}
.footer__nav-place-contacts{max-width:336px}
.footer__title{font-family:Gotham;font-weight:700;font-size:16px;line-height:100%;letter-spacing:0;vertical-align:middle;color:#FFF}
.footer__title::first-letter{text-transform:uppercase}
.footer__nav{display:flex;flex-direction:column;gap:15px}
.footer__nav-item{font-family:Gotham;font-weight:400;font-size:17px;leading-trim:Cap height;line-height:17px;letter-spacing:0;color:#E3E3E3;text-wrap:balance;transition:.3s}
.footer__nav-item:hover{color:#EBC18A}
.footer__nav-item-list{display:flex;flex-direction:column;gap:5px}
.footer__foot{font-family:Gotham;font-weight:400;font-size:12px;line-height:100%;letter-spacing:0;vertical-align:middle;color:#FFF;padding-top:25px;padding-bottom:25px;border-top:1px solid #37444B;display:flex;align-items:center}
@media (max-width: 390px) {
.footer__foot{flex-direction:column;align-items:start}
}
.footer__foot-left{display:flex;gap:5px;font-family:Gotham;font-weight:400;font-size:12px;line-height:100%;letter-spacing:0;vertical-align:middle;color:#FFF;padding-right:5px}
.footer__foot-left a{padding-top:2px;height:fit-content}
.main{height:100vh;background-position:center;background-size:cover;background-repeat:no-repeat;position:relative}
.main::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:#10101059}
.main__factory::after{background-color:#101010a6}
.main__container{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center}
.main__title{font-family:DDT;font-weight:500;font-size:54px;leading-trim:Cap height;line-height:60px;letter-spacing:0;vertical-align:bottom;color:#FFF;max-width:646px}
@media (max-width: 480px) {
.main__title{font-size:40px;line-height:45px}
}
.main__subtitle{font-family:Gotham;font-weight:400;font-size:22px;leading-trim:Cap height;line-height:32px;letter-spacing:0;vertical-align:middle;color:#FFF;max-width:578px;margin-top:20px}
.main__scroll{display:flex;gap:20px;position:absolute;left:0;bottom:50px}
.main__scroll-text{font-family:Gotham;font-weight:300;font-size:23px;leading-trim:Cap height;line-height:32px;letter-spacing:0;vertical-align:bottom;color:#ECECEC}
.pro{margin-bottom:100px;min-height:100vh;padding:20px 0;background-position:center;background-size:cover;background-repeat:no-repeat;position:relative}
@media (max-width: 480px) {
.pro{margin-bottom:40px}
}
.pro::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:#1515158c;min-height:100vh}
.pro__container{position:relative;z-index:1;height:100%;min-height:100vh;display:flex;justify-content:space-between;align-items:center;gap:20px}
@media (max-width: 800px) {
.pro__container{flex-direction:column}
}
.pro__left{width:100%;max-width:468px}
.pro__title{color:#FFF}
.pro__text{font-family:Gotham;font-weight:400;font-size:22px;leading-trim:Cap height;line-height:32px;letter-spacing:0;color:#FFF;margin:35px 0}
@media (max-width: 480px) {
.pro__text{margin:10px 0;font-size:20px;line-height:22px}
}
.pro__link{font-family:Gotham;font-weight:500;font-size:16px;leading-trim:Cap height;line-height:100%;letter-spacing:0;text-align:center;vertical-align:middle;text-transform:uppercase;color:#131D23;background-color:#FFF;display:block;padding:17px 30px;width:fit-content;transition:.3s}
.pro__link:hover{color:#FFF;background-color:#131D23}
.pro__right{max-width:435px}
.pro__item{display:flex;gap:30px;border-top:1px solid #424242;margin-top:20px;padding-top:20px}
@media (max-width: 480px) {
.pro__item{gap:10px}
}
.pro__item:first-child{border-top:0;margin-top:0;padding-top:0}
.pro__item-number{font-family:NoirPro-Medium;font-weight:400;font-size:50px;leading-trim:Cap height;line-height:60px;letter-spacing:0;vertical-align:bottom;color:#FFF;border:1px solid #6A6A6A;border-radius:100%;width:90px;height:90px;min-width:90px;min-height:90px;display:flex;align-items:center;justify-content:center}
@media (max-width: 480px) {
.pro__item-number{font-size:30px;line-height:35px;width:60px;height:60px;min-width:60px;min-height:60px}
}
.pro__item-title{font-family:DDT;font-weight:400;font-size:18px;line-height:24px;letter-spacing:0;text-transform:uppercase;color:#FFF;margin-bottom:10px}
.pro__item-subtitle{font-family:Gotham;font-weight:400;font-size:17px;leading-trim:Cap height;line-height:20px;letter-spacing:0;color:#CFCFCF}
.factory{margin-bottom:100px}
@media (max-width: 480px) {
.factory{margin-bottom:40px}
}
.factory__container{display:flex;justify-content:space-between;align-items:center;gap:10px}
@media (max-width: 800px) {
.factory__container{flex-direction:column}
}
.factory__image-place{width:621px;min-width:400px;height:529px;background-position:center;background-size:cover;background-repeat:no-repeat}
@media (max-width: 800px) {
.factory__image-place{width:100%;min-width:auto;height:400px}
}
.factory__content{max-width:488px}
.factory__subtitle{font-family:Gotham;font-weight:400;font-size:22px;leading-trim:Cap height;line-height:32px;letter-spacing:0;color:#131D23;margin:35px 0}
@media (max-width: 800px) {
.factory__subtitle{margin:10px 0}
}
.factory__link{font-family:Gotham;font-weight:500;font-size:16px;leading-trim:Cap height;line-height:100%;letter-spacing:0;text-align:center;vertical-align:middle;text-transform:uppercase;color:#FFF;background-color:#131D23;display:block;padding:16px 29px;width:fit-content;border:1px solid #131D23;transition:.3s}
.factory__link:hover{color:#131D23;background-color:#FFF}
.gallery{margin-bottom:100px}
@media (max-width: 480px) {
.gallery{margin-bottom:40px}
}
.gallery__content{margin-top:50px;margin-bottom:0!important}
@media (max-width: 480px) {
.gallery__content{margin-top:10px}
}
.gallery__content .slick-dots{display:none!important}
.gallery__content .slick-slide{margin-right:32px}
.gallery__content .slick-slide:last-child{margin-right:0}
.gallery__item-image{height:306px}
@media (max-width: 480px) {
.gallery__item-image{height:200px}
}
.stages{margin-bottom:100px;height:100vh;background-position:center;background-size:cover;background-repeat:no-repeat;position:relative}
@media (max-width: 480px) {
.stages{margin-bottom:40px}
}
.stages::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:#10101059}
.stages__container{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:end}
.stages__content{max-width:440px}
.stages__title{color:#FFF}
.stages__text{font-family:Gotham;font-weight:400;font-size:22px;leading-trim:Cap height;line-height:32px;letter-spacing:0;color:#FFF;margin-top:30px}
@media (max-width: 480px) {
.stages__text{font-size:18px;line-height:22px;margin-top:20px}
}
.understand{margin-bottom:100px}
@media (max-width: 480px) {
.understand{margin-bottom:40px}
}
.understand__container{display:flex;justify-content:space-between;align-items:center;gap:10px}
@media (max-width: 800px) {
.understand__container{flex-direction:column}
}
.understand__image-place{width:621px;min-width:400px;height:529px;background-position:center;background-size:cover;background-repeat:no-repeat}
@media (max-width: 800px) {
.understand__image-place{width:100%;min-width:auto;height:400px}
}
.understand__content{max-width:488px}
.understand__subtitle{font-family:Gotham;font-weight:400;font-size:22px;leading-trim:Cap height;line-height:32px;letter-spacing:0;color:#131D23;margin-top:35px}
@media (max-width: 800px) {
.understand__subtitle{margin-top:10px}
}
.contacts{margin-bottom:100px}
@media (max-width: 480px) {
.contacts{margin-bottom:40px}
}
.contacts__container{display:flex;align-items:center;justify-content:space-between;gap:20px;background-color:#F5F5F5;padding:0;max-width:1216px}
@media (max-width: 750px) {
.contacts__container{flex-direction:column-reverse;align-items:start}
}
.contacts__container-main{flex-direction:row-reverse}
@media (max-width: 750px) {
.contacts__container-main{flex-direction:column-reverse;align-items:start}
}
.contacts__left{background-position:center;background-size:cover;background-repeat:no-repeat;padding:80px 60px;position:relative}
@media (max-width: 750px) {
.contacts__left{width:100%}
}
.contacts__left::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:#0b0b0ba6}
@media (max-width: 900px) {
.contacts__left{padding:30px 15px}
}
.contacts__left-content{position:relative;z-index:1}
.contacts__title{font-family:DDT;font-weight:400;font-size:44px;leading-trim:Cap height;line-height:50px;letter-spacing:0;vertical-align:bottom;color:#FFF;margin-bottom:10px}
@media (max-width: 480px) {
.contacts__title{font-size:30px;line-height:35px}
}
.contacts__subtitle{font-family:Gotham;font-weight:400;font-size:18px;leading-trim:Cap height;line-height:33.08px;letter-spacing:0;color:#E7E7E7;margin:25px 0}
.contacts__area-input-place{display:flex;gap:15px;margin-bottom:15px}
@media (max-width: 480px) {
.contacts__area-input-place{flex-direction:column}
}
.contacts__area-input{width:100%;font-family:Gotham;font-weight:400;font-size:18px;line-height:24px;letter-spacing:0;color:#FFF;padding:13px 15px;background:#fff3;backdrop-filter:blur(20px)}
.contacts__area-input::placeholder{color:#FFF}
.contacts__area-input-submit{font-family:Gotham;font-weight:500;font-size:16px;leading-trim:Cap height;line-height:100%;letter-spacing:0;text-align:center;vertical-align:middle;text-transform:uppercase;color:#131D23;padding:17px 30px;margin-top:40px;border:1px solid #FFF;transition:.3s}
.contacts__area-input-submit:hover{color:#FFF;background-color:#131D23}
.contacts__right{max-width:360px;margin:0 50px;display:flex;flex-direction:column;gap:20px}
@media (max-width: 900px) {
.contacts__right{margin:15px}
}
.contacts__item-title{font-family:Gotham;font-weight:400;font-size:18px;leading-trim:Cap height;line-height:33.08px;letter-spacing:0;color:#999;text-transform:uppercase;margin-bottom:0}
.contacts__item-link{font-family:Gotham;font-weight:400;font-size:22px;leading-trim:Cap height;line-height:30px;letter-spacing:0;color:#131D23;transition:.3s}
.contacts__item-link:hover{color:#EBC18A}
@media (max-width: 480px) {
.contacts__item-link{font-size:20px;line-height:22px}
}
.contacts__item-list{display:flex;flex-direction:column;gap:10px}
.contacts__item-link-phone{font-family:Gotham;font-weight:400;font-size:30px;leading-trim:Cap height;line-height:38.17px;letter-spacing:0}
.contacts__item-link-u{text-transform:uppercase}
.contacts__item-social-list{display:flex;gap:25px}
.about-page{margin-top:100px;margin-bottom:100px}
@media (max-width: 480px) {
.about-page{margin-top:40px;margin-bottom:40px}
}
.about-page__container{display:flex;flex-direction:column;gap:100px}
@media (max-width: 480px) {
.about-page__container{gap:40px}
}
.about-page__place{display:flex;justify-content:space-between;align-items:center;gap:10px}
@media (max-width: 800px) {
.about-page__place{flex-direction:column}
}
.about-page__place:nth-child(even){flex-direction:row-reverse}
@media (max-width: 800px) {
.about-page__place:nth-child(even){flex-direction:column}
}
.about-page__image-place{width:591px;min-width:400px;height:529px;background-position:center;background-size:cover;background-repeat:no-repeat}
@media (max-width: 800px) {
.about-page__image-place{width:100%;min-width:auto;height:400px}
}
.about-page__content{max-width:488px}
.about-page__subtitle{font-family:Gotham;font-weight:400;font-size:22px;leading-trim:Cap height;line-height:32px;letter-spacing:0;color:#131D23;margin:25px 0}
@media (max-width: 800px) {
.about-page__subtitle{margin:10px 0}
}
.wileyx{margin-top:100px;margin-bottom:100px}
@media (max-width: 480px) {
.wileyx{margin-top:40px;margin-bottom:40px}
}
.wileyx__container{display:flex;justify-content:space-between;align-items:center;gap:10px}
@media (max-width: 800px) {
.wileyx__container{flex-direction:column}
}
.wileyx__image-place{width:590px;min-width:400px;height:529px;background-position:center;background-size:cover;background-repeat:no-repeat}
@media (max-width: 800px) {
.wileyx__image-place{width:100%;min-width:auto;height:400px}
}
.wileyx__content{max-width:488px}
.wileyx__subtitle{font-family:Gotham;font-weight:400;font-size:22px;leading-trim:Cap height;line-height:32px;letter-spacing:0;color:#131D23;margin:20px 0}
@media (max-width: 800px) {
.wileyx__subtitle{margin:10px 0}
}
.gallery-page{margin-bottom:100px}
@media (max-width: 480px) {
.gallery-page{margin-bottom:40px}
}
.gallery-page__content{margin-top:50px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:32px}
@media (max-width: 480px) {
.gallery-page__content{margin-top:10px}
}
@media (max-width: 1000px) {
.gallery-page__content{grid-template-columns:1fr 1fr;gap:20px}
}
@media (max-width: 600px) {
.gallery-page__content{grid-template-columns:1fr;gap:10px}
}
.gallery-page__image-place{height:306px;background-position:center;background-size:cover;background-repeat:no-repeat}
@media (min-width: 1000px) {
.gallery-page__image-place:nth-child(10n+1){grid-row:span 1;grid-column:span 10}
.gallery-page__image-place:nth-child(10n+2){grid-row:span 1;grid-column:span 7}
.gallery-page__image-place:nth-child(10n+3){grid-row:span 1;grid-column:span 7}
.gallery-page__image-place:nth-child(10n+4){grid-row:span 1;grid-column:span 7}
.gallery-page__image-place:nth-child(10n+5){grid-row:span 1;grid-column:span 7}
.gallery-page__image-place:nth-child(10n+6){grid-row:span 1;grid-column:span 10}
.gallery-page__image-place:nth-child(10n+7){grid-row:span 1;grid-column:span 6}
.gallery-page__image-place:nth-child(10n+8){grid-row:span 1;grid-column:span 6}
.gallery-page__image-place:nth-child(10n+9){grid-row:span 1;grid-column:span 6}
.gallery-page__image-place:nth-child(10n+10){grid-row:span 1;grid-column:span 6}
}
.news{margin-bottom:100px}
@media (max-width: 480px) {
.news{margin-bottom:40px}
}
.news__content{margin-top:50px;display:grid;grid-template-columns:1fr 1fr 1fr;row-gap:50px;column-gap:32px}
@media (max-width: 480px) {
.news__content{margin-top:10px}
}
@media (max-width: 850px) {
.news__content{grid-template-columns:1fr 1fr;row-gap:30px;column-gap:20px}
}
@media (max-width: 550px) {
.news__content{grid-template-columns:1fr}
}
.news__item:hover .news__item-image-place::after{transform:scale(1.1)}
.news__item-image-place{height:306px;background-position:center;background-size:cover;background-repeat:no-repeat;position:relative;overflow:hidden}
.news__item-image-place::after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-image:inherit;background-position:center;background-size:cover;background-repeat:no-repeat;transition:.5s}
.news__item-date{font-family:Gotham;font-weight:400;font-size:17px;leading-trim:Cap height;line-height:100%;letter-spacing:0;vertical-align:middle;color:#999;margin-top:20px;margin-bottom:10px}
.news__item-title{font-family:DDT;font-weight:400;font-size:21px;leading-trim:Cap height;line-height:100%;letter-spacing:0;vertical-align:middle;color:#131D23}
.news__item-subtitle{font-family:Gotham;font-weight:400;font-size:17px;leading-trim:Cap height;line-height:100%;letter-spacing:0;vertical-align:middle;color:#555;margin-top:15px}
.news-single{margin-bottom:100px}
@media (max-width: 480px) {
.news-single{margin-bottom:40px}
}
.news-single__container{display:flex;flex-direction:column;gap:40px}
@media (max-width: 480px) {
.news-single__container{gap:10px}
}
.news-single__image-place{background-position:center;background-repeat:no-repeat;background-size:cover;float:left;margin:5px 40px 10px 0;max-width:600px;height:350px;width:100%;border-radius:10px}
@media (max-width: 600px) {
.news-single__image-place{float:none;height:250px}
}
.news-single__image{float:left;margin:5px 40px 40px 0;max-width:600px;border-radius:10px}
@media (max-width: 600px) {
.news-single__image{width:100%;float:none}
}
.news-single__text{font-family:Gotham;font-size:18px;font-weight:300;line-height:24.43px;text-align:justify;text-underline-position:from-font;text-decoration-skip-ink:none}
.catalog{margin-bottom:100px}
@media (max-width: 480px) {
.catalog{margin-bottom:40px}
}
.catalog__container{display:flex;gap:32px}
@media (max-width: 550px) {
.catalog__container{flex-direction:column}
}
.catalog__left{max-width:208px;width:100%;padding:10px 12px;background-color:#FFF;height:fit-content}
@media (max-width: 550px) {
.catalog__left{max-width:none}
}
.catalog__title{font-family:Gotham;font-weight:700;font-size:14px;leading-trim:Cap height;line-height:100%;letter-spacing:0;color:#151515;padding:15px 8px}
.catalog__list{display:flex;flex-direction:column}
.catalog__item{border-top:1px solid #E5E5E5;transition:.3s}
.catalog__item.active{margin-bottom:25px;padding-top:25px}
.catalog__item-title-image{display:none}
.catalog__item-title{font-family:Gotham;font-weight:500;font-size:14px;leading-trim:Cap height;line-height:100%;letter-spacing:0;color:#151515;padding:12px 8px;transition:.3s;cursor:pointer;transition:.3s}
.catalog__item-title:hover{color:#EBC18A}
.catalog__item-title.active{font-family:Gotham;font-weight:500;font-size:14px;leading-trim:Cap height;line-height:100%;letter-spacing:0;color:#FFF;background-color:#151515;margin-bottom:10px;padding-right:20px;position:relative}
.catalog__item-title.active .catalog__item-title-image{display:block;position:absolute;right:10px;top:50%;transform:translateY(-50%)}
.catalog__item-subcategory-list{display:flex;flex-direction:column;display:none}
.catalog__item-subcategory{font-family:Gotham;font-weight:400;font-size:14px;leading-trim:Cap height;line-height:100%;letter-spacing:0;color:#151515;padding:10px 8px;transition:.3s}
.catalog__item-subcategory:hover{color:#EBC18A}
.catalog__item-subcategory.active{font-family:Gotham;font-weight:900;font-size:14px;leading-trim:Cap height;line-height:100%;letter-spacing:0;text-decoration:underline;text-decoration-style:solid;text-decoration-offset:0;text-decoration-thickness:0;text-decoration-skip-ink:none;color:#151515}
.catalog__right{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;row-gap:35px;column-gap:10px}
@media (max-width: 1000px) {
.catalog__right{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width: 850px) {
.catalog__right{grid-template-columns:1fr 1fr}
}
@media (max-width: 650px) {
.catalog__right{grid-template-columns:1fr}
}
.catalog__right-item-image-place{width:100%;height:282px;padding:25px 15px;background-color:#FFF;display:flex;align-items:center;justify-content:center}
.catalog__right-item-image{max-width:100%;max-height:100%}
.catalog__right-item-manufacturer{font-family:Gotham;font-weight:400;font-size:13px;leading-trim:Cap height;line-height:100%;letter-spacing:0;text-transform:uppercase;color:#777;margin-top:20px;margin-bottom:10px}
@media (max-width: 480px) {
.catalog__right-item-manufacturer{margin-top:10px;margin-bottom:5px}
}
.catalog__right-item-title{font-family:Gotham;font-weight:400;font-size:17px;leading-trim:Cap height;line-height:122%;letter-spacing:0;color:#333}
.catalog__right-item-cost{font-family:Gotham;font-weight:500;font-size:18px;leading-trim:Cap height;line-height:100%;letter-spacing:0;color:#333;margin-top:20px}
@media (max-width: 480px) {
.catalog__right-item-cost{margin-top:10px}
}
.catalog__right-nothing{font-family:Gotham;font-weight:400;font-size:17px;leading-trim:Cap height;line-height:122%;letter-spacing:0;color:#333}
.item{margin-bottom:35px}
@media (max-width: 480px) {
.item{margin-bottom:10px}
}
.item__container{max-width:1216px;padding:30px 20px;background-color:#FFF;display:flex;justify-content:space-between;gap:10px;align-items:center}
@media (max-width: 1030px) {
.item__container{flex-direction:column}
}
@media (max-width: 530px) {
.item__container{padding:10px 5px}
}
.item__left{display:flex;width:100%;max-width:496.5px;gap:30px;overflow:hidden}
@media (max-width: 530px) {
.item__left{gap:10px}
}
.item__image-small-field{display:flex;flex-direction:column;justify-content:space-between}
.item__image-small{max-height:366px;height:366px;min-width:89px;width:89px}
@media (max-width: 530px) {
.item__image-small{width:89px;height:250px}
}
.item__image-small-image-place{display:flex;justify-content:center;align-items:center}
.item__image-small-image{max-height:100%;max-width:100%}
.item__buttons{display:flex;gap:5px;justify-content:space-between;width:100%;max-width:102px;margin-top:20px}
@media (max-width: 530px) {
.item__buttons{margin-top:10px}
}
.item__button{height:39px;width:39px;display:flex;justify-content:center;align-items:center;background-color:#B7B8B9}
.item .swiper-button-disabled{background-color:#E7E7E7}
.item__image-big-field{width:100%}
.item__image-big{width:377px;height:430px;margin:0}
@media (max-width: 530px) {
.item__image-big{width:263px;height:300px}
}
.item__image-big-image-place{overflow:hidden}
.item__image-big-image{max-height:100%}
.item__right{padding:0 50px}
@media (max-width: 530px) {
.item__right{padding:0}
}
.item__right-title{font-family:DDT;font-weight:500;font-size:28px;leading-trim:Cap height;line-height:30px;letter-spacing:0;vertical-align:middle;color:#131D23;border-bottom:1px solid #E0E0E0;padding-bottom:10px;margin-bottom:20px}
.item__right-text{display:grid;grid-template-columns:auto auto}
.item__right-text-title{font-family:Gotham;font-weight:400;font-size:15px;line-height:100%;letter-spacing:0;color:#555;padding:10px 0;border-top:1px solid #E0E0E0;padding-right:10px}
.item__right-text-title:first-child{border-top:0 solid #E0E0E0}
.item__right-text-info{font-family:Gotham;font-weight:400;font-size:15px;line-height:100%;letter-spacing:0;color:#131D23;padding:10px 0;border-top:1px solid #E0E0E0}
.item__right-text-info:nth-child(2){border-top:0 solid #E0E0E0}
.item__right-bottom{display:flex;gap:40px;margin-top:40px;align-items:center}
@media (max-width: 530px) {
.item__right-bottom{flex-direction:column-reverse;align-items:start;gap:20px;margin-top:20px}
}
.item__right-modal{font-family:NoirPro-Medium;font-weight:400;font-size:14px;leading-trim:Cap height;line-height:100%;letter-spacing:0;text-align:center;vertical-align:middle;text-transform:uppercase;color:#FFF;background-color:#131D23;padding:20px 30px;border:1px solid #131D23;transition:.3s}
.item__right-modal:hover{color:#131D23;background-color:#FFF}
.item__right-download{display:flex;gap:15px;align-items:center}
.item__right-download:hover .item__right-download-text{color:#EBC18A}
.item__right-dowlaod-image{height:16.6px;width:17px}
.item__right-download-text{font-family:NoirPro-Medium;font-weight:400;font-size:14px;leading-trim:Cap height;line-height:100%;letter-spacing:0;text-align:center;vertical-align:middle;text-transform:uppercase;color:#131D23;transition:.3s}
.item-about{margin-bottom:35px}
@media (max-width: 480px) {
.item-about{margin-bottom:10px}
}
.item-about__container{background-color:#FFF;max-width:1216px;padding:45px 50px}
@media (max-width: 480px) {
.item-about__container{padding:15px}
}
.item-about__title{font-family:Gotham;font-weight:400;font-size:18px;leading-trim:Cap height;line-height:24px;letter-spacing:0;color:#777;border-bottom:1px solid #E0E0E0;padding-bottom:15px;margin-bottom:45px}
@media (max-width: 480px) {
.item-about__title{padding-bottom:5px;margin-bottom:10px}
}
.item-about__content-place{display:flex;flex-direction:column;gap:45px}
@media (max-width: 480px) {
.item-about__content-place{gap:20px}
}
.item-about__place{display:flex;justify-content:space-between;align-items:center;gap:10px}
@media (max-width: 800px) {
.item-about__place{flex-direction:column}
}
.item-about__place:nth-child(odd){flex-direction:row-reverse}
@media (max-width: 800px) {
.item-about__place:nth-child(odd){flex-direction:column}
}
.item-about__image-place{width:541px;min-width:400px;height:380px;background-position:center;background-size:cover;background-repeat:no-repeat}
@media (max-width: 800px) {
.item-about__image-place{width:100%;min-width:auto;height:400px}
}
.item-about__content{max-width:488px}
.item-about__title-item{font-family:DDT;font-weight:500;font-size:28px;leading-trim:Cap height;line-height:30px;letter-spacing:0;vertical-align:bottom;color:#131D23}
@media (max-width: 480px) {
.item-about__title-item{font-size:25px;line-height:27px}
}
.item-about__subtitle{font-family:Gotham;font-weight:400;font-size:18px;leading-trim:Cap height;line-height:24px;letter-spacing:0;color:#555;margin-top:25px;text-align:justify}
@media (max-width: 800px) {
.item-about__subtitle{margin-top:10px}
}
.contacts-item__container{background-color:#FFF}
.contacts-item__area{position:relative}
.contacts-item__area-input{margin-bottom:15px;padding-right:60px}
.contacts-item__area-image{position:absolute;right:20px;top:12px}
.modal{position:fixed;left:0;top:0;width:100%;height:100%;background:#717171f0;display:flex;align-items:center;justify-content:center;z-index:99;padding:10px;display:none}
@media (max-width: 750px) {
.modal__left{display:none}
}
.modal.active{display:flex}
.modal__body{width:100%;position:relative;background-color:#FFF;padding:15px}
@media (max-width: 480px) {
.modal__body{padding:5px}
}
.modal__close{position:absolute;top:30px;right:30px;font-size:40px;color:#bbb;background-color:transparent;cursor:pointer;z-index:100}
@media (max-width: 480px) {
.modal__close{font-size:30px;top:20px;right:20px}
}
@media (max-width: 880px) {
.modal__left-items{display:none}
}
.modal__form{margin-top:40px;position:relative}
@media (max-width: 480px) {
.modal__form{margin-top:20px}
}
.modal__form form{display:flex;flex-direction:column;align-items:center;width:100%}
.modal__form .alert{color:#7d7d7d;width:100%;padding:10px;margin:10px 0;display:flex;gap:10px;border-radius:10px;background-color:#a4ffac;font-family:Nunito;font-size:16px}
.modal__form .alert button{display:none;background-color:#a4ffac;color:#7d7d7d}
.search-catalog__right{display:flex;flex-direction:column;gap:10px}
.search-catalog__right-container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;row-gap:35px;column-gap:10px}
@media (max-width: 1000px) {
.search-catalog__right-container{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width: 850px) {
.search-catalog__right-container{grid-template-columns:1fr 1fr}
}
@media (max-width: 650px) {
.search-catalog__right-container{grid-template-columns:1fr}
}
.header__search-place{display:flex;align-content:center}
.header__search-input{font-family:Gotham;font-weight:400;font-size:18px;leading-trim:Cap height;line-height:22px;letter-spacing:0;color:#131D23;padding:1px}