/*
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%);
}


.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) {
  pointer-events: none;
}

.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;
	}
}