/*
Theme Name: Leos Template
Author: Maxim Folko
Version: 4.1
Text Domain: leos
*/
@media (min-width: 768px){
  .top-form{
  	right: -4%;
  }
}
.top-form{
	bottom: -15%;
}

.fixed-sidebar .social .social-link.instagram {
    background: radial-gradient(circle at 30% 107%,
        #fdf497 0%,
        #fdf497 5%,
        #fd5949 45%,
        #d6249f 60%,
        #285AEB 90%);
}

.fixed-sidebar .social .social-link.tiktok{
      background: linear-gradient(116deg, #453737 10%, #dd1b1b 60%, #3939cb 100%);
}

.phone img {
    max-width: 40px;
}
.main-image-mobile {
    display: none;
}

@media (max-width: 991px) {
    .main-image-desktop {
        display: none;
    }
    .main-image-mobile {
        display: block;
    }
}

.section-hero.has-image {
    min-height: unset;
}

.section-hero.has-image .main-image {
    position: relative;
    bottom: inherit;
    left: inherit;
}

:is(.section-gallery, .section-gallery-single) .gallery-slider .slide {
	position: relative;
	overflow: hidden;
}

:is(.section-gallery, .section-gallery-single) .gallery-video {
	position: relative;
	width: 100%;
	height: 100%;
	background: #000;
	overflow: hidden;
}

:is(.section-gallery, .section-gallery-single) .gallery-video__media,
:is(.section-gallery, .section-gallery-single) .img-main {
	display: block;
	width: 100%;
   	max-height: max(560px, 50vh);
	object-fit: contain;
}
:is(.section-gallery, .section-gallery-single) video {
  object-fit: contain !important;
}

:is(.section-gallery, .section-gallery-single) .slider-nav .slide {
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

:is(.section-gallery, .section-gallery-single) .img-thumb,
:is(.section-gallery, .section-gallery-single) .gallery-thumb-video video {
	display: block;
	width: 100%;
	object-fit: contain;
}

:is(.section-gallery, .section-gallery-single) .gallery-thumb-video video {
    object-fit: contain;
}

:is(.section-gallery, .section-gallery-single) .gallery-thumb-video {
	position: relative;
	width: 100%;
	background: #000;
	overflow: hidden;
}

:is(.section-gallery, .section-gallery-single) .gallery-thumb-video::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .25);
	pointer-events: none;
}

:is(.section-gallery, .section-gallery-single) .gallery-thumb-video__icon {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .92);
	transform: translate(-50%, -50%);
	pointer-events: none;
}

:is(.section-gallery, .section-gallery-single) .gallery-thumb-video__icon::before {
	content: "";
	position: absolute;
	left: 18px;
	top: 13px;
	width: 0;
	height: 0;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 14px solid #111;
}

@media (max-width: 767px) {
	:is(.section-gallery, .section-gallery-single) .gallery-video__media,
	:is(.section-gallery, .section-gallery-single) .img-main {
		height: 320px;
	}
}

:is(.ninja-1, .ninja-2, .ninja-3, .ninja-faq) {
  pointer-events: none;
  display: none !important;
}

.lightblue-border:after {
 display: none 
}

