/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 16 2025 | 07:11:45 */
.blur-wrapper {
  position: relative;
  overflow: hidden;
}

.glass-overlay {
	transition:1s;
  backdrop-filter: blur(24px);
  background: rgba(255, 255, 255, 0.2); /* Полупрозрачный фон */
}
.glass-overlay:hover {
	backdrop-filter: none;
}
.glass-overlay *{
	color:#000!important;
	border-color:#000!important;
	transition:1s;
}
.glass-overlay:hover *{
	border-color:#000!important;
}
.glass-overlay:hover .elementor-divider-separator{
	border-color:#e08f25!important;
}
.glass-overlay .btn-wave {
	width:100%;
	text-align:center;
	margin-bottom:0px;
	transition:1s;
	padding: 20px 36px;
}
.glass-overlay .btn-wave:hover{
	border-color:#cb8e33!important;
		color:#000!important;
}
.glass-overlay:hover .btn-wave {
	margin-bottom:150px
}
.glass-overlay .hover-none{
	opacity:1;
	height:200px;
	transition:1s;
}
.glass-overlay:hover .hover-none{
	opacity:0;
	height:0px
}

.logo-marquee {
  overflow: hidden;
  padding: 32px 0;
}
.service-slider .logo-track{
	gap: 30px;
}

.logo-track {
  display: flex;
  gap: 80px;
  width: max-content;
  align-items: center;
  animation: scroll-left 25s linear infinite;
	font-family:montserrat;
	font-weight: 400;
	font-size: 24px;
	line-height: 30px;

}

.logo-slide img {
  height: 48px;
  max-width: 200px;
  object-fit: contain;
  opacity: 0.8;
  transition: opacity 0.3s ease;
}

.logo-slide img:hover {
  opacity: 1;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}









.btn-wave {
  position: relative;
  display: inline-block;
  padding: 15px 36px;
  font: 500 16px "Montserrat", sans-serif;
  color: #000;
  border: 1px solid currentColor;
  border-radius: 50px;
  text-decoration: none;
  overflow: hidden;
  transition: color 0.4s ease;
  z-index: 1;
}
a.btn-wave:hover{
	border-color:#ffffff00!important;
}
.btn-wave.black-btn{
	color: #000;
	background:#fff;
}
.btn-wave.black-btn::before{
	background: #000;
}
.btn-wave.black-btn:hover{
	color:#fff;
}
.btn-wave-white{
	border:1px solid #fff;
	color:#fff;
}


.btn-wave::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0%;
	background: #cb8e33; /* цвет "воды" — можно заменить */
  z-index: -1;
  transition: height 0.5s ease;
  animation: wave 3s linear infinite;
  border-radius: inherit;
}

.btn-wave:hover {
  color: #fff;
}

.btn-wave:hover::before {
  height: 100%;
}

/* Волнистая анимация фона */
@keyframes wave {
  0%   { background-position: 0 0, 0 0; }
  100% { background-position: 200% 0, 0 0; }
}

h1{
	font-family: "Montserrat", sans-serif;
	font-size:52px;
	font-weight:600;
	line-height:62px!important;	
	color:#fff;
}
.subtitle{
	font-family: "Montserrat", sans-serif;
	font-size:24px;
	font-weight:500;
	line-height:28px!important;
}









#custom-preloader {
  position: fixed;
  inset: 0;
  background: #062221; /* фон под стиль сайта */
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.6s ease, visibility 0.6s ease;
}

#custom-preloader.hide {
  opacity: 0;
  visibility: hidden;
}

.preloader-logo {
  width: 60px;
  height: 60px;
 	animation: pulse 1.8s ease-in-out infinite;
}

    @keyframes pulse {
      0% {
        transform: scale(1);
        opacity: 1;
      }
      50% {
        transform: scale(1.08);
        opacity: 0.85;
      }
      100% {
        transform: scale(1);
        opacity: 1;
      }
	}





.h2innder h2{
	font-size:100px;
	color:#000;
	font-family: "Montserrat", sans-serif;
	font-weight:800;
	margin: 0;
}


.h1innder h1{
	font-size:120px;
	color:#fff;
text-align:center;
		font-weight:800;
}










