body {
font-family: "Montserrat", serif;
}
.block_1 {
min-height: 100vh;
background-image: url(//xn----8sbajmgk7agee.xn--p1ai/wp-content/themes/ogni/img/bg_1.jpg);
background-size: cover;
background-position: center;
}
.main__info {
font-weight: 900;
}
.block_2 {
min-height: 100vh;
background-image: url(//xn----8sbajmgk7agee.xn--p1ai/wp-content/themes/ogni/img/bg_2.jpg);
background-size: cover;
background-position: center;
}
.block_3 {
padding: 100px 0;
background-image: url(//xn----8sbajmgk7agee.xn--p1ai/wp-content/themes/ogni/img/bg_3.jpg);
background-size: cover;
background-position: center top;
}
.block_4 {
background-image: url(//xn----8sbajmgk7agee.xn--p1ai/wp-content/themes/ogni/img/bg_4.jpg);
background-size: cover;
background-position: center;
}
.block_5 {
background-image: url(//xn----8sbajmgk7agee.xn--p1ai/wp-content/themes/ogni/img/bg_2.jpg);
background-size: cover;
background-position: center;
}
.block_6 {
background-image: url(//xn----8sbajmgk7agee.xn--p1ai/wp-content/themes/ogni/img/bg_5.jpg);
background-size: cover;
background-position: center;
}
.swiper-slide {
font-size: .8rem;
}
.block_7 {
background: #160f21;
}
.swiper-button-next,
.swiper-button-prev {
background-color: white;
background-color: rgba(255, 255, 255, 0.5);
right: 10px;
padding: 30px;
color: #000 !important;
fill: black !important;
stroke: black !important;
}
.ac .ac-trigger {
font: normal 26px Montserrat, sans-serif !important;
color: var(--color-black);
text-align: left;
width: 100%;
padding: 8px 32px 8px 8px;
display: block;
cursor: pointer;
background-color: transparent;
transition: color .25s ease;
position: relative;
text-decoration: none;
margin: 0;
border: 0;
}
.ac .ac-panel .ac-text {
font: 15px / 24px Montserrat, sans-serif;
color: #fff;
padding: 8px;
margin: 0;
}
#map {
width: 100%;
height: 400px;
}  .button-wrapper {
position: relative;
z-index: 12; display: inline-block;
padding: 5px;
border-radius: 12px;
background: linear-gradient(90deg, #ff0000, #ffae00, #ffff00, #ffae00, #ff0000);
box-shadow: 0 0 10px #ff0000, 0 0 20px #ffae00, 0 0 30px #ffff00;
animation: border-glow 2s linear infinite;
} .neon-button {
display: inline-block;
font-size: 18px;
font-weight: bold;
color: white;
padding: 15px 40px;
text-transform: uppercase;
text-decoration: none;
border-radius: 10px;
background: linear-gradient(90deg, #ff0099, #ff00ff);
background-size: 200%;
animation: water-ripple 4s infinite linear;
box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.6);
border: 3px solid rgba(255, 255, 255, 0.5);
position: relative;
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.3s ease;
} .button-wrapper::before {
content: "";
position: absolute;
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
border-radius: 15px;
background: repeating-linear-gradient(90deg, red, orange, yellow, green, blue, violet, red);
background-size: 300%;
z-index: -1;
filter: blur(8px);
animation: border-glow 2s linear infinite;
} .neon-button::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 10%, transparent 60%);
background-size: 50%;
animation: ripple-effect 3s infinite linear;
opacity: 0.8;
filter: blur(3px);
} @keyframes border-glow {
0% {
background-position: 0%;
}
100% {
background-position: 300%;
}
} @keyframes water-ripple {
0% {
background-position: 0%;
}
100% {
background-position: 200%;
}
} @keyframes ripple-effect {
0% {
transform: translate(0, 0);
}
50% {
transform: translate(-25%, -25%);
}
100% {
transform: translate(0, 0);
}
} .neon-button:hover {
transform: scale(1.05);
box-shadow: 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(255, 0, 255, 0.8);
}  @keyframes neon-glow {
0% {
filter: drop-shadow(0 0 5px #ff00ff) drop-shadow(0 0 10px #ff00ff);
}
50% {
filter: drop-shadow(0 0 15px #00ffff) drop-shadow(0 0 30px #00ffff);
}
100% {
filter: drop-shadow(0 0 5px #ff00ff) drop-shadow(0 0 10px #ff00ff);
}
}
@keyframes flash {
0%,
80% {
opacity: 0;
transform: scale(1);
}
81% {
opacity: 0.8;
transform: scale(1.1);
}
100% {
opacity: 0;
transform: scale(1);
}
}
.glowing-image {
position: relative;
display: inline-block;
border-radius: 10px;
animation: neon-glow 2s infinite alternate;
}  @keyframes neon-orbit {
0% {
top: 0;
left: 0;
}
25% {
top: 0;
left: 100%;
}
50% {
top: 100%;
left: 100%;
}
75% {
top: 100%;
left: 0;
}
100% {
top: 0;
left: 0;
}
}
.neon-container {
position: relative;
padding: 20px;
border: 3px solid #0ff;
border-radius: 10px;
box-shadow: 0 0 10px #0ff;
overflow: hidden;
background: #7529b9;
}  .neon-electric-title {
font-weight: 900;
text-transform: uppercase;
text-align: center;
color: #ffffff; position: relative; text-shadow: 0 0 5px #00ffff, 0 0 10px #00ffff, 0 0 15px #00ffff, 0 0 20px #00cccc, 0 0 30px #008888; animation: electric-glow 1.5s infinite alternate, neon-blink 3s infinite;
} @keyframes electric-glow {
0% {
text-shadow: 0 0 10px #00ffff, 0 0 20px #00cccc, 0 0 30px #008888;
}
100% {
text-shadow: 0 0 15px #00ffff, 0 0 25px #00cccc, 0 0 35px #008888;
}
} @keyframes neon-blink {
0%,
80% {
opacity: 1;
}
81%,
83% {
opacity: 0;
} 84%,
100% {
opacity: 1;
}
} @keyframes electric-pulse {
0%,
100% {
opacity: 0;
}
50% {
opacity: 1;
transform: translate(-50%, -50%) scale(1.1);
}
} .progress-wrapper {
position: relative;
display: inline-block;
width: 100%;
max-width: 400px;
padding: 5px;
border-radius: 25px;
background: linear-gradient(90deg, #ff0000, #ffae00, #ffff00, #ffae00, #ff0000);
box-shadow: 0 0 10px #ff0000, 0 0 20px #ffae00, 0 0 30px #ffff00;
animation: border-glow 2s linear infinite;
overflow: hidden;
}
.progress {
height: 35px;
border-radius: 20px;
background: rgba(0, 0, 0, 0.3);
overflow: hidden;
position: relative;
box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.6);
border: 3px solid rgba(255, 255, 255, 0.5);
}
.progress-bar {
background: linear-gradient(90deg, #00ff99, #00ffff);
background-size: 200%;
animation: wave-animation 4s infinite linear;
height: 100%;
border-radius: 20px;
position: relative;
}
.progress-bar::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(circle, rgba(255, 255, 255, 0.4) 10%, transparent 60%);
opacity: 0.8;
filter: blur(5px);
animation: wave-effect 3s infinite linear;
}
.progress-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 18px;
font-weight: bold;
color: #333;
z-index: 2;
}
@keyframes border-glow {
0% {
background-position: 0%;
}
100% {
background-position: 300%;
}
}
@keyframes wave-animation {
0% {
background-position: 0%;
}
100% {
background-position: 200%;
}
}
@keyframes wave-effect {
0% {
transform: translate(0, 0);
}
50% {
transform: translate(-25%, -25%);
}
100% {
transform: translate(0, 0);
}
} @media (max-width: 1399px) {} @media (max-width: 1199px) {} @media (max-width: 991px) {} @media (max-width: 767px) {} @media (max-width: 575px) {}