/* *********************** Global CSS ********************* */
@font-face {
 font-family: rubik;
 src: url('../fonts/Rubik-Regular.ttf');
}

body{
 font-family: rubik;
 background-color: #f4f5f7;
 scroll-behavior: smooth!important;
}

*,*:focus,*:hover{
   outline:none;
}

a{
   text-decoration: none;
}

hr{
   margin-top:0px;
   background-color: #9c9c9c;
}

p, a, h1, h2, h3, h4, h5, h6, b, i, u, small{
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-rendering: optimizeLegibility;
   text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

.caret-off::before {
   display: none!important;
}
.caret-off::after {
   display: none!important;
}

.scroll-top{
   position: fixed;
   color:white;
   background-color: rgba(128, 128, 128, 0.5);
   width: 50px;
   cursor: pointer;
   border-radius: 5px;
   z-index: 999;
   bottom: 20px;
   right: 20px;
}

/* *********************** Top Nav Section ********************* */
#top-nav-inner{
 background-color: #263c97;
 color: white;
 padding-left: 8vw;
 padding-right: 8vw;
 border-bottom: 1px solid #495ba1;
}
#top-nav-inner small{
 font-size: 10pt;
}
#top-nav-inner small a{
 color: white;
 text-decoration: none;
}
#top-nav-inner small a:hover{
 color: #16bcdc;
}
#top-nav-inner .divider{
 border-right: 2px solid #495ba1;
}

/* *********************** Header Section ********************* */
#header-inner{
 background-color: #263c97;
 color: white;
 padding-left: 8vw;
 padding-right: 8vw;
}
#header-search{
 width: 100%;
}
#header-section a{
   text-decoration: none;
   color: white;
}
#header-section a i{
   font-size: 24pt;
}
#header-section p{
   font-size: 11pt;
}
#header-section p.tiny-text{
   font-size: 10pt;
   color: #9fade4;
   line-height: 1;
}
#search-form{
   border: 2px solid white;
   border-radius: 4px;
}
#header-search{
   padding:10px 20px;
   border: none;
}
.bi-heart, .bi-bag{
   font-size: 20pt!important;
}
#search-form .btn-info{
   border:2px solid white;
}
#search-form .bi-search{
   color: white;
   font-size: 14pt;
}


/* *********************** Bottom Nav Section ********************* */
#bottom-nav-inner{
 background-color: #263c97;
 color: white;
 padding-left: 9vw;
 padding-right: 9vw;
}
#inner-most{
 border-top: 1px solid #495ba1;
}
#bottom-nav-inner small{
 font-size: 10pt;
 font-weight: bolder;
}
#bottom-nav-inner small a{
 color: white;
 text-decoration: none;
}
#bottom-nav-inner small a:hover{
 color: #16bcdc;
}
#bottom-nav-inner .divider{
 border-right: 2px solid #495ba1;
}
#bottom-nav .bi-list{
   font-size: 18pt;
}
#bottom-nav .bi-chevron-down{
   font-size: 8pt;
   font-weight: bolder;
}
#shop-categories{
   position: relative;
   padding: 5px 50px;
   background-image: linear-gradient(#0dcaf0, #0dcaf0);
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: 0% 0%;
   transition: background-size .2s, color .2s;
}
#shop-categories:hover{
   background-size: 100% 100%;
   cursor: pointer;
}
#bottom-nav-menu{
   background-color: white;
   width: 100% !important;
   border: 1px solid #e2e2e2;
   border-radius: 10px;
}
#bottom-nav-menu p{
   font-size: 11pt;
}
#bottom-nav-menu p a{
   text-decoration: none;
   color: #353434;
}
#bottom-nav-menu p b{
   color: black;
}
#hidden-menu{
   z-index: 99;
}
#shop-categories ul{
   list-style-type: none;
   padding-left: 0px;
}
#shop-categories ul li a{
   color: #3f3f3f;
} 

#shop-categories #category-dropdown{
   display: none;
   position: absolute;
   z-index: 1000;
   transform: translate3d(-50px, 44px, 0px);
   background-color: white;
   color: #5f5f5f;
   font-size: 11pt;
   width: 100%;
   padding-left: 30px;
   padding-right: 30px;
   border-left: 1px solid #e8e8e8;
   border-right: 1px solid #e8e8e8;
   border-bottom: 1px solid #e8e8e8;
}
/* #category-dropdown .accordion-item {
   border: 0px;
} */
#category-dropdown button::after{
   height: 0.7rem!important;
   width: 0.7rem!important;
   background-size: 0.7rem!important;
}
#category-dropdown .accordion-button:focus {
   border-color: transparent;
   outline: 0;
   box-shadow: none;
}
#category-dropdown .accordion-button:not(.collapsed) {
   background-color: transparent;
   box-shadow: none;
}
#category-dropdown .accordion-item{
   padding: 0px;
}
#category-dropdown .accordion-button{
   padding: 0.8rem 0rem!important;
}
#category-dropdown .accordion-body{
   padding-top: 0px;
   padding-bottom: 0px;
}
#category-dropdown .accordion-body ul{
   list-style-type: none;
   padding-left: 0px;
}
#category-dropdown .accordion-body ul li{
   padding-top: 5px;
   padding-bottom: 5px;
}
#category-dropdown .accordion-body ul li a small:hover{
   color: #01a2c2;
}
/* ul#category-dropdown li{
   padding-top: 12px;
   padding-bottom: 12px;
   border-bottom: 1px solid #e8e8e8;
}
ul#category-dropdown li a:hover{
   color: #16bcdc;
} */



