/* ANIMATION START*/
/* ANIMATION START*/

@keyframes pupup{
    0% {
transform:scale(1);
    }    
    18% {
transform:scale(1);
    }    
    80% {
transform:scale(1);
    }
    100% {
transform:scale(0);
    }
}
div.container{ background:#181818 !important;}
section.home-block.home-block--store-features.no-m { background:#181818 !important;}
.home-block.home-block--square-images{ background:#181818 !important;}
.home-block.home-block--fixed-products.show-all { background:#181818 !important;}
.footer{ background:#181818 !important;}
body:before {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 999999;
    background-color: black !important; 
    background: url(https://cdn.salla.sa/gGwpd/7p04gl33Zq5bLYiLzSEL0T37aGzEt696kW4A46Ld.png);
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 160px;
    transform: scale(0);
    animation-name: pupup;
    animation-duration: 0.8s;
}
@keyframes pupup_logo{
    0% {
transform:scale(0);
    }    
    18% {
transform:scale(1);
    }    
    75% {
transform:scale(1);
    }
   95% {
transform:scale(0);
    }
       100% {
transform:scale(0);
    }
}



   /* ANIMATION ENDS*/




/* Copywrite START*/
.footer__bottom { display: none;}
   /* Copywrite ENDS*/
   
      /* BLACK THEME START*/
      
body { background-color: #181818 !important;}
.container.hero__content.horizontal-nav-wrapper { background-color: #181818;}
a { color: white !important;}
p { color: white !important;}
h1 { color: white !important;}
h2 { color: white !important;}
h3 { color: white !important;}
i { color: white !important;}
.text-unicode { color: white}
.site-header { background: #181818;}
header.fixed-pinned .site-header {
    padding: 10px 0;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #282828;
    z-index: 9;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    transform: translate3d(0,-100%,0);
    opacity: 0;
}
* {
  color: white;
}
.footer .footer-list li a {
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 0;
    color: white;
    transition: color .5s cubic-bezier(.2,1,.3,1);
}
.text-unicode { color: white !important;}
i.sicon-mail { color: white !important;}
.btn.btn--oval.btn--grey.btn--dropdown-toggle.dropdown-trigger.grey.no-p { background: #282828; border: black}
.dropdonw-menu-wrap .dropdown-menu a.is-active {
    background-color: #282828 !important;
}
.dropdonw-menu-wrap .dropdown-menu li:last-child a {
    border-radius: 0 0 8px 8px;  background-color: #282828 !important;
}
.top-header .top-header__info li i, .top-header .top-header__info li span {
    font-size: var(--font-sm);
    color: white;
    font-weight: 500;
    text-decoration: none;
    transition: all .5s cubic-bezier(.2,1,.3,1);
}
.btn.btn--oval.btn--grey.btn--padded.less.popup-trigger { background: #282828;}
.popup-modal__header.center { background: #282828;}
.popup-modal__body { background: #282828;}
.title.title--medium.title--primary { color: white !important;}
.form--login-reg .login-methods .login-method a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width: 100%;
    border-radius: 4px;
    padding: 20px 10px;
    background: #282828;
    color: var(--color-text);
    border: 1px solid #e0e4ea;
    text-align: center;
    white-space: nowrap;
    transition: all .5s cubic-bezier(.2,1,.3,1);
}
.title.title--large.title--primary { color: white !important;}
.title.title--primary.title--x-large.title--has-dash.mb-30 { color: white !important;}
.hero.header-block.header-block--nav-wrapper { background: #181818;}
.row {

    justify-content: center;
}
.page-wrapper {
    background: #181818 
}
.product-block__info {
    background: #282828; color:181818;
}
.title.title--primary.title--small { color: white !important; }
.price-wrapper>span {
    font-weight: 500;
    color: white;
}
.title.title--primary.title--has-dash.mb-20 {
    color: white !important;
}
.dropdonw-menu-wrap .dropdown-menu a {
    background-color: #282828 !important;
    font-weight: 400;
    font-size: var(--font-sm);
    padding: 8px 15px;
    transition: all .5s cubic-bezier(.2,1,.3,1);
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
}
.popup-trigger {
    background: #282828;
}
.open-slide-menu {
    background: #282828;
}
.active {
    background: #282828;
}

ul.mm-spn--open {
    background: #282828;
}
.nav-mobile {
      transition-delay: 0.8s;
}
.side-panel__content {
    background: #282828;
}
.nav-mobile .main-nav li {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    background: #282828;
}
.bg-white.padded-50.b-radius { background: #181818;}
i.sicon-box { background: #181818;}
.btn.btn--grey.btn--circular.btn--return.mr-3 { background: #181818;}
.badge.badge--circular.badge--small.badge--danger { background: white; color: black}
.choices__inner {background: #282828;}
.form-control.date-element.flatpickr-input.active {background: #282828;}
.form-control.date-element.flatpickr-input {background: #282828;}
.email.email.form-control {background: #282828; color:grey}
.intl-input.phone.form-control {background: #282828; color: grey}
.form .form-group .form-control { background: #282828; color: grey;}
.b-radius.padded-30.bg-grey.cart-elements-wrapper { background: #282828;}
.placeholder-block.white i { background: #181818;}
.cart-progress .step__icon { background-color: grey;}
.swal2-container .swal2-popup.swal2-toast.swal2-icon-success {background: darkgreen;}
.swal2-container .swal2-popup.swal2-toast.swal2-icon-danger {background: darkred;}
.product-block--inline .product-block__thumb.center a { background: #282828;}
body.font-apple .product-block--inline .product-block__info .delete-entry .btn { background: #282828;}
.qty--small button { background: #181818;} 
.qty--small input { background: grey;} 
.list--table li.cart-product-entry.padded-10 { background: #282828;}
.list--table.borderless li { background: #282828;}
.footer .footer-list--payment-methods li img {
display: hidden;
}


.col-md-8.col-sm-12 {
    display: none;
}
.footer__mid:before {
    width:920px; 
    margin:0 auto;
    padding: auto;
    background: url(https://n-perfume.com/pub/media/wysiwyg/Full-W.png);
}



.container.footer__mid:after {
    content: "جميع الحقوق محفوظة 2022 Secret& © ";
    padding-top: 10px;
    color: white;
}





/* BLACK THEME ENDS*/



.sicon-location {
    font-size: 0.7em;

}

.sicon-store {
    font-size: 0.7em;

}
.store-feature__icon { width: 40px; height:auto; }
.sicon-phone {
    font-size: 0.7em;

}



.h1:
{
  content: "Option B";!important
  display: none;
}



.list.wrap {
    display: none !important;
    
}

.btn--grey:hover{
background-color: #181818;
background-color: #181818);
}
.btn--grey {
color: var(--color-text);
background-color: #181818;
background-color: #181818;
}
.s-quantity-input-input {
background-color: #181818;
}

[dir=rtl] .s-login-modal-main-btn {
background-color: #181818;
}
.s-button-element:not(:disabled):not([loading]){
background-color: #696969;
}


[dir=rtl] .s-modal-body {
text-align: right;
background-color: #181818;
}
[dir=rtl] .s-modal-close {
background-color: #181818;
}
.nav-desktop ul .menu-item.active>a {
background-color: #181818;
background-color: #181818);
}

.nav-desktop ul .menu-item:hover>a, .nav-desktop ul .menu-item>a:hover, .nav-desktop ul .menu-item:not(.mega-menu) .sub-menu ul li:hover>a {
background-color: #181818;
background-color: #181818);
}