.container-services {
    display: flex;
    flex-wrap: wrap;
    background: url(/wp-content/uploads/2025/07/32143412.jpg);
    border-radius: 24px;
    background-size: cover;
    background-position: center;
}
.elementor-element.elementor-element-b1cfaca.elementor-widget.elementor-widget-html {
    border-radius: 24px;
    overflow: hidden;
}

.card-brening:hover ul.hidden {
    color: #fff;
    opacity: 1;
    display: inline-block;
}
.card-brening {
    flex: 1 1 20%;
    padding: 40px 40px 40px 50px;
	backdrop-filter: blur(24px);
    cursor: pointer;
    overflow: hidden;
    position: relative;
    height: 570px !important;
    transition: .7s;
    display: flex;
    flex-direction: column;
    border-right: 2px solid #fff;
    justify-content: space-between;
	background: #e4e4fd6e;
}
.card-brening:last-child{
	border-right: none;
}
.card-brening:nth-child(1) { z-index: 104; }
.card-brening:nth-child(2) { z-index: 103; padding-left:45px}
.card-brening:nth-child(3) { z-index: 102; padding-left:45px }
.card-brening:nth-child(4) { z-index: 101; padding-left:45px }


.card-brening h2 {
    font-family: Montserrat;
    font-weight: 800;
    font-size: 32px;
    line-height: 36px;
	margin: 0;
	text-transform:uppercase;
	color:#fff;
}
.cky-footer-wrapper [data-cky-tag="detail-powered-by"] {
  display: none!important;
}
.card-brening ul.hidden {
    opacity: 0;
    width: 400px !important;
    position: absolute;
    bottom: 40px;
    padding: 0 0 0 20px;
	font-family: montserrat;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	list-style:none;
}
.card-brening ul.hidden li{
	margin-bottom:8px;
	margin-left:10px;
	
}
.card-brening ul.hidden li::first-letter {
  text-transform: uppercase;
}
.card-brening ul.hidden li::before {
  content: "—"; /* длинное тире */
  position: absolute;
  left: 0;
  color: #fff;
}
.card-brening:before {
    background-position: center!important;
	background-size: cover!important;
	width: calc(100% + 40px);
    margin: -20px;
}

.card-brening:hover {
    color: #fff;
    flex: 1 1 33%;
	backdrop-filter: none;
	background: #51517480;
}

.card-brening p.vissible{
    position: absolute;
    bottom: 20px;
    width: 260px !important;
    font-family: Montserrat;
    font-weight: 300;
    font-size: 20px;
	color:#fff;
}

.card-brening ul.hidden {
	display:none;
	margin: 0;
}

/* При наведении скрываем <p> и показываем <ul> */
.card-brening:hover p.vissible {
  display: none;
}

.card-brening {
    border-radius: 24px;
    margin: 0 5px;
}

.container-services-2{
	background:none;
}
.container-services-2 .card-brening {
    padding: 40px 20px;
    background-size: cover!important;
    background-repeat: no-repeat!important;
}



.container-services-2 .card-brening1:before {
	background: url(/wp-content/uploads/2025/09/32413421342.jpg);
	filter: blur(12px);
}
.container-services-2 .card-brening2:before {
	background: url(/wp-content/uploads/2025/08/w2.jpg);
	filter: blur(12px);
		}
.container-services-2 .card-brening3:before {
    background: url(/wp-content/uploads/2025/08/w1.jpg);
	filter: blur(12px);
		}

.container-services-2 .card-brening ul.hidden {
    width: 330px!important;
    font-size: 16px;
    line-height: 20px;
}


.container-services-2 .card-brening:before{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;

	transition:.5s;
	z-index: 0;
}
.container-services-2 .card-brening:hover:before{
		filter: none;
	transition:1s;
}
.container-services-2 .card-brening p.vissible{
	width:100%;
}
.container-services-2 h2{

	z-index:10;
}










