#mainnav{
 background-color:  #EDEFF0
 ;
 color:#0c1d60
}

.s-block--features__item{
 background-color:  #EDEFF0
 ;
 color:#0c1d60
}
.store-footer{
 background-color: #1A365D
 ;
color:#fff
}
.store-footer p{

color:#fff
}
.store-footer__inner{
 background-color: #1A365D
 ;

}
#app:after{

  content: "";

  width: 100%;

  height: 100%;

  top: 0;

  position: fixed;

  z-index: 9999999 !important;

  background: url(https://cdn.salla.sa/form-builder/qTTO245EES06hw3X9nSN8uE1lOtp3wA5PbRea51k.jpg);

  left: 0;

  background-repeat: no-repeat;

  background-position: center;

  background-size: 230px;

  transform: scale(0);

  animation-name: pupup_logo;

  animation-duration: 1.8s;

}

@keyframes pupup_logo {

  0% {

    transform: scale(0);

  }

  18% {

    transform: scale(2);

  }

  75% {

    transform: scale(2);

  }

  95% {

    transform: scale(0);

  }

  100% {

    transform: scale(0);

  }

}

#app::before {

  content: "";

  width: 100%;

  height: 100%;

  background:#fcfcfc;


  position: fixed;

  z-index: 999999;

  transform: scale(0);

  animation-name: pupup;

  animation-duration: 1.8s;

}

@keyframes pupup {

  0% {

    transform: scale(2);

  }

  18% {

    transform: scale(2);

  }

  80% {

    transform: scale(2);

  }

  100% {

    transform: scale(0);

  }

}

/*for mobile*/

@media (max-width: 768px) {

  body.store-home:after {

    animation-name: pupup_logo-mobile;


  }

}

@keyframes pupup_logo-mobile {

  0% {

    transform: scale(0);

  }

  18% {

    transform: scale(2);

  }

  75% {

    transform: scale(2);

  }

  95% {

    transform: scale(0);

  }

  100% {

    transform: scale(0);

  }

}


#app {

 background-color: #EDEFF0;

background-image: url(https://cdn.salla.sa/form-builder/RdDbY0hOctXpJVWLX5n32R496dGb5qyRFIYjQWu2.jpg)}



  background-size: 90% auto;




}