/* *********************** Featured Section ********************* */

/* Skitter - Image Slider CSS */
.skitter .info_slide_dots{
   bottom: 20px;
}
.skitter{
   border-radius: 20px;
   mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
   -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
.label_skitter {
   margin-bottom: 20%;
   padding-left: 10%;
   background: none;
}
.skitter .btn-skitter{
   border: 2px solid white;
   border-radius: 50px;
}
.label_skitter h1{
   color: white;
}
.label_skitter a{
   color: white;
   text-decoration: none;
   padding: 13px 50px;
   font-size: 9pt;
   letter-spacing: 1px;
   font-weight: bold;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-rendering: optimizeLegibility;
   text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
   transition: all 0.3s;
}
.label_skitter a:hover{
   background-color: white;
   color: black;
   transition: all 0.3s;
}
 #featured-section .outer-div{
   border-radius: 20px;
   overflow: hidden;
   position: relative;
}

#featured-section .outer-div img{
   border-radius: 20px;
   min-height: 200px;
   transition: all 0.4s ease-in-out;
}
#featured-section .outer-div .thumb-text{
   position: absolute;
   bottom: 80px;
   padding-left: 20px;
   padding-right: 20px;
} 
#featured-section .outer-div .thumb-text a{
   color: white;
   text-decoration: none;
}
#featured-section .outer-div .thumb-text a:hover{
   color: orange;

}
#featured-section .outer-div:hover img{
   transform: scale(1.1);
   transition: all 0.4s ease-in-out;
}

/* *********************** Trending Products Section ********************* */
#trending .trending-title{
   border-bottom: 2px solid #0ab8db;
}
#trending .trending-bottom{
   background-color: white;
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
}
.trending-outer img{
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   transition: all 0.4s ease-in-out;
}
.trending-outer:hover{
   box-shadow: 0px 0px 10px 10px #eeeeee;
}
.trending-outer:hover img{
   transform: scale(1.1);
   transition: all 0.4s ease-in-out;
}
.trending-bottom small.text-secondary{
   font-size: 9pt;
}
.trending-bottom .bi-star{
   color: orange;
}
.trending-bottom p a{
   color: #0068c9;
   font-size: 11pt;
   font-weight: bold;
}
.trending-bottom p a:hover{
   color: #0ab8db;
}
.trending-bottom .btn-info{
   font-size: 10pt;
   color: white;
   border-radius: 20px;
}
#trending-carousel{
   min-height: 400px;
}
.trending-outer{
   overflow: hidden;
   border-radius: 20px;
   transition: all 0.4s ease-in-out;
   margin-top: 15px;
   margin-bottom: 15px;
}
.trending-outer .cart-btn{
   display: none;
   animation-name: hide_button;
   animation-duration: 1s;
}
.trending-outer:hover .cart-btn{
   display: flex;
   animation-name: show_button;
   animation-duration: 1s;
}
.trending-img{
   position: relative;
   overflow: hidden;
}
.trending-outer .discount{
   position: absolute;
   background-color: green;
   color: white;
   padding-left: 10px;
   padding-right: 10px;
   top: 30px;
   left: 15px;
   font-size: 9pt;
}
#trending .owl-prev {
   width: 15px;
   height: 100px;
   position: absolute;
   top: 32%;
   margin-left: -32px;
   display: block !important;
   border:0px solid black;
}
#trending .owl-next {
   width: 15px;
   height: 100px;
   position: absolute;
   top: 32%;
   right: -10px;
   display: block !important;
   border:0px solid black;
}
#trending .owl-prev i, #trending .owl-next i {
   transform : scale(1,6); 
   color: #ccc;
   font-size: 28pt
}
#trending .owl-nav{
   display: none;
}
#trending #trending-carousel:hover .owl-nav{
   display: block;
}

@keyframes show_button {
   0% {opacity: 0;}
   100% {opacity: 1;}
}
@keyframes hide_button {
   0% {opacity: 100;}
   100% {opacity: 0;}
}


/* *********************** Popular Categories Section ********************* */
#popular .popular-title{
   border-bottom: 2px solid #0ab8db;
}
.popular-outer{
   overflow: hidden;
   border-radius: 20px;
   transition: all 0.4s ease-in-out;
   margin-top: 15px;
   margin-bottom: 15px;
}
.popular-outer img{
   transition: all 0.4s ease-in-out;
}
.popular-outer:hover img{
   transform: scale(1.1);
   transition: all 0.4s ease-in-out;
}
.popular-outer .category-name{
   position: absolute;
   color: white;
   padding-left: 10px;
   padding-right: 10px;
   top: 60px;
   left: 15px;
}
#popular .owl-prev {
   width: 15px;
   height: 100px;
   position: absolute;
   top: 20%;
   margin-left: -22px;
   display: block !important;
   border:0px solid black;
}
#popular .owl-next {
   width: 15px;
   height: 100px;
   position: absolute;
   top: 20%;
   right: -10px;
   display: block !important;
   border:0px solid black;
}
#popular .owl-prev i, #popular .owl-next i {
   transform : scale(1,6); 
   color: #ccc;
   font-size: 20pt
}
#popular .owl-nav{
   display: none;
}
#popular #popular-carousel:hover .owl-nav{
   display: block;
}

