section#hero{background:#ccc;height:100vh;overflow:hidden;padding-top:90px;position:relative}
section#hero .container{z-index:2}
section#hero .background{position:absolute;width:100%;height:100%;left:0;top:0;object-fit:cover;z-index:1;opacity:1}
section#hero .hero-person{position:absolute;bottom:0;right:0;margin:0;height:100%;animation-duration:2.5s;animation-delay:0.5s}
section#hero .hero-person img{height:100%;transform:translateX(20%)}
section#hero h4{font-weight:300;font-size:28px;margin:0 0 15px 0;opacity:0.7;animation-duration:1.5s;animation-delay:0s;color:var(--color-6)}
section#hero h2{font-weight:900;font-size:85px;margin:0;animation-duration:1.5s;animation-delay:0.3s;color:var(--hover-link-color);line-height:1}
section#hero h3{line-height:1;font-weight:700;font-size:55px;margin:0;animation-duration:1.5s;animation-delay:.6s;color:var(--hover-link-color)}
section#hero p{margin:20px 0;font-size:18px;animation-duration:1.5s;animation-delay:1s}
section#hero button.hero-button{background:var(--link-color);color:var(--white-color);font-weight:bold;padding:8px 15px;min-width:250px;border-radius:0;height:50px;margin-top:20px;animation-duration:1.5s;animation-delay:1.3s}
section#hero button.hero-button:hover{transform:scale(1.05)}
section#hero .number{position:absolute;bottom:20px;padding-left:15px;left:0;opacity:0.8;font-style:italic;animation-duration:1.5s;animation-delay:2.2s}
section#hero .creed{padding-top:76px;width:100%;animation-duration:1.5s;animation-delay:1.6s}
section#hero .creed img{max-width:100%}@media (min-width:1000px) and (max-width:1400px){section#hero .hero-person{height:110%}section#hero{height:auto;min-height:100vh;padding-top:150px}section#hero h4{font-size:22px}section#hero h2{font-size:60px}section#hero h3{font-size:45px}section#hero p{font-size:18px}section#hero .creed{padding-top:45px;padding-bottom:40px}}@media (min-width:768px) and (max-width:999.99px){section#hero .hero-person img{transform:translateX(50%)}section#hero h4{font-size:18px}section#hero h2{font-size:55px}section#hero h3{font-size:35px}section#hero p{font-size:16px}section#hero .creed{padding-top:25px;padding-bottom:40px}}
@media (min-width:510px) and (max-width:767.99px){section#hero{height:auto;padding-top:150px}section#hero .hero-person img{transform:translateX(55%)}section#hero h4{font-size:18px}section#hero h2{font-size:55px}section#hero h3{font-size:35px}section#hero p{font-size:16px}section#hero .creed{padding-top:25px;padding-bottom:40px;width:60%}}@media (max-width:510px){section#hero{height:auto;padding-top:150px}section#hero h4{font-size:18px}section#hero h2{font-size:55px}section#hero h3{font-size:35px}section#hero p{font-size:16px}section#hero .hero-person{position:static;width:100%}section#hero .hero-person img{transform:translateX(-20%);width:140%;height:auto}section#hero .creed{padding-top:40px;margin-bottom:-80px}}
@media only screen
and (max-device-height :800px)
and (orientation :landscape){section#hero{height:auto;min-height:100vh}}
#warning-info{padding:50px 0}#warning-info .warning-box{background:var(--red-warning-color);color:var(--white-color);padding:45px;position:relative;z-index:5;margin:50px 0;box-shadow:10px 15px 25px rgba(0,0,0,0.4);border-radius:20px}#warning-info .warning-box:after{content:'';position:absolute;top:15%;right:-24px;width:0;height:0;border-style:solid;border-width:24px 0 24px 24px;border-color:transparent transparent transparent var(--red-warning-color);transform:rotate(0deg)}#warning-info .warning-box h3{text-transform:uppercase;margin-bottom:20px}#warning-info .warning-box a{color:var(--white-color);text-decoration:none}#warning-info .warning-box .warinig-phone{font-size:26px;font-weight:bold}#warning-info .warning-background{width:100%;height:100%;min-height:470px;position:relative;z-index:4}#warning-info .warning-background figure{position:absolute;top:0;right:0;width:140%;height:100%;overflow:hidden;border-radius:25px}#warning-info .warning-background figure img{object-fit:cover;width:100%;height:100%}@media (max-width:991px){#warning-info .warning-box{margin:0 0 -60px 0;top:-60px}#warning-info .warning-box:after{right:50%;top:-24px;margin-right:-12px;transform:rotate(270deg)}#warning-info .warning-background{min-height:0}#warning-info .warning-background figure{width:100%;position:relative}}
#index-services{padding:70px 0;background:url('/assets/images/serv-background.webp');background-attachment:fixed;background-size:cover;position:relative;overflow:visible}
#index-services h2{color:var(--hover-link-color)}
#index-services .container{position:relative;z-index:5}
#index-services .person-image{width:40%;height:100%;position:absolute;bottom:0;left:60%;z-index:4}
#index-services .person-image img{width:100%;position:sticky;height:100vh;object-fit:contain;object-position:right bottom;top:0;display:block;right:0}
#index-services .service-card{background:var(--white-color);color:var(--color-63);position:relative;overflow:hidden;transition:0.3s;height:210px}
#index-services .service-card:before{position:absolute;content:'';z-index:1;background:var(--link-color);height:100%;width:35%;top:0;left:-20%;transform:skewX(-30deg);transition:0.3s}
#index-services .service-card:after{position:absolute;content:'';z-index:1;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%);height:100%;width:35%;top:0;left:-20%;transform:skewX(30deg);transition:0.3s}
#index-services .service-card a.main-link{display:flex;flex-direction:column;justify-content:center;text-decoration:none;position:relative;z-index:2;padding:35px 35px 35px 125px}
#index-services .service-card .icon{width:90px;height:90px;background:var(--muted-main-color);border-radius:45px;position:absolute;top:50%;left:15px;transform:translateY(-50%);overflow:hidden;z-index:6}
#index-services .service-card .icon img{width:100%;height:100%;object-fit:cover}
#index-services .service-card .title{font-size:24px;font-weight:700;line-height:1.2;margin-bottom:12px}
#index-services .service-card .details{font-size:16px;color:var(--color-63)}
#index-services .service-card:hover{transform:translateY(-10px) scale(1.05);box-shadow:18px 18px 25px rgba(0,0,0,.3)}
#index-services .service-card:hover .icon{box-shadow:10px 10px 18px rgba(0,0,0,.3)}
#index-services .service-card:hover:before{width:200%;left:-50%}
#index-services .service-card:hover a.main-link,
#index-services .service-card:hover .details{color:var(--white-color)}section#services{padding:0 0 70px 0}
section#services .quote{display:flex;align-items:center;gap:15px;animation-duration:1s}
section#services .quote img{width:100px;flex:0 0 auto}
section#services .quote .text{flex:1 0 0;font-size:26px;font-weight:bold;font-style:italic;line-height:1.2}section#services .warning-box{background:var(--red-warning-color);color:var(--white-color);padding:25px;position:relative;z-index:5;margin:15px 0 50px 0;box-shadow:10px 15px 25px rgba(0,0,0,0.4);border-radius:20px}
section#services .warning-box h3{text-transform:uppercase;margin-bottom:20px}
section#services .warning-box .warinig-phone{font-size:26px;font-weight:bold}section#services .service-card{background:var(--white-color);padding:0;border-radius:20px;color:var(--color-63);position:relative;overflow:hidden;transition:0.3s}
section#services .service-card:hover{transform:translateY(-10px)}
section#services .service-card .main-link{color:var(--color-63);text-decoration:none;display:block;padding:10px 10px 25px 10px}
section#services .service-card .icon{height:200px;border-radius:20px;overflow:hidden}
section#services .service-card .icon img{width:100%;height:100%;object-fit:cover;transition:0.6s}
section#services .service-card:hover img{transform:scale(1.05)}
section#services .service-card .title{font-size:24px;font-weight:bold;color:var(--hover-link-color);margin-bottom:10px}
section#services .service-card .title:hover{color:var(--hover-color)}section#services.on-page.single .service-page-image{margin-bottom:30px}
section#services.on-page.single .service-page-image img{width:100%}
section#services.on-page.single .service-aside-menu{display:flex;flex-direction:column}@media (max-width:575.9px){#index-services .service-card .title{font-size:20px}#index-services .service-card .details{font-size:14px}#index-services{overflow:hidden}}
@media (min-width:768px) and (max-width:991px){#index-services .service-card:before{width:30%}#index-services .service-card:after{width:30%}}@media (min-width:992px) and (max-width:1400px){#index-services .service-card .details{font-size:13px}}
#about{padding:70px 0;overflow:hidden}#about .about-image{border-radius:30px;overflow:hidden;max-width:450px;margin:auto;box-shadow:15px 17px 22px rgba(0,0,0,0.3)}#about .about-image img{width:100%;transition:0.5s}#about .about-image:hover img{transform:scale(1.15)}#about .about-text{font-size:1.2rem;padding:20px 0}#about .about-text h1{font-size:4rem;font-weight:900;color:var(--hover-link-color);line-height:1;margin-bottom:3rem}#about .about-text h1 span{font-size:3rem;color:var(--color-63)}#about .about-numbers{display:flex;flex-direction:column;gap:20px;flex-wrap:wrap}#about .about-numbers .number-box{line-height:1}#about .about-numbers .num{font-size:5rem;font-weight:bold;line-height:1;color:var(--hover-link-color)}#about .about-numbers .text{font-size:1.2rem;line-height:1}@media (max-width:1400px){#about .about-numbers{flex-direction:row;text-align:center;gap:40px;justify-content:center}}@media (max-width:600px){#about .about-text{font-size:inherit}#about .about-text h1{font-size:2.5rem;margin-bottom:20px}#about .about-text h1 span{font-size:1.3rem;color:var(--color-63)}#about .about-numbers .num{font-size:3rem}#about .about-numbers .text{font-size:1rem}#about .about-numbers{gap:20px}}
#features{padding:70px 0}#features .feature{display:flex;gap:20px;align-items:center}#features .feature .icon{width:100px;height:100px;flex:0 0 auto}#features .feature .icon img{width:100%;height:100%;object-fit:cover}#features .feature .text{flex:1 0 0}#features .feature .text h5{font-weight:700;margin-bottom:10px;font-size:24px;color:var(--hover-link-color)}@media (max-width:575.9px){#features .feature{flex-direction:column}#features .feature .text{text-align:center}#features{padding:30px 0}}
#certificates{padding:30px 0 70px 0}#certificates .certifiates-list{padding-bottom:40px}#certificates .certifiates-list .splide__pagination__page.is-active{background:var(--hover-link-color)}#certificates .certificate-slide{border-radius:12px;padding:15px;transition:0.5s}#certificates .certificate-slide:hover{transform:scale(1.1)}#certificates .certificate-slide figure{width:100%;position:relative;padding-bottom:100%;margin:0;cursor:pointer}#certificates .certificate-slide img{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0}
#index-quote{padding:80px 0 120px 0;position:relative;background:linear-gradient(45deg,#fff,#f0f0f0,#f7f7f7)}#index-quote .container{z-index:2;position:relative}#index-quote .background{position:absolute;width:100%;height:100%;left:0;top:0;object-fit:cover;z-index:1;opacity:1}#index-quote .main-button{background:var(--hover-link-color);color:var(--white-color);transition:0.3s}#index-quote .main-button:hover{transform:scale(1.1);color:var(--white-color)}#index-quote h3{font-weight:900;font-style:italic;margin:0;max-width:600px;color:var(--hover-link-color)}@media (max-width:991.9px){#index-quote{padding:80px 0 40px 0}#index-quote h3{max-width:none}}
section#map{position:relative;background:var(--muted-main-color);z-index:2}
section#map .map-canvas{height:510px;z-index:4;position:relative}
section#map .container{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:0;z-index:5}
section#map .map-contacts{position:absolute;top:50%;left:0;width:100%;padding:35px 20px 25px 20px;background:var(--fb-color);border-radius:25px 25px 0 0;transform:translateY(-100%);box-shadow:12px 15px 18px rgba(0,0,0,0.2)}
section#map .socail-icons a{font-size:42px}
section#map .contacts-logo{text-align:center;margin-bottom:20px}
section#map .contacts-logo img{width:140px}
section#map .contacts-name{text-align:center;margin:20px 0}
section#map .contacts-name h5{margin:0;color:var(--color-9);margin-bottom:5px}
section#map .contacts-name h2{color:var(--hover-link-color);margin:0;font-size:40px;font-weight:900}
section#map .contacts-name h3{color:var(--color-63);font-size:26px;font-weight:700}
section#map .contacts-phone{margin:30px 0;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:18px;line-height:1.2}
section#map .contacts-phone .phone{font-size:28px;font-weight:900}
section#map .contacts-address{text-align:center;font-size:16px;color:var(--color-6);text-transform:uppercase;margin-bottom:20px;font-weight:900;line-height:1.3}section#contacts .map-canvas{height:550px;z-index:4;position:relative}
section#contacts h1{color:var(--link-color)}
section#contacts .contacts-box{margin:0.5rem 0;margin-bottom:1rem;padding:0 1rem;font-size:1.1rem}
section#contacts .contacts-box .label{color:var(--link-color);font-weight:bold}
section#contacts .contacts-box a.tel,
section#contacts .contacts-box a.email{font-size:1.3rem;color:var(--main-text-color);text-decoration:none;font-weight:bold}
section#contacts .contacts-box a.tel:hover,
section#contacts .contacts-box a.email:hover{color:var(--hover-color)}
section#contacts .contacts-box .worktime{font-size:1rem;font-weight:bold}section#contacts .loading{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:rgba(255,255,255,0.5)}@media (max-width:991px){section#map{overflow:hidden}section#map .map-canvas,section#contacts .map-canvas{height:350px}section#map .container{position:relative;top:0;left:0;height:auto;transform:translateY(-70px);margin-bottom:-70px}section#map .map-contacts{position:static;transform:none}}