footer .contact-card a,nav .box2 .h1,nav a{text-decoration:none;-webkit-text-decoration:none}#loader,section{height:100%;width:100%}nav .box1,section .main h3::first-line{color:#fff}.offer-right::after,.offer-right::before{width:30px;height:30px;content:"";position:absolute}.imgs h2,.uslugi h2{text-underline-offset:20px}:root,body,footer,nav .box1,section{background:#000}.about,.offer,footer{grid-template-columns:1fr 1fr}.about,.icons,.offer,footer{display:grid;place-items:center}.about .arrow,.contact-card,.mess{max-width:500px;margin-bottom:20px}.contact-card p,footer .contact-card a,nav .box2 .h1,nav a{-webkit-text-decoration:none;text-decoration:none;}.about p,.mess button,.offer p,nav .box2 .h1{font-weight:800}.d button,.icons button,.toggle,button{cursor:pointer}:root{color-scheme:dark;color:#fff}button,input,select,textarea{background-color:#fff;color:#000;border:2px solid #000}input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#000000}input:-moz-autofill,select:-moz-autofill,textarea:-moz-autofill{box-shadow:0 0 0 1000px #fff inset;-moz-text-fill-color:#000000}.about,.imgs,.offer,section .main{box-shadow:0 5px 5px #eb90046f}*{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}#loader{position:fixed;top:0;left:0;background:#111;display:flex;justify-content:center;align-items:center;z-index:9999}nav,nav .box1{align-items:center;height:100px}.spinner{width:100px;height:100px;border-top:5px solid #eb9004;border-radius:50px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}body{min-width:360px;overflow-x:hidden}@keyframes appear{from{opacity:.8;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slidel{from{opacity:0;transform:translateX(-200px)}to{opacity:1;transform:translateX(0)}}@keyframes slider{from{opacity:0;transform:translateX(200px)}to{opacity:1;transform:translateX(0)}}@keyframes slideup{from{opacity:0;transform:translateY(200px)}to{opacity:1;transform:translateY(0)}}.toggle{animation:linear appear;animation-timeline:view();animation-range:entry -200px cover 25%}.about-left,.offer-left{animation:linear slidel;animation-timeline:view();animation-range:entry -200px cover 25%}.about-right,.offer-right{animation:linear slider;animation-timeline:view();animation-range:entry -200px cover 25%}.imgs,.uslugi{animation:linear slideup;animation-timeline:view();animation-range:entry -200px cover 25%}nav{background:#fff;display:grid;grid-template-columns:1fr 2fr;padding:0 5vw}nav img{height:80px}nav .box1{display:flex;padding:0 10px}nav .box2,nav .box2 .left{align-items:center;display:flex;gap:10px}nav .box1 h3{font-size:2rem;margin-left:20px}nav .box2{background:#eb9004;padding:0 10px;justify-content:flex-end;height:100px}nav .box2 .h1{font-size:2rem;color:#000}nav a{color:#000;display:flex;align-items:center;gap:10px}footer .contact-card a .phone-link,nav a .phone-link{pointer-events:none;opacity:.6}footer .contact-card a.phone-link.mobile,nav a.phone-link.mobile{pointer-events:auto;opacity:1}footer .contact-card a{color:#fff}section .main{background:url("imgs/icons/bg1.webp") center/cover no-repeat;width:100%;height:900px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}section .main h3{margin-bottom:1rem;font-size:3rem;color:#eb9004;text-shadow:0 0 10px #000}section .main h1{color:#fff;font-size:1.5rem;font-weight:400;text-shadow:0 0 10px #000}.about,.offer{gap:20px;padding:50px;text-align:center}.about-left img,.offer-left img{width:100%;max-width:600px;display:block;border-radius:10px}.offer-right{position:relative;padding:1rem}.offer-right::before{top:0;left:0;border-top:2px solid #eb9004;border-left:2px solid #eb9004}.offer-right::after{bottom:0;right:0;border-bottom:2px solid #eb9004;border-right:2px solid #eb9004}.about .arrow{background-color:#eb9004;padding:20px 40px;text-align:center;line-height:1.2;min-width:200px;position:relative}.d,.toggle.active{background:#000000c7}.d,.d button,.toggle.active{position:fixed}.about .arrow h2{color:#000;font-size:4rem}.about .arrow::after{content:"";position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);border-width:20px 12px 0;border-style:solid;border-color:#eb9004 transparent transparent}.about p{color:#fff;line-height:1.6;font-size:1.2rem;max-width:580px;padding:10px 0}.mess button,.mess textarea{max-width:100%;font-size:1.5rem}.about .bold{font-size:2rem;line-height:1.5;text-decoration:underline #eb9004;text-underline-offset:5px}.offer p{text-align:left;color:#fff;font-size:1.5rem}.offer .first{font-size:4rem;line-height:2;text-align:center;color:#eb9004}.offer{padding-bottom:50px}.imgs,.uslugi{padding:50px 0;text-align:center}.imgs{color:#fff}.imgs h2{font-size:3rem;text-decoration:underline #fff;line-height:2rem;color:#eb9004}.imgs p,.uslugi p{font-weight:800;font-size:1.5rem;padding:30px 10%}.imgs img{width:80%;border-radius:20px}.uslugi{color:#fff}.uslugi h2{font-size:3rem;text-decoration:underline #eb9004;line-height:2}.icons{grid-template-columns:1fr 1fr 1fr 1fr}.icons button{width:200px;font-size:1.2rem;background:0 0;border:none;color:#fff;margin:10px;border-radius:10px;height:220px}.icons button img:hover{transition:.1s;transform:scale(1.08)}footer{color:#fff;border-top:2px solid #eb9004;box-shadow:0 0 20px #eb9004;padding-top:20px}.contact-card,.mess{border-left:2px solid #eb9004;margin-top:20px;height:350px}.contact-card{padding-left:20px}.mess h2{transform:translateX(20px)}.contact-card h2,.mess h2{font-size:3rem;margin:0 0 10px -70px;border-bottom:1px solid #eb9004;padding-bottom:10px;padding-left:70px}.mess input,.mess textarea{width:90%;margin-bottom:10px;padding:2px}.contact-card p{font-size:1.2rem;line-height:2rem;text-decoration:none}.mess input{font-size:1.5rem;border:2px solid #000;border-radius:5px}.mess textarea{min-height:10rem;resize:none;border:2px solid #000;border-radius:5px}.mess input:focus,.mess textarea:focus{outline:0;border:2px solid #eb9004;box-shadow:0 0 10px #eb9004}.mess button{width:70%;padding:10px;color:#000;background:#eb9004;border:2px solid #fff;border-radius:5px;box-shadow:0 0 10px #fff}.cent{text-align:center}.d{display:none;height:100vh;width:100vw;z-index:1000;overflow-y:auto;transition:transform 3s}.d button{margin:10px;background:0 0;border:none;z-index:2000}#d1,#d2,#d3,#d4{padding:20px;display:none;flex-wrap:wrap;gap:10px;place-content:center}.toggle{width:clamp(100px,15%,500px);min-height:100px;max-height:300px;object-fit:cover;border-radius:8px;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-drag:none}.toggle.active{padding:10px;margin-top:-20px;max-width:none;max-height:none;height:calc(100% - 20px);width:100%;object-fit:contain;z-index:200000;backdrop-filter:blur(5px)}.contact-card button{background:0 0;border:none;cursor:pointer;width:1rem;height:1rem;margin-left:5px}.contact-card button img{transform:translateY(3px)}@media (max-width:1350px){nav{padding:0}nav img{height:60px}nav .box1 h3,nav .box2 .h1{font-size:1.5rem}section .main{height:600px}.about p,.icons button{font-size:1rem}.about .bold{font-size:1.6rem}.offer-right{max-width:600px}.imgs p,.mess button,.offer p,.uslugi p{font-size:1.2rem}.offer .first{font-size:3.5rem}.about .arrow{padding:10px 0;margin:0 auto 20px}.about .arrow h2{font-size:3rem}.contact-card h2,.mess h2{font-size:2rem}.contact-card p{line-height:2rem;font-size:1rem}.mess input,.mess textarea{font-size:1.2rem;width:80%}.imgs h2,.uslugi h2{font-size:2.5rem;line-height:1.2}.imgs p,.uslugi p{padding:30px 5%}.icons button img{width:70px}}@media (max-width:1060px){.about,.offer{grid-template-columns:1fr;gap:50px}.about-left,.about-right,.offer-left,.offer-right{animation:linear slideup;animation-timeline:view();animation-range:entry -200px cover 25%}.about-right,.offer-right{margin:0 auto}.offer-right{padding:1rem;width:90vw}.contact-card h2,.mess h2{font-size:1.5rem}.contact-card p{line-height:2rem}.mess input,.mess textarea{font-size:1rem;width:80%}.mess button{font-size:1rem}}@media (max-width:944px){footer,nav{grid-template-columns:1fr}nav .box1,nav .box2{height:50px}nav .box2 .left{margin-right:auto}nav img{height:40px}nav .box1 h3,nav .box2 .h1,section .main h1{font-size:1rem}section .main{height:500px}.contact-card h2,.mess h2,section .main h3{font-size:1.5rem}.about p{font-size:.9rem;padding:10px 20px}.about .bold{font-size:1.2rem}.offer p{font-size:1rem;width:100%;padding:0 10px 20px}.imgs p,.uslugi p{font-size:1rem;padding:20px 10px}.imgs h2,.uslugi h2{font-size:2rem;text-underline-offset:10px}.offer .first{font-size:3rem}.about,.imgs,.offer{padding:20px 5px 50px}.about-left img,.offer-left img{max-width:600px;border-radius:10px}.about .arrow{padding:10px 0;margin:0 auto 20px;max-width:300px}.about .arrow h2{font-size:2rem}.offer-right{padding:0;width:90vw}.about-left,.about-right,.imgs,.offer-left,.offer-right{margin:20px 0}.contact-card p{line-height:2rem}.mess input,.mess textarea{font-size:.8rem;width:90%}.mess button{font-size:.8rem}footer{padding:20px}footer .contact-card,footer .mess{width:80%;margin-left:20px}.imgs img{width:99%}.icons{grid-template-columns:1fr 1fr}.icons button img{width:50px}}@media (max-width:500px){.icons button{width:150px}}@media (max-width:420px){.offer p{font-size:.9rem}.contact-card h2,.mess h2{margin:0 0 10px -50px;padding-left:50px}footer{padding:0}}@media (max-width:390px){.about p,.imgs p,.offer p,.uslugi p,nav .box1 h3,nav .box2 .h1,section .main h1{font-size:.8rem}.contact-card p,.icons button{font-size:.9rem}.about .bold{font-size:1rem}.contact-card h2,.mess h2,section .main h3{font-size:1.2rem}.about .arrow h2,.imgs h2,.uslugi h2{font-size:1.5rem}.offer .first{font-size:2rem}}@media (max-width:360px){.offer-right{width:320px}}