/* *********************** Deals of the Day Section ********************* */
#deals .deals-title{
   border-bottom: 2px solid #0ab8db;
}
.deals-outer{
   overflow: hidden;
   border-radius: 20px;
   transition: all 0.4s ease-in-out;
   margin-top: 15px;
   margin-bottom: 15px;
   background-color: white;
}
.deals-outer img{
   transition: all 0.4s ease-in-out;
}
.deals-outer:hover img{
   transform: scale(1.1);
   transition: all 0.4s ease-in-out;
}
.deals-text p a {
   color: #0068c9;
   font-size: 11pt;
   font-weight: bold;
}
.deals-text .bi-star{
   color: orange;
}
.deals-text .deals-description{
   font-size: 11pt;
}
.deals-text .deals-description li{
   margin-top: 5px;
   margin-bottom: 5px;
}
.deals-text .btn-info {
   font-size: 10pt;
   color: white;
   border-radius: 20px;
}
#deals .owl-prev {
   width: 15px;
   height: 100px;
   position: absolute;
   top: 40%;
   margin-left: -28px;
   display: block !important;
   border:0px solid black;
}
#deals .owl-next {
   width: 15px;
   height: 100px;
   position: absolute;
   top: 40%;
   right: -10px;
   display: block !important;
   border:0px solid black;
}
#deals .owl-prev i, #deals .owl-next i {
   transform : scale(1,6); 
   color: #ccc;
   font-size: 25pt
}
#deals .owl-nav{
   display: none;
}
#deals #deals-carousel:hover .owl-nav{
   display: block;
}

/* *********************** Banners Section ********************* */
.banner-outer{
   position: relative;
   overflow: hidden;
   border-radius: 20px;
   transition: all 0.4s ease-in-out;
}
.banner-outer img{
   transition: all 0.4s ease-in-out;
   max-height: 200px;
   width: 100%;
}
.banner-outer:hover img{
   transform: scale(1.1);
   transition: all 0.4s ease-in-out;
}
.banner-outer .banner-title{
   position: absolute;
   color: white;
   padding-left: 20px;
   padding-right: 60px;
   top: 50px;
   left: 15px;
}
.banner-title a{
   color: white;
   transition: all 0.4s ease-in-out;
}
.banner-title a:hover{
   color: #91c4ff;
   transition: all 0.4s ease-in-out;
}

/* *********************** Top Featured Product Section ********************* */
#featured .featured-title{
   border-bottom: 2px solid #0ab8db;
}
.featured-left{
   background-color: white;
   border-radius: 30px;
   overflow: hidden;
}
.featured-outer{
   transition: all 0.4s ease-in-out;
   margin-top: 15px;
   margin-bottom: 15px;
   border-radius: 20px;
   overflow: hidden;
}
.featured-inner{
   background-color: white;
   border-radius: 20px;
   overflow: hidden;
}
.featured-inner img{
   transition: all 0.4s ease-in-out;
}
.featured-inner:hover img{
   transform: scale(1.1);
   transition: all 0.4s ease-in-out;
}
.featured-text p a {
   color: #0068c9;
   font-size: 11pt;
   font-weight: bold;
}
.featured-text .bi-star{
   color: orange;
}
.featured-text .featured-description{
   font-size: 11pt;
}
.featured-text .featured-description li{
   margin-top: 5px;
   margin-bottom: 5px;
}
.featured-text .btn-info {
   font-size: 10pt;
   color: white;
   border-radius: 20px;
}
#featured .owl-prev {
   width: 15px;
   height: 100px;
   position: absolute;
   top: 36%;
   margin-left: -16px;
   display: block !important;
   border:0px solid black;
}
#featured .owl-next {
   width: 15px;
   height: 100px;
   position: absolute;
   top: 36%;
   right: -12px;
   display: block !important;
   border:0px solid black;
}
#featured .owl-prev i, #featured .owl-next i {
   transform : scale(1,6); 
   color: #ccc;
   font-size: 15pt
}
#featured .owl-nav{
   display: none;
}
#featured #featured-carousel:hover .owl-nav{
   display: block;
}

/* *********************** Scrolling Text Section ********************* */
#scrolling-text marquee{
   background-color: #263c97;
   color: white;
   border-radius: 5px;
}

/* *********************** Recommended For You Section ********************* */
#recommended .recommended-title{
   border-bottom: 2px solid #0ab8db;
}
#recommended .recommended-bottom{
   background-color: white;
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
}
.recommended-outer img{
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   transition: all 0.4s ease-in-out;
}
.recommended-outer:hover{
   box-shadow: 0px 0px 10px 10px #eeeeee;
}
.recommended-outer:hover img{
   transform: scale(1.1);
   transition: all 0.4s ease-in-out;
}
.recommended-bottom small.text-secondary{
   font-size: 9pt;
}
.recommended-bottom .bi-star{
   color: orange;
}
.recommended-bottom p a{
   color: #0068c9;
   font-size: 11pt;
   font-weight: bold;
}
.recommended-bottom p a:hover{
   color: #0ab8db;
}
.recommended-bottom .btn-info{
   font-size: 10pt;
   color: white;
   border-radius: 20px;
}
#recommended-carousel{
   min-height: 400px;
}
.recommended-outer{
   overflow: hidden;
   border-radius: 20px;
   transition: all 0.4s ease-in-out;
   margin-top: 15px;
   margin-bottom: 15px;
}
.recommended-outer .cart-btn{
   display: none;
   animation-name: hide_button;
   animation-duration: 1s;
}
.recommended-outer:hover .cart-btn{
   display: flex;
   animation-name: show_button;
   animation-duration: 1s;
}
.recommended-outer .discount{
   position: absolute;
   background-color: green;
   color: white;
   padding-left: 10px;
   padding-right: 10px;
   top: 30px;
   left: 15px;
   font-size: 9pt;
}
.recommended-img{
   position: relative;
   overflow: hidden;
}
#recommended .owl-prev {
   width: 15px;
   height: 100px;
   position: absolute;
   top: 32%;
   margin-left: -32px;
   display: block !important;
   border:0px solid black;
}
#recommended .owl-next {
   width: 15px;
   height: 100px;
   position: absolute;
   top: 32%;
   right: -10px;
   display: block !important;
   border:0px solid black;
}
#recommended .owl-prev i, #recommended .owl-next i {
   transform : scale(1,6); 
   color: #ccc;
   font-size: 28pt
}
#recommended .owl-nav{
   display: none;
}
#recommended #recommended-carousel:hover .owl-nav{
   display: block;
}

