header.fixed-header .site-header {
    opacity: 1;
    background:#1A443A;}


.site-header{background:#1A443A;
border-bottom:3px solid #fff;
border-radius:0 0 15px 15px!important;
box-shadow: 18px -21px 12px -20px rgba(0,0,0,0.3) inset,
-6px 10px 11px -4px rgba(0,0,0,0.63);}
section.home-block.home-block--bg.home-block--slide-products{background:#fff;}

header .site-header__cart a {
    color: #fff!important;
}
  .header-side-panel-trigger
{ color:#fff;}
    
    site-header__cart a {
    color: #fff!important;
}

.s-cart-summary-icon path {
    fill: #fff !important;
}



.title--has-dash
{
 Font-weight:bold;
    padding-bottom: 0;
}

.title--x-large .title--has-dash
{
    font-size: 24px !important;
}
 .title--has-dash:before {
    content: "";
    display: none;
}}


/*********/


@media (min-width: 992px) {

	section.home-block.home-block--square-images .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 49.333333%;
    max-width: 49.333333%;
}
section.home-block.home-block--square-images .banner--square figure {
    width: 100%;
    min-height: 354px !important;
    position: relative;
    padding-top: 50%;
}
}



@media (max-width: 767px) {
	section.home-block.home-block--square-images .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 49%;
    max-width: 49%;
}
}
.product-block__info{color:#fff!important;
Font-weight:bold!important;
 text-align: center !important; }

h2.title.title--primary.title--small {color:#fff!important;
Font-weight:bold!important;
 text-align: center !important; }

