html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section{display:block}
body{line-height:1}
ol,
ul{list-style:none}
blockquote,
q{quotes:none}
blockquote:before,
blockquote:after,
q:before,
q:after{content:"";content:none}
table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}
body{font-family:"Manrope",serif;font-optical-sizing:auto;font-weight:400;font-style:normal;overflow-x:hidden}a{font:inherit;text-decoration:none;&:hover{text-decoration:underline}}h1,
h2,
h3,
h4,
h5,
h6{font:inherit}:root{--white:#fff;--gray:#e9e9e9;--onyx:#0b1015;--black:#000;--brown:#d9b478;--navy:#111b25;--blue:#007aff;--black:#000;--gray-2:#f2f2f7;--sky:#dbf2ff;--wood:#825815;--olive:#fcf6df;--gray-3:#7e7e7e;--black:#000;--white:#fff;--gray-1:#f7f7f7;--gray-5:#888;--red:#ff3b30}
@charset "UTF-8";
#header{display:flex;justify-content:center;height:108px}
#header.white{background-color:#fff}
#header.white>.content>.logo{background-color:var(--black)}
#header.white>.content>.links>.link{color:var(--black)}
#header.white>.content>.phone{color:var(--black)}
#header.white>.content>.call,#header.white>.content>.menu{background-color:var(--black)}
#header.white>.content>.call:before,#header.white>.content>.menu:before{background-color:var(--white)}
#header.black{background-color:#0b1015}
@media (max-width:1023px){#header.black>.content{border-bottom:none}}
#header.black>.content>.logo{background-color:white}
#header.black>.content>.links>.link{color:white}
#header.black>.content>.phone{color:white}
#header.black>.content>.call,#header.black>.content>.menu{background-color:var(--white)}
#header.black>.content>.call:before,#header.black>.content>.menu:before{background-color:var(--black)}
#header>.content{flex:1;max-width:1200px;display:flex;align-items:center;gap:34px;border-bottom:1px solid #e9e9e9}
@media (max-width:1023px){#header>.content{padding:0 20px;gap:20px}}
#header>.content>.logo{width:175px;height:40px;mask-image:url(../themes/twood/assets/images/common/logo.png);mask-repeat:no-repeat;mask-size:100%;mask-position:center}
@media (max-width:1023px){#header>.content>.logo{width:122px;height:28px}}
#header>.content>.links{display:flex;align-items:center;gap:30px;flex:1;justify-content:center}
#header>.content>.links>.link{font-weight:600;position:relative}
@media (max-width:1023px){#header>.content>.links>.link{display:none}}
#header>.content>.links>.link.active:before{content:"";position:absolute;left:0;right:0;height:4px;top:calc(100% + 5px);border-radius:2px;background-color:var(--brown)}
#header>.content>.phone{font-size:24px;font-weight:600;line-height:1.67}
@media (max-width:1023px){#header>.content>.phone{display:none}}
#header>.content>.call,#header>.content>.menu{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:0}
@media (min-width:1024px){#header>.content>.call,#header>.content>.menu{display:none}}
#header>.content>.call:before,#header>.content>.menu:before{content:"";width:30px;height:30px;mask-position:center;mask-size:27px;mask-repeat:no-repeat}
#header>.content>.call:before{mask-image:url(../themes/twood/assets/images/icons/phone.svg)}
#header>.content>.menu:before{mask-image:url(../themes/twood/assets/images/icons/burger.svg)}
#header #mobileMenu{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background-image:linear-gradient(to left,#efe8ec,#f0f3fa -1%);display:flex;flex-direction:column;gap:20px;padding:20px}
#header #mobileMenu:not(.active){display:none}
#header #mobileMenu>.head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;margin-top:9px}
#header #mobileMenu>.head>.logo{width:122px;height:28px;mask-image:url(../themes/twood/assets/images/common/logo.png);mask-repeat:no-repeat;mask-size:100%;mask-position:center;background-color:var(--black)}
#header #mobileMenu>.head>.close{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:0;background-color:var(--white)}
#header #mobileMenu>.head>.close:before{content:"";width:30px;height:30px;mask-position:center;mask-size:22px;mask-repeat:no-repeat;background-color:var(--black);mask-image:url(../themes/twood/assets/images/icons/xmark.svg)}
#header #mobileMenu>.link{flex:0 0 40px;height:40px;border-radius:8px;border:solid 1px var(--brown);background-color:var(--white);color:var(--black);display:flex;align-items:center;justify-content:center;font-weight:600}
#header #mobileMenu>.link.active{background-color:var(--brown)}
#header #mobileMenu>.socials{flex:1;display:flex;justify-content:center;align-items:center}
#header #mobileMenu>.socials>.social{padding:0 20px;display:flex;flex-direction:column;align-items:center;gap:6px;transition:background-color 0.3s ease}
#header #mobileMenu>.socials>.social:not(:last-child){border-right:solid 1px var(--gray)}
#header #mobileMenu>.socials>.social>.icon{width:40px;height:40px;background-position:center;background-size:contain;background-repeat:no-repeat}
#header #mobileMenu>.socials>.social>.icon.whatsapp{background-image:url(../themes/twood/assets/images/pages/home/whatsapp.svg)}
#header #mobileMenu>.socials>.social>.icon.telegram{background-image:url(../themes/twood/assets/images/pages/home/telegram.svg)}
#header #mobileMenu>.socials>.social>.icon.instagram{background-image:url(../themes/twood/assets/images/pages/home/instagram.svg)}
#header #mobileMenu>.socials>.social>.name{font-size:16px;font-weight:600;color:var(--black)}
#header #mobileMenu>.contacts{display:flex;flex-direction:column;gap:20px;flex:1;align-items:center}
#header #mobileMenu>.contacts>.phone{font-size:28px;font-weight:600;color:var(--black);text-align:center}
#header #mobileMenu>.contacts>.email{font-size:24px;font-weight:600;text-align:center;color:var(--blue);text-decoration:underline}
#header #mobileMenu>.priceDownload{padding:14px 14px 14px 20px;border-radius:16px;border:solid 1px var(--brown);background-color:var(--olive);display:flex;gap:12px;align-items:center}
@media (max-width:1023px){#header #mobileMenu>.priceDownload{flex-direction:column;align-items:center}}
#header #mobileMenu>.priceDownload>span{flex:1;font-size:18px;font-weight:600;line-height:1.33;color:var(--black)}
@media (max-width:1023px){#header #mobileMenu>.priceDownload>span{text-align:center}}
#header #mobileMenu>.priceDownload>.buttons{display:flex;gap:12px}
#header #mobileMenu>.priceDownload>.buttons>a{padding:6px 0;border-radius:8px;border:solid 1px var(--brown);background-color:var(--white);width:120px;text-align:center;font-size:16px;font-weight:500;line-height:1.25;text-align:center;color:var(--black);transition:background-color 0.3s ease}
#header #mobileMenu>.priceDownload>.buttons>a:hover{text-decoration:none;background-color:var(--olive)}
#footer{display:flex;justify-content:center;background-image:linear-gradient(to left,#efe8ec,#f0f3fa)}
#footer>.content{flex:1;max-width:1200px}
#footer>.content>.links{display:flex;padding:40px 0;border-bottom:1px solid var(--gray);justify-content:space-between}
@media (max-width:1023px){#footer>.content>.links{display:none}}
#footer>.content>.links>.block{display:flex;flex-direction:column}
#footer>.content>.links>.block>.header{font-size:18px;line-height:1.56;color:var(--black);font-weight:bold}
#footer>.content>.links>.block>a{font-size:18px;line-height:1.56;color:var(--black)}
#footer>.content>.links>.block>a:hover{text-decoration:none}
#footer>.content>.links>.block>a:hover>span{text-decoration:underline}
#footer>.content>.links>.block>a:before{content:"• "}
#footer>.content>.copy{font-size:14px;line-height:2;color:#666;text-align:right;padding:20px 0}
@media (max-width:1023px){#footer>.content>.copy{text-align:left;padding:20px;font-size:12px}}
.Contacts{display:flex;justify-content:center;background-image:linear-gradient(to left,#efe8ec,#f0f3fa)}
.Contacts>.wrapper{flex:1;max-width:1200px;display:flex;flex-direction:column}
.Contacts>.wrapper>.content{flex:1;display:flex;gap:20px}
@media (min-width:1024px){.Contacts>.wrapper>.content{margin-left:calc((100% - 100vw) / 2);padding:40px 40px 40px calc((100vw - 100%) / 2);background-image:url(../themes/twood/assets/images/shared/contacts/bg.jpg);background-size:cover;background-repeat:no-repeat}}
@media (max-width:1023px){.Contacts>.wrapper>.content{flex-direction:column}}
.Contacts>.wrapper>.content>.map{aspect-ratio:1}
@media (min-width:1024px){.Contacts>.wrapper>.content>.map{flex:0 0 600px;height:600px;width:600px}}
.Contacts>.wrapper>.content>.info{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:60px 0}
@media (max-width:1023px){.Contacts>.wrapper>.content>.info{align-items:center;padding:40px 20px 20px}}
.Contacts>.wrapper>.content>.info>.title{font-size:36px;font-weight:600;color:var(--black)}
@media (min-width:1024px){.Contacts>.wrapper>.content>.info>.title{display:none}}
.Contacts>.wrapper>.content>.info>.address{font-size:36px;font-weight:600;line-height:1.33;color:var(--white)}
@media (max-width:1023px){.Contacts>.wrapper>.content>.info>.address{font-size:24px;color:var(--black);text-align:center}}
.Contacts>.wrapper>.content>.info>p{font-size:21px;line-height:1.33;color:var(--black)}
@media (max-width:1023px){.Contacts>.wrapper>.content>.info>p{display:none}}
.Contacts>.wrapper>.content>.info .links{margin-top:40px;display:flex;flex-direction:column}
@media (max-width:1023px){.Contacts>.wrapper>.content>.info .links{margin-top:20px;align-items:center}}
.Contacts>.wrapper>.content>.info .links>a{font-size:36px;font-weight:600;line-height:1.33;color:var(--black)}
@media (max-width:1023px){.Contacts>.wrapper>.content>.info .links .email{font-size:24px;font-weight:600;text-align:center;color:var(--blue);text-decoration:underline}}
.Socials{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:10;width:96px;border-radius:16px 0 0 16px;border:solid 1px var(--gray);background-color:var(--white);overflow:hidden}
@media (max-width:1023px){.Socials{display:none}}
.Socials>.social{padding:15px 0;display:flex;flex-direction:column;align-items:center;gap:4px;transition:background-color 0.3s ease}
.Socials>.social:not(:last-child){border-bottom:solid 1px var(--gray)}
.Socials>.social:hover{background-color:var(--gray-2);text-decoration:none}
.Socials>.social>.icon{width:40px;height:40px;background-position:center;background-size:contain;background-repeat:no-repeat}
.Socials>.social>.icon.whatsapp{background-image:url(../themes/twood/assets/images/pages/home/whatsapp.svg)}
.Socials>.social>.icon.telegram{background-image:url(../themes/twood/assets/images/pages/home/telegram.svg)}
.Socials>.social>.icon.instagram{background-image:url(../themes/twood/assets/images/pages/home/instagram.svg)}
.Socials>.social>.name{font-size:12px;font-weight:600;color:var(--black)}
#Home>.Intro{display:flex;justify-content:center;background-color:#0b1015;padding:40px 0}
@media (max-width:1023px){#Home>.Intro{padding:20px 0}}
#Home>.Intro>.content{flex:1;max-width:1200px;display:flex;flex-direction:column;gap:40px}
@media (max-width:1023px){#Home>.Intro>.content{gap:20px}}
#Home>.Intro>.content>.header{font-size:72px;font-weight:600;line-height:1.36;color:#fff}
@media (max-width:1023px){#Home>.Intro>.content>.header{padding:0 20px;font-size:36px}}
#Home>.Intro>.content>.image{background-image:url(../themes/twood/assets/images/pages/home/intro.jpg);background-size:cover}
@media (min-width:1024px){#Home>.Intro>.content>.image{margin-right:calc((100% - 100vw) / 2);height:688px}}
@media (max-width:1023px){#Home>.Intro>.content>.image{aspect-ratio:2.1}}
#Home>.Intro>.content>.flex{display:flex;gap:40px}
@media (max-width:1023px){#Home>.Intro>.content>.flex{flex-direction:column-reverse;gap:20px;padding:20px}}
#Home>.Intro>.content>.flex>.image{height:600px;background-image:url(../themes/twood/assets/images/pages/home/technology.jpg);background-size:cover}
@media (min-width:1024px){#Home>.Intro>.content>.flex>.image{flex:0 0 460px;height:500px}}
#Home>.Intro>.content>.flex>.info{display:flex;flex-direction:column;gap:40px}
@media (max-width:1023px){#Home>.Intro>.content>.flex>.info{gap:20px}}
#Home>.Intro>.content>.flex>.info>.item{display:flex;flex-direction:column;gap:20px}
#Home>.Intro>.content>.flex>.info>.item>.header{font-size:36px;font-weight:600;line-height:1.33;color:#fff}
@media (max-width:1023px){#Home>.Intro>.content>.flex>.info>.item>.header{font-size:21px}}
#Home>.Intro>.content>.flex>.info>.item>.description{font-size:21px;line-height:1.33;color:#fff}
@media (max-width:1023px){#Home>.Intro>.content>.flex>.info>.item>.description{font-size:18px}}
#Home>.Intro>.content>.advantages{display:flex;justify-content:space-between}
@media (max-width:1023px){#Home>.Intro>.content>.advantages{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 20px}}
#Home>.Intro>.content>.advantages>.advantage{display:flex;flex-direction:column;gap:12px}
#Home>.Intro>.content>.advantages>.advantage .image{flex:0 0 86px;background-position:center;background-repeat:no-repeat;background-size:contain}
@media (max-width:1023px){#Home>.Intro>.content>.advantages>.advantage .image{flex:0 0 58px}}
#Home>.Intro>.content>.advantages>.advantage .title{font-size:21px;font-weight:600;line-height:1.33;text-align:center;color:#d9b478;white-space:pre-line}
@media (max-width:1023px){#Home>.Intro>.content>.advantages>.advantage .title{font-size:18px}}
#Home>.Intro>.content>.advantages>.advantage:nth-child(1)>.image{background-image:url(../themes/twood/assets/images/pages/home/feature_1.png)}
#Home>.Intro>.content>.advantages>.advantage:nth-child(2)>.image{background-image:url(../themes/twood/assets/images/pages/home/feature_2.png)}
#Home>.Intro>.content>.advantages>.advantage:nth-child(3)>.image{background-image:url(../themes/twood/assets/images/pages/home/feature_3.png)}
#Home>.Intro>.content>.advantages>.advantage:nth-child(4)>.image{background-image:url(../themes/twood/assets/images/pages/home/feature_4.png)}
#Home>.About{display:flex;justify-content:center;background-color:#d9b478;padding:40px 0}
@media (max-width:1023px){#Home>.About{padding:20px}}
#Home>.About>.content{flex:1;max-width:1200px;display:flex;flex-direction:column;gap:40px}
@media (max-width:1023px){#Home>.About>.content{gap:20px}}
#Home>.About>.content>.flex{display:flex;gap:40px}
@media (max-width:1023px){#Home>.About>.content>.flex{flex-direction:column;gap:20px}}
#Home>.About>.content>.flex>.image{flex:0 0 460px;height:620px;background-image:url(../themes/twood/assets/images/pages/home/example.jpg);background-size:100%;background-repeat:no-repeat}
@media (max-width:1023px){#Home>.About>.content>.flex>.image{display:none}}
#Home>.About>.content>.flex>.info{flex:1;display:flex;flex-direction:column;gap:20px}
#Home>.About>.content>.flex>.info>.title{font-size:36px;font-weight:600;line-height:1.33;color:var(--black)}
#Home>.About>.content>.flex>.info>p{font-size:21px;line-height:1.33;color:var(--black)}
#Home>.About>.content>.flex>.info>p>b{font-weight:600}
#Home>.About>.content>.flex>.info>.aboutLink{height:54px;background-color:#e2c48e;border:1px solid #825815;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;line-height:32;color:#825815;align-self:flex-start;padding:0 34px}
@media (max-width:1023px){#Home>.About>.content>.flex>.info>.aboutLink{align-self:center}}
#Home>.About>.content>.flex>.info>.aboutLink:hover{text-decoration:none}
#Home>.About>.content>.partnersTitle{font-size:36px;font-weight:600;color:#000;text-align:center}
@media (max-width:1023px){#Home>.About>.content>.partnersTitle{display:none}}
#Home>.About>.content>.partners{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px}
@media (max-width:1023px){#Home>.About>.content>.partners{display:none}}
#Home>.About>.content>.partners>.partner{aspect-ratio:2.03;background-position:center;background-size:cover;background-repeat:no-repeat;border:2px solid #825815;transition:transform 0.3s ease}
#Home>.About>.content>.partners>.partner:hover{transform:scale(1.05)}
#Home>.About>.content>.partners>.partner:nth-child(1){background-image:url(../themes/twood/assets/images/pages/home/partners_8.jpg)}
#Home>.About>.content>.partners>.partner:nth-child(2){background-image:url(../themes/twood/assets/images/pages/home/partners_5.jpg)}
#Home>.About>.content>.partners>.partner:nth-child(3){background-image:url(../themes/twood/assets/images/pages/home/partners_7.jpg);pointer-events:none}
#Home>.About>.content>.partners>.partner:nth-child(4){background-image:url(../themes/twood/assets/images/pages/home/partners_6.jpg)}
#Home>.About>.content>.partners>.partner:nth-child(5){background-image:url(../themes/twood/assets/images/pages/home/partners_1.jpg)}
#Home>.About>.content>.partners>.partner:nth-child(6){background-image:url(../themes/twood/assets/images/pages/home/partners_2.jpg)}
#Home>.About>.content>.partners>.partner:nth-child(7){background-image:url(../themes/twood/assets/images/pages/home/partners_3.jpg)}
#Home>.About>.content>.partners>.partner:nth-child(8){background-image:url(../themes/twood/assets/images/pages/home/partners_4.jpg)}
#Home>.Catalog{display:flex;justify-content:center;background-color:var(--navy);padding:80px 0}
@media (max-width:1023px){#Home>.Catalog{padding:20px}}
#Home>.Catalog>.content{flex:1;max-width:1200px;display:flex;gap:120px}
@media (max-width:1023px){#Home>.Catalog>.content{gap:20px;flex-direction:column-reverse}}
#Home>.Catalog>.content>.image{background-image:url(../themes/twood/assets/images/pages/home/profiles.png);background-size:100%;background-repeat:no-repeat}
@media (min-width:1024px){#Home>.Catalog>.content>.image{height:393px;flex:0 0 373px}}
@media (max-width:1023px){#Home>.Catalog>.content>.image{aspect-ratio:0.95}}
#Home>.Catalog>.content>.info{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
#Home>.Catalog>.content>.info>.title{font-size:36px;font-weight:600;line-height:1.33;color:var(--white)}
#Home>.Catalog>.content>.info>p{font-size:21px;line-height:1.33;color:var(--white)}
#Home>.Catalog>.content>.info>a{padding:11px 34px;font-size:24px;font-weight:600;line-height:1.33;color:var(--black);background-color:#e2c48e}
@media (min-width:1024px){#Home>.Catalog>.content>.info>a{margin-top:35px}}
@media (max-width:1023px){#Home>.Catalog>.content>.info>a{align-self:center}}
#Home>.Catalog>.content>.info>a:hover{text-decoration:none}
#Catalog>.Catalog{display:flex;justify-content:center;padding:20px 0}
@media (max-width:1023px){#Catalog>.Catalog{padding:20px}}
#Catalog>.Catalog>.content{flex:1;max-width:1200px;display:flex;gap:20px;flex-direction:column}
#Catalog>.Catalog>.content>.head{display:flex;flex-direction:column;gap:10px}
#Catalog>.Catalog>.content>.head>.title{font-size:36px;font-weight:600;line-height:1.33;color:var(--black)}
#Catalog>.Catalog>.content>.head>.description{font-size:21px;line-height:1.33;color:var(--black)}
#Catalog>.Catalog>.content>.wrapper{display:flex;gap:20px}
@media (max-width:1023px){#Catalog>.Catalog>.content>.wrapper{flex-direction:column}}
#Catalog>.Catalog>.content>.wrapper>.filters{display:flex;flex-direction:column;gap:16px}
@media (min-width:1024px){#Catalog>.Catalog>.content>.wrapper>.filters{flex:0 0 312px;border-right:1px solid var(--gray);padding-right:20px}}
@media (max-width:1023px){#Catalog>.Catalog>.content>.wrapper>.filters{display:none}}
#Catalog>.Catalog>.content>.wrapper>.filters>.filter{display:flex;flex-direction:column;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--gray)}
#Catalog>.Catalog>.content>.wrapper>.filters>.filter>.name{font-size:18px;font-weight:600;line-height:1.56;color:var(--black);text-transform:uppercase}
#Catalog>.Catalog>.content>.wrapper>.filters>.filter>.items{display:flex;flex-direction:column;gap:2px}
#Catalog>.Catalog>.content>.wrapper>.filters>.categories>.items>.category{font-size:18px;line-height:1.33;color:var(--black);padding:8px;border-radius:12px;border:solid 1px transparent;display:flex;align-items:center;transition:background-color 0.3s ease,border-color 0.3s ease}
#Catalog>.Catalog>.content>.wrapper>.filters>.categories>.items>.category:hover{border-color:var(--olive);background-color:var(--olive);text-decoration:none}
#Catalog>.Catalog>.content>.wrapper>.filters>.categories>.items>.category.active{background-color:var(--olive);border-color:var(--brown)}
#Catalog>.Catalog>.content>.wrapper>.filters>.categories>.items>.category>span{flex:1}
#Catalog>.Catalog>.content>.wrapper>.filters>.categories>.items>.category>i{flex:0 0 24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--gray-2);font-size:14px;font-weight:500;color:var(--black)}
#Catalog>.Catalog>.content>.wrapper>.filters>.mall-products-filter{display:flex;flex-direction:column;gap:16px}
#Catalog>.Catalog>.content>.wrapper>.filters>.mall-products-filter>.mall-property-group{display:flex;flex-direction:column;gap:16px}
#Catalog>.Catalog>.content>.wrapper>.filters>.mall-products-filter>.mall-property-group>.mall-property-group__name{display:none}
#Catalog>.Catalog>.content>.wrapper>.filters>.mall-products-filter>.mall-property-group>.mall-property{display:flex;flex-direction:column;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--gray)}
#Catalog>.Catalog>.content>.wrapper>.filters>.mall-products-filter>.mall-property-group>.mall-property>.mall-property__label{display:flex;justify-content:space-between;align-items:center}
#Catalog>.Catalog>.content>.wrapper>.filters>.mall-products-filter>.mall-property-group>.mall-property>.mall-property__label>div:nth-child(1){font-size:18px;font-weight:600;line-height:1.56;color:var(--black);text-transform:uppercase}
#Catalog>.Catalog>.content>.wrapper>.filters>.mall-products-filter>.mall-property-group>.mall-property>.mall-property__label>.mall-property__clear-filter{display:contents}
#Catalog>.Catalog>.content>.wrapper>.filters>.mall-products-filter>.mall-property-group>.mall-property>.mall-property__label>.mall-property__clear-filter>a{padding:4px 12px;border-radius:8px;border:solid 1px var(--brown);background-color:var(--white);font-size:13px;font-weight:500;line-height:1;text-align:center;color:var(--black);transition:background-color 0.3s ease;display:block}
#Catalog>.Catalog>.content>.wrapper>.filters>.mall-products-filter>.mall-property-group>.mall-property>.mall-property__label>.mall-property__clear-filter>a:hover{text-decoration:none;background-color:var(--olive)}
#Catalog>.Catalog>.content>.wrapper>.filters>.mall-products-filter>.mall-property-group>.mall-property>.mall-filter.mall-filter--set{display:flex;flex-direction:column;gap:2px}
#Catalog>.Catalog>.content>.wrapper>.filters>.mall-products-filter>.mall-property-group>.mall-property>.mall-filter.mall-filter--set>.mall-filter__option{cursor:pointer;font-size:18px;line-height:1.33;color:var(--black);padding:8px;border-radius:12px;border:solid 1px transparent;display:flex;align-items:center;transition:background-color 0.3s ease,border-color 0.3s ease}
#Catalog>.Catalog>.content>.wrapper>.filters>.mall-products-filter>.mall-property-group>.mall-property>.mall-filter.mall-filter--set>.mall-filter__option:hover{border-color:var(--olive);background-color:var(--olive);text-decoration:none}
#Catalog>.Catalog>.content>.wrapper>.filters>.mall-products-filter>.mall-property-group>.mall-property>.mall-filter.mall-filter--set>.mall-filter__option.mall-filter__option--selected{background-color:var(--olive);border-color:var(--brown)}
#Catalog>.Catalog>.content>.wrapper>.products{flex:1;display:flex;flex-direction:column;gap:20px}
#Catalog>.Catalog>.content>.wrapper>.products>.priceDownload{padding:14px 14px 14px 20px;border-radius:16px;border:solid 1px var(--brown);background-color:var(--olive);display:flex;gap:12px;align-items:center}
@media (max-width:1023px){#Catalog>.Catalog>.content>.wrapper>.products>.priceDownload{flex-direction:column;align-items:center}}
#Catalog>.Catalog>.content>.wrapper>.products>.priceDownload>span{flex:1;font-size:18px;font-weight:600;line-height:1.33;color:var(--black)}
@media (max-width:1023px){#Catalog>.Catalog>.content>.wrapper>.products>.priceDownload>span{text-align:center}}
#Catalog>.Catalog>.content>.wrapper>.products>.priceDownload>.buttons{display:flex;gap:12px}
#Catalog>.Catalog>.content>.wrapper>.products>.priceDownload>.buttons>a{padding:6px 0;border-radius:8px;border:solid 1px var(--brown);background-color:var(--white);width:120px;text-align:center;font-size:16px;font-weight:500;line-height:1.25;text-align:center;color:var(--black);transition:background-color 0.3s ease}
#Catalog>.Catalog>.content>.wrapper>.products>.priceDownload>.buttons>a:hover{text-decoration:none;background-color:var(--olive)}
#Catalog>.Catalog>.content>.wrapper>.products>.products-list{position:relative;flex:1}
#Catalog>.Catalog>.content>.wrapper>.products>.products-list>.loader{opacity:0;visibility:hidden;position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px);margin:-20px;transition:opacity 0.7s ease}
#Catalog>.Catalog>.content>.wrapper>.products>.products-list>.loader.active{opacity:1;visibility:visible;animation:loaderAnimation 5s ease-in forwards}
@keyframes loaderAnimation{to{backdrop-filter:blur(10px)}}
#Catalog>.Catalog>.content>.wrapper>.products>.products-list>.items{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:1023px){#Catalog>.Catalog>.content>.wrapper>.products>.products-list>.items{display:flex;flex-direction:column}}
#Product>.Product{display:flex;justify-content:center;padding:30px 0}
@media (max-width:1023px){#Product>.Product{padding:20px}}
#Product>.Product>.content{flex:1;max-width:1200px;display:flex;flex-direction:column;gap:20px}
#Product>.Product>.content>.flex{display:flex;gap:40px}
@media (max-width:1023px){#Product>.Product>.content>.flex{gap:20px;flex-direction:column}}
#Product>.Product>.content>.description{display:flex;flex-direction:column;gap:10px}
#Product>.Product>.content>.description>.title{font-size:36px;font-weight:600;line-height:1.33;color:var(--black)}
#Product>.Product>.content>.description>.content{display:flex;flex-direction:column;gap:16px;font-size:21px;line-height:1.33;color:var(--black)}
#Product>.Product>.content>.description>.content b,#Product>.Product>.content>.description>.content strong{font-weight:600}
#Product>.Product>.content>.description>.content ul{list-style-type:disc}
#Product>.Product>.content>.description>.content ol{list-style-type:decimal}
#Product>.Product>.content>.description>.content li{margin-left:16px}
#Product>.items{display:flex;gap:20px;padding:20px 0;background-image:linear-gradient(to left,#efe8ec,#f0f3fa);justify-content:center}
@media (max-width:1023px){#Product>.items{display:none}}
#Product>.items>.ProductItem{flex:1;max-width:434px}
.Gallery{display:flex;flex-direction:column;gap:12px}
@media (min-width:1024px){.Gallery{width:600px}}
@media (max-width:1023px){.Gallery{aspect-ratio:1.83}}
.Gallery>.images{position:relative;border:solid 1px var(--gray);border-radius:16px;overflow:hidden}
@media (min-width:1024px){.Gallery>.images{width:600px;height:330px}}
@media (max-width:1023px){.Gallery>.images{aspect-ratio:1.83}}
.Gallery>.images>.image{position:absolute;top:0;left:0;right:0;bottom:0;object-fit:cover;opacity:0;transition:opacity 0.3s ease;background-position:center;background-size:cover;background-repeat:no-repeat}
.Gallery>.images>.image.active{opacity:1}
.Gallery>.previews{display:flex;gap:12px}
.Gallery>.previews>.preview{aspect-ratio:1.83;border:solid 1px var(--gray);border-radius:8px;background-position:center;background-size:cover;background-repeat:no-repeat;max-width:110px;height:60px;cursor:pointer;position:relative}
.Gallery>.previews>.preview:has(input:checked){padding:0;border:solid 1px #bbb;font-weight:600}
.Gallery>.previews>.preview input{visibility:hidden;pointer-events:none;position:absolute;z-index:-1}
.Info{flex:1;display:flex;flex-direction:column}
.Info>.name_description{flex:1;display:flex;flex-direction:column}
.Info>.name_description>.name{font-size:36px;font-weight:600;line-height:1.33;color:var(--black)}
.Info>.name_description>.description{font-size:21px;line-height:1.33;color:var(--black);margin-top:20px;flex:1}
.Info>.price{font-size:36px;font-weight:600;line-height:1.33;text-align:right;color:var(--black);margin-top:20px}
.Info>.form>.variants{display:flex;flex-direction:column;gap:12px}
.Info>.form>.variants>.label{font-size:24px;font-weight:600;line-height:1.33;color:var(--black)}
.Info>.form>.variants>.items{display:flex;gap:12px}
@media (max-width:1023px){.Info>.form>.variants>.items{display:grid;grid-template-columns:1fr 1fr}}
.Info>.form>.variants>.items>.item{flex:1 1 0%;height:60px;font-size:21px;text-align:center;color:var(--black);display:flex;align-items:center;justify-content:center;border-radius:8px;border:solid 1px var(--brown);background-color:var(--white);cursor:pointer;position:relative;padding:1px}
.Info>.form>.variants>.items>.item:has(input:checked){padding:0;border:solid 2px var(--blue);font-weight:600}
.Info>.form>.variants>.items>.item input{visibility:hidden;pointer-events:none;position:absolute;z-index:-1}
.Params{display:flex;justify-content:space-between}
@media (max-width:1023px){.Params{flex-direction:column;gap:20px}}
.Params>.group{flex:1;max-width:560px;display:flex;flex-direction:column;gap:8px}
.Params>.group>.head{font-size:24px;font-weight:600;line-height:1.33;color:var(--black)}
.Params>.group>.items{display:flex;flex-direction:column}
.Params>.group>.items>.param{height:40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed var(--gray-3)}
.Params>.group>.items>.param>.name{font-size:18px;line-height:1.33;color:var(--gray-3)}
.Params>.group>.items>.param>.value{font-size:18px;line-height:1.33;text-align:right;color:var(--black)}
#Blog{display:flex;justify-content:center;padding:20px 0;min-height:70vh}
@media (max-width:1023px){#Blog{padding:20px}}
#Blog>.content{flex:1;max-width:1200px;display:flex;flex-direction:column;gap:20px}
#Blog>.content>.head{display:flex;flex-direction:column;gap:10px}
#Blog>.content>.head>.title{font-size:36px;font-weight:600;line-height:1.33;color:var(--black)}
#Blog>.content>.head>.description{font-size:21px;line-height:1.33;color:var(--black)}
#Blog>.content>.wrapper{display:flex;gap:20px}
@media (max-width:1023px){#Blog>.content>.wrapper{flex-direction:column}}
#Blog>.content>.wrapper>.categories{display:flex;flex-direction:column;gap:12px}
@media (min-width:1024px){#Blog>.content>.wrapper>.categories{flex:0 0 312px;border-right:1px solid var(--gray);padding-right:20px}}
@media (max-width:1023px){#Blog>.content>.wrapper>.categories.post{display:none}}
#Blog>.content>.wrapper>.categories>.name{font-size:18px;font-weight:600;line-height:1.56;color:var(--black);text-transform:uppercase}
#Blog>.content>.wrapper>.categories>.items{display:flex;flex-direction:column;gap:2px}
#Blog>.content>.wrapper>.categories>.items>.category{font-size:18px;line-height:1.33;color:var(--black);padding:8px;border-radius:12px;border:solid 1px transparent;display:flex;align-items:center;transition:background-color 0.3s ease,border-color 0.3s ease}
#Blog>.content>.wrapper>.categories>.items>.category:hover{border-color:var(--olive);background-color:var(--olive);text-decoration:none}
#Blog>.content>.wrapper>.categories>.items>.category.active{background-color:var(--olive);border-color:var(--brown)}
#Blog>.content>.wrapper>.categories>.items>.category>span{flex:1}
#Blog>.content>.wrapper>.categories>.items>.category>i{flex:0 0 24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--gray-2);font-size:14px;font-weight:500;color:var(--black)}
#Blog>.content>.wrapper>.posts{flex:1;display:flex;flex-direction:column;gap:20px}
#Blog>.content>.wrapper>.posts>.post{display:flex;border-radius:12px;overflow:hidden;border:solid 1px var(--gray);background-color:#fbfbfd}
@media (max-width:1023px){#Blog>.content>.wrapper>.posts>.post{flex-direction:column}}
#Blog>.content>.wrapper>.posts>.post>.image{flex:0 0 346px;min-height:216px;background-size:cover}
@media (max-width:1023px){#Blog>.content>.wrapper>.posts>.post>.image{flex:0 0 324px}}
#Blog>.content>.wrapper>.posts>.post>.info{padding:20px;display:flex;flex-direction:column}
#Blog>.content>.wrapper>.posts>.post>.info>.title{font-size:24px;font-weight:600;line-height:1.33;color:var(--black)}
@media (max-width:1023px){#Blog>.content>.wrapper>.posts>.post>.info>.title{font-size:21px}}
#Blog>.content>.wrapper>.posts>.post>.info>.description{font-size:21px;line-height:1.33;color:var(--black);margin-top:10px;flex:1;overflow:hidden;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical}
@media (max-width:1023px){#Blog>.content>.wrapper>.posts>.post>.info>.description{font-size:18px}}
#Blog>.content>.wrapper>.posts>.post>.info>.details{padding:6px 12px;border-radius:8px;background-color:var(--gray-2);align-self:flex-end;font-size:16px;font-weight:500;line-height:1.25;text-align:center;color:var(--black);transition:background-color 0.3s ease;margin-top:14px}
@media (max-width:1023px){#Blog>.content>.wrapper>.posts>.post>.info>.details{align-self:stretch}}
#Blog>.content>.wrapper>.posts>.post>.info>.details:hover{text-decoration:none;background-color:#e0e0e8}
#Blog>.content>.wrapper>.posts>.blog-pagination:empty{display:none}
#Blog>.content>.wrapper>.posts>.blog-pagination>.pagination{display:flex;gap:16px;align-items:center;justify-content:center}
#Blog>.content>.wrapper>.posts>.blog-pagination>.pagination>.page-item.active{text-decoration:underline;font-weight:600}
#Blog>.content>.wrapper>.posts>.blog-pagination>.pagination>.page-item>.page-link{font-size:18px;line-height:1.33;color:var(--black)}
#Blog>.content>.wrapper>.article{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0;font-size:21px;line-height:1.33;color:var(--black)}
#Blog>.content>.wrapper>.article>.title{font-size:36px;font-weight:600;line-height:1.33;color:var(--black)}
#Blog>.content>.wrapper>.article *{max-width:100%}
#Blog>.content>.wrapper>.article h1{font-size:36px;font-weight:600;line-height:1.33}
#Blog>.content>.wrapper>.article h2{font-size:24px;font-weight:600;line-height:1.33}
#Blog>.content>.wrapper>.article b,#Blog>.content>.wrapper>.article strong{font-weight:600}
#Blog>.content>.wrapper>.article img{vertical-align:middle;box-sizing:border-box}
#Blog>.content>.wrapper>.article ul{list-style-type:disc}
#Blog>.content>.wrapper>.article ol{list-style-type:decimal}
#Blog>.content>.wrapper>.article li{margin-left:32px}
#Blog>.content>.wrapper>.article .blog-post-gallery .slick-dots li{margin-left:unset;margin:0 3px}
#Blog>.content>.wrapper>.article .blog-post-gallery .slick-dots li.slick-active button:before{color:#007aff;opacity:1}
#Blog>.content>.wrapper>.article .blog-post-gallery .slick-dots li button:before{font-size:10px}
#Blog>.content>.wrapper>.article .blog-post-gallery .slick-dots li button:hover:before{color:#007aff}
#Blog>.content>.wrapper .control-gallery-slider{margin-left:-10px;margin-right:-10px}
@media (max-width:1023px){#Blog>.content>.wrapper .control-gallery-slider{max-width:calc(100vw - 40px)}}
#Blog>.content>.wrapper .control-gallery-slider *{max-width:unset}
#Blog>.content>.wrapper .control-gallery-slider .slick-slide{padding:10px;outline:none}
#Blog>.content>.wrapper .control-gallery-slider .slick-slide .image-container a{display:block;overflow:hidden;border-radius:6px;box-shadow:0 0 10px rgba(129,138,166,0.21);outline:none}
#Blog>.content>.wrapper .control-gallery-slider .slick-slide .image-container a img{max-width:100%}
#Blog>.content>.wrapper .control-gallery-slider .slider-nav .slick-slide.slick-current img{border:2px solid var(--bs-primary)}
#Services{display:flex;justify-content:center;padding:20px 0;min-height:70vh}
@media (max-width:1023px){#Services{padding:20px}}
#Services>.content{flex:1;max-width:1200px;display:flex;flex-direction:column;gap:40px}
@media (max-width:1023px){#Services>.content{gap:20px}}
#Services>.content>.head{display:flex;flex-direction:column;gap:10px}
#Services>.content>.head>.title{font-size:36px;font-weight:600;line-height:1.33;color:var(--black)}
#Services>.content>.head>.description{font-size:21px;line-height:1.33;color:var(--black)}
#Services>.content>.posts{display:grid;grid-template-columns:1fr 1fr;gap:40px}
@media (max-width:1023px){#Services>.content>.posts{display:flex;flex-direction:column;gap:20px}}
#Services>.content>.blog-pagination:empty{display:none}
#Services>.content>.blog-pagination>.pagination{display:flex;gap:16px;align-items:center;justify-content:center}
#Services>.content>.blog-pagination>.pagination>.page-item.active{text-decoration:underline;font-weight:600}
#Services>.content>.blog-pagination>.pagination>.page-item>.page-link{font-size:18px;line-height:1.33;color:var(--black)}
#Production{display:flex;justify-content:center;padding:20px 0;min-height:70vh}
@media (max-width:1023px){#Production{padding:20px}}
#Production>.content{flex:1;max-width:1200px;display:flex;flex-direction:column;gap:40px}
@media (max-width:1023px){#Production>.content{gap:20px}}
#Production>.content>.head{display:flex;flex-direction:column;gap:10px}
#Production>.content>.head>.title{font-size:36px;font-weight:600;line-height:1.33;color:var(--black)}
#Production>.content>.head>.description{font-size:21px;line-height:1.33;color:var(--black)}
#Production>.content>.posts{display:grid;grid-template-columns:1fr 1fr;gap:40px}
@media (max-width:1023px){#Production>.content>.posts{display:flex;flex-direction:column;gap:20px}}
#Production>.content>.blog-pagination:empty{display:none}
#Production>.content>.blog-pagination>.pagination{display:flex;gap:16px;align-items:center;justify-content:center}
#Production>.content>.blog-pagination>.pagination>.page-item.active{text-decoration:underline;font-weight:600}
#Production>.content>.blog-pagination>.pagination>.page-item>.page-link{font-size:18px;line-height:1.33;color:var(--black)}
#Portfolio{display:flex;justify-content:center;padding:20px 0;min-height:70vh}
@media (max-width:1023px){#Portfolio{padding:20px}}
#Portfolio>.content{flex:1;max-width:1200px;display:flex;flex-direction:column;gap:40px}
@media (max-width:1023px){#Portfolio>.content{gap:20px}}
#Portfolio>.content>.head{display:flex;flex-direction:column;gap:10px}
#Portfolio>.content>.head>.title{font-size:36px;font-weight:600;line-height:1.33;color:var(--black)}
#Portfolio>.content>.head>.description{font-size:21px;line-height:1.33;color:var(--black)}
#Portfolio>.content>.filters{display:flex;gap:25px}
@media (max-width:1023px){#Portfolio>.content>.filters{flex-direction:column;gap:20px}}
#Portfolio>.content>.filters>.category{font-size:18px;line-height:1.33;color:var(--black);padding:8px 12px;border-radius:12px;border:solid 1px transparent;display:flex;align-items:center;border:1px solid #e9e9e9;transition:background-color 0.3s ease,border-color 0.3s ease;white-space:nowrap;flex:1 1 20%}
#Portfolio>.content>.filters>.category:hover{border-color:var(--olive);background-color:var(--olive);text-decoration:none}
#Portfolio>.content>.filters>.category.active{background-color:var(--olive);border-color:var(--brown)}
#Portfolio>.content>.filters>.category>span{flex:1}
#Portfolio>.content>.filters>.category>i{flex:0 0 24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--gray-2);font-size:14px;font-weight:500;color:var(--black)}
#Portfolio>.content>.posts{display:grid;grid-template-columns:1fr 1fr;gap:40px}
@media (max-width:1023px){#Portfolio>.content>.posts{display:flex;flex-direction:column;gap:20px}}
#Portfolio>.content>.blog-pagination:empty{display:none}
#Portfolio>.content>.blog-pagination>.pagination{display:flex;gap:16px;align-items:center;justify-content:center}
#Portfolio>.content>.blog-pagination>.pagination>.page-item.active{text-decoration:underline;font-weight:600}
#Portfolio>.content>.blog-pagination>.pagination>.page-item>.page-link{font-size:18px;line-height:1.33;color:var(--black)}
.ProductItem{border-radius:16px;border:solid 1px var(--gray);background-color:#fbfbfd;overflow:hidden;display:flex;flex-direction:column}
.ProductItem>.image{height:240px;background-position:center;background-size:cover;background-repeat:no-repeat}
.ProductItem>.info{flex:1;padding:8px 20px 20px;border-top:solid 1px var(--gray);display:flex;flex-direction:column}
.ProductItem>.info>.name{font-size:24px;font-weight:600;line-height:1.33;color:var(--black)}
.ProductItem>.info>.description{font-size:18px;line-height:1.56;color:#666;margin-top:8px;flex:1}
.ProductItem>.info>.other{display:flex;align-items:center;justify-content:space-between;margin-top:12px}
.ProductItem>.info>.other>.price{font-size:18px;font-weight:600;line-height:1.78;color:var(--black)}
.ProductItem>.info>.other>.details{padding:6px 12px;border-radius:8px;border:solid 1px var(--brown);background-color:var(--white);font-size:16px;font-weight:500;line-height:1.25;text-align:center;color:var(--black);transition:background-color 0.3s ease}
.ProductItem>.info>.other>.details:hover{background-color:var(--olive);text-decoration:none}
.LastBlogPosts{display:flex;padding:40px;gap:40px;background-image:linear-gradient(to left,#efe8ec,#f0f3fa)}
@media (max-width:1023px){.LastBlogPosts{flex-direction:column;padding:20px;gap:20px}}
.PostCard{flex:1;max-width:580px;display:flex;flex-direction:column}
.PostCard>.cover{height:324px;background-size:cover}
.PostCard>.info{flex:1;border:solid 1px var(--gray);border-top-width:0;background-color:#fff;display:flex;flex-direction:column;padding:20px}
.PostCard>.info>.title{font-size:24px;font-weight:600;line-height:1.33;color:var(--black)}
@media (max-width:1023px){.PostCard>.info>.title{font-size:21px}}
.PostCard>.info>.description{font-size:21px;line-height:1.33;color:var(--black);margin-top:20px;flex:1}
@media (max-width:1023px){.PostCard>.info>.description{font-size:18px}}
.PostCard>.info>.details{padding:6px 12px;border-radius:8px;background-color:var(--gray-2);align-self:flex-end;font-size:16px;font-weight:500;line-height:1.25;text-align:center;color:var(--black);transition:background-color 0.3s ease;margin-top:14px}
.PostCard>.info>.details:hover{text-decoration:none;background-color:#e0e0e8}
@media (max-width:1023px){.PostCard>.info>.details{align-self:stretch}}