/* *********************** Blog Section ********************* */
#blog-carousel{
   min-height: 400px;
}
#blog .blog-title{
   border-bottom: 2px solid #0ab8db;
}
#blog .blog-bottom{
   background-color: white;
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
}
.blog-outer img{
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   transition: all 0.4s ease-in-out;
}
.blog-outer:hover{
   box-shadow: 0px 0px 10px 10px #eeeeee;
}
.blog-outer:hover img{
   transform: scale(1.1);
   transition: all 0.4s ease-in-out;
}
.blog-bottom small.text-secondary{
   font-size: 9pt;
}
.blog-bottom .bi-star{
   color: orange;
}
.blog-bottom p a{
   color: #373737;
   font-size: 11pt;
   font-weight: bold;
}
.blog-bottom p a:hover{
   color: #0ab8db;
}
.blog-bottom .btn-info{
   font-size: 10pt;
   color: white;
   border-radius: 20px;
}
.blog-outer{
   overflow: hidden;
   border-radius: 20px;
   transition: all 0.4s ease-in-out;
   margin-top: 15px;
   margin-bottom: 15px;
}
.blog-outer .cart-btn{
   display: none;
   animation-name: hide_button;
   animation-duration: 1s;
}
.blog-outer:hover .cart-btn{
   display: flex;
   animation-name: show_button;
   animation-duration: 1s;
}
.blog-outer .blog-type{
   position: absolute;
   background-color: #23aded;
   color: white;
   padding-left: 10px;
   padding-right: 10px;
   top: 30px;
   left: 15px;
   font-size: 9pt;
}
.blog-img{
   position: relative;
   overflow: hidden;
}
#blog .owl-prev {
   width: 15px;
   height: 100px;
   position: absolute;
   top: 40%;
   margin-left: -22px;
   display: block !important;
   border:0px solid black;
}
#blog .owl-next {
   width: 15px;
   height: 100px;
   position: absolute;
   top: 40%;
   right: -10px;
   display: block !important;
   border:0px solid black;
}
#blog .owl-prev i, #blog .owl-next i {
   transform : scale(1,6);
   color: #ccc;
   font-size: 20pt;
}
#blog .owl-nav{
   display: none;
}
#blog #blog-carousel:hover .owl-nav{
   display: block;
}

/* *********************** Brands Section ********************* */
#brands-carousel{
   background-color: white;
   border-radius: 30px;
}
.brands-outer img{
   transition: all 0.4s ease-in-out;
}
.brands-outer:hover img{
   transform: scale(1.1);
   transition: all 0.4s ease-in-out;
}
.brands-img{
   position: relative;
   overflow: hidden;
}
#brands .owl-prev {
   width: 15px;
   height: 100px;
   position: absolute;
   top: 20%;
   margin-left: -22px;
   display: block !important;
   border:0px solid black;
}
#brands .owl-next {
   width: 15px;
   height: 100px;
   position: absolute;
   top: 20%;
   right: -10px;
   display: block !important;
   border:0px solid black;
}
#brands .owl-prev i, #brands .owl-next i {
   transform : scale(1,6);
   color: #ccc;
   font-size: 20pt;
}
#brands .owl-nav{
   display: none;
}
#brands #brands-carousel:hover .owl-nav{
   display: block;
}

/* *********************** Footer Section ********************* */
#footer{
   background-color: #1F2024;
   color: white;
}
#footer-top .bi{
   font-size: 30pt;
   color: #0ab8db;
}
#footer-middle .bi{
   font-size: 18pt;
   color: #0ab8db;
}
#footer #my-account p a, #footer #customer-care p a, #footer #customer-service p a, #footer #newsletter p{
   margin-bottom: 15px;
   font-size: 11pt;
   transition: all 80ms ease-in-out;
}
#footer #my-account p a.text-secondary:hover, #footer #customer-care p a.text-secondary:hover, #footer #customer-service p a.text-secondary:hover{
   margin-left: 10px;
   color: #0ab8db!important;
   transition: all 80ms ease-in-out;
}
#footer .text-secondary{
   color: #969696!important;
}
#newsletter .fst-italic:hover{
   color: #0ab8db!important;
}


