@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Oswald:wght@300;400;500;600;700&display=swap');
  /**{
      font-family: 'Oswald', sans-serif;
  }*/
.rims-search-recommended,.rims-search-head{
      /**margin-top:30vh  !important;**/
      max-height:70vh !important;
  }
.search_bar{
	display:flex;
	height:max-content !important;
	align-items:center;
}
.search_input{
    margin-top:30px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
}
.top-search-wrap{
    width:96%;
}
.close-search-wrap{
    width:4%;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-bottom: 1px solid #000;
    background:#fafafa;
}
.get_search_ui{
 	display:flex;   
 	align-items:center;
}
.get_search_ui span{
	text-transform: uppercase !important;
	font-size:15px;
}		
.cart-li a,.nav_item a{
	position:relative;
}
.desktop-dropdown{
    left: -100px !important;
}
.cart-li a .cart-top, .nav_item a .cart-top{
	position:absolute;
	display:flex;
	top:-20px;
	height:22px;
	width:22px;
	border-radius:100%;
	justify-content:center;
	align-items:center;
	transform:translate(18px,23px);
	background-color:#eb0000;;
	color:#fff;
	font-size:13px;
	
}

.shop-nav{
    border-bottom:1px solid rgba(0,0,0,0.07);
}
.cart-li a span{
	background-color:#eb0000 !important;
	}


.box .la-shopping-bag {
  justify-content: center;
  display: flex;
  content: none;
  font-size: 40px;
  position: relative;
  color: #000 !important;
}
.box .la-shopping-bag .badge {
  font-size: 12px;
  text-align: center;
  color: #eb0000;
  font-family: 'Oswald', sans-serif;
  position: absolute;
  transform: translate(-50%, -20%);
  top: 50%;
  left: 50%;
  font-weight: 900;
  letter-spacing: .5px;
}
.box .la-shopping-bag .badge {
  font-size: 12px;
  text-align: center;
  color: #eb0000;
  font-family: 'Oswald', sans-serif;
  position: absolute;
  transform: translate(-50%, -20%);
  top: 50%;
  left: 50%;
  font-weight: 900;
  letter-spacing: .5px;
}
       .whatsapp {
                        background: #25D366;
                        /* position: relative; */
                        width: 40px;
                        height: 40px;
                        text-align: center;
                        border-radius: 50%;
                        box-shadow: 0px 5px 5px 0px rgba(0,0,0,.3);
						display:flex;
						align-items:center;
						padding-top:0;
						justify-content:center;
                    }
                    .whatsapp a {
                 margin-top:0 !important;
                    }
                    .whatsapp a i {
                  color: #fff;
                    }
       .whatsapp-btn {
        position: fixed;
        bottom: 10px;
        left: 20px;
        z-index: 99999;
        width: 40px;
        height:40px;
        background: #25D366;
        text-align: center;
        border-radius: 50%;
        padding-top: 7px;
        box-shadow: 0px 5px 8px 0px rgba(0,0,0,.3);
        display: none;
    }
 .whatsapp-btn a {
        text-decoration: none;
        color: #fff !important;
        
    }
.nav_item .la-search{
	font-size:23px;
	color:#000 !important;
}
.nav_footer {
position: fixed;
bottom: 0;
left: 0;
width: 100% !important;
height:50px !important;
display:none;
align-items:center;
justify-content:center;
border-top: 1px solid rgba(0,0,0,.1);
padding: 10px 50px;
background-color: #fafafa !important;
z-index:99999 !important;
}

.dropper .la-user{
    font-size:26px;
}

.nav_footer .align-items-center{
    width:100%;
}
.nav_footer .nav_item {
width: 25%;
display:flex;
justify-content:center;
}
.nav_footer .nav_item a{
text-decoration: none;
color: #000 !important;
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
position:relative;
}
.nav_footer .nav_item.active a,.nav_footer .nav_item:hover{
color: #000 !important;
}
.nav_footer .nav_item.active a svg{
color: #000;
fill: #000;
}
.userdrop {
  position: relative;
}
.dropper:hover .userdrop{
	display:block;
}
.pane-toggler{
	position:absolute;
	right:10px;
  padding: .25rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  border-radius: .25rem;

}

