@font-face{font-family:'PT Sans Narrow';src:url(/font/PTSansNarrow-Regular.ttf);font-display:swap}
@font-face{font-family:'Jost';src:url(/font/Jost-VariableFont_wght.ttf);font-display:swap}
@font-face{font-family:'Onest';src:url(/font/Onest-VariableFont_wght.ttf);font-display:swap}

/* RESET */

:root{--firm-color:#75221E;--firm-border:transparent;--firm-bg:#d9d8d4}
*,*:before,*:after,input,button{margin:0;padding:0;border:none;text-decoration:none;outline:none;box-sizing:border-box;font-family:"Onest",serif;font-weight:400;font-size:16px;-webkit-tap-highlight-color:transparent}
/*ul,li{list-style:none}*/
a{color:inherit;}
header,main,footer,nav,article,section,aside,figure,figcaption,span,a,ul,li,button,input,textarea{display:flex}
img{display:block;max-width:100%;max-height:100%;height:auto}
body{line-height:1;cursor:default;font-optical-sizing:auto;background-color:#EEE}
body.loading{overflow:hidden}
.loading::after,.loading::before{content:'';position:fixed;z-index:1000}
.loading::before{top:0;left:0;right:0;bottom:0;height:100%;background:#fff;width:100%;overflow:hidden}
.loading::after{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDhweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSI0OHB4IiBmaWxsPSIjNzUyMjFlIj48cGF0aCBkPSJtNDgyLTIwMCAxMTQtMTEzLTExNC0xMTMtNDIgNDIgNDMgNDNxLTI4IDEtNTQuNS05VDM4MS0zODFxLTIwLTIwLTMwLjUtNDZUMzQwLTQ3OXEwLTE3IDQuNS0zNHQxMi41LTMzbC00NC00NHEtMTcgMjUtMjUgNTN0LTggNTdxMCAzOCAxNSA3NXQ0NCA2NnEyOSAyOSA2NSA0My41dDc0IDE1LjVsLTM4IDM4IDQyIDQyWm0xNjUtMTcwcTE3LTI1IDI1LTUzdDgtNTdxMC0zOC0xNC41LTc1LjVUNjIyLTYyMnEtMjktMjktNjUuNS00M1Q0ODItNjc5bDM4LTM5LTQyLTQyLTExNCAxMTMgMTE0IDExMyA0Mi00Mi00NC00NHEyNyAwIDU1IDEwLjV0NDggMzAuNXEyMCAyMCAzMC41IDQ2dDEwLjUgNTJxMCAxNy00LjUgMzRUNjAzLTQxNGw0NCA0NFpNNDgwLTgwcS04MiAwLTE1NS0zMS41dC0xMjcuNS04NlExNDMtMjUyIDExMS41LTMyNVQ4MC00ODBxMC04MyAzMS41LTE1NnQ4Ni0xMjdRMjUyLTgxNyAzMjUtODQ4LjVUNDgwLTg4MHE4MyAwIDE1NiAzMS41VDc2My03NjNxNTQgNTQgODUuNSAxMjdUODgwLTQ4MHEwIDgyLTMxLjUgMTU1VDc2My0xOTcuNXEtNTQgNTQuNS0xMjcgODZUNDgwLTgwWm0wLTYwcTE0MiAwIDI0MS05OS41VDgyMC00ODBxMC0xNDItOTktMjQxdC0yNDEtOTlxLTE0MSAwLTI0MC41IDk5VDE0MC00ODBxMCAxNDEgOTkuNSAyNDAuNVQ0ODAtMTQwWm0wLTM0MFoiLz48L3N2Zz4=);left:50%;width:48px;height:48px;margin:-24px 0 0 -24px;top:50%;display:flex;animation:wait .75s linear infinite;}
@keyframes wait{0%{transform:rotateZ(0deg)}100%{transform:rotateZ(-180deg)}}

/* NAVIGATION */

.nav-box{position:fixed;width:100%;left:0;top:0;z-index:100;transition:.6s cubic-bezier(.79,.14,.15,.86);justify-content:space-between;flex-wrap:wrap;transform:translateY(-128px)}
.move .nav-box{transform:translateY(0)}
#nav-list{align-items:center;z-index:12;position:relative;flex:0 1 100%;height:112px;background-color:var(--firm-bg);padding:0 112px}
.li-button{align-items:center;padding:0 20px;text-transform:uppercase;font-weight:700;justify-content:center;height:48px;border-radius:7px;font-size:13px;border:1px solid rgba(0,0,0,.25)}
/*.li-button.ico{display:none}*/
.li-logo{flex-direction:column;transition:.3s linear;align-items:center;justify-content:center}
.ul-nav{flex:0 1 100%}
.ul-nav ul{flex:0 1 100%}
.ul-nav ul li{align-items:center}
.ul-nav ul li:nth-child(n+2){margin-left:10px}
.ico svg{width:24px;height:24px;fill:rgba(0,0,0,.75);margin-right:10px}
.right ul{justify-content:flex-end;align-items:center}
.catalog{align-items:center;justify-content:center;cursor:pointer;position:relative;flex:1;height:48px;background-color:var(--firm-color);border-radius:7px;padding:0 20px}
.catalog svg{fill:#FFF;width:24px;height:24px}
.logo img{width:32px}
.logo figure{flex-direction:column;align-items:center;justify-content:flex-start}
.logo figcaption{flex-direction:column;align-items:center;text-transform:uppercase;margin-top:8px;line-height:.95;justify-content:center}
.logo figcaption b{font-weight:500;font-size:24px;font-family:Jost;letter-spacing:3px;margin-bottom:3px}
.logo figcaption i{font-style:normal;font-size:14px;font-weight:400;font-family:Jost}
.menu-icon{position:relative;width:13px;height:13px;overflow:hidden;margin-right:36px;flex-direction:column;flex:0 1 48px}
.menu-icon::after,.menu-icon::before{content:"";position:relative;height:50%;background-color:var(--firm-color);display:flex;transition:.4s}
.menu-icon::before{width:100%;margin-bottom:1px}
.menu-icon::after{width:100%}
.iconmsg-box{justify-content:flex-end}
.ul-nav .bttn{margin-left:16px}
#nav-list .iconmsg.red a{background-color:var(--firm-color);color:#fff;height:48px;font-weight:600;width:128px;font-size:13px}
#nav-list li.iconmsg a svg{width:24px;height:24px;fill:var(--firm-color)}
#shop{display:flex;z-index:2;position:absolute;top:112px;left:0;width:100%;transition:.8s cubic-bezier(.79,.14,.15,.86) .4s;flex-wrap:wrap;justify-content:flex-start;opacity:0;visibility:hidden;transform:translateY(-648px);align-content:flex-start;background-color:var(--firm-bg);border-top:none;padding:0 112px 24px;border-bottom:1px solid #bbb}
#shop.show{visibility:visible;transform:translateY(0);transition:.8s cubic-bezier(.79,.14,.15,.86);opacity:1}
.section-box{display:flex;flex:0 1 100%;justify-content:space-between;padding-top:24px}
.menu-list{flex:0 1 32%;position:relative;justify-content:flex-start;flex-direction:column;border-radius:15px;padding-bottom:16px}
.show .menu-list{background-color:#fff;transition:.6s cubic-bezier(.79,.14,.15,.86) .6s}
.menu-list::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgba(0,0,0,.25);border-radius:15px;transition:.3s cubic-bezier(.79,.14,.15,.86) .1s;opacity:0;visibility:hidden;transform:scale(1.05)}
.show .menu-list::before{opacity:1;visibility:visible;transition:.4s cubic-bezier(.79,.14,.15,.86) .4s;transform:scale(1)}
.menu-list h3{display:flex;overflow:hidden;width:100%;margin-bottom:16px;background-color:var(--firm-bg)}
.menu-list h3 b{text-transform:uppercase;display:flex;flex:0 1 100%;align-items:center;font-weight:400;opacity:0;visibility:hidden;transform:translateY(2vh);transition:.3s cubic-bezier(.45,.05,.55,.95) .2s;font-size:26px;font-family:"PT Sans Narrow",serif;padding:32px 16px}
#shop section:first-child li:last-child a{border-bottom:none}
.menu-list ul{flex-wrap:wrap}
.menu-list li{overflow:hidden;flex:0 1 100%}
.menu-list li:hover{background-color:#EEE}
.menu-list:first-child li:last-child{border:none;}
.menu-list li a{font-weight:700;padding:16px;align-items:center;flex:1;opacity:0;visibility:hidden;transform:translateY(100%);transition:.2s cubic-bezier(.79,.14,.15,.86);z-index:8;font-size:13px;justify-content:space-between;text-transform:uppercase}
.menu-list li a svg{fill:var(--firm-color)}
#shop.show .menu-list h3 b,#shop.show .menu-list li a{opacity:1;visibility:visible;transform:translateY(0)}
#shop.show .menu-list h3 b{transition:.7s cubic-bezier(.79,.14,.15,.86) .6s}
#shop.show .menu-list li a{transition:.7s cubic-bezier(.79,.14,.15,.86) .7s}
.close-nav{width:100%;cursor:pointer;position:relative;align-items:center;justify-content:center;text-align:center;background-color:#fff;height:0}
.close-nav b{background-color:var(--firm-color);color:#fff;text-transform:uppercase;height:0;align-items:center;justify-content:center;display:flex;font-size:13px;font-weight:800;width:22vh}
.close-nav::before{content:"";height:0;position:absolute;top:24px;width:calc(100% + 38vh);cursor:default;left:-128px;z-index:-1;opacity:0;visibility:hidden;backdrop-filter:grayscale(1)}
.show .close-nav::before{opacity:1;visibility:visible;height:50vh}
.phone{border:none;font-size:19px;font-weight:800;flex-direction:column;align-items:flex-end;letter-spacing:-1px}
.phone::after{content:"Краснодар, ул. 4-я Линия, 104/3";font-size:10px;margin-top:8px;font-weight:500;text-transform:uppercase;letter-spacing:normal;color:#333}

/* HEADER & PROMO */

.home-head{height:100vh;align-items:center;justify-content:flex-end;position:relative;flex-direction:column;padding:128px 112px 48px;background-size:contain;background-repeat:no-repeat;background-position:right;overflow:hidden}
.home-head::after{content:"";width:70%;height:calc(100% - (128px + 96px));position:absolute;z-index:-1;right:112px;bottom:48px;border:24px solid var(--firm-bg);top:calc(128px + 48px);transform:scale(1.4);transition:1s cubic-bezier(.65,.05,.36,1);opacity:0}
.move .home-head::after{transform:scale(1);;opacity:1}
.h1-main{display:flex;width:100%;justify-content:space-between;transition:1.5s cubic-bezier(.65,.05,.36,1) 1.2s;opacity:0;z-index:1;transform:scale(2)}
.move .h1-main{opacity:1;transform:scale(1)}
.h1-main b{text-transform:uppercase;font-size:6.5vw;font-weight:400;font-family:"PT Sans Narrow",serif;line-height:.75;display:flex;align-items:center;margin-left:-7px;letter-spacing:-2px;color:#000}
.ul-header{flex-direction:column;margin:32px 0 0;display:flex;z-index:2;align-self:flex-start}
.ul-header::after{height:24px;content:"";background-color:var(--firm-color);margin-top:128px;width:0;transition:.6s cubic-bezier(.65,.05,.36,1) 2.4s}
.move .ul-header::after{width:24px}
.ul-header li{line-height:1.5;color:#333;text-transform:uppercase;font-size:13px;transition:1s cubic-bezier(.65,.05,.36,1);opacity:0}
.ul-header li:first-child{transform:translateY(64px);transition-delay:1.7s}
.ul-header li:nth-child(2){transform:translateY(96px);transition-delay:1.8s}
.ul-header li:nth-child(3){transform:translateY(128px);transition-delay:1.9s}
.move .ul-header li{transform:translateY(0);opacity:1}
.bttn{align-items:center;justify-content:center;height:48px;font-weight:700;text-transform:uppercase;background-color:var(--firm-color);color:#fff;cursor:pointer;padding:0 20px;border-radius:7px;font-size:13px;white-space:nowrap}
.home-head>figure{position:absolute;right:0;width:100%;z-index:0;bottom:0;padding:152px 0 24px;top:0;align-items:flex-end;justify-content:center;height:100%;overflow:hidden}
.home-head .banner img{transform:scale(1.5);transition:1.2s cubic-bezier(.65,.05,.36,1) .6s;opacity:0}
.move .banner img{transform:scale(1);opacity:1;filter: contrast(.5) /*drop-shadow(0 4px 4px rgba(0,0,0,.3))*/;transition:1.2s cubic-bezier(.65,.05,.36,1) .6s}
.home-head button.bttn{display:none}
.about-box{justify-content:space-between;flex:0 1 100%;flex-wrap:wrap;margin:0 112px}
.about-box li{flex:0 1 49%;border-radius:15px;flex-direction:column;border:1px solid var(--firm-bg)}
.about-box li:first-child,.about-box li:nth-child(2){margin-bottom:24px}
.about-box h3{font-weight:400;font-size:26px;display:flex;line-height:.85;text-transform:uppercase;align-items:center;font-family:"PT Sans Narrow",serif;background-color:var(--firm-bg);border-top-left-radius:9px;border-top-right-radius:9px;padding:32px 16px}
.about-box span{background-color:#fff;padding:32px 16px;line-height:1.5;border-bottom-left-radius:15px;border-bottom-right-radius:15px}
.mob-vsb{display:none}
.content-box{display:flex;flex:0 1 100%;margin:0 112px;position:relative;border:1px solid var(--firm-bg);border-radius:15px}
.video-box{display:flex;height:calc((100vw - 240px)/100*32);overflow:hidden;flex:0 1 32%;background-color:#fff;align-items:center;position:relative;border-right:1px solid var(--firm-border);border-top-left-radius:15px;border-bottom-left-radius:15px}
.video-box video{position:absolute;width:100%;height:auto;display:flex;left:0;top:-48px;right:0}
.video-list{flex:0 1 68%;background-color:#fff;border-top-right-radius:15px;border-bottom-right-radius:15px;flex-direction:column;align-items:flex-start}
.video-list h3{padding:32px;font-family:"PT Sans Narrow",serif;font-size:26px;text-transform:uppercase}
.video-list p{padding:0 32px 32px;line-height:1.5;color:#555}
.video-list p i{font-style:normal}
.video-list .li-button{margin-left:32px;background-color:var(--firm-color);border:none;color:#fff}

/* BODY */

main{flex-wrap:wrap}
.pad-top{padding-top:112px}
article{flex:0 1 100%;flex-wrap:wrap}
.h2-span{display:flex;flex:0 1 100%;font-size:48px;font-weight:400;line-height:.8;padding:64px 112px;flex-direction:column;position:relative;font-family:"PT Sans Narrow",serif;letter-spacing:-2px;text-transform:uppercase}
.h2-span span{margin-top:13px;font-weight:500;font-size:12px;color:#555;letter-spacing:4px;font-family:Onest,serif;text-transform:uppercase;line-height:1.5}
h1.h2-span{padding-bottom:24px}
.description{margin:0 112px 64px;line-height:1.5;color:#555}
.ctg-box{justify-content:space-between;padding:0 112px;flex:0 1 100%;flex-wrap:wrap;position:relative}
.ctg-item{flex-direction:column;border-radius:15px;border:1px solid var(--firm-bg)}
.ctg-item img{background-color:var(--firm-bg);border-top-left-radius:15px;border-top-right-radius:15px}
.ctg-item figcaption{background-color:#fff;flex-direction:column;border-bottom-left-radius:15px;border-bottom-right-radius:15px}
.ctg-item h3,.video-content.ctg-item h3{display:flex;font-family:"PT Sans Narrow",serif;font-size:26px;text-transform:uppercase;padding:32px 16px 0}
.ctg-item span,.video-content.ctg-item span{padding:4px 16px 32px;color:#555;font-size:13px}
.goto-ctg{padding:16px;display:flex;align-items:center;font-weight:700;border-top:1px solid var(--firm-bg);font-size:13px;text-transform:uppercase;justify-content:center;min-height:48px}
.padd-all-16{padding:16px}
.ctg-box > li{flex:0 1 32%;position:relative;margin-bottom:24px}
.ctg-box.last-element li{margin-bottom:0}
.ctg-box>li a{flex:1}
.card{flex-direction:column;justify-content:space-between;border:1px solid var(--firm-bg);border-radius:15px;position:relative}
.gallery-box .card{margin:0}
.card img{background-color:var(--firm-bg);padding:16px;border-top-left-radius:15px;border-top-right-radius:15px}
.card figcaption{flex-direction:column;flex:1;background-color:#fff;border-bottom-left-radius:15px;border-bottom-right-radius:15px}
.card h3{text-transform:uppercase;font-weight:400;display:flex;font-size:26px;font-family:"PT Sans Narrow",serif;flex-direction:column;padding:32px 16px;border-bottom-left-radius:15px;border-bottom-right-radius:15px}
.video-content{display:flex;flex:0 1 100%;background-color:#FFF}
.cat-vbox{display:flex;height:calc((100vw - 272px)/ 100*32);overflow:hidden;flex:0 1 100%;position:relative;border-top-left-radius:15px;border-top-right-radius:15px}
.cat-vbox video{position:absolute;width:100%;height:auto;display:flex;left:0;top:0;right:0}
.card h3 b{margin-top:8px;color:#333;font-size:14px}
.card span{color:#555;line-height:1.4;margin-bottom:auto;padding:16px 16px 32px;border-top:1px solid var(--firm-bg)}
.colors{border-top:1px solid var(--firm-bg);padding:16px;position:relative;z-index:0;margin-top:auto}
.colors img{width:64px;height:64px;margin-right:8px;cursor:help;background-color:transparent;border:none;padding:0;border-radius:7px}
.colors li:last-child{margin-left:auto}
.colors li p{position:absolute;display:flex;left:0;background-color:#000;color:#fff;height:48px;align-items:center;padding:0 18px;transition:.4s cubic-bezier(.65,.05,.36,1);top:-16px;z-index:-1;opacity:0;visibility:hidden;border-radius:7px;box-shadow:0 6px 12px rgba(0,0,0,.5);font-weight:500}
.colors img:hover~p{top:-48px;opacity:1;visibility:visible}
.sizes{flex-direction:column;font-size:10px;text-transform:uppercase;font-weight:600;align-items:center;justify-content:space-between;color:#333;pointer-events:none;text-align:center;line-height:1.2}
.sizes svg{width:32px;height:32px;background-color:#000;fill:#FFF;border-radius:50%;padding:4px;margin-bottom:6px}
#restrict{position:fixed;bottom:25vh;left:35%;background-color:#fff;display:flex;justify-content:space-between;width:30%;z-index:15;transition:.6s cubic-bezier(.77,0,.18,1);flex-direction:column;padding-bottom:16px;border-radius:13px;opacity:0;visibility:hidden}
#restrict.stop{bottom:35vh;box-shadow:0 24px 64px rgba(0,0,0,.5);opacity:1;visibility:visible}
#restrict::before{content:"";position:fixed;top:0;height:0;width:100%;left:0;cursor:not-allowed;z-index:-1}
#restrict.stop::before{height:100%}
#restrict p{padding:24px;text-align:center;line-height:1.5;font-size:15px;color:#333}
#restrict p a{display:inline-block;font-size:15px;font-weight:700}
.red-bt{background-color:var(--firm-color);border:none;cursor:pointer;color:#fff;align-self:center}
.bb{border-top:1px solid var(--firm-border)}
@keyframes fade{0%{opacity:0;transform:translateY(48px)}75%{opacity:.75}100%{opacity:1;transform:translateX(0)}}
.ready{position:absolute;top:16px;right:16px;text-align:center;font-size:10px;text-transform:uppercase;padding:8px;border-radius:7px;background-color:var(--firm-color);color:#fff;align-items:center;justify-content:center;font-weight:600;z-index:2;line-height:1.2}
.advance{display:flex;background-color:#fff;border:1px solid var(--firm-bg);margin:24px 112px 0;border-radius:15px;align-items:center}
.advance span{padding:16px 32px}
.advance svg{fill:var(--firm-color);width:40px;height:40px}
.advance div{padding:32px;line-height:1.5;border-left:1px solid var(--firm-bg);color:#555}
.advance h2{text-transform:uppercase;font-weight:700;margin-bottom:12px;color:#000}
.advance a{display:inline;color:#000}
.calc{display:none;position:fixed;bottom:-128px;right:24px;border-radius:7px;align-items:center;justify-content:center;width:64px;flex-direction:column;transition: .8s cubic-bezier(.65,.05,.36,1) 2.6s}
.calc svg{height:64px;width:64px;background-color:var(--firm-color);border-radius:50%;padding:12px;box-shadow:0 6px 12px rgba(0,0,0,.6)}
.calc::after{content:"Рассчитать стоимость";display:flex;text-align:center;text-transform:uppercase;font-size:10px;font-weight:700;margin-top:5px;line-height:1.4;transition: .8s cubic-bezier(.65,.05,.36,1) 3s;transform:translateY(24px);opacity:0}
.move .calc{bottom:48px}
.move .calc::after{transform:translateY(0);opacity:1}
/* GALLERY */

.gallery-box{display:flex;padding:0 112px;justify-content:space-between;border-bottom:1px solid var(--firm-bg)}
.gallery{flex-direction:column;flex:0 1 32%;counter-reset:list 0;display:flex}
.gll .gallery li{margin-bottom:24px;border:1px solid var(--firm-bg);border-radius:15px;counter-increment:list;flex-direction:column;overflow:hidden}
.gallery-box .card{margin:0;border:none}
.gallery li::after{content:counters(list,".",decimal-leading-zero);padding:16px;background-color:#fff;border-bottom-left-radius:15px;border-bottom-right-radius:15px}
.gallery.two{counter-reset:list 5}
.gallery.three{counter-reset:list 10}
.gallery.second{counter-reset:list 8}
.gallery.third{counter-reset:list 17}
.gclose.gbtn b{display:none}
.gallery .card a{position:relative;overflow:hidden;align-items:center;justify-content:center}
.gallery .card a img{transition:.6s cubic-bezier(.45,.05,.55,.95)}
.gallery .card:hover img{transform:scale(1.2)}
.play{position:absolute;display:flex;flex-direction:column;align-items:center}
.play svg{background-color:var(--firm-color);width:40px;height:40px;border-radius:50%;padding:6px}
.play b{color:#fff;text-transform:uppercase;margin:12px 0;font-weight:600}
.play p{color:#fff;font-size:12px}

/*PORTRAIT*/

.portrait.card img{padding:0}
#phcc{background-image:url("/img/afyon-white.webp");background-size:contain;padding:12%}
#phcc img{background-color:#595959;border-radius:50%;border:3px outset var(--firm-border);box-shadow:0 5px 6px rgba(0,0,0,.65);filter: brightness(1.15)}

/* SERVICE */

.map-list{border-bottom:1px solid var(--firm-border);padding:0 112px;justify-content:space-between;position:relative}
.map-list img{width:65%;border-left:1px solid var(--firm-border);border-right:1px solid var(--firm-border)}
.map-list figcaption{flex:1;background-color:#fff;padding:32px;border-left:1px solid var(--firm-border)}
.map-list figcaption ul{flex-direction:column;padding:12vh 0;justify-content:center;flex:1}
.map-list figcaption ul li{padding:8px 0;font-size:14px;font-weight:500;text-transform:uppercase;cursor:pointer;user-select:none}
.map-list figcaption ul li::after{content:"";position:absolute;width:24px;height:24px;border-radius:50%;background-color:#6a2623;box-shadow:0 8px 10px rgba(0,0,0,.6);border:2px solid #fff;transition:.4s cubic-bezier(.45,.05,.55,.95)}
.map-list figcaption ul li:first-child::after{left:54%;top:17%}
.map-list figcaption ul li:nth-child(2)::after{right:36%;top:45%}
.map-list figcaption ul li:nth-child(3)::after{right:20.75%;top:52.5%}
.map-list figcaption ul li:hover::after{transform:scale(1.66)}
.map-list figcaption ul li b{position:relative;padding:8px 0;font-size:14px;font-weight:600;text-transform:uppercase}
.map-list figcaption ul li b::before{content:"";position:absolute;width:100%;height:2px;background:currentColor;top:100%;left:0;pointer-events:none;transform-origin:100% 50%;transform:scale3d(0,1,1);transition:transform .4s;background-color:var(--firm-color)}
.map-list figcaption ul li:hover b::before{transform-origin:0% 50%;transform:scale3d(1, 1, 1)}

/* ROOF */

.noinfo{padding:128px;border-top:1px solid var(--firm-border);flex:1;align-items:center;color:var(--firm-color);justify-content:center;background-color:#FFF}
.noinfo svg{fill:var(--firm-color);width:64px;height:64px;margin-right:8px}

/* PRIVACY */

.policy h1{padding-bottom:0}
.h3-list{font-family:"PT Sans Narrow",serif;font-size:26px;text-transform:uppercase;padding:48px 112px;display:flex;flex:1}
.policy p{padding:0 112px;margin-bottom:2vh;line-height:1.5}
.policy ul{flex-direction:column}
.num-list{padding:0 112px}
.num-list a{margin-left:4px;font-weight:700;display:inline-block;position:relative}
.num-list li{margin-bottom:2vh;line-height:1.5;display:inline}
.num-list li:last-child{margin-bottom:0}
.policy b{font-weight:700;display:inline}
.policy table{margin:0 128px;line-height:1.5;border-collapse:collapse}
.policy table th, .policy table td{border:1px solid var(--firm-bg);padding:24px;text-align:left}
.policy a::before,.mail::before{content:"";position:absolute;width:100%;height:2px;top:100%;left:0;pointer-events:none;transform-origin:100% 50%;transform:scale3d(0,1,1);transition:transform .4s cubic-bezier(.79,.14,.15,.86);background-color:var(--firm-color)}
.policy a:hover::before,.mail:hover::before{transform-origin:0% 50%;transform:scale3d(1, 1, 1)}
p.date{min-height: 10vh;border-top:1px solid var(--firm-border);border-bottom:1px solid var(--firm-border);margin-top:48px;width:100%;align-items:center;display:flex;margin-bottom:0}
.date svg{background-color:#fff;fill:var(--firm-color);border-radius:50%;margin-right:16px;width:24px;height:24px;margin-left:-2px}
.date b{margin-left:6px}
.white-body{background-color:#FFF}

/* FOOTER */

footer{flex-wrap:wrap}
.footer-box{display:flex;padding:0 112px;justify-content:space-between}
.address,.ftr-contact,.time{flex:0 1 32%;padding:32px 0;flex-direction:column;border:1px solid var(--firm-bg);background-color:#fff;border-radius:15px}
.ftr-contact .subttl{margin-bottom:12px}
.address li b,.ftr-contact li b,.time li b{text-transform:uppercase;font-size:26px;font-weight:400;flex:0 1 100%;margin-bottom:12px;font-family:"PT Sans Narrow",serif}
footer ul li{line-height:1.4;padding:0 16px}
.subttl{text-transform:uppercase;font-weight:700;margin-top:12px}
.call{font-size:24px;font-weight:700;margin:12px 0 16px;line-height:.95;letter-spacing:-1px}
.mail{font-weight:600;position:relative;align-items:center}
.mail svg{fill:var(--firm-color);margin-right:10px}
.msg-button .msg{background-color:var(--firm-color);color:#fff;height:48px;padding:0 20px;border-radius:7px;margin:0;font-size:13px;font-weight:700;text-transform:uppercase;margin-right:10px;align-items:center;justify-content:center;width:33%}
.msg-button a:last-child{margin:0}
.address{background-color:rgba(255,255,255,.75);position:relative;overflow:hidden}
.address::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/img/city-sqd.webp);background-position:0 10%;z-index:-1;background-size:140%;transition:3s cubic-bezier(.79,.14,.15,.86)}
.address:hover::before{transform:scale(1.6);transition:3s cubic-bezier(.79,.14,.15,.86)}
.note{font-size:14px;margin:12px 0 16px;border-top:1px solid var(--firm-bg);padding-top:16px;color:#555}
.info{flex:0 1 100%;display:flex;position:relative;justify-content:space-between;margin:48px 112px 0;padding:32px 16px;background-color:var(--firm-bg);border-top-left-radius:15px;border-top-right-radius:15px}
.info section{flex-direction:column}
.info ul{flex-direction:column;line-height:1.4;flex:1;justify-content:space-between;margin:8px 0}
.info ul li{padding:0}
.info ul li,.info ul li a{font-size:14px;color:#555}
.info h3{text-transform:uppercase;font-weight:600;margin-bottom:12px;font-size:14px}
.info figure{width:96px;flex-direction:column;position:relative}
.info figure figcaption{text-transform:uppercase;font-size:10px;margin-top:8px;text-align:center;line-height:1.4;justify-content:center;font-family:Jost;color:#555}
.info figure::before{content:"Отсканируйте QR-код, чтобы открыть сайт на мобильном устройстве";position:absolute;bottom:calc(100% + 16px);background-color:#000;color:#fff;padding:16px;font-size:13px;border-radius:7px;width:200%;left:-50%;text-align:center;line-height:1.2;transform:translateY(16px);transition:.4s ease-in-out;opacity:0;visibility:hidden}
.info figure:hover::before{transform:translateY(0);opacity:1;visibility:visible;transition:.4s ease-in-out}
.info figure::after{content:"";position:absolute;width:12px;height:12px;background-color:#000;bottom:calc(100% + 10px);transform:rotateZ(45deg) translateY(-16px);left:calc(50% - 18px);transition:.1s ease-in-out;opacity:0;visibility:hidden}
.info figure:hover::after{transform:rotateZ(45deg) translateY(0);transition:.1s ease-in-out .2s;left:calc(50% - 8px);opacity:1;visibility:visible}
.smart-nav{display:none}
.smart-navigate{display:none}
#cookies{width:100%;background-color:#FFF;padding:16px 112px;box-sizing:border-box;justify-content:space-between;align-items:center;line-height:1.5;position:fixed;bottom:0;left:0;display:flex;transform:translateY(100%);transition:.6s cubic-bezier(.79,.14,.15,.86);z-index:6;border-top:1px solid var(--firm-bg)}
.cookies_text{display:flex;flex-wrap:wrap}
.cookies_text p{display:flex;flex:0 1 100%;font-size:14px}
.cookies_text a{font-size:14px;font-weight:800}
.cookies_text a svg{margin:0 0 0 8px}

/* @MEDIA 1080px*/

@media screen and (max-width:1080px){
#nav-list,.ctg-box,.footer-box,.gallery-box,.map-list{padding:0 24px}
.h2-span{padding:64px 24px}
.about-box,.content-box,.advance{margin:0 24px}
.video-box{height:calc((100vw - 64px)/100*32)}
.info{margin:48px 24px 0}
.video-list p i{display:none}
.description{margin:0 24px 48px}
}
/* @MEDIA 768px*/

@media screen and (max-width:768px){
*{font-size:17px}
.nav-box{display:none}
.noscroll{overflow:hidden}
.mob-bb{border-bottom:1px solid var(--firm-border)}
.h2-span{padding:48px 16px;font-size:10vw;border-bottom:none;color:#000;letter-spacing:-1px}
.h2-span::after{display:none}
.ctg-box{padding:0;border:none}
.ctg-box li{flex:0 1 100%}
.ctg-box.last-element>li{margin-bottom:24px}
.ctg-box.last-element li.bo13{margin-bottom:24px}
.ctg-box.last-element li:last-child{margin-bottom:0}
.card figcaption{padding:0;border-bottom:0}
.about-box figcaption span{padding:24px 16px}
.footer-box{flex-direction:column;padding:0}
.address,.ftr-contact,.time{flex:0 1 100%;padding:32px 0}
.call{font-size:8vw;letter-spacing:-1px}
.point{flex-direction:column}
#point{margin:12px 0}
.info{padding:48px 24px 96px;border-top:none;margin:24px 0 0}
.info figure{display:none}
.home-head{height:100vh;margin:0;padding:0;justify-content:flex-end;border:none}
.home-head::after{width:calc(100% - 48px);height:calc(100% - 24px);left:24px;top:24px}
.h1-main{font-size:11vw;position:absolute;margin:0;bottom:calc(50% - 48px);left:0;padding:0 16px}
.h1-main b{font-size:64px}
.ul-header{display:none}
.home-head .logo.mob-vsb{margin-bottom:auto;background-color:transparent;margin-top:16px}
.home-head .logo.mob-vsb figure{padding:16px}
.home-head figure{width:100%;padding:0;position:relative}
.about-box{margin:0;border:0}
.about-box li{flex:0 1 100%;border-right:none;border-left:none}
.mob-vsb{display:flex}
.pc-vsb{display:none}
body{border:none}
.map-list{padding:0;flex-direction:column-reverse;border:1px solid var(--firm-bg);border-radius:15px}
.map-list figcaption{padding:0;border-bottom-left-radius:15px;border-bottom-right-radius:15px}
.map-list figcaption ul{padding:0}
.map-list figcaption ul li{height:48px;border-top:1px solid var(--firm-border);padding:0}
.map-list figcaption ul li:first-child::after{left:7%;top:12%}
.map-list figcaption ul li:nth-child(2)::after{left:36%;top:33%}
.map-list figcaption ul li:nth-child(3)::after{right:5%;top:37%}
.map-list figcaption ul li b{padding:0 16px;font-size:13px;font-weight:700;display:flex;flex:1;align-items:center}
.map-list img{width:100%;border-top-left-radius:15px;border-top-right-radius:15px}
.pad-top{padding:0}
.smart-head{justify-content:center;height:128px;background-color:var(--firm-bg);align-items:center;border-bottom-left-radius:15px;border-bottom-right-radius:15px;border-top:1px solid var(--firm-color)}
.smart-head .logo{height:auto}
.gallery-box{padding:0;flex-wrap:wrap;border:none}
.gallery{flex:0 1 100%}
.content-box{margin:0;flex-wrap:wrap}
.content-box::before{display:none}
.video-box{flex:0 1 100%;height:100vw;border:none;border-top-left-radius:13px;border-bottom-left-radius:0;border-top-right-radius:13px}
.cat-vbox{flex:auto;height:100vw;border:none;border-top-left-radius:13px;border-top-right-radius:13px}
.video-list{flex:0 1 100%;padding-bottom:32px;border:none;border-top-right-radius:0;border-bottom-right-radius:13px;border-bottom-left-radius:13px}
.about-box li:last-child{margin-bottom:0}
.video-list h3{padding:32px 16px}
.video-list p{padding:0 16px 32px}
.video-list .li-button{margin-left:16px}
#restrict{height:auto;bottom:10vh;flex-direction:column;width:calc(100% - 32px);left:16px;border-radius:13px;padding:16px;opacity:0;visibility:hidden}
#restrict.stop{bottom:148px;opacity:1;visibility:visible}
#restrict figure{align-items:center;flex-direction:column}
#restrict figure svg{display:none}
#restrict figcaption{text-align:center;padding:0;border:none;margin-bottom:16px;font-size:14px}
.red-bt{color:#FFF}
.time{margin:24px 0}
.colors{justify-content:space-between}
.colors li{flex:0 1 auto}
.h3-list,.num-list,.policy p{padding:16px}
.h3-list{line-height:1.25}
.policy table{margin:16px 0}
tr{display:flex;flex-direction:column}
.noinfo{flex-direction:column;padding:32px 16px}
.noinfo svg{margin:0}
.noinfo figcaption{text-align:center;margin-top:12px;line-height:1.25}
.about-box h3{padding:32px 16px}
.smart-navigate .icon{background-color:var(--firm-color)}
.smart-navigate{display:flex;position:fixed;bottom:-48px;height:48px;width:50%;background-color:rgba(82,81,80,.75);z-index:5;left:25%;border-radius:7px;justify-content:space-between;opacity:0;transition:.6s cubic-bezier(.45,.05,.55,.95) .4s}
.move .smart-navigate{bottom:16px;opacity:1}
.smart-navigate>a,.smart-navigate>button{flex:0 1 33.33333%;justify-content:center;background-color:transparent;align-items:center;border-radius:7px}
.smart-navigate svg{fill:#FFF;width:24px;height:24px}
#smart-contact,#smart-list{position:fixed;bottom:68px;background-color:#111;width:calc(100% - 32px);left:16px;flex-direction:column;border-radius:13px;transform-origin:0 100% 0;transform:scaleY(0);transition:.6s cubic-bezier(.45,.05,.55,.95) .2s}
#smart-contact.mobile,#smart-list.mobile{transform:scale(1);transition:.6s cubic-bezier(.45,.05,.55,.95)}
#smart-contact li,#smart-list li{min-height:48px;overflow:hidden}
#smart-contact a,#smart-list a,#smart-list button{color:#fff;background-color:transparent;flex:0 1 100%;align-items:center;padding:16px;transform:translateY(48px);transition:.2s cubic-bezier(.45,.05,.55,.95);font-size:14px;text-transform:uppercase;font-weight:500;opacity:0}
#smart-contact.mobile li a,#smart-list.mobile li a,#smart-list.mobile li button{transform:translateY(0);transition:.6s cubic-bezier(.45,.05,.55,.95) .4s;opacity:1}
#smart-contact-open::after,#smart-menu-open::after{content:"";position:fixed;top:0;left:0;background-color:transparent;width:100%;height:100%;z-index:-1;display:none}
#smart-contact-open.icon::after,#smart-menu-open.icon::after{display:block}
#smart-contact .callme{flex-direction:column;font-size:18px;border-top:1px solid rgba(255,255,255,.1)}
.callme::after{content:"Нажмите, чтобы набрать номер";font-size:10px;margin-top:6px;color:rgba(255,255,255,.5);font-weight:500}
#smart-contact .chat svg{width:18px;height:18px;margin-right:12px}
.geo{justify-content:center;border-top:1px solid rgba(255,255,255,.1)}
#smart-accd{flex-direction:column}
.hide{max-height:100%;overflow:hidden;flex-direction:column;background-color:#333;border-radius:13px}
.accd b{transform:translateY(48px);transition:.2s cubic-bezier(.77,0,.18,1) .4s;font-weight:500;font-size:14px;opacity:0}
#smart-list.mobile li .accd b{transform:translateY(0);opacity:1}
.accd svg{fill:#555;width:18px;height:18px;border-radius:50%;background-color:transparent}
svg.acc-read{transform:rotateZ(45deg);fill:#111;background-color:#fff;transition:.6s cubic-bezier(.45,.05,.55,.95)}
.accd{justify-content:space-between}
.chat svg path{fill:var(--firm-color)}
.sizes{justify-content:flex-start}
.sizes svg{margin-bottom:12px}
.mrg-bott-none,.ctg-item.mrg-bott-none,.gll .gallery li.mrg-bott-none{margin-bottom:0}
.gcontainer .gclose.gbtn{background-color:var(--firm-color);width:96px;bottom:16px;top:auto;right:calc(50% - 48px);height:48px}
.gclose.gbtn svg{display:none}
.gclose.gbtn b{display:flex;text-transform:uppercase;font-size:13px;font-weight:600;color:#fff}
.about-box li:nth-child(3){margin-bottom:24px}
.policy h1{padding-bottom:16px}
.description{margin:0 16px 48px}
.advance{margin:24px 0 0;flex-direction:column}
.advance span{align-self:flex-start;padding:16px}
.advance div{border-left:none;border-top:1px solid var(--firm-bg);padding:32px 16px}
.calc{display:none}
#cookies{padding:12px;flex-direction:column;top:auto;left:0;transform:translateY(300%);transition-duration:1.25s;box-shadow:0 -12px 24px rgba(0,0,0,.25);border-top:1px solid #bebcb6;bottom:0}
.cookies_text{padding:12px 0 24px}
.cookies_text p{text-align:center;flex-direction:column;align-items:center}
#closeButton{width:100%;border-radius:24px}
}