/* Media Queries */
@media screen and (max-width: 1023px){

   /* Top Nav Section */
   #top-nav{
      display: none;
   }


   /* Header Section */
   #header-inner{
      padding-left: 15px!important;
      padding-right: 15px!important;
      padding-top: 10px!important;
      padding-bottom: 10px!important;
      flex-wrap: wrap;
   }
   #header-inner #header-center {
      width: 100%;
      order: 3;
   }
   #header-inner #header-left{
      width: 50%;
      padding-right: 1rem!important;
   }
   #header-inner #header-left h1{
      font-size: 18pt;
   }
   #header-inner #header-right{
      width:50%;
      order:2;
   }
   #header-inner .header-right-text{
      display: none;
   }
   #header-inner #header-right .header-right-icon{
      padding-left: 30px!important;
   }
   #header-inner #header-right i{
      font-size: 15pt!important;
   }
   #bottom-nav-inner{
      padding-left: 5vw;
   }
   #search-form {
      height: 40px;
   }


   /* Bottom Nav Section */
   #inner-most{
      flex-wrap: wrap;
   }
   #shop-categories{
      padding-left: 20px;
      padding-right: 20px;
   }
   #shop-categories #category-dropdown{
      transform: translate3d(-20px, 30px, 0px);
   }
   #category-button{
      font-size: 10pt;
   }
   #bottom-nav .bi-list {
      font-size: 11pt;
   } 
   #shop-categories ul li a{
      font-size: 10pt;
   }
   #shop-categories #category-dropdown {
      padding-left: 15px;
      padding-right: 15px;
   }
   #bottom-nav-right{
      display: none!important;
   }


   /* Featured Section */
   #featured-section{
      margin-top: 20px!important;
   }
   #featured-section .outer-div{
      padding-top: 10px;
      padding-bottom: 10px;
   }
   #featured-section .outer-div img{
      width: 100%;
   }
   #featured-section .mt-3{
      margin-top: 0px!important;
   }
   .skitter .box_clone img{
      width:100%!important;
   }
   .skitter.with-dots{
      margin-bottom: 30px;
   }


   /* Trending Section */
   #trending{
      margin-top: 30px;
   }
   #trending .row .col-12 div {
      flex-wrap: wrap;
   }
   #trending .trending-title {
      order: 2;
   }
   .view-all{
      margin-bottom: 8px;
   }
   #trending hr{
      margin-bottom: 0.3rem!important;
   }
   #trending-carousel {
      min-height: 380px;
   }
   .trending-bottom{
      padding-left: 0.6rem!important;
      padding-right: 0.6rem!important;
   }
   .review-text{
      display: none;
   }
   .cart-btn{
      display: block!important;
   }
   .cart-btn a{
      padding-left: 10px!important;
      padding-right: 10px!important;
      display: block!important;
   }
   #trending .owl-prev {
      margin-left: -10px;
   }
   #trending .owl-next {
      right: -2px;
   }
   #trending .owl-prev i, #trending .owl-next i {
      font-size: 18pt
   }
   #trending .owl-nav{
      display: block!important;
   }


   /* Popular Categories Section */
   #popular{
      margin-bottom: 1.5rem!important;
   }
   #popular .row .col-12 div {
      flex-wrap: wrap;
      flex-direction: column;
   }
   #popular .popular-title {
      order: 2;
   }
   #popular hr{
      margin-bottom: 0.3rem!important;
   }
   #popular .owl-prev {
      margin-left: -10px;
   }
   #popular .owl-next {
      right: -2px;
   }
   #popular .owl-prev i, #popular .owl-next i {
      font-size: 18pt
   }
   #popular .owl-nav{
      display: block!important;
   }


   /* Deals of the Day Section */
   #deals{
      margin-bottom: 20px!important;
   }
   #deals .deals-description{
      display: none;
   }
   .review-text{
      display: none;
   }
   .deals-text{
      padding-left: 0.5rem!important;;
      padding-right: 1.5rem!important;
   }
   #deals .owl-prev {
      margin-left: -10px;
   }
   #deals .owl-next {
      right: -2px;
   }
   #deals .owl-prev i, #deals .owl-next i {
      font-size: 18pt
   }
   #deals .owl-nav{
      display: block!important;
   }


   /* Top Featured Products Section */
   #featured{
      margin-bottom: 1.5rem!important;
   }
   #featured .row .col-12 #featured-title-container {
      flex-wrap: wrap;
      flex-direction: column;
   }
   #featured .featured-title {
      order: 2;
   }
   #featured hr{
      margin-bottom: 1rem!important;
   }
   #featured .review-text{
      display: none;
   }
   #featured .featured-description{
      display: none;
   }
   #featured .owl-prev {
      margin-left: -10px;
   }
   #featured .owl-next {
      right: -2px;
   }
   #featured .owl-prev i, #featured .owl-next i {
      font-size: 18pt
   }
   #featured .owl-nav{
      display: block!important;
   }


   /* Recommended for You Section */
   #recommended{
      margin-bottom: 1.5rem!important;
   }
   #recommended .row .col-12 #recommended-title-container {
      flex-wrap: wrap;
      /* flex-direction: column; */
   }
   #recommended .recommended-title {
      order: 2;
   }
   #recommended hr{
      margin-bottom: 1rem!important;
   }
   #recommended .review-text{
      display: none;
   }
   #recommended-carousel {
      min-height: 350px;
   }
   #recommended .owl-prev {
      margin-left: -10px;
   }
   #recommended .owl-next {
      right: -2px;
   }
   #recommended .owl-prev i, #recommended .owl-next i {
      font-size: 18pt
   }
   #recommended .owl-nav{
      display: block!important;
   }


   /* Blog Section */
   #blog .owl-prev {
      margin-left: -10px;
   }
   #blog .owl-next {
      right: -2px;
   }
   #blog .owl-prev i, #blog .owl-next i {
      font-size: 18pt
   }
   #blog .owl-nav{
      display: block!important;
   }


   /* Brands Section */
   #brands .owl-prev {
      margin-left: -10px;
   }
   #brands .owl-next {
      right: -2px;
   }
   #brands .owl-prev i, #brands .owl-next i {
      font-size: 18pt
   }
   #brands .owl-nav{
      display: block!important;
   }

   /* Footer Section */
   #footer-top-inner{
      justify-content: center;
   }
   #footer-middle{
      padding-top: 1rem!important;
      padding-bottom: 1rem!important;
   }
   #footer-bottom{
      padding-top: 1rem!important;
   }


   /* ************************************ Product Preview Page *********************************** */
   /* Related Prducts Section */
   #related-product{
      margin-top: 30px;
   }
   #related-product .row .col-12 div {
      flex-wrap: wrap;
   }
   #related-product .related-product-title {
      order: 2;
   }
   .view-all{
      margin-bottom: 8px;
   }
   #related-product hr{
      margin-bottom: 0.3rem!important;
   }
   #related-product-carousel {
      min-height: 380px;
   }
   .related-product-bottom{
      padding-left: 0.6rem!important;
      padding-right: 0.6rem!important;
   }
   .review-text{
      display: none;
   }
   .cart-btn{
      display: block!important;
   }
   .cart-btn a{
      padding-left: 10px!important;
      padding-right: 10px!important;
      display: block!important;
   }
   #related-product .owl-prev {
      margin-left: -10px;
   }
   #related-product .owl-next {
      right: -2px;
   }
   #related-product .owl-prev i, #related-product .owl-next i {
      font-size: 18pt
   }
   #related-product .owl-nav{
      display: block!important;
   }


}




