@font-face {
    font-family: 'Indivisible';
    src: url('fonts/Indivisible-Regular.eot');
    src: url('fonts/Indivisible-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/Indivisible-Regular.woff2') format('woff2'),
    url('fonts/Indivisible-Regular.woff') format('woff'),
    url('fonts/Indivisible-Regular.ttf') format('truetype'),
    url('fonts/Indivisible-Regular.svg#Indivisible-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Bruno Ace SC';
    src: url('fonts/BrunoAceSC-Regular.eot');
    src: url('fonts/BrunoAceSC-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/BrunoAceSC-Regular.woff2') format('woff2'),
    url('fonts/BrunoAceSC-Regular.woff') format('woff'),
    url('fonts/BrunoAceSC-Regular.ttf') format('truetype'),
    url('fonts/BrunoAceSC-Regular.svg#BrunoAceSC-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Iceland';
    src: url('fonts/Iceland-Regular.eot');
    src: url('fonts/Iceland-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/Iceland-Regular.woff2') format('woff2'),
    url('fonts/Iceland-Regular.woff') format('woff'),
    url('fonts/Iceland-Regular.ttf') format('truetype'),
    url('fonts/Iceland-Regular.svg#Iceland-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.primary-font {
    font-family: "Indivisible", sans-serif !important;
    font-weight: 400;
    font-style: normal;
}
.secondary-font {
    font-family: "Indivisible", sans-serif !important;
    font-weight: 400;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 { letter-spacing: normal !important; }

.bg-card-products {
    background: rgb(1,6,10);
    background: -moz-linear-gradient(180deg, rgba(1,6,10,1) 0%, rgba(42,72,84,1) 85%);
    background: -webkit-linear-gradient(180deg, rgba(1,6,10,1) 0%, rgba(42,72,84,1) 85%);
    background: linear-gradient(180deg, rgba(1,6,10,1) 0%, rgba(42,72,84,1) 85%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01060a",endColorstr="#2a4854",GradientType=1);
}
.bg-primary-gray {
    background: rgb(42,72,84) !important;
    background: -moz-linear-gradient(180deg, rgba(42,72,84,1) 0%, rgba(244,244,244,1) 5%) !important;
    background: -webkit-linear-gradient(180deg, rgba(42,72,84,1) 0%, rgba(244,244,244,1) 5%) !important;
    background: linear-gradient(180deg, rgba(42,72,84,1) 0%, rgba(244,244,244,1) 5%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2a4854",endColorstr="#f4f4f4",GradientType=1) !important;
}
.card-products {
    padding-top: 27% !important;
}
@media (max-width: 426px) {
    .owl-carousel.carousel-center-active-item-2 .owl-item > div {
        padding-top: 115% !important;
        padding-left: 1.2rem !important;
        padding-right: 1.2rem !important;
    }
}

/* Globo Home */
.globo_vallend img {
    margin-left: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .globo_vallend img {
        margin-left: -65% !important;
    }
}
@media (max-width: 991px) {
    .globo_vallend { display: none; }
}
/* end Globo Home */

.hamburguer-btn.hamburguer-btn-side-header { top: 0; left: 8px; }
.sticky-wrapper.sticky-wrapper-effect-1.sticky-effect-active .sticky-body { background: var(--primary) !important; }
.page-header h1 { line-height: 1.3; }
.image_teme {
    position: fixed;
    bottom: 0;
    left: 30vh;
    z-index: 8;
}
.image_senhor { left: 40vh !important; }
.image_teme img { height: 65vh; }
/* end */

/* -----------------------------------------------  */

/* Btn animation m3_purchase_checkot & inc_footer_checkout */
.containered{
    display: flex;
}
.containered span {
    opacity: 0;
    padding-left: 10px;
}

.containered a {
    width: 50px;
    height: 40px;
}


.containered a:hover{
    animation: grow 0.2s linear forwards;
}


.containered a:hover span{
    animation: showText 0.5s linear forwards;
}

.containered button {
    width: 50px;
    height: 40px;
}

.containered button:hover{
    animation: grow 0.2s linear forwards;
}

.containered button:hover span{
    animation: showText 0.5s linear forwards;
}

@keyframes grow{
    0%{
        width: 50px;
        height: 40px;
    }

    50%{
        width: 80px;
        height: 40px;
    }

    100%{
        width: auto;
        height: 40px;
    }
}

@keyframes showText{
    0%{
        opacity: 0;
    }

    50%{
        opacity: 0;
    }

    100%{
        opacity: 1;
    }
}
/* End */

/* -----------------------------------------------  */

/* Footer styles*/
#footer .link-hover-style-1:hover {
    text-decoration: underline !important;
    text-decoration-color: var(--primary);
}
#footer .footer-copyright2.footer-copyright-style-1 {}
#footer .footer-copyright2.footer-copyright-style-2 {
    background: var(--bs-gray-100) !important;
    border-top: 1px solid var(--primary-100) !important;
}
#footer .footer-copyright2 p {
    color: var(--primary) !important;
}
.social-icons.social-icons-icon-primary li a i {
    color: var(--primary);
}

.social-icons.social-icons-icon-primary li:hover a i{
    color: var(--light--100) !important;
}

/* End */

/* -----------------------------------------------  */

/* Orbitation anim */

.loader{
    position: relative;
    height: 200px;
    width: 200px;
}

.loader span{
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.loader span:nth-child(1){
    background-color: rgb(223, 184, 57, 0.8);
    backdrop-filter: blur(20px);
    border-top: 0.25px solid rgba(255, 255, 255, 0.1);
    border-left: 0.25px solid rgba(255, 255, 255, 0.1);
    animation: MoveUpDown 4s linear infinite;
    box-shadow: 1px 1px 40px 10px rgba(223, 184, 57, 0.5);
    z-index: 2;
}

.loader span:nth-child(2){
    background-color: linear-gradient(45deg, #002fff, #00ff8c);
    animation: Canimtion 4s ease-in-out infinite;
}

.loader span:nth-child(3){
    background-color: radial-gradient(45deg, #fffb00, #eec043);
    animation: Canimtion 4s ease-in-out infinite;
    box-shadow: 0px 0px 60px 7px rgb(251, 255, 0);
    animation-delay: -0.9s;
}

.loader span:nth-child(4){
    background-color: linear-gradient(45deg, #ff00e0, #fffb00);
    animation: Canimtion 4s ease-in-out infinite;
    box-shadow: 0px 0px 60px 7px rgb(255, 0, 224);
    animation-delay: -1.8s;
}

.loader span:nth-child(5){
    background-color: linear-gradient(45deg, #ff00e0, #fffb00);
    animation: Canimtion 4s ease-in-out infinite;
    box-shadow: 0px 0px 60px 7px rgb(255, 0, 224);
    animation-delay: -2.7s;
}

.loader span:nth-child(6){
    background-color: linear-gradient(45deg, #ff00e0, #fffb00);
    animation: Canimtion 4s ease-in-out infinite;
    box-shadow: 0px 0px 60px 7px rgb(255, 0, 224);
    animation-delay: -3.6s;
}


.loader span:hover{
    animation-play-state: paused;
}

@keyframes MoveUpDown{
    0%, 100%{
        bottom: 0;
    }
    50%{
        bottom: 10px;
    }
}

@keyframes Canimtion{
    0%{
        transform: translate(-50px, 150px)
        scale(0.2);
        z-index: 1;
    }

    50%{
        transform: translate(50px,  -150px)
        scale(0.3) rotate(360deg);
        z-index: 1;
    }

    50.00001%{
        transform: translate(50px,  -150px)
        scale(0.3);
        z-index: 3;
    }

    100%{
        transform: translate(-50px, 150px)
        scale(0.2);
        z-index: 3;
    }
}
/* End */

/* -----------------------------------------------  */

/* Btn animation m3_purchase_checkot & inc_footer_checkout */

.payment-data-checkout-form {
    pointer-events: none; /* Prevents interaction with elements */
    opacity: 0.5; /* Makes elements appear disabled */
}


.cart-footer {
    margin: 20px;
}