.mobile-dropdown-menu .dropdown-item {
  display: block;
  width: 100% !important;
  text-align: left !important;
  padding-left: 10px !important;
}
.userdrop {
    padding-top: 20px;
  position: fixed !important;
  background: #fff;
  width: 100vw;
  height:100vh;
  z-index: 99999;
  transform:translateX(-150%);
  transition: 0.5s all;
  top:0;
  font-family: 'Oswald', sans-serif !important;
}
.userdrop .close-mobile-menu{
    display:inline-block;
    font-size:20px;
    cursor:pointer;
    color:#ccc;
}
.userdrop .registered{
    position:absolute;
    bottom:120px;
    padding-left:10px;
    text-align:center;
    width:100%;
    font-weight:400;
    color:#666;
}
.userdrop .left-pane .user-details .text-box p {
  font-family: 'Spinnaker', sans-serif;
  color: #aeaeae;
  font-weight: 900;
  margin-bottom: 0;
  font-size: 13px;
  text-transform: uppercase;
}
.userdrop .left-pane .user-details {
  padding-left:10px;
}
.userdrop h4, .userdrop .nav_item{
    padding-left:10px;
    color:#000;
}
.pane-toggler{
    display:none;
}
.userdrop h4{
    display:flex;
    align-items:center;
    width:max-content;
    height:max-content;
    gap:20px;
}
.userdrop h4 i{
    font-weight:100;
}
.mobile-store-name {
	/**position:absolute;**/
  left: 70px;
  margin-top: 10px;
}
nav a {
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif !important;
  color: #fff !important;
  letter-spacing: 1px;
  font-weight: 300;
}
.top-nav .dropdown-menu a{
    color:#000 !important;
}
.top-nav .dropdown-menu a:hover{
    background:#000;
    color:#fff !important;
}
  @media screen and (max-width:950px){
  .nav_footer {
            padding: 5px 10px;
        }
        .rims-search-recommended,.rims-search-head{
     /** margin-top:20vh !important;**/
      height:79vh;
  }
        .nav_footer .nav_item a .cart-top{
	position:absolute;
	display:flex;
	top:-20px;
	border-radius:100%;
	justify-content:center;
	align-items:center;
	transform:translate(12px,13px) ;
	width:7px;
	height:7px;
	background-color:#fff;
	color:#fff;
	font-size:1px;
}
		
  } 

  @media screen and (min-width:320px) and (max-width:768px){
  .m-d-flex{
	  display:block !important;
  }
  .m-d-flex .btn{
	  margin-left:0px !important;
  }
		.mobile-prev{
			margin-top:70px !important;
		}
		
		  .top-search-wrap{
    width:90%;
}
.close-search-wrap{
    width:10%;
}
  }

  .dropdown-menu .dropdown-item {
        transition: all .5s ease-in-out;
    }
    .dropdown-menu .dropdown-item:hover {
        background: #333;
        color: #fff;
    }
    .nav-search-li {
        position: relative;
    }
    .search-head {
        position: absolute;
        width: 97%;
        height: 50vh;
        background: #fff;
        margin-top: 10px;
        display: none;
        box-shadow: 0 10px 20px 0px rgba(0,0,0,.1);
        transition: all .2s ease-in-out;
        padding: 0px 10px 15px 10px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        overflow-y: scroll;
        overflow-x: hidden;
        scrollbar-color:rgba(0, 0, 0,.1) #fff;;
        scrollbar-width: thin;
        scroll-behavior: smooth;
    }
    .search-head::-webkit-scrollbar {
    width: 6px;
    background-color: #fff;
    } 
    .search-head::-webkit-scrollbar-thumb {
     background-color: rgba(0, 0, 0,.1);
    border-radius: 50px;
    }
    .search-head::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    background-color: #fff;
    border-radius: 50px;
    }
    .search-head-container {}
    .fixed-top {
        z-index: 99999;
        min-height:60px;
    }
    .fixed-popup {
    opacity: 0;
    position: fixed;
    bottom: 0;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    z-index: 9999;
}
.fixed-popup.active {
    opacity: 1;
    left: 0%;
}
.whatsapp a i {
  font-size:25px;
}
.nav-search-li {
    width: 150px;
	height:max-content;
	padding-bottom:7px !important;
    border-bottom: 1px solid #333;
    margin-left:80px !important;
}
.search-tools{
    display:flex; height:37px;
    justify-content:space-between;
    align-items:center;
    width:100%;
}
.search-tools .fa-sliders-h{ 
    font-size:20px;
}
.rims-mall-name{
    font-size:25px;
}
#navbarSupportedContent {
    display:flex;
}
#navbarSupportedContent .box{
    padding:0;
}
#navbarSupportedContent .navbar-nav{
    display:flex;
    height:40px;
    align-items:center;
}
#navbarSupportedContent .navbar-nav h5{
    margin:0;
}
#navbarSupportedContent #navbarDropdown{
     margin:0;
}
.desktop .rims-store-name{
    font-size:25px;
}
.nav-search-li i {
  margin-top: 7px;
}
.search-head .filter-box-store {
    background: #3c0e10;
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,.2);
    padding: 6px 8px;
    border-radius: 5px;
    margin-bottom: 5px;
    text-align: center;
}
.search-head .filter-box {
    position: sticky;
    top: 0px;
    background: #fff;
    z-index: 9999;
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,.2);
    padding: 10px 7px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0,.1);
}
.search-head .filter-box-item {
    background: #3c0e10;
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,.2);
    padding: 6px 8px;
    border-radius: 5px;
    margin-bottom: 5px;
    text-align: center;
}
.search-head .filter-box-item a, .search-head .filter-box-store a{
   text-decoration: none;
   font-size: .7em;
   font-weight: 900;
   color: #fff;
}
.search-head .item-box .inner-item-box .img-box {
    width: 55px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,.3);
    padding: 3px;   
    margin-right: 10px;
}
.search-head .item-box .inner-item-box .img-box img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    margin: 0 auto;
}
.search-head .item-box .inner-item-box .text-box {
  border-bottom: 1px solid rgba(0,0,0,.2);
  width: 100%;
  margin-top: 5px;
}
.search-head .item-box .inner-item-box .text-box h2 {
  text-transform: uppercase;
  font-size: 12px;
  font-family: 'Spinnaker', sans-serif;
  margin-bottom: 0;
}
.search-head .item-box .inner-item-box .text-box p {
  font-size: 12px;
  font-family: 'Spinnaker', sans-serif;
  color: #999;
  margin-bottom: 0;
  text-transform: capitalize;
}
.search-head .item-box .inner-item-box .text-box a  {
text-decoration: none;
letter-spacing: normal;
}
.search-head .item-box  {
    margin-top: 10px;
    margin-bottom: 10px;
}
.search-head .item-box .inner-item-box  {
    margin-bottom: 15px;
}
@media screen and (max-width:950px){
    .nav-search-li {
        display: none;
    }
}
.search-toggle {
        cursor: pointer;
        display: none;
    }
    .mobile-search-head {
        display: none;
    }
    @media screen and (max-width:950px){
        #navbarSupportedContent {
    display:none;
}
.mobile-footer{
    display:flex;
}
        .search-toggle {
            display: block;
            position: fixed;
            right: 25%;
            top: 3%;
            z-index: 9999999;
           
        }
        .search-toggle i{
           font-size: 1.5em;
        }
        .navbar {
            padding: 5px 10px;
        }
        .mobile-search-head {
            display: none;
            position: fixed;
            top: 55px;
            z-index: 999999999;
            background: #fff;
            width: 100%;
            padding: 10px 15px;
            border-top: 1px solid rgba(0,0,0,.2);
            border-bottom: 1px solid rgba(0,0,0,.2);
        }
        .mobile-search-head .mobile-nav-search-li input {
           border-radius: 20px;
        }
        .mobile-search-head .mobile-nav-search-li input::placeholder {
            font-size: 13px;
        color: #666;
        letter-spacing: .5px;
        font-family: 'Oswald', sans-serif !important;
        }
        .search-head {
            width: 100% !important;
            left: 0;
        }
        .search-head .item-box .inner-item-box .img-box {
    width: 40px !important;
    height: 35px !important;
}
.search-head .item-box .inner-item-box .text-box a {
  text-decoration: none;
  color: #333;
}
.search-head .item-box .inner-item-box .text-box a h2 {
    font-size: 10px;
}
    
	
        .search_bar input {
            font-size: 12px;
            padding: 10px 15px;
        }
        .loader {
            margin-bottom: 50px;
            }
       
            .catergory_swip .swiper-container {
            width: max-content;
            left: 0;
            transform: translate(0);
            }
        }

        .searchtab {
            width: 100%;
            height: 100vh;
            background-color: #fff;
            position: fixed;
            left: 0;
            z-index: 999;
            overflow: hidden;
            overflow-x: hidden;
        }
         .searchtab .nav_header div {
				   display:flex;
				   align-items:center;
				   justify-content:space-between;
            }
			.searchtab .nav_header {
                   padding: 20px 20px;
				   display:flex;
            }
            .searchtab .nav_header h2 {
                    font-size: 5em;
                    color: #000;
                    font-weight: 900;
                    font-family: 'Bebas Neue', cursive;
            }
            .searchtab .nav_header .close_btn svg {
                    width: 25px;
                    height: 25px;
                    color: #000;
            }
            .searchtab .nav_header .close_btn {
                  margin-top: 20px;
            }
            .searchtab .search_input input {
                border: none;
                border-bottom: 1px solid #000;
                border-radius: 0;
                font-family: 'Oswald', sans-serif;
                font-weight: 300;
                color: #000;
                font-size: 16px;
                text-transform: uppercase;
            }
            /**.searchtab .cat_items {
                margin-top: 30px;
            }**/
            .searchtab .cat_items h2{
                font-family: 'Oswald', sans-serif;
                font-weight: 600;
                color: #000;
                font-size: 16px;
                text-transform: uppercase;
                margin-bottom: 20px;
            }

            .searchtab {
            width: 100% ;
            height: 100vh;
            top: auto;
            bottom: 0%;
            /* transition: all .s ease-in-out; */
            display: none;
            }
            .searchtab.active {
            bottom: 0 !important;
            transition: all .3s ease-in-out;
            }
            .searchtab .close_btn {
                cursor: pointer;
            }
            .close-btn-icon {
                font-size:15px !important;
            }
            .cat_items .item_group {
               
                /**height: auto;**/
                background: #fff;
                
                
                margin-bottom: 30px;
            }
            .cat_items .item_group .item_img {
                width: 100%;
                height: 240px;
            }
            .cat_items .item_group .item_img .img {
                width: 100%;
                height: 100%;
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center center;
            }
            .cat_items .item_group .item_text a {
                font-family: 'Oswald', sans-serif;
                font-weight: 300;
                color: #000;
                text-transform: uppercase;
                font-size: 16px;
                text-decoration: none;
                margin-top: 5px;
            }
            .cat_items .item_group .item_text {
                margin-top: 5px;
            }
            @media screen and (max-width:950px) {
                .searchtab .nav_header {
                   padding: 20px 15px;
            }
            .searchtab .nav_header h2 {
                    font-size: 2.2em;
            }
            .searchtab .nav_header .close_btn svg {
                    width: 25px;
                    height: 25px;
            }
            .search_input{
                margin-top:30px;
            }
            .searchtab .nav_header .close_btn {
                  margin-top: 5px;
            }
           /** .searchtab .search_input, .searchtab .cat_items{
                padding: 0 10px;
            }**/
            .searchtab .cat_items{
                padding: 0 20px;
            }
            
             .navbar{  display:flex;
            justify-content:space-between;
            align-items:center;
            }
            }
.navbar-toggler{
    border:none important;
    outline: none !important;
}
.navbar-toggler .menu-icon{
    color:#000 !important;
}