@media screen and (width < 768px) {
  .section-hero {
    position: relative;
    height: fit-content;
    min-height: unset;    
  }
  .top__video {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
  .top__video video {
    min-width: 100%;
    max-width: 100%;
    object-fit: cover;
    height: auto;
    margin-bottom: -5px;
}
}

.mobile-sticky-contact {
	display: none;
}

@media (max-width: 767px) {
	body {
		padding-bottom: calc(96px + env(safe-area-inset-bottom));
	}

	.mobile-sticky-contact {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 999;

		display: block;

		padding: 9px 12px calc(10px + env(safe-area-inset-bottom));

		background:
			radial-gradient(circle at 18% 0%, rgba(255, 230, 0, 0.32), transparent 34%),
			linear-gradient(180deg, #8fc9e6 0%, #78badb 100%);

		border-top: 3px solid #052238;
		box-shadow: 0 -8px 24px rgba(0, 31, 51, 0.22);
	}

	.mobile-sticky-contact::before {
        content: "";
        position: absolute;
        top: -3px;
        right: 16px;
        left: 16px;
        height: 4px;
        background-image: repeating-linear-gradient(90deg, #ffffff 0 18px, transparent 18px 30px);
        opacity: 0.8;
        border-radius: 999px;
        pointer-events: none;
	}

	.mobile-sticky-contact__cta {
        position: relative;
        z-index: 1;
        margin: 0 auto 8px;
        padding: 2px 12px;
        max-width: 420px;
        color: #052238;
        background: #f3ea00;
        border: 2px solid #ffffff;
        border-radius: 999px;
        font-size: 16px;
        font-weight: 800;
        line-height: 1.25;
        text-align: center;
        box-shadow: 0 4px 0 rgba(0, 31, 51, 0.18);
	}

	.mobile-sticky-contact__cta p {
		margin: 0;
	}

	.mobile-sticky-actions {
		position: relative;
		z-index: 1;

		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
	}

	.mobile-sticky-actions__btn {
		position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        flex: 1 1 0;
        min-width: 0;
        min-height: 38px;
        padding: 2px;
        color: #ffffff;
        text-decoration: none;
        font-size: 16px;
        font-weight: 800;
        line-height: 1;
        border-radius: 999px;
        border: 3px solid #ffffff;
        box-shadow: 0 6px 0 rgba(0, 31, 51, 0.28), 0 12px 18px rgba(0, 31, 51, 0.18);
        transform: translateY(0);
        transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
	}

	.mobile-sticky-actions__btn:hover,
	.mobile-sticky-actions__btn:focus {
		color: #ffffff;
		text-decoration: none;
		filter: brightness(1.04);
	}

	.mobile-sticky-actions__btn:active {
		transform: translateY(3px);
		box-shadow:
			0 3px 0 rgba(0, 31, 51, 0.28),
			0 7px 12px rgba(0, 31, 51, 0.16);
	}

	.mobile-sticky-actions__btn--phone {
		background: linear-gradient(180deg, #07314f 0%, #001e34 100%);
	}

	.mobile-sticky-actions__btn--whatsapp {
		background: linear-gradient(180deg, #39d353 0%, #139a39 100%);
	}

	.mobile-sticky-actions__icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        color: #052238;
        background: #f3ea00;
        border-radius: 50%;
        box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.16);
        font-size: 16px;
        flex: 0 0 auto;
        position: absolute;
        inset-inline-start: 2px;
	}

	.mobile-sticky-actions__btn--whatsapp .mobile-sticky-actions__icon {
		color: #139a39;
		background: #ffffff;
	}

	.mobile-sticky-actions__text {
		white-space: nowrap;
	}

	.call-btn-mobile {
		display: none !important;
	}

	.back-to-top {
		bottom: calc(124px + env(safe-area-inset-bottom));
	}
  
    .section-wu img {
        max-width: 200px;
    }
    .fixed-sidebar .social .social-link {
        width: 2.5rem;
        height: 2.5rem;
    }
}

@media (max-width: 360px) {
	.mobile-sticky-contact {
		padding-right: 8px;
		padding-left: 8px;
	}

	.mobile-sticky-contact__cta {
		font-size: 13px;
		padding: 6px 10px;
	}

	.mobile-sticky-actions {
		gap: 8px;
	}

	.mobile-sticky-actions__btn {
		min-height: 50px;
		padding-right: 10px;
		padding-left: 10px;
		font-size: 16px;
	}

	.mobile-sticky-actions__icon {
		width: 29px;
		height: 29px;
		font-size: 15px;
	}
}
.bg-fourth, .bg-second, .bg-third, footer, .section-recs  {
 background-color:  #0a011f;
      background-position: center;
      background-size: cover;
}
.blue-border:after, .orange-border:after, .lightblue2-border:after, .blue-border-2:after, header:after {
  display: none;
}

.title-heading, .section-middleform, .article-card__title, .article-card__content,.entry, footer .footer-title , footer .footer-menu li a , footer .footer-text, .wcolor, .color-third,
footer .footer-text::before, footer .footer-menu li::before, footer .footer-text a, .entry h1, .entry .h1, .entry h2, .entry .h2, .entry h3, .entry .h3{
  color: white;
}
.rec-item .entry {
  color: #0a011f;
}

footer .footer-title::after {
   background-color:  white;
}

.logo {
    top: 50%;
    transform: translateY(-50%);
}

.phone {
    background-color: #5b3fc4;
    box-shadow: unset;
}
.phone:hover a {
 color:  #c84dd1;
}

header {
  
 background-color: black;
}
.main-menu>ul>li>a {
 color: white;
  
}

.hamburguer-icon span {
  background: #f8fcff;
}