/* ************************************ Product Preview Page *********************************** */
/* Breadcrumb Section */
#breadcrumb a{
   color: gray;
}

/* Product Preview Section */
#product-preview{
   background-color: white;
   border-radius: 30px;
}

/* Zoom Image Plugin */
.show {
   width: 100%;
   height: auto;
 }
 
 .small-img {
   width: 100%;
   height: 70px;
   margin-top: 10px;
   position: relative;
   /* left: 25px; */
 }
 
 .small-img .icon-left, .small-img .icon-right {
   width: 12px;
   height: 24px;
   cursor: pointer;
   position: absolute;
   top: 0;
   bottom: 0;
   margin: auto 0;
 }
 
 .small-img .icon-left { 
    transform: rotate(180deg) 
 }
 
 .small-img .icon-right { 
    right: 0; 
 }
 
 .small-img .icon-left:hover, .small-img .icon-right:hover { 
    opacity: .5;
 }
 
 .small-container {
   width: 100%;
   height: 70px;
   overflow: hidden;
   position: absolute;
   left: 0;
   right: 0;
   margin: 0 auto;
 }
 
 .small-container div {
   width: 800%;
   position: relative;
 }
 
 .small-container .show-small-img {
   width: 70px;
   height: 70px;
   margin-right: 6px;
   cursor: pointer;
   float: left;
 }
 
 .small-container .show-small-img:last-of-type { 
    margin-right: 0; 
 }

 #product-preview-right .product-title{
    font-weight: bold;
    color: royalblue;
 }
 #product-preview-right .rating{
    border-right: 1px solid #e1e1e1;
 }
 #product-preview-right .rating .bi-star{
    color: orange;
 }
 #product-preview-right .product-price h3, #product-preview-right .product-price .h4{
    font-weight: bold;
 }
 #product-desc{
    background-color: white;
    border-radius: 30px;
 }

 /* Related Products Section */
 #related-product .related-product-title{
   border-bottom: 2px solid #0ab8db;
}
#related-product .related-product-bottom{
   background-color: white;
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
}
.related-product-outer img{
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   transition: all 0.4s ease-in-out;
}
.related-product-outer:hover{
   box-shadow: 0px 0px 10px 10px #eeeeee;
}
.related-product-outer:hover img{
   transform: scale(1.1);
   transition: all 0.4s ease-in-out;
}
.related-product-bottom small.text-secondary{
   font-size: 9pt;
}
.related-product-bottom .bi-star{
   color: orange;
}
.related-product-bottom p a{
   color: #0068c9;
   font-size: 11pt;
   font-weight: bold;
}
.related-product-bottom p a:hover{
   color: #0ab8db;
}
.related-product-bottom .btn-info{
   font-size: 10pt;
   color: white;
   border-radius: 20px;
}
#related-product-carousel{
   min-height: 400px;
}
.related-product-outer{
   overflow: hidden;
   border-radius: 20px;
   transition: all 0.4s ease-in-out;
   margin-top: 15px;
   margin-bottom: 15px;
}
.related-product-outer .cart-btn{
   display: none;
   animation-name: hide_button;
   animation-duration: 1s;
}
.related-product-outer:hover .cart-btn{
   display: flex;
   animation-name: show_button;
   animation-duration: 1s;
}
.related-product-img{
   position: relative;
   overflow: hidden;
}
.related-product-outer .discount{
   position: absolute;
   background-color: green;
   color: white;
   padding-left: 10px;
   padding-right: 10px;
   top: 30px;
   left: 15px;
   font-size: 9pt;
}
#related-product .owl-prev {
   width: 15px;
   height: 100px;
   position: absolute;
   top: 32%;
   margin-left: -32px;
   display: block !important;
   border:0px solid black;
}
#related-product .owl-next {
   width: 15px;
   height: 100px;
   position: absolute;
   top: 32%;
   right: -10px;
   display: block !important;
   border:0px solid black;
}
#related-product .owl-prev i, #related-product .owl-next i {
   transform : scale(1,6); 
   color: #ccc;
   font-size: 28pt
}
#related-product .owl-nav{
   display: none;
}
#related-product #related-product-carousel:hover .owl-nav{
   display: block;
}
.product-tag:hover{
   transition: all 0.3s ease-in-out!important;
   font-weight: bold;
}




