html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:var(--color-black);text-decoration:none}mark{background-color:#ff9;color:var(--color-black);font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}ul{list-style: none;}input:focus,select:focus,textarea:focus{outline: none;}
html{
overflow-x: hidden;
position: relative;
scroll-behavior: smooth;
/* Базова сітка: перевизначається в медіа для пристроїв (див. нижче) */
font-size: 16px;
overflow-x: hidden;
}
/* ========== Єдина система розмірів через :root ========== */
:root{
/* Кольори */
--black: #2C2C2C;
--orange: #FF8319;
--orangeLight: #F79743;
/* База для rem (1 одиниця = --space-1). Всі токени в rem. */
--space-0: 0;
--space-1: 0.25rem; /* 4px */
--space-2: 0.5rem; /* 8px */
--space-3: 0.75rem; /* 12px */
--space-4: 1rem; /* 16px */
--space-5: 1.25rem; /* 20px */
--space-6: 1.5rem; /* 24px */
--space-7: 1.875rem; /* 30px */
--space-8: 2rem; /* 32px */
--space-9: 2.25rem; /* 36px */
--space-10: 2.5rem; /* 40px */
--space-10-5: 2.625rem; /* 42px */
--space-12: 3rem; /* 48px */
--space-15: 3.75rem; /* 60px */
--space-16: 4rem; /* 64px */
--space-18: 4.5rem; /* 72px */
--space-20: 5rem; /* 80px */
--space-24: 6rem; /* 96px */
--space-25: 6.25rem; /* 100px */
--space-30: 7.5rem; /* 120px */
--space-35: 8.75rem; /* 140px */
--space-40: 10rem; /* 160px */
--space-45: 11.25rem; /* 180px */
--space-50: 12.5rem; /* 200px */
--space-55: 13.75rem; /* 220px */
--space-60: 15rem; /* 240px */
/* Шрифти (в rem) */
--text-xs: 0.75rem; /* 12px */
--text-sm: 0.875rem; /* 14px */
--text-base: 1rem; /* 16px */
--text-md: 1.125rem; /* 18px */
--text-lg: 1.25rem; /* 20px */
--text-xl: 1.625rem; /* 26px */
--text-2xl: 2rem; /* 32px */
--text-3xl: 2.25rem; /* 36px */
--text-4xl: 2.75rem; /* 44px */
--text-5xl: 5rem; /* 80px */
--text-5xl-tight: 2.6875rem; /* 43px line-height */
/* Радіуси */
--radius-sm: 0.75rem; /* 12px */
--radius-md: 1rem; /* 16px */
--radius-lg: 1.25rem; /* 20px */
--radius-xl: 2rem; /* 32px */
--radius-full: 9999px;
/* Контейнер і відступи */
--container-max: 75rem;
--header-padding-x: 5rem;
--content-padding-x: 5rem; /* горизонтальні відступи контенту (promo, секції) */
}
/* --- Різні пристрої: кореневий шрифт + відступи --- */
/* Мобільні: фікс 16px */
@media (max-width: 767px) {
html { font-size: 16px; }
}
/* Планшет: 16px */
@media (min-width: 768px) and (max-width: 1279px) {
html { font-size: 16px; }
}
/* 13" MacBook: менші відступи і компактніший header */
@media (min-width: 1280px) and (max-width: 1439px) {
html { font-size: 16px; }
:root {
--header-padding-x: 1.5rem;
--content-padding-x: 1.5rem;
}
header .logo img { width: 9rem; }
header ul { gap: var(--space-4); }
header .phone a { font-size: var(--text-lg); }
}
/* 15" ноут і середні монітори: плавно 16 → 17px, ширший контейнер */
@media (min-width: 1440px) and (max-width: 1919px) {
html { font-size: clamp(16px, 11px + 0.35vw, 17px); }
:root { --container-max: 82rem; }
}
/* Full HD 1920×1080 */
@media (min-width: 1920px) and (max-width: 2559px) {
html { font-size: 16px; }
:root { --container-max: 95rem; }
}
/* Великі монітори 2560+ */
@media (min-width: 2560px) {
html { font-size: 18px; }
:root { --container-max: 95rem; }
}
#consultation {
scroll-margin-top: 12rem; /* залежить від висоти header (rem) */
}
body{
font-family: 'Mont';
background: #FFFFFF;
font-size: var(--text-md);
line-height: 130%;
color: var(--black);
min-width: 320px;
font-weight: normal;
position: relative;
padding: var(--space-20) 0 0;
}
.container{max-width: var(--container-max); margin: 0 auto; box-sizing: border-box; width: 100%;}
header{padding: var(--space-2) var(--header-padding-x); position: fixed; top: 0; left: 0; transition: all 0.3s; z-index: 600; width: 100%; box-sizing: border-box;}
header.f-nav{background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
header .container{max-width: 100%;}
header .logo img{width: 11.5rem;}
header .flex{align-items: center;}
header .phone a{color: var(--black); font-weight: 700; font-size: var(--text-xl);}
header .phone a:hover{color: var(--orange);}
header nav{position: relative; top: var(--space-1);}
header ul{display: flex; align-items: center; justify-content: center; gap: var(--space-7);}
header ul li a{color: var(--black); font-weight: 700; opacity: 0.6; overflow: hidden; height: 1.2em; display: inline-block;}
header ul li.menu-item-has-children a{color: var(--orange); opacity: 1}
header ul li a:hover{opacity: 1}
header ul li .text {display: block; transition: transform 0.35s ease;}
header ul li .text span{display: block; line-height: 1.2em;}
header ul li a:hover .text{transform: translateY(-1.2em);}
header .pull{display: none;}
#promo{position: relative; padding: var(--space-4) var(--content-padding-x); box-sizing: border-box; height: calc(100vh - 7rem); min-height: 34.375rem;}
#promo.page__about{height: calc(100vh - 10.625rem);}
#promo .container{position: relative; border-radius: var(--radius-xl) var(--space-8) 0 var(--space-8); overflow: hidden; max-width: 100%; height: 100%; box-sizing: border-box; min-height: 34.375rem;}
#promo.page__about .container{border-radius: var(--radius-xl);}
#promo .container:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%);}
#promo .video{position: relative; height: 100%; box-sizing: border-box; background: var(--black);}
#promo.page__about.page__services .video{height: 41.5rem; height: 100%;}
#promo video{width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; inset: 0; transform: scale(2); transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1); border-radius: 32px; opacity: 0}
#promo video.is-visible{transform: scale(1.0); opacity: 1}
#promo .image__promo{width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; inset: 0; transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1); border-radius: var(--radius-xl);}
#promo .image__promo.is-visible{transform: scale(1.0); opacity: 1}
#promo .image__promo img{width: 100%; height: 100%; object-position: top center;}
#promo .image__promo.mobile{display: none;}
#promo .data{position: absolute; z-index: 3; width: 100%; height: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: flex-start; padding: var(--space-20) var(--content-padding-x); color: #fff;}
#promo .data.align__end{padding-bottom: 0;}
#promo .data .text{max-width: 45rem;}
#promo .data .text h1{text-transform: uppercase; margin-bottom: var(--space-8); font-weight: 700; font-size: var(--space-20); line-height: var(--space-20);}
#promo .data .text h1.small{margin: var(--space-4) 0 0; font-size: var(--space-9); line-height: 1.2;}
#promo .data .text h1.nm{margin-bottom: 0;}
#promo .data .text .flex.np{margin-bottom: 0.9375rem;}
#promo .data .text p{font-size: var(--text-xl); line-height: var(--space-8); margin-bottom: var(--space-8); max-width: 37.5rem;}
#promo .data.flex{align-items: center; align-items: flex-end;}
#promo .data.flex .text{width: calc(100% - 28.5rem); max-width: 100%;}
#promo .reviews{display: flex; position: absolute; bottom: 0; right: 0; background: #fff; box-sizing: border-box; height: 5.125rem; border-radius: var(--radius-xl) 0 0 0; color: var(--black); padding: var(--space-3) var(--space-4); align-items: center; justify-content: space-between; gap: var(--space-2);}
#promo .reviews a{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;}
#promo .reviews:after{position: absolute; top: -40px; right: -1px; width: var(--space-10); height: var(--space-10); background: url("../img/arrt.svg") 100% 100% no-repeat; content: ''; transform: rotate(180deg);}
#promo .reviews:before{position: absolute; bottom: -1px; left: -40px; width: var(--space-10); height: var(--space-10); background: url("../img/arrt.svg") 100% 100% no-repeat; content: ''; transform: rotate(180deg);}
#promo .reviews img{box-sizing: border-box; border-radius: 50%; width: 4.375rem; height: 4.375rem; position: relative; margin-left: -1.125rem; border: 3px solid #fff;}
#promo .reviews img:nth-child(1){margin: 0}
#promo .reviews .rating{font-weight: 700; font-size: var(--text-base);}
#promo .reviews .stars{ justify-content: flex-start; gap: var(--space-1); align-items: center; line-height: normal;}
#promo .reviews .stars span{width: var(--space-4); height: var(--space-4); background: url("../img/star.svg") 50% 50% no-repeat;}
#promo .reviews .stars p{position: relative; margin-left: 0.375rem; top: 1px;color: #7e7e7e;
font-weight: 600; font-size: var(--text-md)}
#promo .reviews .rating p.ins{margin: var(--space-2) 0 0 0;transition: all 0.2s;color: #095db8; font-weight: normal; }
#promo .year{display: flex; align-items: center; justify-content: center; background: var(--orange); color: #fff; text-transform: uppercase; font-size: var(--space-9); font-weight: 700; padding: 0 var(--space-8); height: 4.375rem; border-radius: var(--radius-xl);}
#promo .form{background: #fff; border-radius: var(--radius-xl); box-sizing: border-box; width: 26rem; padding: var(--space-8);}
#promo .form .flex{align-items: center; justify-content: space-between; font-weight: 700; color: var(--black); padding: var(--space-6) 0 0;}
#promo .form .flex a{display: block; line-height: var(--space-10); padding: 0 0 0 var(--space-12); background: url("../img/phone.svg") 0 50% no-repeat; color: var(--black);}
#promo .data .note{font-size: var(--text-xl); line-height: normal; margin: 0.9375rem 0;}
#promo .btn-orange:hover {
background: #fff;
color: var(--orange);
}
#contact__rooms{}
/* Контейнер: max-width в rem, flex + gap щоб .data і .image коректно ділили ряд */
#contact__rooms .container{
max-width: var(--container-max);
width: 100%;
margin: 0 auto;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
gap: var(--space-10);
align-items: stretch;
}
#contact__rooms .data{
width: 21.5rem;
flex: 0 0 21.5rem;
box-sizing: border-box;
background: #F3F3F3 url("../img/location.svg") var(--space-8) 3.125rem no-repeat;
background-size: var(--space-10);
border-radius: var(--radius-xl);
padding: var(--space-30) var(--space-8) var(--space-8);
}
#contact__rooms .data .title{margin-bottom: var(--space-4); font-weight: 700; font-size: var(--text-xl);}
#contact__rooms .data p{margin-bottom: var(--space-2); line-height: 1.5;}
#contact__rooms .data p:last-child{margin: 0;}
#contact__rooms .image{
flex: 1 1 0;
min-width: 0;
border-radius: var(--radius-xl);
overflow: hidden;
}
#contact__rooms .image img{width: 100%; height: 100%; object-fit: cover;}
#contact__rooms .gallery{width: 100%; padding: var(--space-10) 0 0; padding-top: 0;}
#contact__rooms .gallery img{width: 100%; border-radius: var(--radius-xl); height: var(--space-50);}
.page-template-page-services #services {
padding-bottom: var(--space-20);
}
.page-template-page-about-us #contact__rooms{
padding-bottom: 0;
}
#services .container{max-width: var(--container-max);}
#services .bt{margin-bottom: var(--space-2);}
#services .list__services{align-items: flex-end; justify-content: flex-end; position: relative;}
#services .list__services .service__description{width: 18.125rem; opacity: 0; transform: translateX(-37.5rem); pointer-events: none; transition: opacity 0.15s ease, transform 0.3s ease; position: absolute; bottom: 0; left: 0;}
#services .list__services .step.active .service__description{ opacity: 1; transform: translateX(0); pointer-events: auto;}
#services .list__services .service__description .icon{margin-bottom: 1.5625rem;}
#services .list__services .service__description .title__s{font-weight: 700; margin-bottom: 1.625rem; font-size: var(--space-6); line-height: 1.625rem;}
#services .list__services .service__description p{line-height: 1.6875rem;}
#services .list__services .service__description img{width: var(--space-12); height: var(--space-12);}
#services .list__services .steps{width: 100%;}
#services .steps{display: flex; height: 31.25rem; overflow: hidden;}
#services .step{flex: 1; transition: flex 0.5s ease; cursor: pointer; position: relative; overflow: hidden;}
#services .step .service__description{display: none1;}
#services .step:after{position: absolute; width: 2.1875rem; height: 2.1875rem; top: 0; left: calc(50% - 1.625rem); content: ''; background: url("../img/arrow-left.svg") 50% 50% no-repeat;}
#services .step.active:after{display: none;}
#services .step .image{opacity: 0; border-radius: var(--radius-xl); overflow: hidden; height: 31.25rem;}
.step .image img{width: 100%; height: 100%;}
#services .step .title__step:after{position: absolute; bottom: 0; left: 0; width: 10000%; height: 1px; content: ''; background: #C7C7C7;}
#services .step.active .title__step:after{position: absolute; top: -2.5rem; left: calc(100% - var(--space-10)); width: var(--space-10); height: var(--space-10); background: url("../img/arrt.svg") 100% 100% no-repeat; content: ''; transform: rotate(180deg);}
#services .step.active .title__step:before{position: absolute; bottom: 0; left: -2.5rem; width: var(--space-10); height: var(--space-10); background: url("../img/arrt.svg") 100% 100% no-repeat; content: ''; transform: rotate(180deg);}
#services .step.active{flex: 4; border-radius: var(--radius-xl) var(--space-8) 0 0;}
#services .step.active .image{opacity: 1;}
#services .step:not(.active){flex: 0.7;}
#services .step .content{position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; opacity: 1; transition: opacity 0.3s ease;}
#services .step .content .image{width: 56%; position: absolute; bottom: 0; right: 0;}
#services .step.active .content{opacity: 1;}
#services .step .title__step{display: flex; align-items: center; justify-content: flex-start; gap: var(--space-2); line-height: normal; color: #C7C7C7; transform: rotate(-90deg); bottom: var(--space-15); position: relative;}
#services .step.active .title__step{transform: none; color: var(--black); text-transform: none; position: absolute; bottom: 0; right: 0; background: #fff; border-radius: var(--radius-xl) 0 0 0; display: block; gap: 0; padding: 0 0 0 var(--space-6); border: none;}
#services .step.active .title__step span{width: 100%; line-height: normal;}
#services .step.active .title__step .title{font-weight: 600; text-transform: none; font-size: var(--text-md);}
#services .step .title__step .title{font-size: var(--text-xl); font-weight: 700; text-transform: uppercase;}
#services .step .title__step span{font-size: var(--text-4xl); font-weight: normal;}
#partners{padding: var(--space-20) 0; background: #F3F3F3;}
#partners .container{position: relative; z-index: 2;}
#partners .bt{margin-bottom: var(--space-16);}
#partners .partners-marquee{position: relative; z-index: 3; overflow: hidden; -webkit-mask-image: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%); mask-image: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);}
#partners .partners-marquee__track{overflow: hidden; -webkit-transform: translateZ(0); transform: translateZ(0);}
#partners .partners-marquee__inner{display: flex; align-items: center; gap: 2.5rem; width: max-content; -webkit-animation: partners-scroll 40s linear infinite; animation: partners-scroll 40s linear infinite; -webkit-transform: translateZ(0); transform: translateZ(0); will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
#partners .partners-marquee__item{flex-shrink: 0;}
#partners .partners-marquee__item img{width: auto; height: var(--space-16); display: block;}
@media (prefers-reduced-motion: reduce){
#partners .partners-marquee__inner{-webkit-animation: none; animation: none;}
}
@keyframes partners-scroll{
0%{transform: translate3d(0,0,0);}
100%{transform: translate3d(-50%,0,0);}
}
@-webkit-keyframes partners-scroll{
0%{-webkit-transform: translate3d(0,0,0);}
100%{-webkit-transform: translate3d(-50%,0,0);}
}
.content-box{
padding: var(--space-30) 0;
}
#stations{z-index: 5; margin-bottom: var(--space-20);}
.home #stations {
margin-bottom: 0;
}
#stations .bt{max-width: 70%;}
#stations .flex{align-items: center;}
#stations .slider-sw{width: 57.5rem; border-radius: var(--radius-xl); overflow: hidden;}
#stations .swiper-slide{position: relative;}
#stations .image img{width: 100%; height: 38.75rem;}
#stations .logo{position: absolute; top: var(--space-5); left: var(--space-5); max-width: 8.875rem; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: var(--space-5); overflow: hidden;}
#stations .data{width: calc(100% - 57.5rem); box-sizing: border-box; padding-left: 4.5rem;}
#stations .data .title{font-size: var(--text-xl); display: block; color: #fff; line-height: 1.1em; margin-bottom: 0.4375rem; font-weight: 700;}
#stations .data .title:hover{opacity: .7;}
#stations .data .location{margin-bottom: var(--space-6); padding: 3px 0 3px var(--space-6); background: url("../img/location.svg") 0 50% no-repeat; background-size: var(--space-5); font-size: var(--text-base);}
#stations .data .row{margin-bottom: var(--space-3); line-height: 1.3em;}
#stations .data .row:last-child{margin: 0;}
#stations .data .row strong{font-weight: 700;}
#stations .slider-sw .swiper-button-prev,#stations .slider-sw .swiper-button-next{top: 100%!important; margin: -4.25rem 0 0!important;}
#stations .slider-sw .swiper-button-next{right: var(--space-5);}
#stations .slider-sw .swiper-button-prev{left: calc(100% - 7.75rem);}
#stations .item{margin-bottom: var(--space-16);}
#stations.ss__full .item{position: relative;}
#stations.ss__full .item:last-child{margin: 0}
#stations.ss__full .slider-sw{width: 100%;}
#stations.ss__full .slider-sw .swiper-slide{position: relative;}
#stations.ss__full .slider-sw .swiper-slide:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.7) 100%);z-index: 1;}
#stations.ss__full .data{position: absolute; bottom: var(--space-10); left: var(--space-10); z-index: 3; color: #fff; padding: 0; max-width: 100%; width: 30rem;}
#stations.ss__full .image img{height: 35.625rem;}
#stations.ss__full .slider-sw .swiper-slide .go_item {
position: absolute; top: 0; left: 0; width: 100%; height: 100%;
z-index: 2;
}
#consultation{padding: var(--space-6) 0; background: var(--orange); margin-bottom: 5.625rem; color: #fff;}
#consultation .flex{align-items: center; position: relative; z-index: 3;}
#consultation .text{max-width: calc(100% - 28.125rem);}
#consultation .bt{margin-bottom: var(--space-6);}
#consultation .bt__note{margin: 0;}
#consultation .form{box-sizing: border-box; padding: var(--space-8); border-radius: var(--radius-xl); background: #fff; width: 27rem;}
#consultation .container {
padding: var(--space-35) var(--space-8);
}
#solutions{}
#solutions .bt{max-width: 80%;}
.item__solution a{display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; border-radius: var(--radius-xl); box-sizing: border-box; padding: 6.875rem var(--space-6) var(--space-10); border: 1px solid #C7C7C7; position: relative;}
.item__solution .item-s{display: flex;background: #fff; align-items: center; justify-content: flex-start; flex-wrap: wrap; border-radius: var(--radius-xl); box-sizing: border-box; padding: 6.875rem var(--space-6) var(--space-10); border: 1px solid #C7C7C7; position: relative;}
.item__solution.item__solution__service .item-s {
padding: 0;
overflow: hidden;
}
.item__solution.item__solution__service .item-s .image {
height: auto;
}
.item__solution.item__solution__service .item-s img{
width: 100%;
max-height: none;
}
.item__solution .title{font-weight: 700; font-size: var(--text-xl); line-height: 1.75rem; color: var(--black); position: absolute; top: var(--space-10); left: var(--space-6); max-width: calc(100% - var(--space-10)); z-index: 3;}
.item__solution .btn{position: absolute; bottom: var(--space-6); right: var(--space-6);}
.item__solution a:hover .btn-orange-arr:after{left: 0}
.item__solution a:hover .btn-orange-arr:before{left: 100%;}
.item__solution .image{width: 100%; display: flex; align-items: center; justify-content: center; height: var(--space-55); align-items: flex-end;}
.item__solution .image img{max-width: 100%; max-height: 100%; width: auto; height: auto;}
.item__solution a:hover .image img{transform: scale(1.1);}
#reviews{z-index: 10; margin-bottom: 5.625rem;}
.page-template-page-about-us #reviews, .post-type-archive-project #reviews {
margin-bottom: 0;
margin-top: 3rem;
}
.home #reviews, .page-template-page-services #reviews, .page-template-page-service-single #reviews {
margin-bottom: 0;
}
#reviews .bt{max-width: 18.125rem;}
#reviews .list__reviews{width: calc(100% - 20.9375rem); gap: var(--space-6); align-items: flex-start;}
#reviews .list__reviews .it{width: calc(50% - var(--space-3));}
#reviews .flex__center{width: 100%; padding: var(--space-16) 0 0;}
.item__review{box-sizing: border-box; width: calc(50% - var(--space-3)); border-radius: var(--radius-xl); border: 1px solid #DBDBDB; padding: var(--space-8); width: 100%; margin-bottom: var(--space-6);}
.item__review .rating{align-items: center; gap: var(--space-1); margin-bottom: var(--space-4); justify-content: flex-start;}
.item__review .rating span{width: var(--space-4); height: var(--space-4); background: url("../img/starg.svg") 50% 50% no-repeat;}
.item__review .text{margin-bottom: 2.1875rem; font-size: var(--text-base); line-height: var(--space-6);}
.item__review .text.is-collapsed{
overflow: hidden;
position: relative;
transition: max-height .25s ease;
margin-bottom: var(--space-4);
}
.item__review .text.is-collapsed::after{
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 4.5rem;
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 90%);
pointer-events: none;
}
.item__review.is-expanded .text::after{
display: none;
}
.item__review .review__toggle{
border: 0;
background: transparent;
color: #EF7B10;
font-weight: 700;
font-size: var(--text-base);
line-height: 1.2;
padding: 0;
margin: 0 0 1rem;
cursor: pointer;
text-decoration: underline;
text-underline-offset: 3px;
}
.item__review .review__toggle:hover{
color: #d86600;
}
.item__review .user{padding: 0 0 0 3.75rem; position: relative;}
.item__review .user img{width: var(--space-12); height: var(--space-12); border-radius: 50%; position: absolute; top: 0; left: 0;}
.item__review .user .name a{ color: var(--black); font-weight: 700; font-size: var(--text-base); margin: 0 0 2px; padding-top: 2px;}
.item__review .user .status{font-size: var(--text-base); color: #888888;}
#certificates{padding: var(--space-6) 0 var(--space-20); background: #F3F3F3; margin-bottom: 5.625rem; z-index: 7;}
#certificates .container{position: relative; z-index: 2;}
#certificates .bt{margin-bottom: var(--space-16);}
#certificates .slider-sw{position: relative; z-index: 3; -webkit-mask-image: linear-gradient( to right, transparent 0%, black 20%, black 90%, transparent 100%); mask-image: linear-gradient(to right, transparent 0%, black 20%, black 90%, transparent 100%);}
#certificates .swiper-slide{width: 17.8125rem;}
#certificates img{width: 100%; height: 25rem; border-radius: var(--space-4);}
#certificates .content-box {
padding-top: 10rem;
}
.home #certificates .wave-bottom{
display: none;
}
#consultation__bg{padding: var(--space-60) 0; background: url("../img/bg_consultation.webp") 50% 50% no-repeat; background-size: cover; margin-bottom: 5.625rem; color: #fff; z-index: 6; margin-top: -4.375rem;}
#consultation__bg .container{position: relative; z-index: 3;}
#consultation__bg.bg__white__top{margin-top: 3.125rem;}
#consultation__bg .flex{align-items: center;}
#consultation__bg .text{max-width: calc(100% - 28.125rem);}
#consultation__bg .bt{margin-bottom: var(--space-6);}
#consultation__bg .bt__note{margin: 0;}
#consultation__bg .form{box-sizing: border-box; padding: var(--space-8); border-radius: var(--radius-xl); background: #fff; width: 27rem;}
.page-template-page-service-single #consultation__bg.bg__white__top,
#consultation__bg.bg__white__top {
margin-top: -13.75rem;
margin-bottom: var(--space-30);
z-index: 20;
}
.single-project #consultation__bg.bg__white__top,
.page-template-page-contacts #consultation__bg.bg__white__top,
.page-template-page-dmytro #consultation__bg.bg__white__top,
.blog #consultation__bg.bg__white__top,
.single-post #consultation__bg.bg__white__top,
.page-template-default #consultation__bg.bg__white__top,
.page-template-default #consultation__bg.bg__white__top,
.archive.category #consultation__bg.bg__white__top{
margin-top: 0px;
}
.page-template-page-dmytro #consultation__bg .wave-top svg path,
.blog #consultation__bg .wave-top svg path,
.single-post #consultation__bg .wave-top svg path,
.page-template-page-contacts #consultation__bg .wave-top svg path,
.single-project #consultation__bg .wave-top svg path,
.page-template-default #consultation__bg .wave-top svg path,
.archive.category #consultation__bg .wave-top svg path {
fill: #fff!important;
}
#mission{text-align: center;}
#mission .bt{margin-bottom: var(--space-4);}
#mission .container{max-width: 63.75rem;}
#mission .grid{gap: var(--space-20);}
#mission .item{text-align: left;}
#mission .item .icon{display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-bottom: var(--space-10); width: var(--space-20); height: var(--space-20); background: #DBDBDB;}
#mission .item p{padding: var(--space-4) 0 0; line-height: 1.5;}
#mission .item .count{font-weight: 700; font-size: var(--text-xl); line-height: 1;}
#mission .item .count span{font-size: var(--space-20);}
#mission .video{border-radius: var(--radius-xl); overflow: hidden; height: 39.6875rem; width: 100%; margin-top: var(--space-30);}
#mission .video video{width: 100%; height: 100%; object-fit: cover;}
#contacts .container.container__max,#breadcrumbs .container.container__max,#mission .container.container__max{max-width: 100%; padding: 0 var(--content-padding-x);}
#breadcrumbs h1{margin: var(--space-5) 0;}
#breadcrumbs .gallery{padding: var(--space-4) 0 0;}
#breadcrumbs .gallery a{display: block; width: 100%; height: auto; margin: 0;}
#breadcrumbs .gallery .left{width: calc(100% - 20rem); border-radius: var(--radius-xl); overflow: hidden;}
#breadcrumbs .gallery .left img{height: 38.125rem;}
#breadcrumbs .gallery .right{width: 18.75rem; display: flex; flex-wrap: wrap;}
#breadcrumbs .gallery .right img:last-child{display: none1;}
#breadcrumbs .gallery img{width: 100%; height: 11.875rem; margin: 0;}
.swiper__project__thumbnails{height: 38.125rem;}
.swiper__project__thumbnails .swiper-slide{height: 11.875rem!important;}
#breadcrumbs .swiper-button-prev{left: calc(50% - var(--space-6)); transform: rotate(90deg); margin-top: 0;}
#breadcrumbs .swiper-button-next{right: calc(50% - var(--space-6)); transform: rotate(90deg); top: 90%!important; margin-top: 0.9375rem;}
.gallery-mobile {
width: 100%;
position: relative;
border-radius: var(--radius-xl);
overflow: hidden;
display: none;
}
.gallery-mobile a, .gallery-mobile .swiper-slide, .gallery-mobile .swiper {
overflow: hidden;
border-radius: var(--radius-xl);
}
.gallery-mobile img{
width: 100%;
height: var(--space-60);
position: relative;
border-radius: var(--radius-xl);
object-fit: cover;
}
.gallery-mobile .slider-sw .swiper-button-next {
top: 75%!important;
left: calc(100% - 3.75rem);
}
.gallery-mobile .slider-sw .swiper-button-prev {
top: 75%!important;
left: calc(100% - 7.8125rem);
}
#socials{}
#socials .bt{text-align: center;}
#socials a{display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; padding: var(--space-6) var(--space-6) var(--space-6) 8.375rem; box-sizing: border-box; border-radius: var(--space-6); border: 1px solid #C7C7C7; color: var(--black); position: relative;}
#socials img{position: absolute; top: var(--space-6); left: var(--space-6); max-width: var(--space-20); height: var(--space-20);}
#socials .title{font-weight: 700; margin-bottom: var(--space-2); font-size: var(--text-xl); width: 100%;}
#socials span{width: 100%; max-width: 17.5rem; line-height: 1.6875rem;}
#socials .items{display: flex; justify-content: center; flex-wrap: wrap;}
#socials .items .item{width: auto; box-sizing: border-box; width: calc(50% - var(--space-3));}
#generation .swiper-slide{width: 24.0625rem; box-sizing: border-box;}
#generation .slider-sw{padding: 0 2.8125rem; box-sizing: border-box;}
#generation .swiper-button-prev,#generation .swiper-button-next{top: 50%!important; width: var(--space-10); height: var(--space-10); filter: grayscale(100%);}
#generation .swiper-button-prev{left: 0;}
#generation .swiper-button-next{right: 0;}
#generation .swiper-button-prev:after,#generation .swiper-button-next:after,#generation .swiper-button-prev:before,#generation .swiper-button-next:before{background-size: var(--space-5);}
.item__generation{box-sizing: border-box; border-radius: var(--radius-xl); position: relative; overflow: hidden; border: 1px solid #C7C7C7;}
.item__generation .go__item{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;}
.item__generation .title{font-size: var(--text-xl); line-height: 1.75rem; font-weight: 700; margin-bottom: var(--space-2);}
.item__generation .actions{align-items: center;}
.item__generation .data{padding: var(--space-6);}
.item__generation .image{width: 100%; height: var(--space-50); overflow: hidden; position: relative;}
.item__generation .image.video:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../img/play.svg") 50% 50% no-repeat; content: '';}
.item__generation .image img{height: 100%; width: 100%;}
.item__generation:hover img{transform: scale(1.05);}
.item__generation:hover .btn-orange-arr::before{transform: translate(100%, -100%);}
.item__generation:hover .btn-orange-arr::after{transform: translate(0, 0);}
.item__solution:hover .btn-orange-arr::before{transform: translate(100%, -100%);}
.item__solution:hover .btn-orange-arr::after{transform: translate(0, 0);}
#generation.generation__article .item__generation{width: 22.1875rem; height: auto; padding-bottom: 0;}
#generation .slider-sw .swiper-button-disabled{opacity: 0!important;}
#generation .item__generation {
padding-bottom: var(--space-10);
}
#generation .generation__article .item__generation .actions {
position: absolute;
bottom: 0.9375rem;
width: 90%;
}
#breadcrumbs{padding: var(--space-4) 0; font-size: var(--text-sm);}
#breadcrumbs a,#breadcrumbs span{display: inline-block; margin-right: 2px; color: var(--black);}
#breadcrumbs a.home{width: var(--space-4); height: var(--space-4); background: url("../img/home.svg") 50% 50% no-repeat; position: relative; top: 2px;}
#breadcrumbs a:hover{color: var(--orange);}
#breadcrumbs img{margin: var(--space-4) 0 0; border-radius: var(--radius-xl); height: 37.5rem; width: 100%;}
.search__form{padding: 0 0 var(--space-25);}
#blog .search__form{margin: 0 auto; max-width: 70rem;}
#stations .search__form{margin: 0 auto; max-width: 70rem;}
.search__form input{width: calc(100% - 10rem); border: 1px solid transparent; border-bottom: 1px solid #C7C7C7; height: var(--space-12); transition: all 0.2s; padding-left: 0.9375rem;}
.search__form input:focus{border-color: var(--black);}
.search__form .btn{width: var(--space-35); padding: 0;}
.search__form .tags{padding: var(--space-10) 0 0; justify-content: flex-start; gap: var(--space-2);}
.search__form .tags a{display: flex; padding: 0 0.9375rem; height: var(--space-8); border-radius: var(--radius-xl); border: 1px solid #C7C7C7; color: var(--black); align-items: center; justify-content: center; box-sizing: border-box;}
.search__form .tags a.active,.search__form .tags a:hover{border-color: var(--orange);}
.blog__items .item__generation {
padding-bottom: 30px;
}
.blog__items .item__generation .actions {
position: absolute;
bottom: 10px;
right: 15px;
width: 100%;
z-index: 3;
}
#advantages{}
#advantages .flex{align-items: center;}
#advantages .bt{max-width: 26.25rem; margin: 0;}
#advantages .items{width: 50%;}
#advantages .item{box-sizing: border-box; padding: 0 var(--space-10) 0 7.625rem; height: 9rem; margin-bottom: var(--space-6); border-radius: var(--radius-xl); position: relative; border: 1px solid #C7C7C7; font-size: var(--text-xl); font-weight: 700; line-height: 1.2; display: flex; align-items: center; justify-content: flex-start;}
#advantages .item:last-child{margin: 0;}
#advantages .item span{position: absolute; font-weight: 700; font-size: var(--space-20); line-height: 1; top: calc(50% - var(--space-10)); left: var(--space-10); color: var(--orange);}
#credit{margin-bottom: 0px; z-index: 0; margin-top: 0px;}
/*#credit:after{position: absolute; top: 0; left: 0; width: 100%; height: 180px; background: url("../img/ct.svg") 50% 0 repeat-x; content: '';}*/
#credit .flex{gap: var(--space-10); text-align: center;}
#credit .top{justify-content: center; align-items: center; gap: var(--space-4); height: var(--space-10); line-height: var(--space-10); margin-bottom: var(--space-2); font-weight: 700; font-size: var(--text-xl);}
#credit .top span{font-size: var(--space-9);}
#credit .container {
padding: var(--space-30) 0;
}
.wave-section {
position: relative;
background: #e8e8e8;
padding: 9.375rem var(--space-5);
}
.wave-top {
position: absolute;
top: -1px;
left: 0;
width: 100%;
overflow: hidden;
line-height: 0;
}
.wave-top svg {
position: relative;
display: block;
width: 100%;
height: 150px;
min-width: 3000px; /* Добавляем сюда */
}
.wave-bottom {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
overflow: hidden;
line-height: 0;
transform: rotate(180deg);
}
.wave-bottom svg {
position: relative;
display: block;
width: 100%;
height: 150px;
min-width: 3000px; /* И сюда */
}
#article{}
#article .container1{max-width: 60rem;}
#article .project__tth{padding: 4.0625rem 0 0;}
#banner-article{
margin-bottom: 6rem;
}
#banner-article .b-mobile {
display: none;
}
.project__tth{margin: 0 auto; max-width: 52.5rem; width: 100%; gap: var(--space-10)!important;}
.project__tth .title{font-size: var(--text-xl); font-weight: 700; line-height: 1.75rem; margin-bottom: var(--space-5);}
.project__tth li{padding: 0 0 0 var(--space-9); background: url("../img/ls1.svg") 0 0 no-repeat; margin-bottom: var(--space-2);}
.project__tth .item:nth-child(2) li{background: url("../img/ls2.svg") 0 0 no-repeat;}
.project__tth li:last-child{margin: 0;}
.project__tth .item.ct{padding: var(--space-25) var(--space-8) var(--space-10); border-radius: var(--radius-xl); background: #F3F3F3;}
.project__tth .item.phone{background: #F3F3F3 url("../img/phoneo.svg") var(--space-8) var(--space-10) no-repeat;}
.project__tth .item.email{background: #F3F3F3 url("../img/emailo.svg") var(--space-8) var(--space-10) no-repeat;}
.project__tth a{color: var(--black);}
.project__tth a:hover{color: var(--orange);}
#contacts{}
#contacts .flex{align-items: center;}
#contacts .data{width: calc(100% - 27.5rem);}
#contacts .bt{margin-bottom: 0.9375rem;}
#contacts .note{font-size: var(--text-xl); line-height: 1.75rem; margin-bottom: var(--space-6);}
#contacts .project__tth{justify-content: flex-start; display: flex; flex-wrap: wrap; margin: 0; gap: var(--space-4)!important;}
#contacts .project__tth .item{padding: var(--space-6) var(--space-10) var(--space-6) var(--space-20); background-position: var(--space-6) 50%;}
#contacts .project__tth .item .title{font-size: var(--text-lg); margin-bottom: var(--space-2);}
#contacts .form{width: 26rem; box-sizing: border-box; padding: var(--space-8); background: #F3F3F3; border-radius: var(--radius-xl);}
#contacts .form .title{margin-bottom: 0.9375rem; font-size: var(--text-md); font-weight: 700;}
#address{}
#address .item{width: calc(50% - var(--space-3)); overflow: hidden; background: #F3F3F3; border-radius: var(--radius-xl);}
#address .item img{width: 100%; height: 22.8125rem;}
#address .item .data{padding: var(--space-10) var(--space-8);}
#address .item .title{font-weight: 700; margin-bottom: var(--space-4); font-size: var(--text-xl); line-height: 1.75rem;}
#address .item .ct{padding: 0 0 0 var(--space-8); background: url("../img/locationc.svg") 0 50% no-repeat; line-height: normal; margin-bottom: var(--space-2);}
#address .item .ct.timework{background: url("../img/timework.svg") 0 50% no-repeat;}
#address .item .ct a{color: var(--orange); border-bottom: 1px solid transparent;}
#address .item .ct a:hover{border-color: var(--orange);}
#address .item .ct:last-child{margin: 0;}
#gallery{}
#gallery .left,#gallery .right{width: calc(50% - var(--space-3));}
#gallery img{height: 100%; width: 100%;}
#gallery a{width: calc(50% - var(--space-3)); height: var(--space-50); border-radius: var(--radius-xl); margin-bottom: var(--space-6); display: block; overflow: hidden;}
#gallery .left a{width: 100%; height: 26.5rem;}
#our__advantages{}
#our__advantages .bt{text-align: center; text-align: left;}
#our__advantages .item{padding: var(--space-8) var(--space-10); border-radius: var(--radius-xl); border: 1px solid #C7C7C7;}
#our__advantages .item .icon{margin-bottom: var(--space-6);}
#our__advantages .item .title{margin-bottom: 0.9375rem; font-weight: 700; font-size: var(--text-xl);}
#quiz{padding: var(--space-6) 0 var(--space-20); background: #F3F3F3; margin-bottom: 5.625rem; z-index: 7; margin: var(--space-50) 0; z-index: 10;}
.page-template-page-service-single #quiz{margin-top: 0; padding-top: 3.75rem;}
.page-template-page-service-single #quiz:after{display: none;}
#quiz:after{position: absolute; top: -17.75rem; left: 0; width: 100%; height: 17.75rem; background: #fff url("../img/p_top.svg") 0 0 repeat-x; content: '';}
#quiz:before{position: absolute; bottom: -17.75rem; left: 0; width: 100%; height: 17.75rem; background: url("../img/p_bottom.svg") 0 0 repeat-x; content: ''; transform: rotate(180deg);}
#quiz .bt{margin-bottom: var(--space-6);}
#quiz .container{position: relative; z-index: 2;}
#quiz .actions .btn{width: var(--space-60);}
#quiz .actions{padding: var(--space-7) 0 0;}
#quiz .checkbox__locations{position: relative; overflow: hidden; border-radius: var(--radius-xl); background: #fff; border: 1px solid #DBDBDB; cursor: pointer;}
#quiz .checkbox__locations.active{border-color: var(--orange);}
#quiz .checkbox__locations .data{padding: var(--space-3) var(--space-6);}
#quiz .checkbox__locations .title{font-weight: 700; font-size: 1.3125rem; line-height: 1.75rem; padding-right: 40px;}
#quiz .checkbox__locations .btn{margin: 1.125rem auto 0; filter: grayscale(100%);
position: absolute;
right: 0.9375rem;
bottom: var(--space-4);
}
#quiz .checkbox__locations .image img{
margin: 0 auto;
display: block;
}
#quiz .checkbox__locations .btn-orange-arr::before{transform: translate(100%, -100%);background: url("../img/check.svg") center no-repeat;background-size: var(--space-7);}
#quiz .checkbox__locations .btn-orange-arr::after{transform: translate(0, 0);background: url("../img/check.svg") center no-repeat;background-size: var(--space-7);}
#quiz .checkbox__locations.active .btn-orange-arr::before{transform: translate(100%, -100%); background: url("../img/check.svg") center no-repeat;background-size: var(--space-7);}
#quiz .checkbox__locations.active .btn-orange-arr::after{transform: translate(0, 0); background: url("../img/check.svg") center no-repeat;background-size: var(--space-7);}
#quiz .checkbox__locations.active .btn{filter: grayscale(0);}
#quiz .line{justify-content: flex-start; align-items: center; gap: var(--space-2); margin-bottom: var(--space-8);}
#quiz .line p{width: 100%;}
#quiz .line span{width: var(--space-10); height: var(--space-3); background: #DBDBDB; border-radius: var(--space-7); margin-bottom: var(--space-3);}
#quiz .line span.active{background: var(--orange);}
#quiz .form{max-width: 25rem;}
#quiz .form input{margin-bottom: var(--space-3);}
#quiz .quiz__step{display: none;}
#quiz .quiz__step.step1{display: block;}
#quiz .quiz__img{display: flex; justify-content: flex-end;}
#quiz .quiz__img img{max-width: 28.125rem;}
#quiz .bt-title-quiz {
margin-bottom: var(--space-10);
}
#quiz .bt-title-quiz span {
color: var(--orange);
font-weight: bold;
}
#quiz .bt-title-quiz strong {
font-weight: bold;
}
footer{position: relative; z-index: 10; background: #fff; padding: 0 0 var(--space-20); margin-top: -6.5625rem;}
footer .container{max-width: var(--container-max);}
footer:after{position: absolute; width: 100%; height: 6.5625rem; background: url("../img/f_top.svg") 0 100% repeat-x; background-size: auto 16.25rem; top: -6.4375rem; left: 0; content: '';}
footer .flex{align-items: center;}
footer .phone{margin-bottom: var(--space-5);}
footer .phone a{color: var(--black); font-weight: 700; font-size: 3.25rem; line-height: normal;}
footer .phone a:hover{color: var(--orange);}
footer .col{max-width: 39.375rem;}
footer .col.col__logo{max-width: 28.75rem; font-size: var(--text-base);}
footer .col.col__logo .logo{margin-bottom: var(--space-8);}
footer .col{align-items: flex-start;}
footer .col .it{max-width: 17.1875rem;}
footer .col .title{margin-bottom: var(--space-4); font-size: var(--text-sm); font-weight: 700; color: #888888;}
footer .col ul{font-size: var(--text-sm);}
footer .col ul li{margin-bottom: var(--space-1);}
footer .col ul li:last-child{margin: 0;}
footer .col ul li a{color: var(--black);}
footer .col ul li a:hover,footer .col ul li.active a{color: var(--orange);}
footer .copyright{gap: var(--space-2); justify-content: center; width: 100%; font-size: var(--space-3); padding: var(--space-10) 0 0; text-align: center;}
footer .copyright p{opacity: 0.6; width: 100%;}
footer .copyright a{color: var(--black); border-bottom: 1px solid var(--black);}
footer .copyright a:hover{color: var(--orange); border-color: transparent;}
footer .socials a{display: flex; align-items: center; justify-content: center; width: var(--space-10); height: var(--space-10); overflow: hidden; border-radius: var(--space-2);}
footer .socials a:hover{transform: translateY(-2px);}
#totop{position: fixed; bottom: 3.125rem; right: 9.375rem; z-index: 500; display: none;}
#totop a{display: flex; align-items: center; justify-content: center; background: var(--purple);}
#totop a:hover{background: #4F4F99;}
#totop a svg{width: var(--space-10); height: var(--space-10);}
/* common styles */
.section{padding: var(--space-20) 0;}
.section__bottom{padding: 0 0 var(--space-20);}
.section__bg{background: #f3f3f3}
.bt{text-transform: uppercase; margin-bottom: var(--space-16); font-size: var(--space-9); line-height: 2.6875rem; font-weight: 700;}
.bt__note{line-height: 1.5625rem; font-weight: normal; margin-bottom: 3.125rem;}
.bt__large{text-transform: uppercase; margin-bottom: var(--space-20); font-size: var(--space-20); font-weight: 700; line-height: var(--space-20);}
.content{font-size: var(--text-md); line-height: 1.4375rem;}
.content iframe {
width: 100%;
height: 34.375rem;
}
.content div {
max-width: 100%;
}
.content .bt{margin-bottom: var(--space-2);}
.content p{margin-bottom: 1.5625rem;}
.content h1, .content h2,.content h3,.content h4,.content h5,.content h6{font-weight: 700; margin-bottom: 1.5625rem; font-size: var(--text-xl); line-height: normal; text-transform: uppercase;}
.content a{color: var(--orange); border-bottom: 1px solid transparent;}
.content a:hover{border-color: var(--orange);}
.content ul{padding-left: var(--space-5); list-style: disc; margin-bottom: 1.5625rem; line-height: normal;}
.content ul, .content ol{padding-left: var(--space-5); margin-bottom: 1.5625rem; line-height: normal;}
.content .info{padding: 0 0 2.1875rem;}
.content .info div{padding: 0 0 0 var(--space-7); margin-bottom: var(--space-2); background: url("../img/calendar.svg") 0 50% no-repeat; background-size: var(--space-6);}
.content .info div.author{background: url("../img/user.svg") 0 50% no-repeat; background-size: var(--space-6);}
.content .info div.location{background: url("../img/location.svg") 0 50% no-repeat; background-size: var(--space-6);}
.content .info a{color: var(--black);}
.content .info a:hover{color: var(--orange);}
.page-template-page-dmytro .content {
width: 59.375rem;
max-width: 100%;
margin: 0 auto;
}
.socials{display: flex; align-items: center; justify-content: flex-start; gap: var(--space-2); flex-wrap: wrap;}
.socials a{display: flex; align-items: center; justify-content: center; width: 3.3125rem; height: 3.3125rem; overflow: hidden;}
.socials a:hover{transform: translateY(-2px);}
.pagination{display: flex; align-items: center; justify-content: center; gap: 0.3125rem; padding: var(--space-10) 0 0;}
.pagination a,.pagination span{display: flex; align-items: center; justify-content: center; width: 2.125rem; height: 2.125rem; color: var(--black); border-radius: 50%; box-sizing: border-box;}
.pagination span.current,.pagination a:hover{border: 1px solid var(--orange);}
.form__select{position: relative; cursor: pointer; z-index: 30; font-size: var(--text-base);}
.form__select:after{position: absolute; right: var(--space-5); top: calc(50% - var(--space-3)); width: var(--space-6); height: var(--space-6); content: ''; background: url("../img/arrd.svg") 50% 50% no-repeat; transition: all 0.2s;}
.form__select .select__current{display: flex; height: 3.75rem; box-sizing: border-box; padding: 0 var(--space-10) 0 var(--space-5); border: 1px solid rgba(78, 78, 169, 0.2); align-items: center; width: 18.4375rem;}
.form__select.open:after{transform: rotate(180deg);}
.form__select ul{position: absolute; top: 100%; left: 0; width: 100%; background: #FBFAFF; box-sizing: border-box; border: 1px solid rgba(78, 78, 169, 0.2); border-top: none; display: none;}
.form__select ul li{transition: all 0.2s; padding: 10px 20px; border-bottom: 1px solid rgba(78, 78, 169, 0.2);}
.form__select ul li:last-child{border: none;}
.form__select ul li:hover,.form__select ul li.active{color: #fff; background: var(--purple);}
/* common styles */
.slider-products .swiper{padding: 0 1px}
.slider-sw,.list__swiper{position: relative;}
.slider-sw .swiper-button-prev,.slider-sw .swiper-button-next{width: var(--space-12); opacity: 1!important; height: var(--space-12); background: var(--orange); top: 0!important; transition: all 0.2s ease-out; margin: 0; border-radius: 50%; overflow: hidden;}
.slider-sw .swiper-button-prev:before,.slider-sw .swiper-button-next:before,.slider-sw .swiper-button-prev:after,.slider-sw .swiper-button-next:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: url("../img/arrow-right.svg") 50% 50% no-repeat; transition: all 0.2s; display: block;}
.slider-sw .swiper-button-prev:before,.slider-sw .swiper-button-prev:after{transform: rotate(-135deg);}
.slider-sw .swiper-button-next:before,.slider-sw .swiper-button-next:after{transform: rotate(45deg);}
.slider-sw .swiper-button-prev:after{left: -100%}
.slider-sw .swiper-button-prev:hover:after{left: 0}
.slider-sw .swiper-button-prev:hover:before{left: 100%}
.slider-sw .swiper-button-next:after{left: -100%}
.slider-sw .swiper-button-next:hover:after{left: 0}
.slider-sw .swiper-button-next:hover:before{left: 100%}
.slider-sw .swiper-button-disabled{opacity: 0.7!important}
.swiper-button-prev:hover,.swiper-button-next:hover{opacity: 1!important;}
.slider-sw .swiper-button-prev svg,.slider-sw .swiper-button-next svg{width: auto; height: auto;}
.swiper-button-prev:hover path,.swiper-button-next:hover path{fill: #fff;}
.swiper-button-prev:after,.swiper-button-next:after{display: none;}
.slider-sw .swiper-pagination{bottom: 0!important; display: flex; align-items: center; justify-content: center; padding: var(--space-2); position: relative; background: rgba(0, 0, 0, 0.2); width: auto!important; border-radius: var(--radius-xl);}
.swiper__p{position: absolute; bottom: -2.8125rem; left: 0; width: 100%; display: flex; align-items: center; justify-content: center;}
.slider-sw .swiper-pagination-bullet{width: var(--space-2); height: var(--space-2); border-radius: 50%; background: #ffffff; transition: all 0.2s; opacity: 0.5!important;}
.slider-sw .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1!important;}
.slider-sw .swiper-button-next{right: 0;}
.slider-sw .swiper-button-prev{left: calc(100% - 8.375rem);}
body.fancybox-active{overflow:hidden}body.fancybox-iosfix{position:fixed;left:0;right:0}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99992;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:0;font-size:13px;padding:0 10px;height:44px;min-width:44px;line-height:44px;color:#ccc;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;mix-blend-mode:exclusion}.fancybox-toolbar{top:0;right:0;margin:0;padding:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-is-closing .fancybox-stage{overflow:visible}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide>base,.fancybox-slide>link,.fancybox-slide>meta,.fancybox-slide>script,.fancybox-slide>style,.fancybox-slide>title{display:none}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font-size:16px;line-height:20px}.fancybox-button{box-sizing:border-box;display:inline-block;vertical-align:top;width:44px;height:44px;margin:0;padding:10px;border:0;border-radius:0;background:rgba(30,30,30,.6);transition:color .3s ease;cursor:pointer;outline:none}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button[disabled]{color:#ccc;cursor:default;opacity:.6}.fancybox-button svg{display:block;position:relative;overflow:visible;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--share svg path{stroke-width:1}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--zoom svg path{fill:transparent}.fancybox-navigation{display:none}.fancybox-show-nav .fancybox-navigation{display:block}.fancybox-navigation button{position:absolute;top:50%;margin:-50px 0 0;z-index:99997;background:transparent;width:60px;height:100px;padding:17px}.fancybox-navigation button:before{content:"";position:absolute;top:30px;right:10px;width:40px;height:40px;background:rgba(30,30,30,.6)}.fancybox-navigation .fancybox-button--arrow_left{left:0}.fancybox-navigation .fancybox-button--arrow_right{right:0}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background-color:transparent;transition:background-color .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus{outline:none}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after,.fancybox-slide--image .fancybox-close-small:after{font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after,.fancybox-slide--image .fancybox-close-small:hover:after{color:#fff;background:transparent}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 2vw 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all;position:relative}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-slide>.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{padding:30px;border-radius:3px;background:#f4f4f4;max-width:90%}.fancybox-share h1{color:#222;margin:0 0 20px;font-size:33px;font-weight:700;text-align:center}.fancybox-share p{margin:0;padding:0;text-align:center}.fancybox-share p:first-of-type{margin-right:-10px}.fancybox-share_button{display:inline-block;text-decoration:none;margin:0 10px 10px 0;padding:10px 20px;border:0;border-radius:3px;box-shadow:0 2px 2px 0 rgba(0,0,0,.16);background:#fff;white-space:nowrap;font-size:16px;line-height:23px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-width:140px;color:#707070;transition:all .2s}.fancybox-share_button:focus,.fancybox-share_button:hover{text-decoration:none;color:#333;box-shadow:0 2px 2px 0 rgba(0,0,0,.3)}.fancybox-share_button svg{margin-right:5px;width:20px;height:20px;vertical-align:text-bottom}.fancybox-share input{box-sizing:border-box;width:100%;margin:5px 0 0;padding:10px 15px;border:1px solid #d7d7d7;border-radius:3px;background:#ebebeb;color:#5d5b5b;font-size:14px;outline:none}.fancybox-thumbs{display:none;position:absolute;top:0;bottom:0;right:0;width:212px;margin:0;padding:2px 2px 4px;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-thumbs-x{overflow-y:hidden;overflow-x:auto}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0;white-space:nowrap}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{float:left;overflow:hidden;padding:0;margin:2px;width:100px;height:75px;max-width:calc(50% - 4px);max-height:calc(100% - 8px);position:relative;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}
.box__modal{width: 520px; overflow: hidden; box-sizing: border-box; text-align: center; padding: 40px; font-family: var(--Rubik); color: #fff; display: none; background: transparent;}
.modal__inn{background: var(--purple); padding: 20px 20px 40px; text-align: center;}
.modal__inn.modal__share{background: #fff; color: var(--black);}
.modal__inn.modal__share .modal__title{font-size: 35px;}
.modal__title{font-family: var(--Oswald); font-weight: 300; line-height: normal; font-size: 55px; margin-bottom: 10px;}
.modal__note{font-size: 20px; line-height: 25px; margin-bottom: 20px;}
.box__modal .btn{width: 100%;}
.box__modal input{margin-bottom: 20px;}
.fancybox-close-small{top: 0px!important; right: 0px!important; background: url("../img/closem.svg") 50% 50% no-repeat!important; transition: all 0.2s; width: 32px; height: 32px;}
.fancybox-close-small:hover{transform: rotate(90deg);}
.fancybox-close-small:after{display: none!important;}
.fancybox-is-open .fancybox-bg{background: #2D2F44; opacity: 0.8}
.compensate-for-scrollbar{margin-right: 0!important}
section{position: relative; z-index: 2;}
.flex{display: flex; justify-content: space-between; flex-wrap: wrap;}
.flex.flex__center{justify-content: center;}
.flex.flex__start{justify-content: flex-start; gap: var(--space-4);}
.flex.flex__end{justify-content: flex-end;}
.grid{display: grid; grid-template-columns: repeat(1,1fr); gap: var(--space-6);}
.grid.grid-2{grid-template-columns: repeat(2,1fr);}
.grid.grid-3{grid-template-columns: repeat(3,1fr);}
.grid.grid-4{grid-template-columns: repeat(4,1fr);}
.grid.grid-5{grid-template-columns: repeat(5,1fr);}
.grid.grid-6{grid-template-columns: repeat(6,1fr);}
.grid.grid-7{grid-template-columns: repeat(7,1fr);}
section{box-sizing: border-box; position: relative;}
.form input[type="text"],.form input[type="email"],.form input[type="tel"],.form input[type="password"],.form textarea,.form select{
width: 100%; border: 1px solid transparent; border-bottom: 1px solid #C7C7C7; height: var(--space-10); margin-bottom: var(--space-8); color: var(--black); font-size: var(--text-base); padding: 0 var(--space-2); transition: all 0.2s;
}
.form .btn{width: 100%;}
.form .flex{align-items: flex-start;}
.form input:focus{border-color: var(--black)!important;}
.form textarea{height: 11.75rem; resize: none; padding-top: 1.125rem;}
::placeholder{color: #C7C7C7;}
label.user__file{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; box-sizing: border-box; cursor: pointer; transition: all 0.2s; height: var(--space-45); text-align: center; border: 1.5px dashed #E6E6E6; border-radius: var(--space-3);}
label.user__file:hover{border-color: var(--black); background: var(--white);}
label.user__file span{display: block; margin-top: 0.3125rem; color: var(--blackGrey); font-size: 0.8125rem; font-weight: 500;}
input[type="checkbox"],input[type="radio"]{display:none;}
label.checkbox{display: block; position: relative; padding: 0 0 0 2.3125rem; box-sizing: border-box; font-size: 0.9375rem; cursor: pointer; line-height: var(--space-5); margin-bottom: 2.1875rem; text-align: left;}
label.checkbox a{color: var(--red); border-bottom: 1px solid transparent;}
label.checkbox a:hover{border-color: var(--red);}
label.checkbox span:after{position: absolute; width: var(--space-6); height: var(--space-6); background: url("../img/check.svg") 0% 0 no-repeat; top: calc(50% - var(--space-3)); left: -2rem; content: '';}
label.checkbox span{position: relative;}
label.checkbox input:checked + span:after{background: url("../img/checkh.svg") 0% 0 no-repeat; background-size: 100% 100%;}
button{background: transparent;}
.clearfix{clear: both;}
.center{display: inline-block; width: 100%; text-align: center;}
a,svg,svg path,rect{text-decoration: none; transition: all 0.2s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer;}
a:hover{transition: all 0.2s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:focus{outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
svg,svg path,rect{transition: all 0.2s ease-out;}
img{display: block;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); max-width: 100%; height: auto; transition: all 0.2s ease-out; object-fit: cover;}
div{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.btn,.btn:after{font-family: 'Mont'; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; text-align: center; cursor: pointer; padding: 0; border: none; transition: all 0.2s ease-out; box-sizing: border-box;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none;}
.btn:hover{transition: all 0.2s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.btn-orange{gap: var(--space-3); height: var(--space-12); background: var(--orange); color: #fff; padding: 0 var(--space-5); border-radius: 999px; font-size: var(--text-md); font-weight: 700; border: 2px solid var(--orange);}
.btn-orange span{display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 50%; overflow: hidden; width: var(--space-8); height: var(--space-8); position: relative; transition: all 0.2s;}
.btn-orange:hover span{background: rgba(255,131,25,.15)}
.btn-orange:hover{background: var(--orangeLight); background: transparent; color: var(--orange);}
.btn-orange span::before, .btn-orange span::after{position: absolute; inset: 0; content: ''; background: url("../img/arrow-up-right.svg") center no-repeat; background-size: var(--space-4); transition: transform 0.25s ease;}
.btn-orange span::before{transform: translate(0, 0);}
.btn-orange span::after{transform: translate(-100%, 100%);}
.btn-orange:hover span::before{transform: translate(100%, -100%);}
.btn-orange:hover span::after{transform: translate(0, 0);}
.btn-orange{position:relative;overflow:hidden;animation:pulse 4s ease-in-out infinite}
.btn-orange::after{content:"";position:absolute;top:-50%;left:-150%;width:200%;height:200%;background:linear-gradient(120deg,transparent 40%,rgba(255,131,25,.35) 50%,transparent 60%);animation:shine 3.5s ease-in-out infinite}
@keyframes shine{0%{transform:translateX(0);opacity:0}20%{opacity:1}50%,100%{transform:translateX(60%);opacity:0}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 rgba(255,131,25,0)}50%{box-shadow:0 0 20px rgba(255,131,25,.25)}}
.btn-orange-tr{gap: var(--space-3); height: var(--space-12); background: #fff; border: 2px solid var(--orange); color: var(--black); padding: 0 var(--space-5); border-radius: 999px; font-size: var(--text-md); font-weight: 700;}
.btn-orange-tr span{display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 50%; overflow: hidden; width: var(--space-8); height: var(--space-8); position: relative; transition: all 0.2s;}
.btn-orange-tr:hover{background: var(--orangeLight); color: #fff;}
.btn-facebook{padding: 0 var(--space-8) 0 5.5rem; height: 4.5rem; border-radius: var(--space-12); color: #fff; background: #0080FE url("../img/facebookd.svg") var(--space-8) 50% no-repeat; font-size: var(--text-xl); border: 1px solid #0080FE;}
.btn-facebook:hover{background-color: transparent;}
/*
.btn-orange-arr{background: var(--orange); width: 48px; height: 48px; border-radius: 50%;}
.btn-orange-arr:after,.btn-orange-arr:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: url("../img/arrow-right.svg") 50% 50% no-repeat; transition: all 0.2s; display: block; background-size: 24px}
.btn-orange-arr:after{left: -100%}
.btn-orange-arr:hover:after{left: 0}
.btn-orange-arr:hover:before{left: 100%}
*/
.btn-orange-arr{position: relative; background: var(--orange); width: var(--space-12); height: var(--space-12); border-radius: 50%; overflow: hidden;}
.btn-orange-arr::before, .btn-orange-arr::after{position: absolute; inset: 0; content: ''; background: url("../img/arrow-right.svg") center no-repeat; background-size: var(--space-6); transition: transform 0.25s ease;}
.btn-orange-arr::before{transform: translate(0, 0);}
.btn-orange-arr::after{transform: translate(-100%, 100%);}
.btn-orange-arr:hover::before{transform: translate(100%, -100%);}
.btn-orange-arr:hover::after{transform: translate(0, 0);}
input,textarea,select,button{-webkit-appearance: none; box-sizing: border-box; font-family: 'Mont';}
/* 404 page */
/* Project video slide */
.slide-video a{display: block; position: relative; width: 100%; height: 100%;}
.slide-video img{width: 100%; height: 100%; object-fit: cover;}
.slide-video video{width: 100%; height: 100%; object-fit: cover;}
.slide-video .play-icon{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 4.25rem; height: var(--space-12); background: #FF0000; border-radius: 0.875rem; transition: all 0.3s;}
.slide-video .play-icon::before{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-40%, -50%); border-style: solid; border-width: 10px 0 10px 18px; border-color: transparent transparent transparent #fff;}
.slide-video a:hover .play-icon{background: #cc0000; transform: translate(-50%, -50%) scale(1.1);}
.page-404{padding: var(--space-20) 0 var(--space-30);}
.page-404 .container{max-width: 45rem; text-align: center;}
.page-404 .bt{margin-bottom: var(--space-4);}
.page-404 p{font-size: var(--text-lg); line-height: 1.6; margin-bottom: var(--space-8);}
.page-404 .btn{margin: 0 auto;}
.home #seo-content, .page-template-page-services #seo-content, .page-template-page-service-single #seo-content {
margin-top: -7rem;
margin-bottom: 7rem;
}
.seo-content__content {
overflow: hidden;
transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
max-height: 350px;
}
.seo-content__content.is-expanded {
max-height: none;
}
.seo-content__btn {
color: var(--orange);
border: none;
outline: none;
margin-top: 30px;
background: transparent;
padding: 0;
font-size: 16px;
line-height: 2;
cursor: pointer;
transition: opacity 0.2s ease;
display: inline-block;
}
.seo-content__btn:hover {
opacity: 0.8;
text-decoration: underline;
}
.home #contact__rooms .gallery {
display: none;
}
.form__message {
font-size: 14px;
line-height: 1.4;
text-align: center;
}
.form__message.is-error {
color: #d93025;
}
.form__message.is-success {
color: #0b7a3b;
}
/* Blog tags active state */
.search__form .tags a.active {
background: #ff6b00;
color: #fff;
}
/* No posts message */
.no-posts {
text-align: center;
padding: 60px 20px;
}
.no-posts p {
font-size: 18px;
color: #666;
}