.top-bar {
   background-color: #000000!important;
    padding: 5px 0;
}
.newsticker p{
    margin: 0;
    font-size: 14px;
    color: #e5e5e5;
}
.newsticker a{
  background: #ffffff00;
    color: white;
    border-radius: 50px;
    padding: 1px 10px;
    font-size: 12px;
    border: 1px solid white;
}

.main-menu .logo img{
        width: 160px;
}
.main-menu .middletext{
    text-align: center;
    font-size: 28px;
    font-weight: 400;
    font-family: math;
    color: #00000094;
}
.nav-mobile-header {
    top: 0px;
}
.nav-mobile {
    top: 60px!important;
}
.li-main-nav-right{
    margin-right: 15px;
}
.nav-item-cart a .notification {
    top: -11px!important;
    left: -14px!important;
}
.nav-main {
    background-color: #e4e4e4f5!important;
    border-bottom: 0!important;
}
.nav-main .navbar {
    background-color: #fff0!important;
}
.nav-main .navbar ul .nav-item .nav-link {
    color: #222;
    font-weight: 500;
    padding: 9px 20px!important;
    margin-right: 8px;
    font-size: 15px!important;
    position: relative;
    letter-spacing: 0.03em;
}
li .btn-login{
    background: #000000;
    color: white;
    padding: 5px 30px;
    border-radius: 5px;
    font-size: 14px;
    /* font-weight: 600; */
    border: 1px solid #e5e5e5;
    display: inline-block;
}
li .btn-login2{
    background: #9f9f9f;
    color: white;
    padding: 9px 10px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #e5e5e5;
    display: inline-block;
}
li .btn-login:hover,li .btn-login2:hover{
  background: #ad988a00;
    color: #000000;
}
.nav-main-category{
    
}
.mega-menu li.nav-main-category:after{
       content: "\f107";
    font-family: FontAwesome;
    color: #000;
    font-size: 14px;
    position: absolute;
    top: 14px;
    right: 15px;
}
.profile-dropdown .dropdown-menu {
   min-width: 100%!important;
    left: 0px!important;
}
/* Feel free to change duration  */ 
.animated  {
  -webkit-animation-duration : 1000 ms  ;
  animation-duration : 1000 ms  ;
  -webkit-animation-fill-mode : both  ;
  animation-fill-mode : both  ;
}  
/* .owl-animated-out - only for current item */ 
/* This is very important class. Use z-index if you want move Out item above In item */ 
.owl-animated-out {
  z-index : 1 
   }
/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */ 
.owl-animated-in {
  z-index : 0 
   }
/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */ 
.fadeOut  {
  -webkit-animation-name : fadeOut  ;
  animation-name : fadeOut  ;
}  
@-webkit-keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}
@keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}

.top-search-bar{
    width: 100%!important;
}


@keyframes slide-down {
        0% {
            opacity: 0;
            transform: translateY(-100%);
        } 
        100% {
            opacity: 0.9;
            transform: translateY(0);
        } 
    }
    
    .fixedHeader{
        position: fixed;
        left: 0;
        right: 0;
        z-index: 2;
        animation:slide-down 0.7s;	
        transform: rotate(360deg);   
    }
.zoom:hover {
 transform: scale(1.1);
    transition: 1s;
}
.zoom {
    transition: 1s;
}

.blog-slider .blog-item-img {
    overflow: hidden;
}