/* ************************************ Category Page *********************************** */
#category-left{
   background-color: white;
   border-radius: 10px;
}
#category-left .accordion-item {
   border: 0px;
}
#category-left button::after{
   height: 0.7rem!important;
   width: 0.7rem!important;
   background-size: 0.7rem!important;
}
#category-left .accordion-button:focus {
   border-color: transparent;
   outline: 0;
   box-shadow: none;
}
#category-left .accordion-button:not(.collapsed) {
   background-color: transparent;
   box-shadow: none;
}
#category-left .accordion-item{
   padding: 0px;
}
#category-left .accordion-button{
   padding: 0.8rem 0rem!important;
}
#category-left .accordion-body{
   padding-top: 0px;
   padding-bottom: 0px;
}
#category-left .accordion-body ul{
   list-style-type: none;
   padding-left: 0px;
}
#category-left .accordion-body ul li{
   padding-top: 5px;
   padding-bottom: 5px;
}
#category-left .accordion-body ul li a small:hover{
   color: #01a2c2;
}
#category-right #product-list{
   background-color: white;
}
#price-range{
   background-color: white;
   border-radius: 10px;
}
#special-offer{
   background-color: white;
   border-radius: 10px;
}

/* Product List Section */
#product-list .product-list-bottom{
   background-color: white;
}
.product-list-outer img{
   transition: all 0.4s ease-in-out;
}
.product-list-outer{
   overflow: hidden;
   border: 1px solid #f2f2f2;
   transition: all 0.4s ease-in-out;
   margin-top: 15px;
   margin-bottom: 15px;
}
.product-list-outer:hover{
   border: 1px solid #cbf1ff;
}
.product-list-outer:hover img{
   transform: scale(1.1);
   transition: all 0.4s ease-in-out;
}
.product-list-bottom small.text-secondary{
   font-size: 9pt;
}
.product-list-bottom .bi-star{
   color: orange;
}
.product-list-bottom p a{
   color: #0068c9;
   font-size: 11pt;
   font-weight: bold;
}
.product-list-bottom p a:hover{
   color: #0ab8db;
}
.product-list-bottom .btn-info{
   font-size: 10pt;
   color: white;
}
.product-list-img{
   position: relative;
   overflow: hidden;
}
.product-list-outer .discount{
   position: absolute;
   background-color: green;
   color: white;
   padding-left: 10px;
   padding-right: 10px;
   top: 30px;
   left: 15px;
   font-size: 9pt;
}

/* Bottom Mobile Nav */
#bottom-mobile-nav{
   background-color: white;
   border-top: 1px solid #e4e4e4;
}
.offcanvas.show {
   width: 85%;
}
#mobile-offcanvas{
   overflow-y: scroll!important;
}
#mobile-offcanvas #category-left, #mobile-offcanvas #price-range, #mobile-offcanvas #special-offer{
   border: 1px solid #e2e2e2;
}



/* ************************************ Search Result Page *********************************** */
.search-result .pagination .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}
.search-result .pagination .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.search-result .pagination .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}



/* ************************************ Cart Page *********************************** */
#cart{
   background-color: white;
}
#cart .cart-img{
   max-width: 100px;
}
#cart .border-bottom{
   border-bottom: 1px solid #e2e2e2;
}
#cart .delete-item i{
   font-size: 16pt;
}
#cart .qty-inner{
   border: 1px solid #e2e2e2;
}
#cart .current-qty{
   width: 30px;
   border: 0px;
}
#cart-right{
   background-color: #f0f0f0;
   border-radius: 5px;
}
@media screen and (max-width: 767px){

   #cart .border-bottom{
      border: 1px solid #e2e2e2;
      margin-top: 25px;
      margin-bottom: 25px;
      padding-top: 0px!important;
      padding-bottom: 0px!important;
   }
   #cart .border-bottom .col-12{
      padding-top: 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid #e2e2e2;
      text-align: center;
   }
   #cart .delete-item i{
      font-size: 24pt;
   }
   #cart #cart-outer{
      width: 100%;
      margin-left: 0px!important;
      margin-right: 0px!important;
   }


}



/* ************************************ Checkout Page *********************************** */
#checkout{
   background-color: white;
}
#checkout #login-div{
   background-color: #e9e9e9;
   border-top: 3px solid #0ab8db; 
}
#billing-left input, #billing-left select, #billing-left textarea, 
#login-form-checkout input[type='email'], #login-form-checkout input[type='password']{
   border-radius: 0px;
   padding-top: 10px;
   padding-bottom: 10px;
}
#billing-left .form-check .form-check-input{
   border-radius: 0.2rem!important;
   padding-top: 0px!important;
   padding-bottom: 0px!important;
}
#billing-left input:focus, #billing-left select:focus, #billing-left textarea:focus,
#login-form-checkout input[type='email']:focus, #login-form-checkout input[type='password']:focus
{
   box-shadow: none;
}
#checkout #password-input, #checkout .form-hidden, #checkout #ship-to-other{
   display: none;
}
#payment{
   background-color: #e8e8e8;
}
@media screen and (max-width: 767px){
   #billing-left{
      margin-top: 20px;
   }
}



/* ************************************ About Us Page *********************************** */
#about-top{
   min-height: 50vh;
}
#about-top #about-top-overlay{
   min-height: 50vh;
   /* background: rgba(0, 0, 0, 0.8); */
   color: white;
}
#about-main{
   background-color: white;
}
#about-main img{
   border-radius: 20px;
}
.about-text{
   line-height: 1.8rem;
}