.product-block.contain
{background:#1A443A;
Border-radius:25px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
Border:2px solid #1A443A;}
.color-danger{color:#8CD68C!important;}
.price-wrapper span{color:#8CD68C!important;}

button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-primary.s-button-loader-center{color:#1A443A!important;
Font-weight:bold;}


.product-block .btn--add-to-cart {
    transform: translateX(0px) !important;
    width: 90%;
    border-radius: 15px;
Background:#fff;
Color:#1A443A!important;
    bottom: -30px;
    margin: 2px auto;
Font-weight:600!important;
    text-align: center;
position: relative;
box-shadow: 18px -21px 12px -20px rgba(0,0,0,0.3) inset,
-6px 10px 11px -4px rgba(0,0,0,0.63);}
.splide--products-slider .splide__slide .product-block {
    height: 100%;
    padding-bottom: 36px;
}
.products-list-container .product-block .btn--add-to-cart {
	bottom: 6px;
}


.store-home i.sicon-shopping-bag {
    position: relative;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.store-home i.sicon-shopping-bag::after {
    content: "أضف للسلة";
}


/***/
.cat-show.salla-y i.sicon-shopping-bag {
    position: relative;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.cat-show.salla-y i.sicon-shopping-bag::after {
    content: "أضف للسلة";
}




section.page-wrapper.bg-grey i.sicon-shopping-bag {
    position: relative;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
section.page-wrapper.bg-grey i.sicon-shopping-bag::after {
    content: "أضف للسلة";
}




body.font-apple .btn--add-to-cart {
    padding: 10px !important;
}
.btn--add-to-cart.disabled:before {
	width: 0px !important;
}

.btn--floated .s-button-element {
    width: auto;
    padding: 0.5rem 1.5rem 0.625rem 1.5rem;
}
salla-add-product-button .s-button-wrap .s-button-text i::after {
    content: "أضف للسلة";
    margin-inline:1rem;
Font-weight:bold;
font-family: 'dinnextltarabic-regular' !important;
  }

button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center{color:#fff!important;}
    
.breadcrumb a, .breadcrumb span
{
    color: #1A443A !important;
    font-size: 18px !important;
    font-weight: 600;
}

.badge.badge--ribbon.badge--primary{
border-radius: 18px;
font-weight:bold;
box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
    background-color: #1A443A;
border:2px solid #fff;
    color: #fff !important;
    animation: anim-fade-in-and-out 2s infinite;
}
@keyframes anim-fade-in-and-out {
  0%,100% { opacity: 0 }
  50% { opacity: 1 }
}
    
.breadcrumb a, .breadcrumb span
{
    color: #1A443A !important;
    font-size: 18px !important;
    font-weight: 600;
}

.badge--ribbon.reverse
{
    margin-top: 40px;
}

.splide--images .splide__slide img
{
    border-radius: 7px !important;
    border: 2px solid #1A443A;
  }
  .s-button-text
{
    font-size: 16px;
}
.view-comment__comment--has-replays
{
    
    border-radius: 15px !important;
    border: 2px solid #1A443A;
    box-shadow: 2px 2px 4px 1px #c8c8c8;}









.splide__track
{
    padding-bottom: 8px;
}

.testimonial-entry
{
    border: 2px solid #1A443A!important;
    box-shadow: 1px 1px 4px 1px #c8c8c8;
    margin-top: 7px !important;
    background:#fff
    url("https://cdn.salla.sa/eQVY/Fin41sSo7P3i3S0SKKWZXpllwsjtwu4C6UI3Nudl.gif")
    top 2.5rem left 1rem/35px no-repeat !important;
  border: 1px solid #eeeeee;
  border-radius: 11px !important;
  box-shadow: 1px 1px 6px 1px #c8c8c8;
}
}

.title--has-dash
{
    font-weight: 600;
}

.view-comment__comment .comment-wrapper
{
      width: 88%;
      margin-top: 5px;
}

.view-comment__comment--has-replays
{
    border: 0px solid #102b48 !important;
    box-shadow: 1px 1px 4px 1px #67bce6;
    background: #fff !important;
    
  }


input.s-quantity-input-input{color:#000!important;}

.home-block--store-features .col-md-4
    {
        width: 33.333%;
        padding: 0 !important
    }
    .home-block--store-features .col-md-4
    {
        width: 33.333%;
        padding: 0 !important
    }

@keyframes wiggle1 { 0% { transform: rotate(0deg); } 85% { transform: rotate(5deg); } 75% { transform: rotate(10deg); } 90% { transform: rotate(-20deg); } 95% { transform: rotate(-40deg); } 
}

.store-feature__icon
{Background:#1A443A;
Color:#fff!important;
border-radius:15px;
box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
animation: wiggle1 2.9s infinite;}

section.home-block.home-block--bg.home-block--testimonials.no-m{background:#fff;}


.footer:before {
    content: "";
    background-image: url(https://i.imgur.com/eAWGMd1.png);
    background-size: 418%;
    display: block;
    background-repeat: round;
    transform: rotate( 180deg);
    height: 150px;
    margin: -52px -32px 1px 1px;}
 
.footer
{ background:#1A443A;
    text-align: center;
    margin-top: 20px;
}

.footer__bottom
{
    font-size: 16px;
    font-weight: 600;
    /*background: #67bce6 !important;*/
}

.footer .title--has-dash
{
    font-weight: 600;
    
}

.footer__block
{
    align-items: center;
}

.footer__block p, .footer .footer-list li a
{
    font-size: 15px !important;
}

.footer .footer-list
{
    justify-content: center !important;
}

.footer .footer-list--row.footer-list--social-links li
{
    border: #1A443A solid 2px !important;
    border-radius: 15% !important;
    background: #fff;
box-shadow: 18px -21px 12px -20px rgba(0,0,0,0.3) inset,
-6px 10px 11px -4px rgba(0,0,0,0.63);
animation: wiggle 4s  infinite;
  }
  @keyframes wiggle {
    0%, 7% {
      transform: rotateZ(0);
    }
    15% {
      transform: rotateZ(-10deg);
    }
    20% {
      transform: rotateZ(10deg);
    }
    25% {
      transform: rotateZ(-10deg);
    }
    30% {
      transform: rotateZ(6deg);
    }

    40%, 100% {
      transform: rotateZ(0);
    }
  }


body ul.footer-list--social-links li a i
{border-radius: 15% !important;
    color: #1A443A !important;
    font-weight: 600;
}

.footer .footer-list.footer-list--social-links li::before
{
    content: "";
    width: 40px;
    height: 40px;
    background: transparent !important;
    display: block;
    position: absolute !important;
    border-radius: 15% !important;
  
}


.footer .title--has-dash, .footer__block p, .footer .footer-list li a
{
    color: #fff !important;
}


/* start move of socials icon */
.row > div:nth-child(2) .footer-list li {
    transition: all 0.3s ease-in-out !important;
}
.row > div:nth-child(2) .footer-list li:hover {
    transform: translatey(-7px) !important;
}
/* end move of socials icon */

/* start auto move of social, animation  */
.footer__top .row:first-child > div:nth-child(2) .footer-list li a {
animation: social1 infinite 20s ease;
transform: translatey(0px) !important;
}
@keyframes social1 {
    0% {
        transform: translateY(0px) !important;
    }
    5% {
        transform: translateY(-8px);
    }
    10% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(0px);
    }
}

.nav-mobile .main-nav a
    {Color:#fff!important;}

.nav-mobile .main-nav 
    {Color:#fff!important;
        border-radius: 25px25px 0 0 ;
        background:#1A443A;
        animation: ShineAnimation 5s infinite;
    animation-timing-function: cubic-bezier(0.6, -0.28, 0.74, 0.05);
    content: "";
    border-radius: 25px25px 0 0 !important;


}

@keyframes ShineAnimation
{
    0%
    {
      background-repeat: no-repeat;
      background-image: -webkit-linear-gradient( top left, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.0) 45%, rgba(255, 255, 255, 0.5) 48%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.5) 52%, rgba(255, 255, 255, 0.0) 57%, rgba(255, 255, 255, 0.0) 100% );
      background-position: -400px -500px;
      background-size: 1000px 1000px;
    }
    100%
    {
      background-repeat: no-repeat;
      background-position: 250px 250px;
    }
}
 

ul.footer-list.footer-list--row.footer-list--payment-methods > li {
    background: white !important;
Border-radius:10%!important;
box-shadow: 18px -21px 12px -20px rgba(0,0,0,0.3) inset,
-6px 10px 11px -4px rgba(0,0,0,0.63)
}
body > footer > div.container > div.row > div > div > div.col-md-8.col-sm-12 > div > ul > li:nth-child(9) > a {
    background: white !important;
border-radius:15px!important;
Border:2px solid #1A443A;

}
i.sicon-whatsapp2{animation: neon 1s ease infinite; } 
@keyframes neon { 0%, 100% { text-shadow: 0 0 5px #000, 0 0 20px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 2px #fed128, 2px 2px 2px #806914; color: #16B1AD; } 50% { text-shadow: 0 0 2px #000, 0 0 5px #16B1AD, 0 0 5px #16B1AD, 0 0 5px #16B1AD, 0 0 2px #fff, 3px 3px 2px #fff; color: #fff; } }
i.sicon-mail{animation: neon 1s ease infinite; } 
@keyframes neon { 0%, 100% { text-shadow: 0 0 5px #000, 0 0 20px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 2px #fed128, 2px 2px 2px #806914; color: #16B1AD; } 50% { text-shadow: 0 0 2px #000, 0 0 5px #16B1AD, 0 0 5px #16B1AD, 0 0 5px #16B1AD, 0 0 2px #fff, 3px 3px 2px #fff; color: #fff; } }
i.sicon-paper-plane-o{animation: neon 1s ease infinite; } 
@keyframes neon { 0%, 100% { text-shadow: 0 0 5px #000, 0 0 20px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 2px #fed128, 2px 2px 2px #806914; color: #16B1AD; } 50% { text-shadow: 0 0 2px #000, 0 0 5px #16B1AD, 0 0 5px #16B1AD, 0 0 5px #16B1AD, 0 0 2px #fff, 3px 3px 2px #fff; color: #fff; } }

i.sicon-iphone{animation: neon 1s ease infinite; } 
@keyframes neon { 0%, 100% { text-shadow: 0 0 5px #000, 0 0 20px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 2px #fed128, 2px 2px 2px #806914; color: #16B1AD; } 50% { text-shadow: 0 0 2px #000, 0 0 5px #16B1AD, 0 0 5px #16B1AD, 0 0 5px #16B1AD, 0 0 2px #fff, 3px 3px 2px #fff; color: #fff; } }










    .mm-spn a, .mm-spn span
    {background:#1A443A;
Color:#fff!important;
        border-radius: 7px !important;
        border: 1px solid white;
        box-shadow: 1px 1px 6px 1px #c8c8c8;
        width: 300px !important;
        height: 40px !important;
        margin-right: 10px;
        margin-top: 5px;
        margin-bottom: 10px;
        padding-top: 8px !important;
    }







body:before {
        content: '';
        width: 100%;
        height: 100%;
                background:
url(https://cdn.salla.sa/apGRG/h3vg3m02Ttiw0lYF1qRgs2SGDDQt9YsxDTaM2xaS.png);


        background-repeat: no-repeat;
        background-position: center;
        background-size: 160px;
        transform:scale(0);
        background-color:  #1A443A !important;
        position: fixed;
        z-index: 999999;
        animation-name: pupup;
        animation-duration: 2.5s;
    }
    
    @keyframes pupup{
        0% {
    transform:scale(1);
        }    
        18% {
    transform:scale(1);
        }    
        80% {
    transform:scale(1);
        }
        100% {
    transform:scale(0);
        }
    }
@media only screen and (max-width: 767px)  {
}







/* Start scale and rotate of products تدوير وتحريك */

 div.product-block a {
     overflow: hidden;
 }
 div.product-block a img.loaded {
    transition: 0.5s;
 }
 div.product-block a img.loaded:hover  {
    transform: scale(1.3) rotate(5deg);
}

/* End scale and rotate of products  */</style> 
  <salla-offer-modal></salla-offer-modal> 
 </body>
</html>