/****************************************** FOOTER ******************************************/
footer{width:100%;background-color:#e9ebee;min-height:250px}
footer p{font-size:12px;color:#616770;padding-bottom:0;margin-bottom:8px}
.footer-wrapper{padding:40px 0;background:#fff}
.footer-title{color:#6c757d}
.footer_ul{margin:0;list-style-type:none;font-size:14px;padding:0 0 10px 0}
.footer_ul h6 {font-size: 12px;font-weight: 400;}
.footer_ul li a{display:block;padding:8px 10px 8px 5px;font-size:12px;color:#616770}
.footer_ul li a:hover{background:#f5f6f7;text-decoration:none}
.footer_bottom_ul{list-style-type:none;padding:0;display:table;margin-top:10px;margin-right:auto;margin-bottom:10px;margin-left:auto}
.footer_bottom_ul li{display:inline}
.footer_bottom_ul li a{color:#90949c;margin:0 12px}
.footer_bottom_copyright{padding:0}
.footer_bottom_copyright p{padding:5px;margin:0}
.social_footer_ul{display:flex;padding-top:10px;padding-left:0;list-style-type:none;}
.social_footer_ul a{background:#dcdcdc;color:#ffffff;padding:10px 8px;margin:2px;border-radius:10%}
.social_footer_ul li i{width:20px;height:20px;text-align:center}
.fb-color a{background-color:#4267b2}
.ins-color a{background-color:#c32aa3}
.fb-color a:hover{background-color:#e9ebee}
.ins-color a:hover{background-color:#e9ebee}
.widget h3,.widget a,.widget p{color:#2f2f2f}
.widget .card-header{font-size:12px;font-weight: 500;padding-left:5px}
.widget-list li{margin-bottom:4px}
.widget-list li a:hover{text-decoration:underline}
.card-header{background:#fff}
.card-header a:after{content:"+";position:absolute;right:40px;transition:transform .25s ease-in-out}
.card-header a:hover,.widget .card-header a:focus{text-decoration:none}
.card-header a[aria-expanded="true"]:after{transform:rotate(45deg)}
.card-block{padding:0 10px}
.cards_footer{width:350px}
@media only screen and (max-width: 575px) {.cards_footer{width:250px;padding-top:10px}}
@media only screen and (max-width: 991px) {.footer-wrapper {padding:20px 0 5px 0;}}
/****************************************** THEMES ******************************************/
.theme-12 {background-color:#c32aa3;}
.store_location:hover{color:#c32aa3;}
/************************************ MISCELLANEOUS ******************************************/
.brands-container {position:relative;}
.sticky_card_aside {position: -webkit-sticky; position:sticky; top:30px;}
.mw_mt {max-width: 380px; margin-top:100px;}
.min_h {min-height:84vh}
.cart-item-quantity {padding:0.45rem 3px; text-align:center; width:45px}
.order_details {margin: 0 auto;width: 50%;padding: 50px;background: #f1f1f1;margin-top: 50px;margin-bottom: 50px;}
.order_items_table {overflow: hidden; outline: none;}
.w_fix_100 {width:100px;}
.h_fix_100 {height:100px;}
.text-small {font-size: 14px;}
@media screen and (max-width: 590px) {
 .text-small {font-size: 12px;}
  }
/***************************************** Gallery ***************************************/
/*!

    HesGallery v1.5.1

    Copyright (c) 2018-2019 Artur Medrygal <medrygal.artur@gmail.com>

    Product under MIT licence

*/

#hgallery {
  display: block;
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.9);
  visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: 0.3s;
  z-index: 99999;
}

.hg-disable-scrolling {
  overflow: hidden !important;
}

#hg-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1;
}

#hg-bg::after {
  content: '';
  position: absolute;
  display: block;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xOSA2LjQxTDE3LjU5IDUgMTIgMTAuNTkgNi40MSA1IDUgNi40MSAxMC41OSAxMiA1IDE3LjU5IDYuNDEgMTkgMTIgMTMuNDEgMTcuNTkgMTkgMTkgMTcuNTkgMTMuNDEgMTJ6Ii8+CiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+Cjwvc3ZnPg==);
  background-position: center;
  background-size: contain;
  cursor: pointer;
  opacity: 0.8;
}

#hg-bg::after:hover {
  background-color: white;
}

#hgallery.open {
  visibility: visible !important;
  opacity: 1;
}

#hg-pic-cont {
  max-width: calc(70% - 40px);
  max-height: 90vh;
  cursor: default;
  z-index: 12;
  position: relative;
  background-color: white;
  transition: transform 0.3s;
  transform: scale(1);
}

#hg-pic-cont.hg-transition {
  transform: scale(0.1);
}

#hg-subtext {
  color: #ddd;
  font-size: 14px;
  position: absolute;
  display: block;
  left: 5px;
  top: calc(100% + 6px);
}

#hg-howmany {
  color: #aaa;
  font-size: 14px;
  position: absolute;
  display: block;
  right: 5px;
  bottom: -20px;
}

#hg-pic {
  width: auto;
  height: auto;
  min-height: 100px;
  min-width: 100px;
  max-width: 100%;
  max-height: 90vh;
  box-sizing: border-box;
  display: block;
  cursor: default;
  object-fit: contain;
  margin: 0;

  /*    border-radius: 5px;*/
}

#hg-pic:hover {
  transform: none;
  box-shadow: none;
}

#hgallery button {
  position: absolute;
  display: block;
  margin: auto 0;
  width: 60px;
  height: 60px;
  z-index: 11;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
}

#hgallery button img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#hgallery.open button {
  visibility: visible;
  opacity: 0.7;
}

#hgallery button:hover {
  opacity: 1;
}

#hgallery button#hg-prev {
  left: 10px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

#hgallery button#hg-prev:active {
  left: 7px;
}

