/* Add custom CSS styles below */ 
body:not(.product-index):not(.product-single):after{
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 999999;
    background:white url(https://i.ibb.co/8LKZkt54/image-225.png);
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 160px;
    animation-name: fade-in;
    animation-duration: 1.5s;
    transform: scale(0);
    border: none;
     
}

   @keyframes fade-in {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    75% {
        opacity: 1;
        transform: scale(1)
    }

    85% {
        opacity: .5;
        transform: scale(1)
    }

    99% {
        opacity: .2;
        transform: scale(1)
    }

    100% {
        opacity: 0;
        transform: scale(.1)
    }
}


 .navbar-brand img {
  max-height: 3rem;
  width: auto;
  max-width: 100px;
   animation-name: scale;
  animation-duration: 7s;
  animation-timing-function: linear;
    animation-iteration-count: infinite;
  animation-direction: alternate;
}
@keyframes scale {
    0% {
        
        transform: scale(1.0);
    }

    10% {
       
        transform: scale(1.1);
    }
    20% {
       
        transform: scale(0.95);
    }
    30% {
       
        transform: scale(1.0);
    }
    40% {
       
        transform: scale(1.1);
    }
    50% {
       
        transform: scale(1.0);
    }
 
    60% {
       
        transform: scale(1.1);
    }
    70% {
       
        transform: scale(1.0);
    }
      80% {
       
        transform: scale(0.95);
    }
      90% {
       
        transform: scale(1.1);
    }

  
    100% {
        
        transform: scale(1.0);
    }
}

/*************************************/

:root{--color-primary:#7A0C2E }
.header-components {
    background-color: #7f654d;
}
.header-is-light .fixed-pinned .inner {
    background-color: #7b0431;
}
body.index .header-components {
    background-color: transparent;
}
.main-menu li.root-level>a,.sicon-search:before,.sicon-user:before,.sicon-cart2:before,b.s-cart-summary-total,.sicon-menu::before {
    color: #fff !important;
}
section#s-block--fixed-banner-0 {
    margin-top: -6rem;
}
section#s-block--fixed-banner-0 .container,section#s-block--fixed-banner-2 .container,section#s-block--fixed-banner-4 .container {
    max-width: 100%;
    padding: 0;
}

.s-block--fixed-banner .banner--fixed {
    max-height: 956px;
    min-height: 393px;
    border-radius: 0;
}

footer.store-footer.is-light.pt-3.md\:pt-14 {
    background-color: #7B0431;
    color: #fff;
}
section#s-home--features-7 {
    width: 80%;
}
.features-home .features-home-grid, .s-block--features .features-home-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media(max-width: 768px){
body {
    overflow: hidden;
}
body.index .header-components,.header-components-top {
    background-color: #7f654d !important;
}
.main-menu li.root-level>a {
    color: #7b0431 !important;
}
section#s-block--fixed-banner-0 {
    margin-top: 0rem;
}
.s-block--fixed-banner .banner--fixed {
    max-height: 400px;
    min-height: 220px;
}
.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-ios .swiper-wrapper {
    width: 58%;
}
.menu-title {
    display: none;
}
.footer-content {
    justify-content: center;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.footer-content img.img-fluid {
    margin: auto;
}
.s-contacts-list {
    justify-content: center;
    align-items: center;
}
section#s-home--features-7 {
    width: 100%;
}
.features-home .features-home-grid, .s-block--features .features-home-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.s-block--features__item.card-effect.rounded:nth-child(3)  {
left: -56%;
}
}