@media (max-width: 768px) {
		.h1innder h1{
			font-size:48px;
			line-height:62px!important;
		}
	.elementor-element.elementor-element-5ba75ac.e-con-full.background-zoom.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-child, .elementor-element.elementor-element-8ec5451.e-con-full.background-zoom.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-child {
		background-size: cover !important;
	}
	.glass-overlay .hover-none {
		opacity: 1!important;
		height: auto!important;
	}

	.elementor-element.elementor-element-a87c254.animated-fast.elementor-widget.elementor-widget-eael-fancy-text {
		width: 100%;
	}
	div.elementor-element-fe73ef9{
		background-size: cover!important;
	}
	h1{
		font-size:32px;
		line-height:42px!important;	
	}
	.subtitle{
		font-size:18px;
		line-height:22px!important;
	}

	.glass-overlay:hover .hover-none {
		opacity: 1!important;
		height: auto!important;
	}
	.glass-overlay:hover .btn-wave {
		margin-bottom: 0px;
	}
	
	.h2innder h2{
		font-size:56px;
	}
	.card-brening {
		flex: 100% !important;
		height: 200px !important;
		margin: 10px;
		background:#eeede8 !important;
		padding:16px !important;
	}
	.card-brening:nth-child(1) {
		z-index: 101;
	}
	.card-brening:nth-child(2) {
		z-index: 102;
		padding-top: 32px;
	}
	.card-brening:nth-child(3) {
		z-index: 103;
		padding-top: 32px;
	}
	.card-brening:nth-child(4) {
		z-index: 104;
		padding-top: 32px;
	}
	div.card-brening h2{
		font-family: Montserrat;
		font-weight: 500;
		font-size: 24px;
		line-height: 32px;
		margin-bottom:10px;
		padding-right:35px;
	}
	div.card-brening.active h2{
		color:#fff;
	}
	div.card-brening .hidden{
		display:none!important;
	}
    .card-brening.active .hidden {
        display: block !important;
        color: #fff;
        width: 100% !important;
        padding-right: 40px;
    }
	.card-brening p.vissible{
		position:relative;
		font-family: Montserrat;
		font-weight: 300;
		font-size: 14px;
		line-height: 22px;
		display:block!important;
	}
	.card-brening.active p.vissible{
		display:none!important;
	}
	
	.card-brening.active {
		height:480px!important;
		background:#000 !important;
	}
}



.background-zoom {
	background-size:100%;
  animation: zoomBackground 15s ease-in-out infinite;
}

@keyframes zoomBackground {
  0% {
    background-size:100%;
  }
  99% {
    background-size:120%;
  }
  100% {
    background-size:100%;
  }
}












.burger_button div {
    top: 50%;
    height: 2px;
    left: 0;
    width: 100%;
    position: absolute;
    right: 0;
    background-color: #000;
}

.burger_button:before{
	top: 0px;
}
.burger_button:after {
    bottom: 0px;
}

.burger_button:before, .burger_button:after{
	content: "";
	position: absolute;

	left: 0px;
	width: 100%;
	height: 2px;
	transition-delay: 0s;
	background-color: #000;
	transition: transform 0.4s ease, top 0.4s ease;
}

.burger_button {
	cursor:pointer;
    width: 36px;
    height: 30px;
    background: none;
    border: none;
    position: relative;
	z-index:999;
	transition:.5s;
}
@media only screen and (max-width: 768px) {
	.burger_button {
		height: 31px!important;
	}
	.elementor-element.elementor-element-04318d8.elementor-widget.elementor-widget-html {
		height: 31px!important;
	}
}


/* Активное состояние: превращение в крестик */
.burger_button.active div {
  background-color: transparent;
}

.burger_button.active::before {
    transform: rotate(45deg) translateY(10px) translatex(10px);
	background-color: #fff;
}

.burger_button.active::after {
    transform: rotate(-45deg) translateY(-10px) translatex(10px);
		background-color: #fff;
}


.main-menu {
  z-index: 998;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: none;
  transform: scale(0);
  transform-origin: top right;
  opacity: 0;
  visibility: hidden;
  transition:
    transform 0.5s ease,
    opacity 0.5s ease,
    visibility 0s linear 0.6s; /* скрытие через 0.5с */
}

.main-menu.active {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  transition:
    transform 0.5s ease,
    opacity 0.2s ease,
    visibility 0s; /* показываем сразу */
}

body.menu-open {
  overflow: hidden;
  height: 100vh;
}
.cky-footer-wrapper [data-cky-tag="detail-powered-by"] {
  display: none !important;
}

.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 997;
  background: rgba(255, 255, 255, 0.6); /* светлое затемнение */
  backdrop-filter: blur(10px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}

.menu-overlay.active {
  opacity: 1;
  pointer-events: auto;
}