#hgallery button#hg-next {
  right: 10px;
}

#hgallery button#hg-next:active {
  right: 7px;
}

#hgallery #hg-prev-onpic,
#hgallery #hg-next-onpic {
  position: absolute;
  top: 0;
  left: 0;
  width: 34%;
  height: 100%;
  cursor: pointer;
}

#hgallery #hg-next-onpic {
  right: 0;
  left: auto;
  width: 66%;
}

.hg-unvisible {
  opacity: 0 !important;
  visibility: hidden;
}

@media (max-width: 1100px) {
  #hg-pic-cont {
    max-width: calc(100% - 40px);
  }
}

.hes-gallery img {
  /*width: 42%; **/  
  transition: 0.3s;
  cursor: pointer;
}
.hes-gallery img:hover {
  transform: scale(1.04);
}
 
}
@media (max-width: 500px) {
  .hes-gallery {
    grid-template-columns: 1fr 1fr;
  }
}

/****************************************** Sidebar Filter ******************************************/
.sidebar {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    z-index: 999;
    background: #e9ebee;
    overflow-y: scroll;
    padding-top: 20px;
    padding-left: 20px;
}

#filterButton{padding: 10px;}
#dismissButton{text-align: right !important;padding-right: 20px;}
.filter ul{padding-left: 0;margin-bottom: 0;}
.filter li input, .filter li label{
cursor: pointer;}

.filters h3{margin:0 0 20px;font-size:14px;display: inline-block;}
.filters h2{margin:0 0 25px;font-size:20px;display: inline-block;}
.filters filter{margin:0 0 50px}
.filters input:before{padding-left:50px}
.fa-angle-down::before{content:"\f107";margin:1px 0 2px 8px}
.filter{padding-bottom:40px}
.checkbox li{list-style-type:none}



