html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}  .hangar,
.hangar *,
.hangar::before,
.hangar::after,
.hangar *::before,
.hangar *::after, .hangar-flex-1,
.hangar-flex-1 *,
.hangar-flex-1::before,
.hangar-flex-1::after,
.hangar-flex-1 *::before,
.hangar-flex-1 *::after, .projects,
.projects *,
.projects::before,
.projects::after,
.projects *::before,
.projects *::after, .employees,
.employees *,
.employees::before,
.employees::after,
.employees *::before,
.employees *::after, .video-slider-cont,
.video-slider-cont *,
.video-slider-cont::before,
.video-slider-cont::after,
.video-slider-cont *::before,
.video-slider-cont *::after, .g-form,
.g-form *,
.g-form::before,
.g-form::after,
.g-form *::before,
.g-form *::after, .rev,
.rev *,
.rev::before,
.rev::after,
.rev *::before,
.rev *::after, .popup,
.popup *,
.popup::before,
.popup::after,
.popup *::before,
.popup *::after, .video,
.video *,
.video::before,
.video::after,
.video *::before,
.video *::after, .contacts,
.contacts *,
.contacts::before,
.contacts::after,
.contacts *::before,
.contacts *::after, .form-bottom,
.form-bottom *,
.form-bottom::before,
.form-bottom::after,
.form-bottom *::before,
.form-bottom *::after, .leyer,
.leyer *,
.leyer::before,
.leyer::after,
.leyer *::before,
.leyer *::after, footer,
footer *,
footer::before,
footer::after,
footer *::before,
footer *::after, header,
header *,
header::before,
header::after,
header *::before,
header *::after {
box-sizing: border-box;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
} @font-face {
font-display: swap; font-family: 'Rubik';
font-style: normal;
font-weight: 300;
src: url(//xn-----8kchiwxfqtkkc3q.xn--p1ai/wp-content/themes/garage/fonts/rubik-v28-cyrillic-300.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Rubik';
font-style: normal;
font-weight: 400;
src: url(//xn-----8kchiwxfqtkkc3q.xn--p1ai/wp-content/themes/garage/fonts/rubik-v28-cyrillic-regular.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Rubik';
font-style: normal;
font-weight: 500;
src: url(//xn-----8kchiwxfqtkkc3q.xn--p1ai/wp-content/themes/garage/fonts/rubik-v28-cyrillic-500.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Rubik';
font-style: normal;
font-weight: 700;
src: url(//xn-----8kchiwxfqtkkc3q.xn--p1ai/wp-content/themes/garage/fonts/rubik-v28-cyrillic-700.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Rubik';
font-style: normal;
font-weight: 800;
src: url(//xn-----8kchiwxfqtkkc3q.xn--p1ai/wp-content/themes/garage/fonts/rubik-v28-cyrillic-800.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Rubik';
font-style: normal;
font-weight: 900;
src: url(//xn-----8kchiwxfqtkkc3q.xn--p1ai/wp-content/themes/garage/fonts/rubik-v28-cyrillic-900.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: url(//xn-----8kchiwxfqtkkc3q.xn--p1ai/wp-content/themes/garage/fonts/montserrat-v29-cyrillic-regular.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
src: url(//xn-----8kchiwxfqtkkc3q.xn--p1ai/wp-content/themes/garage/fonts/montserrat-v29-cyrillic-500.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
src: url(//xn-----8kchiwxfqtkkc3q.xn--p1ai/wp-content/themes/garage/fonts/montserrat-v29-cyrillic-600.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
src: url(//xn-----8kchiwxfqtkkc3q.xn--p1ai/wp-content/themes/garage/fonts/montserrat-v29-cyrillic-700.woff2) format('woff2'); }
@font-face {
font-display: swap; font-family: 'Inter';
font-style: normal;
font-weight: 400;
src: url(//xn-----8kchiwxfqtkkc3q.xn--p1ai/wp-content/themes/garage/fonts/inter-v18-cyrillic-regular.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Exo 2';
font-style: normal;
font-weight: 700;
src: url(//xn-----8kchiwxfqtkkc3q.xn--p1ai/wp-content/themes/garage/fonts/exo-2-v24-cyrillic-700.woff2) format('woff2'); }
:root {
--font-family: "Rubik", sans-serif;
--second-family: "Montserrat", sans-serif;
--third-family: "Inter", sans-serif;
--font3: "Exo 2", sans-serif;
}
.wrapper {
max-width: 1200px;
margin: 0 auto;
}
body {
font-family: var(--font-family);
}
.hangar {
position: relative; padding: 242px 20px 100px 20px;
overflow: hidden; clip-path: polygon(30% 0%, 70% 0%, 100% 0, 100% 87%, 50% 100%, 0 87%, 0 26%, 0 0); }
.background-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
filter: brightness(0.5); }
.hangar-cont {
position: relative; 
z-index: 1;
}
@media screen and (max-width: 767px) {
.background-video {
display: none;
}
}
.hangar h1 {
font-weight: 800;
font-size: 143px;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #fff;
}
.hangar h6 {
font-weight: 800;
font-size: 18px;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #fec34a;
line-height: 130%;
margin-bottom: 50px;
}
.hangar-flex {
display: flex;
gap: 42px;
}
.hangar-flex-item {
display: flex;
gap: 16px;
}
.hangar-flex p {
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: #fff;
}
.hangar-cont {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
position: relative;
}
.present {
position: absolute;
top: 30px;
right: 370px;
}
.hangar-form-cont {
border-radius: 8px;
padding: 42px;
box-shadow: 0 0 42px 0 rgba(47, 75, 101, 0.27);
background: #fff;
position: relative;
}
.hangar-form-cont h4 {
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
text-align: center;
color: #121212;
margin-bottom: 12px;
}
.hangar-form-cont form div {
display: flex;
border: 1px solid #d1d5db;
border-radius: 8px;
padding: 14px 16px;
background: #fff;
gap: 8px;
margin-bottom: 12px;
}
.hangar-form-cont form input {
border: none;
outline: none;
}
.flex-form-123 input {
width: 100%!important;
}
.hangar-form-cont form input,
.hangar-form-cont form input::placeholder {
font-weight: 400;
font-size: 14px;
line-height: 168%;
color: #6b7280;
}
.hangar-form-cont form p {
font-weight: 400;
font-size: 12px;
text-align: center;
color: #121212;
margin-bottom: 12px;
}
.hangar-form-cont form button {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
background: linear-gradient(90deg, #ffcd67 0%, #fdad3b 100%);
border: none;
border-radius: 8px;
padding: 14px 24px;
font-weight: 500;
font-size: 14px;
line-height: 140%;
color: #fff;
margin-bottom: 20px;
}
.download-pdf {
display: flex;
align-items: center;
gap: 8px;
justify-content: center;
margin-bottom: 20px;
}
.download-pdf p {
font-weight: 300;
font-size: 12px;
line-height: 140%;
color: #121212;
}
.hangar-form-cont > :last-child {
font-weight: 300;
font-size: 12px;
line-height: 140%;
color: #121212;
text-align: center;
}
.hero-fly {
position: absolute;
top: -120px;
transform: translateX(50%);
}
.green2 {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
background: #5AA02C;
padding-top: 720px;
clip-path: polygon(30% 0%, 70% 0%, 100% 0, 100% 85%, 50% 100%, 0 85%, 0 26%, 0 0);
}
.swiper-projects {
overflow-x: hidden;
}
.main-slider img,
.thumb-slider img {
width: 100%;
height: 400px;
object-fit: cover;
border-radius: 8px;
}
.project {
display: flex;
align-items: center;
gap: 53px;
}
.swiper-container,
.thumb-slider  {
overflow-x: hidden;
}
.project-info {
border-radius: 8px;
padding: 24px;
box-shadow: 0 0 42px 0 rgba(47, 75, 101, 0.27);
background: #fff;
position: relative;
left: -15%;
z-index: 99;
width: 120%;
}
.project-info h6 {
font-weight: 700;
font-size: 18px;
color: #121212;
margin-bottom: 23px;
}
.project-info-content > :not(:last-child) {
border-bottom: 1.50px dashed #c3c6c0;
}
.project-info-content div {
display: flex;
align-items: center;
justify-content: space-between;
padding: 18px 0;
}
.project-info-content div > :first-child {
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: #bdbdbd;
}
.project-info-content div > :last-child {
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: #121212;
}
.project-info-date {
display: flex;
align-items: center;
gap: 12px;
padding-top: 5px;
}
.project-info-date > :first-child {
font-weight: 700;
font-size: 48px;
color: #5aa02c;
}
.project-info-date > :last-child {
font-weight: 700;
font-size: 18px;
color: #5aa02c;
}
.swiper-container {
width: 100%;
height: auto;
}
.main-slider {
width: 100%;
max-width: 618px;
}
.thumb-slider .swiper-slide {
width: 25%;
cursor: pointer;
opacity: 0.3;
max-width: 199px;
max-height: 99px;
}
.thumb-slider {
width: 100%;
margin-top: 10px;
max-width: 618px;
}
.thumb-slider .swiper-slide-thumb-active {
opacity: 1;
} .employees {
margin-top: 81px;
padding: 0 20px!important;
}
.employees h2 {
font-weight: 700;
font-size: 34px;
color: #121212;
margin-bottom: 38px;
}
.swiper-employees img {
width: 100%;
max-width: 158px;
}
.employees-img {
display: flex;
justify-content: center;
margin-bottom: 25px;
}
.swiper-employees {
overflow-x: hidden;
max-width: 1200px;
margin: 0 auto;
}
.swiper-employees h6 {
font-weight: 700;
font-size: 18px;
text-align: center;
color: #121212;
margin-bottom: 6px;
}
.employees-info p {
font-weight: 400;
font-size: 14px;
line-height: 140%;
text-align: center;
color: #c3c6c0;
}
.employees-info {
padding-bottom: 25px;
border-bottom: 1.50px dashed #c3c6c0;
margin-bottom: 25px;
}
.employees-text {
font-weight: 400;
font-size: 14px;
line-height: 140%;
text-align: center;
color: #121212;
}  .g-form-cont {
padding: 50px 30px 38px 26px;
border-radius: 8px;
display: flex;
gap: 30px;
background: url(//xn-----8kchiwxfqtkkc3q.xn--p1ai/wp-content/uploads/2025/04/bg-form.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.g-form-cont h3 {
font-weight: 700;
font-size: 28px;
color: #fff;
flex: 1;
}
.g-form-cont > :last-child {
flex: 2;
}
.g-form-cont form {
display: flex;
gap: 18px;
align-items: center;
}
.g-form-cont form > :first-child {
flex: 2.3;
}
.g-form-cont form > :nth-child(2) {
flex: 1;
}
.g-form-block {
display: flex;
align-items: center;
gap: 8px;
border: 1px solid #fff;
border-radius: 8px;
padding: 9px;
}
.g-form-block input {
background: none;
outline: none;
border: none;
width: 100%;
}
.g-form-block input, .g-form-block input::placeholder{
font-weight: 400;
font-size: 14px;
line-height: 132%;
color: #fff;
}
.g-form-block input::placeholder {
opacity: 0.5;
}
.g-form-button {
border-radius: 8px;
display: flex;
align-items: center;
gap: 8px;
border: none;
background: #fec34a;
font-weight: 500;
font-size: 14px;
line-height: 140%;
color: #fff!important;
padding: 11px;
}
.pol {
display: flex;
margin-top: 24px;
gap: 22px;
}
.pol p {
font-weight: 500;
font-size: 12px;
line-height: 147%;
color: #fff;
}
.pol p a {
text-decoration: none;
color: #fec34a;
}
.g-form {
margin-top: 81px;
padding: 0 20px;
}
.flex-11 {
display: flex;
gap: 18px;
flex: 1;
}
.flex-11 > :first-child,
.flex-11 > :last-child {
flex: 1;
}  .rev {
margin-top: 80px;
padding: 0 20px;
}
.rev-cont h2 {
font-weight: 700;
font-size: 34px;
color: #121212;
margin-bottom: 38px;
}
.rev-cont-flex {
overflow-x: hidden;
}
.rev-cont-flex img {
width: 100%;
border-radius: 8px;
cursor: pointer;
}  .contacts {
margin-top: 81px;
padding: 0 20px;
}
.contacts-cont h2 {
font-weight: 700;
font-size: 34px;
color: #121212;
margin-bottom: 39px;
}
.contacts-abs {
box-shadow: 0 0 42px 0 rgba(47, 75, 101, 0.27);
background: #fff;
position: absolute;
top: 71px;
left: 71px;
padding: 18px 24px;
border-radius: 8px;
z-index: 2;
}
.contacts-abs div {
display: flex;
align-items: center;
gap: 11px;
}
.contacts-abs a,
.contacts-abs p {
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: #121212;
text-decoration: none;
}
.contacts-abs > :not(:last-child) {
margin-bottom: 24px;
}
.ling-g {
color: #5aa02c!important;
}  .form-bottom-cont {
display: flex;
justify-content: space-between;
}
.form-bottom-cont h2 {
flex: 1;
font-weight: 700;
font-size: 34px;
color: #121212;
}
.form-bottom-cont > :last-child {
flex: 2;
}
.form-bottom-cont form {
display: flex;
align-items: center;
gap: 18px;
}
.form-bottom-cont form > :first-child {
flex: 1;
}
.form-bottom-cont form input {
font-weight: 400;
font-size: 14px;
line-height: 132%;
color: #121212;
width: 100%;
}
.form-bottom-cont form > :first-child div {
border: 1px solid #aeaeb2;
border-radius: 8px;
padding: 8px;
}
.form-bottom-cont form input::placeholder {
font-weight: 400;
font-size: 14px;
line-height: 132%;
color: #aeaeb2;
opacity: 0.5;
}
.pol-2 p {
color: #aeaeb2;
}
.form-bottom {
margin: 81px 0;
padding: 0 20px;
}  footer {
background: #121212;
padding: 24px 20px;
}
.footer-cont {
display: flex;
align-items: center;
justify-content: space-between;
}
.footer-cont > :first-child{
flex: 1.2;
display: flex;
align-items: center;
justify-content: space-between;
}
.footer-cont > :last-child{
flex: 1;
}
.footer-cont p {
font-family: var(--second-family);
font-weight: 700;
font-size: 11px;
color: #fff;
}
.footer-cont a {
font-family: var(--second-family);
font-weight: 500;
font-size: 11px;
color: #fff;
text-decoration: none;
}
.footer-cont > :nth-child(2) {
display: flex;
align-items: center;
gap: 28px;
justify-content: flex-end;
}
@media screen and (max-width: 767px) {
.footer-cont > :first-child {
flex-direction: column;
align-items: stretch;
}
}
@media screen and (max-width: 523px) {
.footer-cont {
flex-direction: column;
gap: 24px;
text-align: center;
}
.footer-cont > :first-child {
gap: 24px;
}
}  .video-cont {
display: flex;
align-items: center; 
padding-top: 81px;
}
.video-cont > :first-child {
flex: 1.8;
}
.video-cont > :last-child {
flex: 1;
box-shadow: 0 0 42px 0 rgba(47, 75, 101, 0.27);
background: #fff;
padding: 24px;
border-radius: 8px;
position: relative;
left: -15px;
}
.video-cont > :last-child p {
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: #121212;
}
.video-cont iframe {
border-radius: 12px;
}
.item-two hr {
border: none;
border-top: 1.50px dashed #c3c6c0; }
.employees-img img {
width: 100%;
border-radius: 100%;
aspect-ratio: 1/1;
}
.swiper-button-next, .swiper-button-prev {
width: auto!important;
height: auto!important;
}  .container {
display: flex;
flex-direction: column;
margin: 0 auto;
position: relative;
max-width: 1200px;
}
.main-image, .main-image2 {
position: relative;
width: 100%;
}
.main-image img, .main-image2 img  {
width: 100%;
height: auto;
display: block;
border-radius: 8px;
}
.text-content-container {
position: relative;
width: 100%;
height: auto; }
.text-content {
padding: 25px;
position: absolute;
top: 0;
left: 0;
width: 100%;
transition: opacity 0.3s ease;
opacity: 0;
box-shadow: 0 0 15px 0 rgba(47, 75, 101, 0.27);
background: #fff;
border-radius: 8px;
margin-left: -15px;
}
.text-content2 {
box-shadow: 0 0 12px 0 rgba(47, 75, 101, 0.27);
background: #fff;
border-radius: 8px;
margin-left: -15px;
width: 100%;
padding: 25px;
z-index: 20;
position: relative;
margin-bottom: 50px;
}
.text-content.active {
opacity: 1; position: relative; }
.text-content h2, .text-content2 h2 {
margin-bottom: 8px;
font-weight: 700;
font-size: 18px;
color: #121212;
}
.text-content > :nth-child(2) {
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: #5aa02c;
margin-bottom: 8px;
}
.text-content > :nth-child(3), .text-content2 > :nth-child(3) {
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: #121212;
margin-bottom: 15px;
}
.table div {
display: flex;
justify-content: space-between;
padding: 19px 0;
}
.table > :not(:last-child) {
border-bottom: 1.50px dashed #c3c6c0;
}
.preview-images {
display: flex;
overflow-x: auto;
margin-top: 20px;
gap: 20px;
}
.preview-images-1 {
overflow-x: visible;
}
.preview, .preview-1 {
width: 100%;
object-fit: cover;
margin-right: 5px;
cursor: pointer;
opacity: 0.5;
transition: opacity 0.3s ease;
border-radius: 8px;
min-width: 215px;
}
.preview.active, .preview-1.active {
opacity: 1;
}
.prev,
.next,
.prev2,
.next2,
.next12,
.prev12{
position: absolute;
top: 50%;
transform: translateY(-50%);
border: none;
cursor: pointer;
z-index: 10;
background: transparent;
}
.prev33,
.prev34,
.next33,
.next34 {
position: absolute;
top: 50%;
transform: translateY(-50%);
border: none;
cursor: pointer;
z-index: 10;
background: transparent;
}
.prev, .prev2, .prev12, .prev34 {
left: 10px;
}
.next, .next2, .next12, .next33, .next34  {
right: 25px;
}
.big-slider {
display: flex;
align-items: center;
}
.big-slider > :first-child {
flex: 1.5;
}
.big-slider > :last-child {
flex: 1;
}
.wrapper2 {
max-width: 1400px;
margin: 0 auto;
position: relative;
}
.slider-3 h3 {
font-weight: 700;
font-size: 18px;
color: #121212;
margin-bottom: 8px;
}
.slider-3 h2 {
font-weight: 700;
font-size: 34px;
color: #121212;
}
.slider-3-cont {
margin-top: 80px;
}
.g-form-p {
margin-top: 80px;
}
.slider-3-cont {
margin-bottom: 38px;
}
.big-slider-buttons-1 button {
font-weight: 500;
font-size: 14px;
line-height: 140%;
color: #fff;
display: flex;
align-items: center;
gap: 8px;
border: none;
background: #fec34a;
padding: 12px;
border-radius: 8px;
}
.big-slider-buttons-1 > :first-child {
margin-bottom: 15px;
}
.big-slider-buttons-1 {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
padding-left: 53px;
}
.preview-images-1 {
flex: 1.7!important;
}
.preview-1 {
max-width: 142px!important;
} .flex-1 {
display: flex;
}
.flex-1 > :first-child {
flex: 1.5;
}
.flex-1 > :last-child {
flex: 1;
}
.preview-1 {
min-width: 224px;
} .header-cont {
position: relative;
}
.header-block {
display: flex;
justify-content: space-between;
gap: 28;
align-items: center;
}
header {
position: fixed; top: 50px;
left: 0;
width: 100%;
background-color: rgba(255, 255, 255, 0); padding: 0 20px;
transition: background-color 0.3s ease, transform 0.3s ease; z-index: 1000; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }
header.scrolled {
background-color: #fff; color: white; top: 0;
padding: 20px;
}
header.scrolled .nav path {
fill: black;
}
header.scrolled .black-scroll {
fill: black;
}
header.hidden {
transform: translateY(-300%); }
.nav {
display: flex;
align-items: center;
gap: 26px;
}
.nav li a {
display: flex;
align-items: center;
gap: 8px;
}
.nav li a {
font-weight: 400;
font-size: 16px;
color: #fff;
text-decoration: none;
}
header.scrolled .nav li a {
color: #000;
}
.header-right {
display: flex;
gap: 10px;
}
.header-right > :first-child {
display: flex;
align-items: center;
gap: 12px;
}
.header-right > :first-child a {
font-weight: 500;
font-size: 16px;
line-height: 140%;
color: #fff;
text-decoration: none;
}
header.scrolled .header-right > :first-child a {
color: #000;
}
.header-right > :first-child a span {
font-size: 20px;
}
.header-right > :first-child p {
font-weight: 400;
font-size: 10px;
line-height: 140%;
color: #c3c6c0;
}
.header-right button {
font-weight: 500;
font-size: 14px;
line-height: 140%;
color: #fff;
background: #5AA02C;
border-radius: 8px;
border: none;
padding: 6px 16px;
}
header.scrolled .header-right button {
color: #000;
} .none-border {
border: none;
}
@media screen and  (max-width: 1208px) {
.nav {
gap: 16px;
}
}
@media screen and  (max-width: 1147px) {
.nav li a {
font-size: 13px;
}
}
@media screen and  (max-width: 1078px) {
.present {
right: 350px;
max-width: 100px;
}
.hangar-flex {
gap: 22px;
}
.hangar h1 {
font-size: 113px;
}
.hangar h6 {
font-size: 15px;
}
.hangar-flex p {
font-size: 12px;
}
.hangar-form-cont h4 {
font-size: 14px;
}
.header-right > :first-child a span {
font-size: 15px;
}
.header-right button {
padding: 6px 10px;
}
}
@media screen and  (max-width: 1035px) {
.nav li a span {
display: none;
}
.header-right button {
padding: 6px 16px;
}
.header-right > :first-child a span {
font-size: 20px;
}
}
.only-767 {
display: none;
}
.hangar-flex-1 {
display: none;
}
@media screen and  (max-width: 898px) {
.present {
right: 300px;
}
.hangar-flex {
gap: 12px;
}
.hangar-flex-1 {
display: flex;
padding: 56px 20px 80px 20px;
gap: 12px;
}
.hangar-flex-1 p {
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: #121212;
}
.hangar-flex {
display: none;
}
.only-767 {
display: block;
max-width: 123px;
}
.present {
display: none;
}
}
@media screen and  (max-width: 767px) {
.hangar h1 {
font-size: 84px;
}
.hangar h6 {
font-size: 16px;
margin-bottom: 29px;
}
.hangar h6 > :nth-child(2) {
display: none;
}
}
.burger {
display: none;
}
.cat-mob {
display: none;
}
@media screen and  (max-width: 685px) {
.hangar {
background: url(//xn-----8kchiwxfqtkkc3q.xn--p1ai/wp-content/uploads/2025/04/bg.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 160px 20px 50px 20px;
clip-path: polygon(30% 0%, 70% 0%, 100% 0, 100% 91%, 50% 100%, 0 91%, 0 26%, 0 0);
}
.green2 {
padding-top: 375px;
clip-path: polygon(30% 0%, 70% 0%, 100% 0, 100% 90%, 50% 100%, 0 90%, 0 26%, 0 0);
}
.nav, .header-right button, .hangar-form-cont  {
display: none;
}
.burger {
display: block;
}
.hangar-cont {
justify-content: center;
}
.only-767 {
display: none;
}
.cat-mob {
display: flex;
font-weight: 500;
font-size: 14px;
line-height: 140%;
color: #fff;
align-items: center;
background: linear-gradient(90deg, #ffcd67 0%, #fdad3b 100%);
border-radius: 8px;
padding: 14px 24px;
width: 100%;
border: none;
gap: 8px;
justify-content:center;
}
.hangar h1  {
font-size: 34px;
margin-bottom: 11px;
text-align: center;
}
.hangar h6 {
font-size: 14px;
text-align: center;
}
}
.header-right {
display: flex;
gap: 30px;
}
.header-block {
gap: 5px;
}
.header-right > :first-child a span {
font-size: 17px;
}
.header-block {
top: 15px;
}
@media screen and  (max-width: 440px) {
.hangar {
padding: 160px 20px 50px 20px;
}
.green2 {
padding-top: 315px;
}
}
@media screen and  (max-width: 592px) {
.hangar-flex-1 {
flex-direction: column;
gap: 42px;
}
}
.projects {
padding: 0 20px;
}
@media screen and  (max-width: 1280px) {
.prev2, .next2, .prev12, .next12, .prev34, .next34 {
display: none;
}
}
@media screen and  (max-width: 1137px) {
.preview-1 {
min-width: 200px;
}
.big-slider {
gap: 22px;
}
.big-slider-buttons-1 {
padding-left: 22px;
}
.preview-images {
gap: 13px;
}
.preview-images-1 {
flex: 1.5 !important;
}
.preview-1 {
min-width: 128px;
}
}
.pol-mob {
display: none;
}
@media screen and (max-width: 984px) {
.pol-desk {
display: none;
}
.pol-mob {
display: flex;
margin-bottom: 18px;
margin-top: 0;
}
.g-form-cont form {
flex-direction: column;
}
}
@media screen and (max-width: 647px) {
.g-form-cont {
flex-direction: column;
padding: 20px 31px 20px 27px;
}
}
@media screen and (max-width: 522px) {
.flex-11  {
flex-direction: column;
width: 100%;
}
.g-form-cont {
gap: 24px;
}
}
.video {
padding: 0 20px;
}
.video iframe {
width: 100%;
aspect-ratio: 16 / 9;
}
@media screen and (max-width: 767px) {
.video-cont > :last-child {
flex: 1.5;
box-shadow: 0 0 42px 0 rgba(47, 75, 101, 0);
padding: 0;
position: relative;
left: 0px;
}
.video-cont {
gap: 32px;
align-items: flex-start;
}
}
@media screen and (max-width: 582px) {
.video-cont {
flex-direction: column;
gap: 24px;
align-items: stretch;
}
.video-cont > :first-child,
.video-cont > :last-child {
flex: 1;
}
}
.map {
position: relative; 
width: 100%; 
overflow: hidden; 
border-radius: 8px;
}
@media screen and (max-width: 970px) {
.contacts-abs {
top: 21px;
left: 21px;
}
}
.map iframe {
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
border-radius: 8px; 
border: none;
}
@media screen and (max-width: 767px) {
.contacts-abs {
top: 0px;
left: 0px;
border-radius: 0;
height: 100%;
}
.contacts-cont h2 {
margin-bottom: 0;
}
.contacts-cont h2 {
font-size: 26px;
}
.contacts-abs {
padding: 28px 24px;
}
}
@media screen and (max-width: 700px) {
.contacts-abs {
position: static;
}
.map {
display: flex;
flex-direction: column;
}
}
@media screen and (max-width: 985px) {
.form-bottom-cont form {
flex-direction: column;
align-items: stretch;
}
.form-bottom-cont {
gap: 53px;
}
.form-bottom-cont h2  {
font-size: 26px;
}
}
.form-bottom-cont > :last-child a {
color: #5aa02c;
}
@media screen and (max-width: 648px) {
.form-bottom-cont {
flex-direction: column;
gap: 24px;
}
.form-bottom-cont h2  {
font-size: 26px;
}
}
.slider-3-first {
padding: 0 20px;
}
.main-video iframe {
height: 100%;
width: 100%;
border-radius: 8px;
min-height: 366px;
}
@media screen and (max-width: 1350px) {
.prev, .next {
display: none;
}
}
@media screen and (max-width: 900px) {
.text-content {
padding: 0px;
box-shadow: 0 0 42px 0 rgba(47, 75, 101, 0);
margin-left: 0;
}
}
.text-content-container-mob {
display: none;
}
.table2 div > :first-child {
color: #5aa02c;
}
@media screen and (max-width: 679px) {
.text-content-container-desk {
display: none;
}
.text-content-container-mob {
display: block;
margin-top: 24px;
}
.main-video iframe {
min-height: 266px;
}
.preview {
min-width: 117px;
}
.preview-images {
display: flex;
overflow-x: auto;
margin-top: 18px;
gap: 10px;
}
.slider-3 h2 {
font-size: 26px;
}
.slider-3-cont {
margin-bottom: 24px;
}
}
.g-text {
display: flex;
align-items: center;
gap: 12px;
margin-top: 10px;
}
.g-text > :first-child {
font-weight: 700;
font-size: 48px;
color: #5aa02c;
}
.g-text > :last-child {
font-weight: 700;
font-size: 18px;
color: #5aa02c;
}
.main-image2 a {
display: block;
width: 100%;
height: 413px; background-size: cover;
background-position: center center;
background-repeat: no-repeat;
border-radius: 8px;
}
@media screen and  (max-width: 1137px) {
.main-image2 a {
height: 370px; }
.litebox {
max-width: 113px;
}
}
.text-content-container-mob-2 {
display: none;
}
@media screen and  (max-width: 760px) {
.text-content-container-desk-2 {
display: none;
}
.text-content-container-mob-2 {
display: block;
margin-top: 32px;
}
.big-slider-buttons-1 {
padding-left: 0;
}
.main-image2 a {
height: 270px;
}
.preview-1 {
min-width: 110px;
}
}
.table3 div > :first-child {
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: #bdbdbd;
}
.table3 div > :last-child {
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: #121212;
}  .mobile-menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.9); display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
} .menu-content {
background: #fff;
padding: 15px 15px 40px 15px;
width: 100%;
height: 100vh;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
} .close-menu {
position: absolute;
top: 27px;
right: 12px;
cursor: pointer;
width: 24px;
} .mobile-menu.active {
opacity: 1;
visibility: visible;
}
.mob-links a {
text-decoration: none;
}
.mob-links {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}
.mobile-menu-top {
display: flex;
align-items: center;
gap: 25px;
margin-bottom: 50px;
}
.mobile-menu-top div a {
font-weight: 500;
font-size: 13px;
line-height: 140%;
color: #121212;
text-decoration: none;
}
.mobile-menu-top div a span {
font-size: 17px;
}
.mobile-menu-top div p {
font-weight: 400;
font-size: 10px;
line-height: 140%;
color: #6b7280;
}
.nav-mob a {
display: flex;
align-items: center;
gap: 8px;
font-weight: 400;
font-size: 16px;
line-height: 140%;
color: #121212;
text-decoration: none;
}
.nav-mob > :not(:last-child) {
margin-bottom: 24px;
}   .thank-you-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.3s ease, visibility 0.3s ease;
z-index: 9000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000;
} .thank-you-content {
background: #fff;
padding: 49px 25px;
border-radius: 24px;
max-width: 672px;
position: relative;
} .thank-you-popup.active {
opacity: 1;
visibility: visible;
} .close-popup {
position: absolute;
top: 26px;
right: 26px;
border: none;
background: transparent;
cursor: pointer;
}
.thank-you-content h4 {
font-weight: 700;
font-size: 34px;
color: #121212;
}
.thank-you-title {
padding-bottom: 24px;
border-bottom: 2px solid #5aa02c;
max-width: 453px;
margin-bottom: 24px;
}
.thank-you-content p {
font-weight: 400;
font-size: 18px;
line-height: 140%;
color: #121212;
margin-bottom: 24px;
}
.thank-you-content p span {
font-weight: 700;
}
.video-thank-you {
position: relative;
width: 100%;
aspect-ratio: 16 / 9; border-radius: 15px; overflow: hidden; margin-bottom: 45px;
}
.video-thank-you iframe {
width: 100%;
height: 100%;
border-radius: 15px; }
.thank-you-content form {
display: flex;
gap: 18px;
}
.thank-you-content input {
border: 1px solid #c3c6c0;
border-radius: 8px;
padding: 8px 12px;
width: 217px;
}
.thank-you-content input,
.thank-you-content input::placeholder {
font-weight: 400;
font-size: 14px;
line-height: 132%;
color: #c3c6c0;
}
.thank-you-content form button {
display: flex;
align-items: center;
gap: 8px;
background: #fec34a;
border-radius: 8px;
border: none;
font-weight: 500;
font-size: 14px;
line-height: 140%;
color: #fff;
cursor: pointer;
}
@media screen and (max-width: 700px) {
.thank-you-content {
background: #fff;
padding: 62px 25px 26px 25px;
border-radius: 24px;
max-width: 320px;
position: relative;
}
.thank-you-content h4 {
font-size: 18px;
}
.thank-you-content p {
font-size: 14px;
margin-bottom: 18px;
}
.thank-you-title {
padding-bottom: 18px;
margin-bottom: 18px;
}
.video-thank-you {
margin-bottom: 15px;
border-radius: 8px;
}
.video-thank-you iframe {
border-radius: 8px;
}
.thank-you-content form {
flex-direction: column;
gap: 12px;
align-items: flex-start;
}
.thank-you-content form input {
width: 100%;
}
form button {
padding: 12px;
}
.thank-you-content > :first-child img {
width: 20px;
height: 20px;
}
}
button {
cursor: pointer;
}  .popup {
display: none; position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
justify-content: center;
align-items: center;
z-index: 100;
}
.popup-tel-content {
background: #fff;
padding: 58px 32px 57px 18px;
border-radius: 24px;
width: 718px;
position: fixed;
display: flex;
gap: 27px;
align-items: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9999; }
.popup-tel-content > :first-child {
flex: 1;
}
.popup-tel-content > :last-child {
flex: 2;
}
.close-tel-popup {
position: absolute;
top: 18px;
right: 18px;
font-size: 20px;
cursor: pointer;
}
.swiper-tel-cont {
overflow: hidden;
width: 433px;
}
.popup-tel-block h5 {
font-weight: 700;
font-size: 18px;
color: #121212;
}
.popup-tel-block > :first-child {
padding-bottom: 16px;
border-bottom: 2px solid #5aa02c;
max-width: 164px;
margin-bottom: 16px;
}
.popup-tel-block p {
font-weight: 400;
font-size: 12px;
line-height: 140%;
color: #121212;
margin-bottom: 16px;
}
.popup-tel-block form div {
align-items: center;
border: 1px solid #c3c6c0;
border-radius: 8px;
padding: 9px;
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 16px;
}
.popup-tel-block form div img {
width: 16px;
height: 16px;
}
.popup-tel-block form input {
border: none;
outline: none;
width: 100%;
}
.popup-tel-block form input,
.popup-tel-block form input::placeholder {
font-weight: 400;
font-size: 12px;
line-height: 132%;
color: #c3c6c0;
}
.swiper-tel-cont .swiper-slide {
max-width: 125px;
overflow: hidden;
}
.swiper-tel-cont .swiper-slide p {
font-weight: 700;
font-size: 14px;
line-height: 132%;
color: #000;
text-align: center;
margin-top: 6px;
}
.swiper-tel-cont .swiper-slide {
transition: transform 0.3s ease, opacity 0.3s ease;
opacity: 0; }
.swiper-tel-cont .swiper-slide-active {
opacity: 1; transform: scale(1);
}
.swiper-tel-cont .swiper-slide-prev, 
.swiper-tel-cont .swiper-slide-next {
opacity: 0.5; transform: scale(0.85);
} .swiper-tel-cont .swiper-slide-prev-prev, 
.swiper-tel-cont .swiper-slide-next-next {
opacity: 0;
}
.next3, .prev3 {
border: none;
background: transparent;
position: absolute;
top: 50%;
transform: translateY(-50%); background: transparent;
z-index: 100;
}
.next3 {
right: 20px;
}
.prev3 {
left: 0;
}
.next3 img, .prev3 img {
width: 31px;
height: 31px;
}
@media screen and (max-width: 737px) {
.popup-tel-content {
width: 320px;
flex-direction: column-reverse;
overflow: hidden;
}
.next3, .prev3 {
display: none;
}
.swiper-tel-cont {
width: 100%;
}
.swiper-tel-cont img {
width: 100%;
}
} @media screen and (max-width: 767px) {
.rev-cont {
padding-bottom: 0px;
border-bottom: none;
}
.g-form-p, .slider-3-cont {
padding-top: 0px;
border-top: none;
margin-top: 80px;
}
.video-cont {
border-bottom: none;
}
}
.rel {
position: relative;
}
.pulse {
position: relative;
}
.pulse::before,
.pulse::after {
content: "";
position: absolute;
width: 30px;
height: 30px;
background-color: rgba(0, 255, 0, 0.2); border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(1);
z-index: -1;
animation: ripple 2s infinite ease-out;
}
.pulse::after {
animation-delay: 1s; }
@keyframes ripple {
0% {
transform: translate(-50%, -50%) scale(1);
opacity: 0.5;
}
100% {
transform: translate(-50%, -50%) scale(3);
opacity: 0;
}
}
.present, .only-767 {
animation: pulse-scale 1.5s infinite ease-in-out;
}
@keyframes pulse-scale {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1); }
100% {
transform: scale(1);
}
}
@media screen and (max-width: 500px) {
.form-bottom {
margin: 45px 0;
padding: 0 10px;
}
.video-cont {
padding: 0;
}
.contacts {
margin-top: 45px;
padding: 0 10px;
}
.rev {
margin-top: 45px;
padding: 0 10px;
}
.video {
padding: 0 10px;
margin-top: 45px;
}
.g-form {
margin-top: 45px;
padding: 0 10px;
}
.g-form-p, .slider-3-cont {
margin-top: 45px;
}
.slider-3-first {
padding: 0 10px;
}
.employees {
margin-top: 45px;
padding: 0 10px !important;
}
.projects {
padding: 0 10px;
}
.hangar-flex-1 {
padding: 36px 10px 0px 10px;
}
}  .popup2 {
display: none; 
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5); justify-content: center;
align-items: center;
z-index: 100000000000;
} .popup-content2 {
background: white;
padding: 69px 30px 69px 26px;
border-radius: 24px;
position: relative;
width: 436px;
} .close2 {
position: absolute;
top: 18px;
right: 18px;
cursor: pointer;
}
.close2 img {
width: 12px;
height: 12px;
}
.popup-content2 h5 {
font-weight: 700;
font-size: 34px;
color: #121212;
}
.bor {
padding-bottom: 24px;
border-bottom: 2px solid #5aa02c;
margin-bottom: 24px;
}
.popup-content2 p {
font-weight: 400;
font-size: 18px;
line-height: 140%;
color: #121212;
}
.pop-cont {
display: flex;
gap: 30px;
}
.pop-cont a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
font-weight: 500;
font-size: 12px;
line-height: 147%;
color: #000;
text-decoration: none;
}
.popup-content2 form div {
border-radius: 8px;
padding: 8px;
display: flex;
align-items: center;
}
.popup-content2 form input {
border: none;
outline: none;
}
.popup-content2 form input,
.popup-content2 form input::placeholder {
font-weight: 400;
font-size: 14px;
line-height: 132%;
color: #c3c6c0;
}
.popup-content2 form button {
background: #fec34a;
border-radius: 8px;
padding: 12px;
font-weight: 500;
font-size: 14px;
line-height: 140%;
color: #fff;
display: flex;
align-items: center;
gap: 8px;
border: none;
}
@media screen and (max-width: 767px) {
.popup-content2 h5 {
font-size: 18px;
}
.popup-content2 h5 br {
display: none;
}
.popup-content2 {
background: white;
padding: 39px 30px 39px 26px;
}
.popup-content2 p {
font-size: 14px;
}
}
@media screen and (max-width: 460px) {
.popup-content2 {
padding: 47px 21px 47px 21px;
width: 320px;
}
.popup-content2 form button {
padding: 13px 0;
font-size: 12px;
width: 100%;
justify-content: center;
}
}
button {
position: relative;
overflow: hidden; } button::after {
content: "";
position: absolute;
top: 0;
left: -150%; width: 100%;
height: 100%;
background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)) no-repeat;
background-size: 50% 100%;
transform: skewX(-30deg); animation: shine 2s infinite linear;
}
@keyframes shine {
0% {
left: -150%;
}
100% {
left: 150%;
}
}  .popup-content3 {
position: fixed; 
top: 50%;       
left: 50%;      
transform: translate(-50%, -50%); 
background: #fff;
border-radius: 24px;
overflow: hidden; 
width: 1187px; 
max-width: 95%; 
max-height: 90vh; 
overflow-y: auto; 
display: flex;
align-items: center; 
}
.close3 {
position: absolute;
top: 18px;
right: 18px;
cursor: pointer;
z-index: 1000;
}
.close3 img {
width: 12px;
height: 12px;
}
.popup-rev-block {
padding: 104px 63px 103px 57px;
}
.popup-rev-block h5 {
font-weight: 700;
font-size: 18px;
color: #121212;
}
.popup-rev-block > :first-child {
padding-bottom: 24px;
border-bottom: 2px solid #5aa02c;
margin-bottom: 24px;
}
.popup-rev-block p {
font-weight: 400;
font-size: 12px;
line-height: 140%;
color: #121212;
margin-bottom: 24px;
}
.popup-rev-block p span {
font-weight: 700;
}
.popup-rev-block form div {
display: flex;
border: 1px solid #d1d5db;
border-radius: 8px;
padding: 9px;
background: #fff;
gap: 8px;
margin-bottom: 12px;
}
.popup-rev-block form input {
border: none;
outline: none;
}
.popup-rev-block form input,
.popup-rev-block form input::placeholder {
font-weight: 400;
font-size: 12px;
line-height: 132%;
color: #c3c6c0;
}
.rev-ifr {
width: 100%;
height: 478px;
display: block; }
.rev-ifr-cont {
position: relative;
width: 100%;
height: 100%;
}
@media screen and (max-width: 1210px) {
.popup-content3 {
flex-direction: column;
align-items: flex-start;
max-width: 616px;
}
.popup-rev-block {
padding: 23px;
}
.rev-ifr {
height: 341px;
}
.popup-rev-block  {
max-width: 300px;
}
}
@media screen and (max-width: 643px) {
.rev-ifr {
height: 177px;
}
.popup-content3 {
max-width: 320px;
}
.popup-rev-block > :first-child {
padding-bottom: 18px;
margin-bottom: 18px;
}
.popup-rev-block p {
margin-bottom: 18px;
}
.popup-rev-block {
padding: 26px 24px 45px 24px;
}
.rev-ifr-cont iframe {
width: 100%;
height: 100%;
}
}  .custom-select {
position: relative;
font-family: Arial, sans-serif;
width: 100%;
font-weight: 400;
font-size: 14px;
line-height: 132%;
color: #121212;
} .select-box {
width: 100%;
padding: 9px;
border: 1px solid #c3c6c0;
border-radius: 8px;
background: #fff;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
min-height: 28px!important;
} .select-box::after {
content: "";
width: 12px; height: 12px;
background-image: url(//xn-----8kchiwxfqtkkc3q.xn--p1ai/wp-content/uploads/2025/04/arr-23.svg); background-size: contain;
background-repeat: no-repeat;
background-position: center;
transition: transform 0.3s;
} .custom-select.open .select-box::after {
transform: rotate(180deg);
} .options {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: #fff;
border: 1px solid #ccc;
border-radius: 8px;
display: none;
flex-direction: column;
z-index: 10;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
} .option {
padding: 10px 15px;
cursor: pointer;
transition: background 0.2s;
}
.option:hover {
background: #f0f0f0;
} .custom-select.open .options {
display: flex;
}
.calculator-cont-flex {
display: flex;
gap: 100px;
align-items: flex-end;
}
.calculator-cont-flex > :first-child {
flex: 1;
}
.calculator-cont-flex > :last-child {
flex: 1.3;
}
.sizes-cont {
display: flex;
gap: 20px;
}
.sizes-cont-item div {
display: flex;
align-items: center;
gap: 18px;
border: 1px solid #c3c6c0;
border-radius: 8px;
padding: 11px;
min-height: 28px;
}
.sizes-cont-item div input {
border: none;
outline: none;
width: 100%;
}
.sizes-cont-item div input,
.sizes-cont-item div input::placeholder {
font-weight: 400;
font-size: 14px;
line-height: 132%;
color: #121212;
}
.sizes-cont-item div input::placeholder {
opacity: 0.5;
}
.sizes-cont-item p,
.select-flex-2 p {
font-weight: 400;
font-size: 12px;
line-height: 140%;
text-align: center;
color: #c3c6c0;
margin-top: 8px;
}
.calculator-cont h4 {
font-weight: 700;
font-size: 18px;
color: #5aa02c;
margin-bottom: 16px;
}
.calculator-cont h2 {
font-weight: 700;
font-size: 34px;
color: #121212;
margin-bottom: 38px;
}
.calculator {
margin-top: 78px;
padding: 0 20px;
}
.select-flex {
display: flex;
gap: 28px;
margin: 37px 0;
}
.select-flex > :first-child,
.select-flex > :last-child {
flex: 1;
}
.wrapper3 {
max-width: 1145px;
margin: 0 auto;
}
.calculator-block {
max-width: 376px;
}
.select-flex-2 {
display: flex;
gap: 20px;
}
.select-flex-2 * {
flex: 1;
}
.color-all {
border-radius: 4px;
width: 24px;
height: 24px;
background: #bdbdbd;
max-width: 24px;
display: inline-block;
}
.select-flex-2 .option {
display: flex;
justify-content: center;
}
.second-multi-select {
position: relative;
width: 100%;
font-family: Arial, sans-serif;
}
.second-select-box {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px;
border: 1px solid #d1d5db;
border-radius: 6px;
cursor: pointer;
background: white;
}
.second-selected-options {
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.second-selected-options .second-tag {
background: #f6f7f9;
padding: 5px 10px;
border-radius: 4px;
display: flex;
align-items: center;
gap: 5px;
}
.second-selected-options .second-tag span {
cursor: pointer;
}
.second-dropdown {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: white;
border: 1px solid #c3c6c0;
border-radius: 6px;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
padding: 10px;
}
.second-dropdown label {
display: block;
padding: 5px;
cursor: pointer;
}
.second-dropdown label:hover {
background: #f0f0f0;
}
.second-arrow {
transition: transform 0.3s;
}
.second-open .second-arrow {
transform: rotate(180deg);
}
.dop {
margin-top: 22px;
}
.second-tag, .second-dropdown label {
font-weight: 400;
font-size: 14px;
line-height: 168%;
color: #6b7280;
}
.second-tag span {
font-size: 18px;
margin-bottom: -2px;
}
.custom-checkbox {
display: flex;
align-items: center;
font-size: 16px;
cursor: pointer;
position: relative;
}
.custom-checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.checkmark {
width: 18px;
height: 18px;
border: 1px solid #6b7280;
border-radius: 4px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 8px;
transition: background 0.2s, border-color 0.2s;
}
.custom-checkbox input:checked + .checkmark {
background: transparent;
border-color: #6b7280;
}
.checkmark::after {
content: "";
display: none;
width: 6px;
height: 10px;
border: solid #5aa02c;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.custom-checkbox input:checked + .checkmark::after {
display: block;
}
.end-calc > :first-child {
font-weight: 700;
font-size: 18px;
color: #5aa02c;
margin-bottom: 10px;
}
.end-calc > :last-child {
font-weight: 700;
font-size: 64px;
line-height: 132%;
color: #d8403c;
filter: blur(10px);
}
.calc-img-cont img {
width: 100%;
}
.sk {
width: 100%;
margin-top: 7px;
}
.calc-bottom {
display: flex;
align-items: center;
gap: 50px;
margin-top: 30px;
}
.calc-bottom > :first-child {
flex: 1;
}
.calc-bottom > :last-child {
flex: 2;
}
.calc-bottom > :first-child h4 {
font-weight: 700;
font-size: 18px;
color: #5aa02c;
margin-bottom: 14px;
}
.calc-bottom > :first-child p {
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: #6b7280;
}
.calc-bottom-flex {
display: flex;
gap: 24px;
flex-direction: column;
}
.calc-bottom-flex > :first-child {
display: flex;
gap: 18px;
align-items: center;
justify-content: flex-end;
}
.calc-bottom-flex > :first-child a {
text-decoration: none;
font-weight: 400;
font-size: 10px;
line-height: 147%;
color: #000;
text-align: center;
}
.calc-bottom-flex > :first-child p {
margin-top: 3px;
}
.calc-bottom-flex form {
display: flex;
gap: 18px;
}
.form-div {
border: 1px solid #c3c6c0;
border-radius: 8px;
display: flex;
gap: 8px;
padding: 10px;
}
.calc-bottom-flex form input {
border: none;
outline: none;
}
.calc-bottom-flex form button {
display: flex;
align-items: center;
background: #fec34a;
font-weight: 500;
font-size: 14px;
line-height: 140%;
color: #fff;
border: none;
gap: 8px;
border-radius: 8px;
padding: 12px;
white-space: nowrap;
}
.calc-bottom-flex form input,
.calc-bottom-flex form input::placeholder {
font-weight: 400;
font-size: 14px;
line-height: 132%;
color: #c3c6c0;
}
.calc-bottom-flex > :first-child a img {
max-width: 33px;
}
.pol-3 {
display: flex;
gap: 22px;
justify-content: flex-end;
}
.pol-3 p {
font-family: var(--second-family);
font-weight: 500;
font-size: 12px;
line-height: 147%;
color: #aeaeb2;
}
.pol-3 p a {
text-decoration: none;
color: #5aa02c;
} @media screen and (max-width: 767px) {
.calculator-cont h2 {
font-size: 26px;
}
}
.swiper-container-main {
width: 100%;
overflow-x: hidden;
}
.swiper-container-main .swiper-slide {
aspect-ratio: 16 / 9;
width: 100%;
}
.swiper-container-thumbs {
width: 100%;
margin-top: 20px;
overflow-x: hidden;
}
.swiper-container-thumbs .swiper-slide {
width: 31%;
height: 100%;
cursor: pointer;
opacity: 0.6;
}
.swiper-container-thumbs img {
width: 100%;
border-radius: 8px;
}
.swiper-container-thumbs .swiper-slide.swiper-slide-thumb-active {
opacity: 1;
}
.swiper-projects-cont {
overflow-x: hidden;
max-width: 1200px;
margin: 0 auto;
}
.swiper-projects-cont .swiper-slide {
display: flex;
align-items: flex-end;
}
.swiper-projects-cont .swiper-slide > :first-child {
max-width: 718px;
}
.projects h2 {
font-weight: 700;
font-size: 34px;
color: #121212;
margin-bottom: 38px;
}
.projects {
margin-top: 74px;
}
.text-content2 h3 {
font-weight: 700;
font-size: 18px;
color: #121212;
}
.swiper-container-main .swiper-slide {
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 1137px) {
.text-content2 {
padding: 0;
box-shadow: 0 0 42px 0 rgba(47, 75, 101, 0);
border-radius: 0;
margin-left: 0px;
}
.swiper-projects-cont .swiper-slide {
gap: 20px;
}
.big-slider-buttons-1 {
padding-left: 0px;
}
}
@media screen and (max-width: 1083px) {
.swiper-projects-cont .swiper-slide > :first-child {
max-width: 618px;
}
.swiper-projects-cont .swiper-slide {
align-items: flex-start;
}
.swiper-container-main .swiper-slide {
justify-content: center;
align-items: center;
}
}
@media screen and (max-width: 962px) {
.swiper-projects-cont .swiper-slide > :first-child {
max-width: 412px;
}
.text-content2 {
margin-bottom: 10px;
}
.big-slider-buttons-1 > :first-child {
margin-bottom: 10px;
}
.swiper-container-thumbs {
width: 100%;
margin-top: 15px;
overflow-x: hidden;
}
}
@media screen and (max-width: 962px) {
.swiper-projects-cont .swiper-slide {
flex-direction: column;
}
.swiper-projects-cont .swiper-slide > :first-child {
max-width: 100%;
}
.swiper-projects-cont .swiper-slide > :last-child {
width: 100%;
}
}
.litebox {
max-width: 171px!important;
}
@media screen and (max-width: 767px) {
.litebox {
width: 114px!important;
}
}
@media screen and (max-width: 400px) {
.litebox {
width: 100px!important;
}
}
.fancybox-trigger {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1; }
.form-div-2 {
display: flex;
gap: 18px;
}
.form-div-2 > :first-child {
display: flex;
align-items: center;
gap: 12px;
}
.pol-3-1 {
display: none;
}
@media screen and (max-width: 1141px) {
.calc-bottom-flex > :first-child {
flex-direction: column;
align-items: flex-end;
}
.pol-3-1 {
display: flex;
align-items: flex-start;
justify-content: flex-end;
gap: 25px;
}
.pol-3-1 p {
display: inline;
max-width: 290px;
}
.pol-3-2 {
display: none;
}
.calc-bottom-flex > :first-child > :last-child {
display: flex;
flex-direction: column;
gap: 18px;
align-items: flex-end;
}
.calc-bottom > :first-child p br {
display: none;
}
}
@media screen and (max-width: 799px) {
.pol-3-1 p {
display: inline;
max-width: 230px;
}
.calculator-cont-flex {
gap: 24px;
align-items: flex-end;
}
.end-calc-desk {
padding-left: 30px;
}
}
.end-calc-mob {
display: none;
}
.sk-mob {
display: none;
}
@media screen and (max-width: 760px) {
.calc-bottom  {
flex-direction: column;
align-items: stretch;
}
.calc-bottom-flex > :first-child {
align-items: stretch;
}
.calc-bottom-flex > :first-child > :last-child {
flex-direction: column-reverse;
}
.pol-3-1 {
justify-content: flex-start;
}
.calc-bottom-flex form button {
width: 133px;
}
.form-div-2  {
flex-direction: column-reverse;
align-items: stretch;
}
.calculator-cont-flex {
flex-direction: column;
}
.calculator-block {
max-width: 100%;
}
.calc-bottom-flex > :first-child a img {
max-width: 57px;
}
.form-div-2 > :first-child {
gap: 40px;
}
.form-div-2 {
gap: 28px;
}
.end-calc-desk {
display: none;
}
.end-calc-mob {
display: block;
}
.calc-bottom {
gap: 24px;
}
.sk-mob {
display: block;
}
.sk-desk {
display: none;
}
}
.big-slider-buttons-1 > :last-child {
background: transparent;
color: #fec34a;
border: 1px solid #fec34a;
}
.swiper-container-thumbs22 img,
.swiper-container-main22 img {
width: 100%;
border-radius: 8px;
}
.swiper-container-main22 .swiper-slide {
display: flex;
align-items: center;
}
.swiper-container-main22 .swiper-slide > :first-child {
flex: 1.5;
}
.swiper-container-main22 .swiper-slide > :last-child {
flex: 1;
}
.swiper-container-main22,
.swiper-container-thumbs22 {
max-width: 1200px;
margin: 0 auto;
overflow-x: hidden;
}
.swiper-container-thumbs22 {
margin-top: 17px;
}
.text-content h3 {
font-weight: 700;
font-size: 18px;
color: #121212;
margin-bottom: 8px;
}
.swiper-container-thumbs22 .swiper-slide-active {
opacity: 0.5;
}
.video-slider h2 {
font-weight: 700;
font-size: 34px;
color: #121212;
margin-bottom: 38px;
}
.video-slider {
margin-top: 80px;
}
.video-slider-cont {
padding: 0 20px;
}
@media screen and (max-width: 1280px) {
.next33, .prev33 {
display: none;
}
}
@media screen and (max-width: 900px) {
.swiper-container-main22 .swiper-slide {
gap: 33px;
}
}
@media screen and (max-width: 636px) {
.swiper-container-main22 .swiper-slide {
display: flex;
align-items: center;
flex-direction: column;
}
}
@media screen and (max-width: 768px) {
.video-slider {
padding-top: 0;
border-top: none;
margin-top: 80px;
}
}
@media screen and (max-width: 500px) {
.video-slider {
margin-top: 45px;
}
.rev-cont h2,
.video-slider h2,
.employees h2,
.projects h2  {
font-size: 26px;
}
}
.sk {
margin-top: 30px!important;
}
.slideshow {
display: none!important;
}
.dropdown {
position: relative;
width: 100%;
}
.selected-option {
width: 100%;
height: 40px;
border: 1px solid #ccc;
display: flex;
align-items: center;
cursor: pointer;
border-radius: 8px;
padding-left: 8px;
min-height: 42px;
}
.selected-color {
display: inline-block;
border-radius: 4px;
width: 24px;
height: 24px;
max-width: 24px;
background-color: #ccc; }
.item-color {
display: inline-block;
border-radius: 4px;
width: 24px;
height: 24px;
max-width: 24px;
}
.dropdown-list {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: white;
border: 1px solid #ccc;
z-index: 100;
border-radius: 8px;
}
.dropdown-item {
padding: 5px;
cursor: pointer;
display: flex;
justify-content: center;
}
.dropdown-item:hover {
background: #f0f0f0;
}
.selected-option::after {
content: '';
display: inline-block;
width: 10px;
height: 6px;
background-image: url(//xn-----8kchiwxfqtkkc3q.xn--p1ai/wp-content/uploads/2025/04/gal.svg); background-size: cover;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
.fancybox__toolbar__column > :first-child,
.fancybox__toolbar__column > :nth-child(2),
.fancybox__toolbar__column > :nth-child(3),
.fancybox__toolbar__column > :nth-child(4) {
display: none!important;
}
.calc-img-cont > :first-child {
margin-bottom: 20px;
}
.calc-img-cont > :first-child img {
border-radius: 8px;
}
.toggle-img {
position: absolute; opacity: 0; transition: opacity 0.3s ease-in-out; }
.toggle-img.active {
opacity: 1; }
.toggle-block {
position: relative; }
@media screen and (max-width: 843px) {
.swiper-container-main22 .swiper-slide  {
flex-direction: column;
align-items: stretch;
}
}
@media screen and (max-width: 767px) {
header {
top: 20px;
}
}
.contact-option {
display: flex;
align-items: center;
margin-right: 10px; cursor: pointer; flex-direction: column;
}
.contact-option input[type="radio"] {
display: none; }
.contact-option img {
margin-right: 5px; }
.contact-option p {
margin: 0; } .contact-option.checked img { opacity: 0.7;
}
.contact-option img {
width: 32px;
}
.contact-option.checked p {
opacity: 0.5;
}
.contact-option p {
font-weight: 400;
font-size: 10px;
line-height: 147%;
color: #000;
}
.contact-block2 {
display: flex;
margin-bottom: 10px;
gap: 12px;
}
.flex-form-123 p {
display: flex;
align-items: center;
gap: 8px;
margin: 0!important;
}
.wpcf7-spinner {
display: none;
}
.hangar-form-cont form button input {
background: transparent!important;
font-weight: 500;
font-size: 14px;
line-height: 140%;
color: #fff;
}
.hangar-form-cont form br {
display: none!important;
}
.wpcf7-response-output {
display: none!important;
}
.swiper-container-thumbs img, .swiper-container-thumbs22 img {
aspect-ratio: 16/9;
}
.swiper-container-main22 .swiper-slide iframe {
width: 100%;
aspect-ratio: 16/9;
border-radius: 8px;
}
.form-div br, .contact-block br, .subit-cont br {
display: none!important;
}
.form-div p {
display: flex;
align-items: center;
gap: 8px;
}
.wpcf7-list-item-label {
display: none;
}
.contact-block p {
font-weight: 400;
font-size: 10px;
line-height: 147%;
color: #000;
}
.contact-block > :first-child, .contact-block > :last-child {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.contact-block label {
margin: 0!important;
}
.subit-cont {
background: #fec34a;
border-radius: 8px;
padding: 12px;
display: flex;
align-items: center;
gap: 8px;
}
.subit-cont input {
font-weight: 500;
font-size: 14px;
line-height: 140%;
color: #fff!important;
background: transparent;
}
.calc-bottom-flex form {
align-items: center;
}
.subit-cont p {
display: flex;
align-items: center;
}
.wpcf7-form-control.wpcf7-tel {
width: 100%; max-width: none;
height: auto;
max-width: 200px;
}
.subit-cont1212 {
display: flex;
gap: 8px;
flex-direction: row-reverse;
align-items: center;
}
.subit-cont1212 br {
display: none;
}
@media screen and (max-width: 760px) {
.calc-bottom-flex > :first-child > :last-child {
align-items: stretch;
flex-direction: column;
}
.subit-cont1212 {
flex-direction: column-reverse;
align-items: flex-start;
}
.form-div {
max-width: 500px;
}
.form-div-2 {
gap: 5px;
}
.subit-cont1212 {
gap: 18px;
}
}
.g-form-block p {
display: flex;
align-items: center;
gap: 8px;
}
.flex-11 br {
display: none!important;
}
@media screen and (max-width: 984px) {
.g-form-cont form {
align-items: stretch;
}
}
.form-bottom-cont .g-form-block {
border: 1px solid #aeaeb2;
border-radius: 8px;
}
@media screen and (max-width: 985px) {
.form-bottom form {
align-items: flex-start!important;
}
}
.download-pdf {
text-decoration: none;
}
.form-cf7 br {
display: none;
}
.form-cf7 p {
display: flex;
align-items: center;
gap: 8px;
margin: 0;
}
.g-form-button br {
display: none;
}
.g-form-button input {
color: #fff!important;
background: transparent;
}
#mainHeader {
padding-bottom: 20px;
}
.popup.open {
display: flex; 
}
.pop-cont br {
display: none!important;
}
.flex-121323 {
flex-direction: column;
align-items: flex-start!important;
gap: 18px;
}
.flex-121323 > :first-child {
border: 1px solid #c3c6c0;
border-radius: 8px;
}
.flex-121323 > :first-child p {
display: flex;
align-items: center;
gap: 8px;
}
.flex-121323 > :nth-child(2) {
width: 100%;
}
.flex-544545 {
gap: 12px;
}
.flex-544545 img {
width: 57px;
height: 57px;
}
.flex-12152122 br {
display: none;
}
.flex-12152122 p {
display: flex;
align-items: center;
gap: 18px;
}
.flex-12152122 button {
padding: 9px 12px;
}
@media screen and (max-width: 700px) {
.flex-12152122 p  {
flex-direction: column;
align-items: flex-start;
}
}
input {
outline: none!important;
}
.swiper-button-next:after, .swiper-button-prev:after {
content: ""!important;
}
.scrolled .fill-color {
fill: #000;
}
.swiper-wrapper  {
height: auto!important;
}
.rev-ifr-cont iframe {
width: 100%;
height: 450px;
}
#yamap {
aspect-ratio: 16/9;
height: 426px;
width: 100%;
}
.contacts-abs > :nth-child(3) {
max-width: 300px;
}
.popup-tel-content .swiper-wrapper img {
width: 100%;
}
.fs-modal-fixed-phone {
display: none;
}
.fancybox__content {
width: 100%!important;
height: 100%!important;
border: none!important
}
.fancybox-image {
border: none!important
}
.video-frame, 
.video-frame *, 
.video-frame *::before, 
.video-frame *::after {
box-sizing: content-box;
}
.swiper-container-thumbs .swiper-slide {
min-height: 120px;
border-radius: 8px;
}
.thank_video {
padding-bottom: 38%!important;
}
@media screen and (max-width: 600px) {
.swiper-container-thumbs .swiper-slide {
min-height: 80px;
}
.form-div-2 {
gap: 15px;
}
}
.button_one {
overflow: hidden !important;
}
.br-m {
display: none
}
.br-d {
display: block
}
@media screen and (max-width: 767px) {
.br-m {
display: block
}
.br-d {
display: none
}
}
@media screen and (max-width: 643px) {
.rev-ifr-cont iframe {
width: 100%;
height: 100%;
}
.thank_video {
padding-bottom: 58% !important;
}
}
.tel-fix {
display: none!important;
}
@media screen and (max-width: 767px) {
.tel-fix {
display: flex!important;
position: fixed;
bottom: 0px;
left: 0%;
right: 0;
z-index: 999!important;
padding: 15px 0;
background: #fff;
justify-content: center;
margin-bottom: 0!important;
border-top: 1px solid #c8c8c8;
}
.tel-fix a {
font-weight: 500!important;
font-size: 14px!important;
color: #fff!important;
border-radius: 300px;
padding: 12px 32px;
background: #5aa02c;
width: 151px;
position: relative;
}
}
.mb3 {
position: relative;
z-index: 1;
margin-top: 50px
}
@media screen and (max-width: 500px) {
.swiper-container-thumbs .swiper-slide {
width: 30% !important;
}
}
.calc_checkbox>span:after {
top: 3px!important;
}
.form-div input {border: none}
.button-b {
background: #fec34a;
border-radius: 8px;
padding: 12px;
font-weight: 500;
font-size: 14px;
line-height: 140%;
color: #fff;
border: none;
display: flex;
align-items: center;
gap: 8px;
}
.flex-flex-12 {
display: flex;
gap: 18px;
}
.block-111111 {
display: none;
}
.flex-flex-111 {
display: flex;
gap: 8px;
}
@media screen and (max-width: 1141px) {
.flex-flex-12 button {
display: none;
}
.block-111111 {
display: block;
}
.pol-1212 {
display: block!important;
}
.block-111111 {
flex-direction: row!important;
}
.calc-bottom-flex > :first-child p {
padding-left: 20px;
}
.pol-3 p  {
max-width: 290px;
}
}
@media screen and (max-width: 760px) {
.form-div-2 > :first-child {
flex-direction: column;
}
.flex-flex-111 {
gap: 30px;
}
.calc-bottom-flex > :first-child {
align-items: flex-start;
}
.form-div-2 > :first-child {
align-items: flex-start;
}
.form-div-2 > :first-child {
gap: 18px;
}
.end-calc > :last-child {
font-size: 40px;
}
.form-div input, .form-div, .flex-flex-12, .flex-flex-111, .form-div-2 > :first-child{
width: 100%;
}
.block-111111 {
flex-direction: column!important;
align-items: flex-start!important;
}
.pol-3 p  {
max-width: 100%;
}
}