/* ************************************ Contact Us Page *********************************** */
#contact-container{
   background-color: white;
}
#contact-top{
   min-height: 55vh;
   position: relative;
   z-index: 1;
}
#contact-top #contact-top-overlay{
   min-height: 55vh;
  /*  background: rgba(0, 0, 0, 0.8); */
   color: white;
}
#contact-top a{
   color: white;
}
#contact-main{
   position: relative;
   z-index: 99;
   margin-top: -100px;
   background-color: white;
   border-radius: 10px;
}
#contact-inner{
   border-radius: 10px;
}
#contact-inner .bi{
   font-size: 20pt;
}
#gmap{
   border: 1px solid #0ab8db;
   height: 65vh;
}
#contact-email{
   margin-top: 150px;
   padding-bottom: 80px;
}
#contact-email input, #contact-email textarea{
   border-radius: 0px;
   padding-top: 10px;
   padding-bottom: 10px;
}
#contact-email input:focus, #contact-email textarea:focus{
   box-shadow: none;
}
#contact-email .btn-info{
   border-radius: 30px;
}
#call-now-inner{
   background-color: rgba(0, 0, 0, 0.8);
   width: 100%;
   height: 100%;
}
#call-now h2, #call-now p, #call-now a{
   color: white;
}





/* ************************************ Wishlist Page *********************************** */
#wishlist-container{
   background-color: white;
   padding-bottom: 80px;
}
#wishlist-top{
   min-height: 55vh;
   position: relative;
   z-index: 1;
}
#wishlist-top #wishlist-top-overlay{
   min-height: 55vh;
   /* background: rgba(0, 0, 0, 0.8); */
   color: white;
}
#wishlist-top a{
   color: white;
}
#wishlist-main{
   position: relative;
   z-index: 99;
   margin-top: -100px;
   background-color: white;
   border-radius: 10px;
}
#wishlist-inner{
   border-radius: 10px;
}
#wishlist-main .wishlist-img{
   max-width: 100px;
}
#wishlist-main .border-bottom{
   border-bottom: 1px solid #e2e2e2;
}
#wishlist-main .delete-item i{
   font-size: 16pt;
}

@media screen and (max-width: 767px){

   #wishlist-main .border-bottom{
      border: 1px solid #e2e2e2;
      margin-top: 25px;
      margin-bottom: 25px;
      padding-top: 0px!important;
      padding-bottom: 0px!important;
   }
   #wishlist-main .border-bottom .col-12{
      padding-top: 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid #e2e2e2;
      text-align: center;
   }
   #wishlist-main .delete-item i{
      font-size: 24pt;
   }


}




/* ************************************ Order Track Page *********************************** */
#track-container{
   background-color: white;
   padding-bottom: 80px;
}
#track-top{
   min-height: 55vh;
   position: relative;
   z-index: 1;
}
#track-top #track-top-overlay{
   min-height: 55vh;
   /* background: rgba(0, 0, 0, 0.8); */
   color: white;
}
#track-top a{
   color: white;
}
#track-main{
   position: relative;
   z-index: 99;
   margin-top: -100px;
   background-color: white;
   border-radius: 10px;
}
#track-inner{
   border-radius: 10px;
}
#track-main .border-bottom{
   border-bottom: 1px solid #e2e2e2;
}
#track-inner input, #track-inner textarea{
   border-radius: 0px;
   padding-top: 10px;
   padding-bottom: 10px;
}
#track-inner input:focus, #track-inner textarea:focus{
   box-shadow: none;
}
#track-inner .btn-info{
   border-radius: 30px;
}
@media screen and (max-width: 767px){

   #track-main .border-bottom{
      border: 1px solid #e2e2e2;
      margin-top: 25px;
      margin-bottom: 25px;
      padding-top: 0px!important;
      padding-bottom: 0px!important;
   }
   #track-main .border-bottom .col-12{
      padding-top: 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid #e2e2e2;
      text-align: center;
   }


}




/*
 * Force Bootstrap v4 transitions
 * (ignores prefers-reduced-motion media feature)
 * https://gist.github.com/robssanches/33c6c1bf4dd5cf3c259009775883d1c0
 */

 .fade {
	transition:opacity 0.15s linear !important;
}
.collapsing {
	transition:height 0.35s ease !important;
}
.custom-switch .custom-control-label::after {
	transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-transform 0.15s ease-in-out !important;
	transition:transform 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
	transition:transform 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-transform 0.15s ease-in-out !important;
}
.custom-range::-webkit-slider-thumb {
	transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
}
.custom-range::-moz-range-thumb {
	transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
}
.custom-range::-ms-thumb {
	transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
}
.custom-control-label::before,.custom-file-label,.custom-select {
	transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
}
.badge {
	transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
}
.progress-bar {
	transition:width 0.6s ease !important;
}
.progress-bar-animated {
	-webkit-animation:progress-bar-stripes 1s linear infinite !important;
	animation:progress-bar-stripes 1s linear infinite !important;
}
.modal.fade .modal-dialog {
	transition:-webkit-transform 0.3s ease-out !important;
	transition:transform 0.3s ease-out !important;
	transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out !important;
}
.carousel-item {
	transition:-webkit-transform 0.6s ease-in-out !important;
	transition:transform 0.6s ease-in-out !important;
	transition:transform 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out !important;
}
.carousel-fade .carousel-item {
    transition-property: opacity !important;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    transition: 0s 0.6s opacity !important;
}

.carousel-control-prev,.carousel-control-next {
	transition:opacity 0.15s ease !important;
}
.carousel-indicators li {
	transition:opacity 0.6s ease !important;
}
.form-control {
	transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
}
.btn {
	transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
}