#brands_collapse + a[aria-expanded=true] .df-left{display: none;}
#brands_collapse + a[aria-expanded=false] .df-up{display: none;}
.filter a[role=button] {color:#616770;}

.brands_active {text-decoration: underline; font-weight: 800}
.brands_overflow {height:80vh; overflow-y:scroll;}

/****************************************** Contact us ******************************************/

.store_details {padding-bottom: 1.5rem;}
.store_details h1 {font-size: 26px;}
.store_details h2 {font-size: 18px; margin:0;font-weight: 400;}
.store_details h1, .store_details h2{color:#2f2f2f;}
.store_location {font-size: 14px;font-weight: 300;}
.store_details img{margin: 2px;}
.store_details .address, .telephone, .email {padding-top: 0.7rem;}
.store_description{font-size: 14px !important;font-weight: 300 !important;padding-top: 1.5rem;}
.store_description hr{border-top: 1px solid; margin-top: 0;}
@media screen and (min-width: 991px) {.store_info{border-top: 3px solid #62a6a6;  background:#f7f8fa;border-radius: 100px;margin-top: -95px;}}
.store_info{padding: 1rem;}
.store_nav .breadcrumb{margin: 0; padding: 0; background: none;}
.store_nav h4, .store_nav h3 , .store_nav .breadcrumb-item span{margin: 0 !important; padding: 0 !important; font-size: 14px !important; font-weight: 400 !important;display:inline;line-height: 1.5;}
#storeMap{height: 400px; width: 100%;}
@media screen and (max-width: 990px) { #store_map, #storeMap{display:none;}}
.store_details td + td{padding: 2px 12px;}
.store_nav .breadcrumb-item + .breadcrumb-item::before {padding-right: 2px;}
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


/****************************************** Store Colors ******************************************/

.add-text, .checkout-btn, .continue-shopping {color:#ffffff;}
.brand{color:var(--store-color-secondary);}

/****************************************** Logo ******************************************/
.section-header .logo {width: auto;}

/****************************************** OffCanvas ******************************************/

.offcanvas {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #f7f8fa;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.offcanvas a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 12px;
  color: #000;
  display: block;
  transition: 0.3s;
}

.offcanvas a:hover {
  color: #000;
}

.offcanvas .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

#offcanvas-button {
  transition: margin-left .5s;
  padding: 16px;
}

@media screen and (max-height: 450px) {
  .offcanvas {padding-top: 15px;}
  .offcanvas a {font-size: 18px;}
}


/****************************************** User Login Icon on small resolution ******************************************/
.desktop-show {
  display:block;
}
.desktop-hide {
  display:none;
}

@media screen and (max-width: 590px) {
  .desktop-show {
    display:none;
  }
  .desktop-hide {
    display:block;
  }
}

/****************************************** Responsive Product Image ******************************************/
.product-img-resp {
  height:270px;
  text-align:center;
  display:block;
  border-radius: 0.2rem 0.2rem 0 0;
  padding: 20px;
  /*object-position: 50% 50%;*/
}

.card .product-img-resp {
  overflow: hidden;
}

.product-img-resp img {
  
  max-width: 100%;
}

[class*=card-product] .product-img-resp {
  overflow: hidden;
  position: relative;
}
[class*=card-product] .product-img-resp img {
  height: 100%;
  max-width: 100%;
  width: auto;
  display: inline-block;
  -o-object-fit: cover;
     object-fit: cover;
}

.card-product-list .product-img-resp {
  height: 220px;
  border-radius: 0.37rem 0 0 0.37rem;
}

/****************************************** Product Color Sizes ******************************************/

.other-colors {
  display:flex;
  justify-content: center;
  padding: 1rem;
}

.other-colors span {
  width:20px;
  height:20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  border-radius: 20px;
  border: 1px solid #888888;
}

.other-sizes {
  display:flex;
  justify-content: center;
  padding: .2rem 1rem 1rem 1rem;
}

.other-sizes span {
  display: inline-block;
  margin-left: 5px;

}