/* AUDIOPHILE CUSTOM CSS  */ 

html {
  --aci-red: #B71C1C;
  --aci-mar: #740a0a;
  --aci-blk: #000;
  --aci-h1 :  "Oswald", sans-serif;
  --title-special:'Asap Condensed';
	--poppins:'Poppins';
  --opensans:'Open Sans';
	--white:#ffffff;
}




/* asap-condensed-latin-ext-400-normal */
@font-face {
	font-family: 'Asap Condensed';
	font-style: normal;
	font-display: auto;
	font-weight: 400;
	src: url(https://cdn.jsdelivr.net/fontsource/fonts/asap-condensed@latest/latin-ext-400-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/asap-condensed@latest/latin-ext-400-normal.woff) format('woff'), url(https://cdn.jsdelivr.net/fontsource/fonts/asap-condensed@latest/latin-ext-400-normal.ttf) format('truetype');
	unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
  }
  
  /* asap-condensed-latin-ext-500-normal */
  @font-face {
	font-family: 'Asap Condensed';
	font-style: normal;
	font-display: auto;
	font-weight: 500;
	src: url(https://cdn.jsdelivr.net/fontsource/fonts/asap-condensed@latest/latin-ext-500-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/asap-condensed@latest/latin-ext-500-normal.woff) format('woff'), url(https://cdn.jsdelivr.net/fontsource/fonts/asap-condensed@latest/latin-ext-500-normal.ttf) format('truetype');
	unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
  }
  
  /* asap-condensed-latin-ext-600-normal */
  @font-face {
	font-family: 'Asap Condensed';
	font-style: normal;
	font-display: auto;
	font-weight: 600;
	src: url(https://cdn.jsdelivr.net/fontsource/fonts/asap-condensed@latest/latin-ext-600-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/asap-condensed@latest/latin-ext-600-normal.woff) format('woff'), url(https://cdn.jsdelivr.net/fontsource/fonts/asap-condensed@latest/latin-ext-600-normal.ttf) format('truetype');
	unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
  }
  
  /* asap-condensed-latin-ext-700-normal */
  @font-face {
	font-family: 'Asap Condensed';
	font-style: normal;
	font-display: auto;
	font-weight: 700;
	src: url(https://cdn.jsdelivr.net/fontsource/fonts/asap-condensed@latest/latin-ext-700-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/asap-condensed@latest/latin-ext-700-normal.woff) format('woff'), url(https://cdn.jsdelivr.net/fontsource/fonts/asap-condensed@latest/latin-ext-700-normal.ttf) format('truetype');
	unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
  }
  
  /* asap-condensed-latin-ext-800-normal */
  @font-face {
	font-family: 'Asap Condensed';
	font-style: normal;
	font-display: auto;
	font-weight: 800;
	src: url(https://cdn.jsdelivr.net/fontsource/fonts/asap-condensed@latest/latin-ext-800-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/asap-condensed@latest/latin-ext-800-normal.woff) format('woff'), url(https://cdn.jsdelivr.net/fontsource/fonts/asap-condensed@latest/latin-ext-800-normal.ttf) format('truetype');
	unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
  }
  
  /* asap-condensed-latin-400-normal */
  @font-face {
	font-family: 'Asap Condensed';
	font-style: normal;
	font-display: auto;
	font-weight: 400;
	src: url(https://cdn.jsdelivr.net/fontsource/fonts/asap-condensed@latest/latin-400-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/asap-condensed@latest/latin-400-normal.woff) format('woff'), url(https://cdn.jsdelivr.net/fontsource/fonts/asap-condensed@latest/latin-400-normal.ttf) format('truetype');
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
  }
  
  /* asap-condensed-latin-500-normal */
  @font-face {
	font-family: 'Asap Condensed';
	font-style: normal;
	font-display: auto;
	font-weight: 500;
	src: url(https://cdn.jsdelivr.net/fontsource/fonts/asap-condensed@latest/latin-500-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/asap-condensed@latest/latin-500-normal.woff) format('woff'), url(https://cdn.jsdelivr.net/fontsource/fonts/asap-condensed@latest/latin-500-normal.ttf) format('truetype');
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
  }
  
  /* asap-condensed-latin-600-normal */
  @font-face {
	font-family: 'Asap Condensed';
	font-style: normal;
	font-display: auto;
	font-weight: 600;
	src: url(https://cdn.jsdelivr.net/fontsource/fonts/asap-condensed@latest/latin-600-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/asap-condensed@latest/latin-600-normal.woff) format('woff'), url(https://cdn.jsdelivr.net/fontsource/fonts/asap-condensed@latest/latin-600-normal.ttf) format('truetype');
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
  }
  
  /* asap-condensed-latin-700-normal */
  @font-face {
	font-family: 'Asap Condensed';
	font-style: normal;
	font-display: auto;
	font-weight: 700;
	src: url(https://cdn.jsdelivr.net/fontsource/fonts/asap-condensed@latest/latin-700-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/asap-condensed@latest/latin-700-normal.woff) format('woff'), url(https://cdn.jsdelivr.net/fontsource/fonts/asap-condensed@latest/latin-700-normal.ttf) format('truetype');
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
  }
  
  /* asap-condensed-latin-800-normal */
  @font-face {
	font-family: 'Asap Condensed';
	font-style: normal;
	font-display: auto;
	font-weight: 800;
	src: url(https://cdn.jsdelivr.net/fontsource/fonts/asap-condensed@latest/latin-800-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/asap-condensed@latest/latin-800-normal.woff) format('woff'), url(https://cdn.jsdelivr.net/fontsource/fonts/asap-condensed@latest/latin-800-normal.ttf) format('truetype');
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
  }
.asap-condensed-extralight {
    font-family: "Asap Condensed", sans-serif;
    font-weight: 200;
    font-style: normal;
  }
  
  .asap-condensed-light {
    font-family: "Asap Condensed", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .asap-condensed-regular {
    font-family: "Asap Condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .asap-condensed-medium {
    font-family: "Asap Condensed", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  
  .asap-condensed-semibold {
    font-family: "Asap Condensed", sans-serif;
    font-weight: 600;
    font-style: normal;
  }
  
  .asap-condensed-bold{
    font-family: "Asap Condensed", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .asap-condensed-extrabold {
    font-family: "Asap Condensed", sans-serif;
    font-weight: 800;
    font-style: normal;
  }
  
  .asap-condensed-black {
    font-family: "Asap Condensed", sans-serif;
    font-weight: 900;
    font-style: normal;
  }
  
  .asap-condensed-extralight-italic {
    font-family: "Asap Condensed", sans-serif;
    font-weight: 200;
    font-style: italic;
  }
  
  .asap-condensed-light-italic {
    font-family: "Asap Condensed", sans-serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .asap-condensed-regular-italic {
    font-family: "Asap Condensed", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .asap-condensed-medium-italic {
    font-family: "Asap Condensed", sans-serif;
    font-weight: 500;
    font-style: italic;
  }
  
  .asap-condensed-semibold-italic {
    font-family: "Asap Condensed", sans-serif;
    font-weight: 600;
    font-style: italic;
  }
  
  .asap-condensed-bold-italic {
    font-family: "Asap Condensed", sans-serif;
    font-weight: 700;
    font-style: italic;
  }
  
  .asap-condensed-extrabold-italic {
    font-family: "Asap Condensed", sans-serif;
    font-weight: 800;
    font-style: italic;
  }
  
  .asap-condensed-black-italic {
    font-family: "Asap Condensed", sans-serif;
    font-weight: 900;
    font-style: italic;
  }



  .poppins-thin {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
  }
  
  .poppins-extralight {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: normal;
  }
  
  .poppins-light {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  
  .poppins-semibold {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
  }
  
  .poppins-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .poppins-extrabold {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
  }
  
  .poppins-black {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: normal;
  }
  
  .poppins-thin-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: italic;
  }
  
  .poppins-extralight-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: italic;
  }
  
  .poppins-light-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .poppins-regular-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .poppins-medium-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: italic;
  }
  
  .poppins-semibold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: italic;
  }
  
  .poppins-bold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: italic;
  }
  
  .poppins-extrabold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: italic;
  }
  
  .poppins-black-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
  }

.container-fluid {    padding-right: 0!important; padding-left: 0!important;}

hr.thick{border-top: 2px solid #8b8b8b;padding: 10px 0;    margin-left: -15px; margin-right: 15px;}

/* HEADER SECTION */
#top .top-bar { border-top: 10px solid #B71C1C;display: block;}
#top .navbar-collapse ul li a {text-transform: uppercase;color: #A0A0A0;font-weight: 700;padding-top: 15px;}

#top-links ul li .fa {
    font-size: 25px;
    padding: 12px;
}
#top-links ul.list-inline {
    margin-bottom: 0px;
}

header .container-fluid #logo a img {
    border-right: 1px solid #E0E0E0;
    padding: 30px 15px 25px 15px;
}
i.fa.fa-shopping-cart {
    font-size: 43px;
}
#cart-total {
    float: right;
    padding: 7px;
}

.container-fluid #cart button {
    padding: 0px;
    background-color: white;
    border: 0;
}

.nav-mobile-number {
    float: left;
}
.icon-holder {
    float: left;
    margin-top: -8px;
    padding: 0 9px 0 0;
}
.nav-mobile-number {
    float: left;
    padding: 6px;
    width: 50%;
}
i.fa.fa-mobile { font-size: 45px; }
.nav-mobile-number-container {
    font-size: 13px;
    text-transform: uppercase;
}

.product-list .product-thumb h4 {
    font-size: 23px;
    text-align: left;
    padding-top: 23px;
    min-height: 54px;
    font-weight: 300;
    line-height: 25px;
    padding-left: 15px;
}
.product-list .product-thumb .caption p {
  text-align: left;
  font-size: 16px;
  height: auto;
  padding-left: 15px;
}
.product-list .product-thumb .caption p.price {
    font-size: 27px;
    padding-top: 20px;
    height: 43px !important;
}

.product-thumb {    border-radius: 5px;}
.product-thumb a {color: #333;font-weight: 600;}
.product-thumb .button-group button{background: #740a0a;text-shadow: #181818 1px 1px 0;font-size: 11px;font-weight: 500;}
.product-thumb .button-group button:hover {    background: #000!important;color: #FFF;}
.product-thumb:hover .button-group button{background-color:var(--aci-red)!important;}

p.box-pdesc-latest {display: none;}
p.box-pdesc-featured {display: none;}

.container .swiper-viewport {padding-top: 10px;}

/* HOME MEGA MENU */
/* Style the counter cards */
.card {
	text-align: left;
	background-color: #fff;
	cursor:pointer;
	padding: 20px 0;
    border-bottom: 1px solid #ccc;
  }
  .card .profile{
	 transition: 0.2s;
  }
  .card:hover .profile{
	transform:scale(1.4);
	border-top-right-radius:50px;
	border-top-left-radius:50px;
  }
  
  .card .content{
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
  }
  .card .content .back{
	position:absolute;
	width:100%;
	height:100%;
	background-color: #000000d6;
	transition:1s;
	color: #FFF;
	z-index:1;
	padding:10px;
  }
  .card .card_title h2{
	  color: #fff;
	  margin: auto;
	  text-transform: uppercase;
	  font-family: 'Poppins';
      letter-spacing: 0;
      font-weight: 600;
}
  .card .from-bottom h2 {font-family: 'Poppins'!important;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 22px;
	color: #fff;
	margin: 20px 0!important;
	letter-spacing: 0px!important;
	text-align: center;
  }
  .card .title h4 a {font-size: 15px; font-family: var(--title-font);font-weight: 600;}
  .card .date {font-size: 11px;}
  .card .date .author a {font-size: 11px;}
  .from-left{
	top:0;
	left:-100%;
  }
  .card:hover .content .from-left {
	 left:0%;
  }
  
  .from-bottom{
	top:100%;
	left:0;
  }
  .card:hover .content .from-bottom {
	 top:0%;
  }
  
  .from-right{
	top:0%;
	right:-100%;
  }
  .card:hover .content .from-right {
	 right:0;
  }
  
  .card .content .back h3{
	font-size:15px;
	letter-spacing:2px;
  }
  .card .content .back .tem-img{
	border-radius:100%;
  }
  
  .card .content .back .des{
	font-size:13px;
	padding:20px 0px;
  }
  .card .content .back .social-icon{
	list-style:none;
	margin:0px;
	padding:0px;
  }
  .card .content .back .social-icon li{
	display:inline-block;
  }
  
  .card .content .back .social-icon li a{
	display:block;
	background:#333;
	color:#fff;
	width:40px;
	height:40px;
	text-align:center;
	line-height:40px;
	border-radius:100%;
  }
  .card_title{
	  margin: 140% 0% 0% 0%;
	  border: 0;
	  background: #12100ba3;
	  position: absolute;
	  width: 100%;
	  transition: max-height .4s ease-in,background .4s ease-in;
	  display: flex;
	  height: 180px;
	  align-items: center;
	  flex-direction: column;
	  cursor: pointer;
  }
  .card .content .front {	  cursor: pointer;}
  .text_wrap { display: flex; align-items: center;}
  .banner-menu {width:100%}
  .hb-row { display: flex; flex-wrap: wrap; width: 100%;}
  .hb-column {
	  flex-basis: 50%;
	  padding-top: 15px;
	  padding-bottom: 7px;
	  border-top: 1px dotted #505050;
  }
  .hb-100-column {
	  flex-basis: 100%;
	  padding-top: 15px;
	  padding-bottom: 7px;
	  border-top: 1px dotted #505050;
  }
  .hb-100-column ul {
	  display: block;
	  text-align: center;
	  list-style: none;
	  margin-left: -15px;
	  padding-inline-start: 0;
  }
  .banner-menu li>a {color: #ebebeb!important;line-height: 130%;padding: 5px 3px;font-weight: 300;font-size: 12px;text-decoration: none;transition: margin-left 0.2s ease-in-out;}
  .hb-column ul { display: block; text-align: left; list-style: none; margin-left: -15px; }
  .banner-menu li .hb-all { color: #b1aeac;text-decoration:underline; }
  .hb-column ul>li>a:hover { color: #ffffff!important; text-decoration-line: underline; margin-left: 5px; }
  .hb-100-column ul>li>a:hover { color: #ffffff!important; text-decoration-line: underline; margin-left: 5px; }
  .containery { display: none; /*  Hidden by default */}

  .columnx { padding-right: 0;padding-left: 0; }

/*END NAV MEGA MENU HOMEPAGE*/

.btn-default {background-color: #878787 !important;}

/* CARD SECTION  - HOME PAGE */

#common-home .product-layout .product-thumb button i.fa{ font-size: 11px; }
.home-title h3 {letter-spacing: 5px;font-family: 'Oswald';background-color: #fff; display: inline-block; text-align: center; padding: 20px 8px; margin: 20px 0; font-weight: 500; text-transform: uppercase;font-size: 25px;}
.home-title h3:before{border-top: 1px solid #E0E0E0; bottom: 0; content: ""; left: 0; margin: 0 auto; position: absolute; right: 0; top: 51%; width: 95%;z-index: -1;}

#common-home .alert { padding: 20px; width: 80%; margin: 10px auto;}
.alert-dismissible .close{right: -5px;}
.product-thumb .price-tax {display: none; }
.brand-layout p {display: none;}
.product-thumb .image {transition: 0.2s all ease-in-out;}
.product-thumb:hover .image{transform: scale(1.2);}

.brand-layout .img-brands {transition: 0.2s all ease-in-out;}
.brand-layout:hover .img-brands {transform: scale(1.2);}
/* card page */
.alert-dismissible .fa {font-size: 16px;}
.input-group-btn button.btn.btn-primary .fa{font-size: 16px;}

/* list icon */
.product-thumb i.fa.fa-shopping-cart {font-size: 11px;}
#content .btn-group button .fa {font-size: 14px; padding-top: 5px;}

/* CARD ASIDE PRODUCT PAGE*/
aside .product-thumb .image{ float: left; padding: 15px;width: 110px;border-right: 1px solid #ccc; margin: 6px 0;}
aside .button-group {display: none;}
aside .product-layout.col-lg-2.col-md-3.col-sm-6.col-xs-12 {padding: 0;}
aside .product-thumb .caption{min-height: 100px;}
aside .product-thumb h4 {line-height: 14px;margin: 10px 0 0 0;text-align: left;min-height: 55px;padding-left: 15px;font-size: 13px; max-height: 55px;text-overflow: clip;overflow: hidden;}
aside .product-thumb .caption p.price {text-align: left;padding-left: 15px;}

aside .product-thumb .price-new::before {top: 13px;}
.product-layout .product-thumb .price-new::before {top: 13px;}
.product-thumb .price-new::before { content: "SALE"; position: absolute; left: 25px; background: #B71C1C; color: #fff; font-size: 9px; font-weight: bold; padding: 0px 4px; border-radius: 3px;top: 13px; }


/* SPECIAL PRICE */
.pb-30 { padding-bottom: 30px;}
.mb-5 {margin-bottom: 5px;}

/* =========================================
   STORE LOCATION PAGE
========================================= */
#information-information .store-location-page { width: 100%; margin: 35px 0 60px; background: #ffffff; border-radius: 8px; overflow: hidden; box-shadow: 0 8px 30px rgba(0,0,0,.08); }
#information-information .store-details { height: 100%; padding: 50px; }
#information-information .store-kicker { margin-bottom: 12px; color: #8b1e23; font-size: 12px; font-weight: 700; letter-spacing: 2px; }
#information-information .store-details h1 { margin: 0 0 8px; font-size: 36px; line-height: 1.2; font-weight: 700; }
#information-information .store-area { margin-bottom: 20px; color: #8b1e23; font-size: 18px; font-weight: 600; }
#information-information .store-address { margin-bottom: 30px; color: #666; font-size: 15px; line-height: 1.8; }
#information-information .store-img { padding: 10px; border: 1px dashed #ccc; margin: 10px 0; }
#information-information .store-contact { display: flex; align-items: center; gap: 15px; margin-bottom: 25px;}
#information-information .contact-icon { display: flex;align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; background: #8b1e23; color: #fff; font-size: 18px; }
#information-information .store-contact small { display: block; margin-bottom: 3px; color: #888; font-size: 10px; font-weight: 700; letter-spacing: 1px; }
#information-information .store-contact a { color: #222; font-size: 17px; font-weight: 600; text-decoration: none; }
#information-information .store-contact a:hover { color: #8b1e23; }
#information-information .store-details hr { margin: 30px 0; border: 0; border-top: 1px solid #eee; }
#information-information .store-info-block { display: flex; align-items: flex-start; gap: 15px; margin-bottom: 25px; }
#information-information .info-icon { flex: 0 0 40px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #f5f5f5; border-radius: 50%; font-size: 18px; }
#information-information .store-info-block h3 { margin: 0 0 7px; font-size: 16px; font-weight: 700; }
#information-information .store-info-block p { margin: 0 0 8px; color: #777; font-size: 14px; line-height: 1.7; }
#information-information .store-buttons { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px;}
#information-information .store-btn { display: inline-block; padding: 12px 22px; font-size: 13px; font-weight: 600; text-decoration: none !important; transition: all .25s ease; }
#information-information .store-btn-primary { background: #8b1e23; color: #fff !important; }
#information-information .store-btn-primary:hover { background: #68161a; color: #fff !important; }
#information-information .store-btn-outline { border: 1px solid #333; background: #fff; color: #333 !important; }
#information-information .store-btn-outline:hover { background: #333; color: #fff !important; }
#information-information .store-map { width: 100%; height: 100%; min-height: 850px; }
#information-information .store-map iframe { display: block; width: 100%; height: 100%; min-height: 850px; border: 0; }

@media (max-width: 991px) { /* TABLET */
    #information-information .store-details { padding: 40px 30px; }
    #information-information .store-details h1 { font-size: 30px; }
    #information-information .store-map, .store-map iframe { min-height: 450px; }
}
@media (max-width: 575px) { /* MOBILE */
    #information-information .store-location-page { margin-top: 20px; margin-bottom: 40px;}
    #information-information .store-details { padding: 30px 20px;}
    #information-information .store-details h1 { font-size: 27px; }
    #information-information .store-area { font-size: 16px;}
    #information-information .store-map, .store-map iframe { min-height: 350px; }
    #information-information .store-buttons { flex-direction: column; }
    #information-information .store-btn { width: 100%; text-align: center; }
}

/* FOOTER SECTION */
/* =======================================================
   ALL FOOTER CSS. TOP TO BOTTOM.
 ======================================================= */
/* Main footer wrapper */
footer {margin: 50px 0 0 0;}
footer .container-flex, .site-footer .container-flex, #footer .container-flex { width: calc(100% - 30px); max-width: none; margin-left: 15px; margin-right: 15px; padding-left: 0; padding-right: 0; }
footer, #footer, .site-footer { width: 100%; }
#footer {text-align: left;background-color: #f2f2f28f!important;}
#footer .row:first-child { padding: 35px 0 25px; }

/* #1 FOOTER TOP HOME CONTACT */
#footer #home-contact .bg-image { width: 100%; position: relative; overflow: hidden; box-shadow: inset 0 0 40px rgb(0 0 0 / 90%); }
#footer #home-contact .bg-image:hover { background-size: 125%; transition: background-size 0.10s ease-in-out; }
#footer #home-contact .home-contact .content {color: #fff;text-align: left;max-width: 800px;margin: 0 auto; }
#footer #home-contact .home-contact .content h3 { font-size: 4em; font-family: var(--title-special); text-shadow: 1px 3px 4px rgb(0 0 0 / 99%);color: aliceblue; }
#footer #home-contact .home-contact .content p  { font-size: 16px; line-height: 1.6; color: #fff; text-shadow: 1px 2px 2px rgb(0 0 0 / 99%); }
#footer #home-contact .home-contact .content .contact { margin-top: 20px; font-size: 18px; }
#footer #home-contact .home-contact .content .contact a  { font-size: 16px; line-height: 1.6; color: #fff; text-shadow: 1px 2px 2px rgb(0 0 0 / 99%); }
#footer #home-contact .home-contact .content .contact i.fa {font-size: 18px;}
#footer #home-contact .home-contact .content .contact a:hover { text-decoration: underline; }
#footer #home-contact .modal-title, #home-contact form  {color: #000;text-align: initial;}
#footer #home-contact .modal .modal-header .close { margin-top: -10px;}
#footer #home-contact .btn-secondary { color: #000;}

/* #2 FOOTER ABOUT AND SOCIAL MEDIA SECTION */
footer section#footer .socialmedia img {margin: 12px 0;}
footer section#footer .socialmedia .large-phone {font-size: 24px;font-weight: bold;color: var(--aci-mar);}
footer section#footer .socialmedia h5 {color: var(--aci-mar);font-size: 16px;text-transform: uppercase;font-weight: 700;position: relative;letter-spacing: 1px; padding-bottom: 10px;margin: 0 0 18px;}
footer section#footer .socialmedia p.f-about {font-size: 16px;line-height: 1.6;}
footer section#footer .socialmedia h5:before { content: ""; position: absolute; left: 0; bottom: 0; width: 38px;height: 3px; background: var(--aci-mar); }
footer section#footer .socialmedia .f-about-link {font-size: 16px;line-height: 1.6;color: #666;}
footer section#footer .socialmedia .f-about-link:hover {text-decoration: underline;color: #9f0e0e;}
footer section#footer .socialmedia ul.social-media li a {color: #424242;display: block; font-size: 24px; width: 48px;text-align: center;padding: 12px 0; border-radius: 3px;}
footer section#footer .socialmedia ul.social-media li a .fa {font-size: 24px;}
footer section#footer .socialmedia .social-media .afacebook {background-color: #337ab7; border: 1px solid #1c5a8f;}
footer section#footer .socialmedia .social-media .ainsta {background: #833ab4;background-image: linear-gradient(to left top, rgb(131, 58, 180), rgb(253, 29, 29), rgb(252, 176, 69));}
footer section#footer .socialmedia .social-media .amail {background-color: #880707; border: 1px solid #770a0a;}
footer section#footer .socialmedia .social-media .ayoutube {background-color: #B71C1C; border: 1px solid #770a0a;}
footer section#footer .socialmedia .social-media .atiktok {background-color: #000; border: 1px solid #770a0a;}
#footer .social-media a .fa-facebook, #footer .social-media a .fa-instagram, #footer .social-media a .fa-youtube, #footer .social-media a .fa-tiktok,  #footer .social-media a .fa-envelope  {color: #ffffff;text-shadow: 0 1px 2px rgb(0 0 0 / 83%);}

/* #3 FOOTER LINKS SECTION */
footer section#footer .links h5 { position: relative; margin: 0 0 18px; padding-bottom: 10px; color: var(--aci-mar); font-size: 16px;font-weight: 700;letter-spacing: 1px; text-transform: uppercase;}   
footer section#footer .links h5:after { content: ""; position: absolute; left: 0; bottom: 0; width: 38px; height: 3px; background: var(--aci-mar); }
footer section#footer .links .f-widget { height: 150px; }
/* Style the List Items as Flex Containers */
footer section#footer .links .list-unstyled li { display: flex; align-items: center; gap: 10px; /* Space between icon and text */ margin-bottom: 5px; cursor: pointer; color: #2c3e50; font-size: 15px; font-weight: 500;line-height: 20px; }
footer section#footer .links .list-unstyled li strong { font-size: 17px;font-weight: 600;margin-bottom: 5px;}
footer section#footer .links .list-unstyled li:last-child { margin-bottom: 0;}
/* Style the Link Text & Left-to-Right Red Fill */
.links .list-unstyled li a { text-decoration: none; font-size: 16px; font-weight: 500; display: inline-block;
    /* Gradient: 50% red, 50% dark gray */
    background-image: linear-gradient(to right, #6d1018 50%, #666666 50%); background-size: 200% 100%; background-position: 100% 0;
    /* Clip the gradient to text */
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    /* Smooth transition for sliding the gradient */
    transition: background-position 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);}
    /* 4. Style the Icon separately for the Nudge */
.links .list-unstyled li i { color: #666666; padding-right: 10px; font-size: 14px;
    display: inline-block; /* Crucial for transform to apply */       
    /* Smooth transitions for moving and color swap */
    transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1),
    color 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);}
    /* =======================================================
    HOVER STATES (Triggered when the entire <li> is hovered)
    ======================================================= */
    /* Slide the text gradient red */
.links .list-unstyled li:hover a {  background-position: 0 0; text-decoration: underline; }
    /* Nudge the arrow and turn it red */
.links .list-unstyled li:hover i { transform: translateX(12px); color: #6d1018; }

/* #4 FOOTER STORE LOCATIONS */
#footer .store-branches #store-info { width: 100%; margin: 0; padding: 25px 0; }
  /*remove ul styles*/
#footer .store-branches #store-info ul.none { display: flex; flex-wrap: wrap; width: 100%; margin: 0; padding: 0; list-style: none; }
#footer .store-branches #store-info .store-location { box-sizing: border-box; width: 16.666666% !important; display: inline-block !important; margin: 0; padding: 10px 18px; border-right: 1px solid #ddd; vertical-align: top; }
#footer .store-branches #store-info .store-location:last-child { border-right: none; }
#footer .store-branches #store-info .store-location .city { position: relative; font-family: "Oswald", sans-serif; margin: 0 0 5px; color: var(--aci-mar);font-size: 18px !important; font-weight: 600;line-height: 1.3; text-transform: uppercase; }
#footer .store-branches #store-info .store-location .suburb { margin: 0 0 12px; color: #888; font-size: 13px; font-weight: 600; line-height: 1.4; }
#footer .store-branches #store-info .store-location > p:last-child { margin: 0; color: #666; font-size: 12px; line-height: 1.7;}
#footer .store-branches #store-info .store-location a { color: inherit; text-decoration: none; transition: all .2s ease;}

#footer .store-branches #store-info .store-location > a:hover .city {color: var(--aci-red); }
#footer .store-branches #store-info .phone-number { display: inline-block; margin-top: 5px; font-weight: 700; transition: all .2s ease;}
#footer .store-branches #store-info .phone-number:hover { color: var(--aci-mar)!important; transform: translateX(5px); }
  /* dividers */
footer hr, .site-footer hr { margin: 0; border: 0; border-top: 1px solid #e5e5e5; }

  /* footer bottom */
footer .copyright, .site-footer .copyright { margin: 0; padding: 20px 10px; color: #888; font-size: 12px; letter-spacing: .3px; }

footer .row:first-child > .col-sm-3:not(:last-child) { border-right: 1px solid #eeeeee; }

/*TABLET*/
@media (max-width: 991px) {

    footer .row:first-child > .col-sm-3 { width: 50%; margin-bottom: 25px; }
    footer .row:first-child > .col-sm-3:nth-child(2) { border-right: none; }
    #store-info .store-location { width: 33.333333% !important; margin-bottom: 15px; }
    #store-info .store-location:nth-child(3) { border-right: none; }
    #footer .store-branches #store-info .store-location {width: 50% !important;border-bottom: 1px solid #ddd;}

}
/*MOBILE*/
@media (max-width: 767px) {

    footer .container,
    .site-footer .container,
    #footer .container { width: calc(100% - 20px); margin-left: 10px; margin-right: 10px; }
    /* Top footer */
    footer .row:first-child { display: block; padding-top: 25px; padding-bottom: 15px; }
    footer .row:first-child > .col-sm-3 { width: 100%;margin-bottom: 25px; padding-left: 15px; padding-right: 15px; border-right: none !important; border-bottom: 1px solid #eeeeee; padding-bottom: 20px; }
    footer .row:first-child > .col-sm-3:last-child { border-bottom: none;}
    /* Store locations */
    #store-info { padding: 15px 0; }
    #store-info ul.none { display: block; }
    #store-info .store-location { width: 100% !important; display: block !important; margin: 0; padding: 15px; border-right: none; border-bottom: 1px solid #ddd; }
    #store-info .store-location:last-child { border-bottom: none; }
    #footer .store-branches #store-info .store-location {width: 100% !important;}

    /* Bigger mobile store name */
    #store-info .store-location .city { font-size: 15px; }
    #store-info .store-location > p:last-child { font-size: 13px; }
    footer .copyright { padding: 18px 5px; font-size: 11px; }
}

/*SMALL MOBILE*/
@media (max-width: 480px) {
    footer h5 { font-size: 15px; }
    footer ul.list-unstyled li { font-size: 13px; }
    #store-info .store-location { padding: 14px 10px; }
    footer .row:first-child > .col-sm-3 { padding-bottom: inherit;}
    footer section#footer .links .f-widget {height: auto;}
}

/* STORE LOCATION ANIMATION*/

.store-location { position: relative; overflow: hidden; z-index: 1; }
/* Bottom-to-top shading layer */
.store-location::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: #26262604;transition: height 0.45s ease; z-index: -1; }
/* Animate upward on hover */
.store-location:hover::before { height: 100%; }
/* Keep content above the shading */
.store-location > * { position: relative; z-index: 2; }
/* Text color transition */
.store-location, .store-location a, .store-location .city, .store-location .suburb { transition: color 0.35s ease; }
.store-location:hover, .store-location:hover a, .store-location:hover .city, .store-location:hover .suburb { color: #fff; }
.store-location:hover .phone-number { color: var(--aci-red)!important; }
.store-location::before { content: "";  position: absolute; left: 0; bottom: -100%; width: 100%; height: 100%; background: linear-gradient( to top, #cccccc08 10%, rgba(36, 36, 36, 0.021) 60%, rgba(33, 33, 33, 0.107) 100% ); transition: bottom 0.5s ease; z-index: -1; }
.store-location:hover::before { bottom: 0; }

/* BRAND HOME*/
#banner-brands{ display: flex;flex-wrap: wrap;justify-content: center;     padding-right: 0; padding-left: 0;}
#banner-brands .brand-layout {border: 1px solid #ccc;}
#banner-brands .brand-layout img.img-brands { width: 75%;}
#banner-brands .brand-layout:hover {border: 1px solid #828080cc; box-shadow: 0 -4px 30px -15px rgb(0 0 0 / 30%);}

/* BRAND PAGE */
.bname { background: none repeat scroll 0 0 #f2f2f2; font-size: 20px; font-weight: bold; margin: 0 0 6px 0; padding: 15px 8px; border-radius: 4px; }
.brand-list{ border: 1px solid #f2f2f2; padding: 5px; margin-bottom: 20px; border-radius: 2px; background-color: #fff;}
.brand-list .brands-content { padding: 8px; }

/*PRODUCT PAGE*/
#title-header {
  background: #7b0000;
  border: 1px solid #2b0000;
  border-right: none;
  border-left: none;
  padding: 20px 0 30px;
  margin-bottom: 15px;
  font-family: var(--aci-h1);
  text-shadow: #2b0000 1px 1px 0; }

#title-header h1 { color:#ffffff}

#product-product h2 {font-size: 35px;font-family: 'Oswald';}
#product-product p.s-detail {font-size: 18px;font-weight: 300;letter-spacing: .5px; line-height: 24px;}
#product-product .original-price {color: #B71C1C;}
/** #product-product .sub-details-li {text-indent: 25px; padding: 9px 0;font-size: 15px;} **/
#product-product .sub-details-li span {font-weight: 700;color: #000; text-transform: uppercase;}
#product-product .tags { background-color: #660404; color: aliceblue; padding: 5px; border-radius: 4px;font-size: 11px; font-weight: 300; }
#product-product .sub-details-li p.outstock { color: red; font-weight: 600; }
#product-product .sub-details-li p.instock {  color: green;font-weight: 700; margin: 10px 0 0 0; }
#product-produc .sub-details { list-style: none; padding: 0; margin: 0; max-width: 400px; }
#product-product .sub-details-li {
  display: grid; grid-template-columns: 150px 1fr; /* First column is fixed width; second takes up the rest */
  padding: 14px 0; border-bottom: 1px solid #eee; /* Optional: gives it a clean table-row border */
  align-items: center;font-size: 14px; }
#product-product .sub-details-li a {color: var(--aci-mar);color: var(--aci-mar); text-decoration: underline; font-weight: 600; font-size: 14px; text-underline-offset: 5px;}
/* 4. Handle the "Out of Stock" paragraph row so it spans the full width */
#product-product .sub-details-li:has(.outstock),#product-product .sub-details-li:has(.instock),#product-product li:last-child.sub-details-li { display: block; padding-top: 20px; border-bottom: none; }
#product .form-group {display: flex;flex-wrap: nowrap;}

label.control-label {width: 120px;}
.form-control { border-radius: 0!important;}

#product-product button.btn.btn-default { background-color: #000; }

#product .fa-calendar{font-size: 18px;}
#product h3 {font-size: 20px;font-family: 'Oswald';text-transform: uppercase;}

#product-product table thead {font-family: var(--poppins);
    font-size: 1.3em;
    background-color: #d9d9d978;
    text-shadow: var(--white) 1px 1px 0;
    font-weight: 600;}
#product-product table thead tr th { padding: 10px 8px 8px 8px;}
#product-product table tbody tr th{ width: 35%;background-color: #e6e6e645;font-weight: 500;}

#product label {    font-size: 15px;
    text-transform: uppercase;
    font-weight: 800;
    padding: 10px 10px 0 25px;}

#product-product .nav-tabs li a {
    font-weight: 800;
    font-size: large;
    text-transform: uppercase;
    color: #b4b4b4; }
#product-product .nav-tabs li.active a { color: #B71C1C; } 

/* =================================
   PRODUCT AVAILABILITY NOTICE
   ================================= */

.product-availability-notice {
    position: relative;
    margin: 10px 0;
    padding: 5px 12px;
    
    background: #f5f5f5;
    border: 1px solid #dedede;
    border-left: 4px solid #8b0000;
    border-radius: 4px;
    
    color: #333;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
}


/* Main message */
.product-availability-notice .availability-message {
    margin: 0 0 15px;
    color: #616161;
    font-size: 13px;
    line-height: 1.6;
    font-weight: 500;
}


/* Contact heading */
.product-availability-notice .contact-title {
    margin: 15px 0 10px;
    
    color: #8b0000;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}


/* Contact rows */
.product-availability-notice .contact-row {
    display: flex;
    align-items: center;
    
    margin: 7px 0;
    
    font-size: 13px;
}


/* Contact labels */
.product-availability-notice .contact-label {
    width: 65px;
    font-weight: 700;
    color: #555;
}


/* Contact links */
.product-availability-notice a {
    color: #8b0000;
    font-weight: 600;
    text-decoration: none;
    
    transition: all 0.2s ease;
}


.product-availability-notice a:hover {
    color: #b00000;
    text-decoration: underline;
}


/* Subtle divider */
.product-availability-notice .contact-divider {
    height: 1px;
    background: #ddd;
    margin: 15px 0;
}


/* Mobile */
@media (max-width: 480px) {

    .product-availability-notice {
        padding: 17px 18px;
    }

    .product-availability-notice .contact-row {
        display: block;
    }

    .product-availability-notice .contact-label {
        display: block;
        width: auto;
        margin-bottom: 2px;
    }
}




#tab-description {margin: 20px 15px 0 15px;}
#tab-description p{font-family: var(--poppins); color: #424242;font-size: 13px; line-height: 20px;margin-bottom: 15px;}
#tab-description h3{font-family: var(--poppins);font-weight: 500;font-size: 1.5em !important;text-transform: uppercase;}
#tab-description h4{font-family: var(--poppins);font-weight: 700;font-size: 1.3em !important;text-transform: uppercase;}
#tab-description h5{font-family: var(--poppins);font-weight: 500;font-size: 1.2em !important;text-transform: uppercase;}

#product-product .tab-content {    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;}

@media (max-width: 478px) {
    .icon-holder {padding: 0 5px 0 0;}
    .nav-mobile-number-container{font-size: 11px;}
    #cart > .btn {font-size: 12px;}
	  header .container-fluid #logo a img {border: 0;padding: 35px 0 5px 0;}
    #logo {text-align: -webkit-center; }
    #menu #category {text-transform: uppercase;padding-top: 12px;padding-bottom: 10px;}
    #menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
        background-color: #B71C1C;}
    #menu .btn-navbar{background-color: #B71C1C;}
    .jumbotron.mp0 {margin: 5px 0;}
    .container-fluid{padding-right: 0;padding-left: 0;}
    #menu .nav > li > a{padding: 10px 4px 10px 30px;}
    #menu .nav > li > a:hover {color: #B71C1C;font-size: 15px;font-weight: 600;}
    #menu .nav > li > a:hover, #menu .nav > li.open > a {background-color: rgb(0 0 0 / 4%);}
    .nav-mobile-number-container span {font-size: 12px;}
    .nav-mobile-number {display: none;}
    i.fa.fa-shopping-cart {font-size: 40px;}
    .product-thumb .image img{ padding: 10px;}

}
@media (max-width: 600px) { 
  .news-home h4 {height: 150px;}
  .product-thumb h4 {font-size: 16px;font-weight: 600;}
  .product-thumb .caption p.price {font-size: 16px;}
  #carousel0 .item img{height: 180px!important;}
  .breadcrumb {display: none;}
  #content{margin-top: 15px;}
  .article-container .article-title, .article-container .article-meta {text-align: left;}
  #sidebar-blog-filters {padding-top: 15px;}
 }
@media (min-width: 768px) {
  .navbar-collapse.collapse {display: flex!important;}
  .navbar-nav {margin: 0;text-align: center;}
  .columnx h2 {font-size: 20px;}
  .card .from-bottom h2 {font-size: 16px;}
}
@media (max-width: 768px) {
  #menu .nav > li > a {padding: 14px 15px;border-bottom: 1px dotted #ccc;border-bottom: 1px dotted #ccc;transition: transform 0.4s ease-in-out;text-indent: 15px;font-weight: 600;font-size: 16px; border-left: 3px solid #6f1b1b;}
  #menu .navbar-nav { margin: 0; }
  #menu .dropdown-inner a {padding: 14px 35px;border-left: 7px solid #B71C1C;}
  #menu .nav > li > a::before, .dropdown-inner li > a { position: relative;}
  #menu .nav > li > a::before, .dropdown-inner li > a::before {
   content: "";
  position: absolute;
  top: 40%;
  left: 3px;
  transform: translateX(-50%);
  /* The triangle logic */
  border-width: 0.35em 0 0.35em 0.45em; 
  border-style: solid;
  border-color: transparent transparent transparent #6c0000; /* Points right */
  }
  .dropdown-inner li > a::before { border-color: transparent transparent transparent #B71C1C!important;}
  #menu .navbar-nav .dropdown-menu {padding: 0;}

}


@media (max-width: 770px) {

    .article-container .article-title {margin: 0 40px 15px 40px!important;}
      .navbar-header {background-color: #eee;}
.container-fluid .col-sm-12 {padding-right: 0;padding-left: 0;}
.container-fluid .row {margin-right: 0;margin-left: 0;}
header .container-fluid div > .col-sm-3 {width: 100%;}
header .container-fluid #logo a img {border: 0; padding: 35px 0 0 0;}
#logo {text-align: -webkit-center; }
#top .navbar-collapse ul li a { padding-top: 8px; padding-bottom: 8px;}
#top-links li {padding-top: 11px; padding-bottom: 12px;}
.product-thumb .button-group button {float: none;width: auto;border-radius: 3px;}
.product-thumb .button-group {    border-top: 0;background-color: inherit;margin: 0; padding-bottom: 20px;}
.product-thumb.transition {border: 1px solid #ccc;padding-bottom: 15px;}
.product-thumb i.fa.fa-shopping-cart {font-size: 13px;}
#content h3 {font-size: 26px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px;}
}

@media (max-width: 800px) {
  /* .navbar-nav>li>a {padding: 15px 4px;font-size: 10px;font-weight: 400!important;}*/
    .navbar-nav>li{display: list-item;}
    li.dropdown.open {width: 100%;}
    
    #menu .nav > li.open > a {
      background-color: #0f0000;
      font-weight: 600;
      font-size: 16px;
      padding: 14px 15px;
      color: aliceblue;
      text-decoration: none;
    }
    #menu .nav > li > a:hover {background-color: #B71C1C !important;font-weight: 600;text-indent: 15px;color: #fff;}
  }
@media (max-width: 990px) {
      .hidden-xs {display: none; visibility: hidden;}
  .article-container .article-title, .article-container .article-content, .article-container .article-meta{margin: 0!important;}
  .article-container .article-link {margin: 0 0 15px 0!important;text-align: left;}
   }

 @media (min-width: 1400px) { 
  #menu .navbar-collapse {display: flex!important;}

}
 @media (max-width: 1400px) {#mainMenu, .nav-mobile-number{display: none!important;} }

 @media (min-width: 1200px) {
    #banner-brands .col-lg-3 {  width: 19%!important; } 
  }

 /* NEWS HOME */
.news-home {  background: linear-gradient(to bottom, #fff, #ececec);
	transition: background 1.9s ease; position: relative; overflow: hidden; padding: 1px; box-shadow: 0 0 4px #e6e6e6; background-color: #f8f8f880;margin-top: 15px;}
.home-news-date { 
	display: flex;
    padding: 6px 10px 6px 10px;
    color: rgb(10, 10, 10);
    font-size: 11px;
    background-color: #cfcfcf;
    width: fit-content;
    margin: 15px 0 15px -1px;
    border-radius: 0 8px 8px 0;}
.news-home h4 { font-family: var( --title-special); padding: 35px 10px 6px 10px; font-size: 2.1em; font-weight: 700; color: #00000091; text-align: left;height: 160px;}
.news-home .day { padding: 0 4px; }
.news-home:hover { box-shadow: 0 0 6px #aca8a8;  background:linear-gradient(to bottom, #000, #000);  }
.news-home:hover h4 { color: #e0e0e0!important;text-decoration: underline;}
.news-home:hover .home-news-date{color:#ffffff!important;background-color: #9f0a0a;}
.news-home .news-img { position: relative;transition: opacity 0.3s ease;}
.news-img img { width: 100%; transition: opacity 0.3s ease; opacity: 0.9; transition: 0.3s all ease-in-out;}
.news-home:hover .news-img img { opacity: 1.0; transform: scale(.93); }
.news-content h4 { position: relative; z-index: 2; transition: color 0.3s ease;}

.simple-blog-widget {margin-top: 20px; margin-bottom: 30px;}
.simple-blog-widget .sub-title h4 {padding: 10px 15px; background-color: #000000; margin: 15px 0 5px; color: #4af807; font-weight: bold; text-transform: uppercase;}
.simple-blog-widget .sub-title-events h4 {padding: 10px 15px; background-color: #d21e1e; margin: 15px 0 5px; color: #fff; font-weight: bold; text-transform: uppercase;}

.simple-blog-widget .sub-title:hover h4, .simple-blog-widget .sub-title-events:hover h4 {text-decoration: underline; }

.article-container .article-title{margin: 0 95px 0 95px;}
.article-container .article-meta {margin: 0 95px 0 95px;}
.article-container .article-content {margin: 0 95px 0 95px;}
.article-container .article-link {margin: 0 95px 0 95px;}
.article-container .article-title h1 {margin-top: 5px; font-weight: 500; color: #222;}
.article-container .article-meta {margin-bottom: 15px;}
.article-container .article-meta .category {font-size: 0.9em; padding: 5px 10px;}
.article-container .article-meta span.text-muted {margin-left: 15px; font-size: 0.95em;}
.article-container .article-content h3 {font-weight: 300;font-size: 26px;}
.article-container .article-image {margin-bottom: 30px; text-align: center;}
.article-container .article-image img {border-radius: 4px; display: inline-block; max-height: 700px;margin-top:15px;}


.module-cat span.label {padding: .3em .6em .3em;}
.module-cat h4 {margin-top: 10px; font-weight: bold; line-height: 1.4;max-height: 45px;overflow: hidden;    height: 45px;}
.module-cat h4 a {font-size: 18px;font-weight: 600;}
.module-cat p {color: #666;font-size: 0.95em;line-height: 1.5;max-height: 55px;overflow: hidden;height: 55px;}

a:focus, button:focus, input:focus, select:focus {
  outline: none;
}

a:focus {
  outline: 0;
}

/* HTML CAROUSEL */
.carousel-single.container-slider01 {padding-top: 35px;}
.carousel-single li.col-md-12.ls-none { padding-left: 35px; margin-left: 0;}



#carousel0 {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin: auto;
}

#carousel0 .carousel-track {
  display: flex;
    width: 100%; /* 2 slides = 200% */
  transition: transform 0.5s ease-in-out;
}

#carousel0 .slide {
  min-width: 100%;
  display: flex;
}

#carousel0 .item {
  width: 100%;
  position: relative;
}

#carousel0 .item img {
  width: 100%;
  height: 245px;
  object-fit: cover;
  display: block;
margin-left:8px;
}


/* HOME MAIN SLIDER SWIPER*/
.swiper-viewport .swiper-pagination-bullet {width: 35px; height: 4px;border-radius: 1px;    background: rgb(255 255 255 / 70%);}
.swiper-viewport .swiper-pagination-bullet-active {background: rgb(226 31 31 / 95%);}

/* IMPORTANT: needed for overlay */
#carousel0 .item > a {
  display: block;
  position: relative;
  overflow: hidden;
}

/* Your original effect (fixed slightly) */
#carousel0 .slide .item > a:before {
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  width: 0;
  top: 0;
  left: 0;
  height: 100%;
  content: "";
  transition: all 0.3s ease-in-out;
}

#carousel0 .slide .item > a:hover:before {
  width: 100%;
  left: -15px;
  top: 0;
  height: 100%;
  margin-left: 15px;
}

/* Buttons */
#carousel0 button.prev,
#carousel0 button.next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: black;
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
}

#carousel0 button.prev { left: 10px; }
#carousel0 button.next { right: 10px; }

.swiper-pager {display: none;}

@media (max-width: 550px) {
.col-xxs-6 {
    width: 50%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
}

.navbar-nav .dropdown-menu {
    display: block !important;

    max-height: 0;
    overflow: hidden;

    opacity: 0;
    visibility: hidden;

    transform: translateY(-10px);

    transition:
        max-height 0.4s ease,
        opacity 0.3s ease,
        transform 0.3s ease,
        visibility 0.4s;

    will-change: max-height, opacity, transform;
}

.navbar-nav .dropdown.open > .dropdown-menu {
    max-height: 850px; /* increase if needed */
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}


/* HOME FEATURED PRODUCTS NEW 2026*/

.aci-grid {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.aci-grid-item {
  /*  flex: 0 0 25%;
     max-width: 25%; */
    padding: 0 0;
    margin-bottom: 30px;
}
.aci-card {
    position: relative;
    height: 480px; 
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.aci-card-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 0.5s ease;
    z-index: 1;
}
/* Individual on-mouse background hover zoom effect */
.aci-card:hover .aci-card-bg {
    transform: scale(1.08);
}

.aci-card-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 65%, rgba(0,0,0,0) 100%);
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.aci-brand {
    color: #ffffff;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: fit-content;
    background-color: #d9534f;
    border-radius: .25em;
    padding: .2em .6em 0.1em;
}
.aci-card:hover .aci-title a { padding-bottom: 15px; }
.aci-title a {
    color: #fff !important;
    text-decoration: none;
    font-size: 25px;
    margin: 4px 0 8px 0;
    display: block;
    font-weight: 500;
    text-shadow: 2px 3px 4px #000;
    font-family: "Oswald", sans-serif;
    transition: padding-bottom 0.4s ease;

}
.aci-price-container {
    margin-bottom: 12px;
}
.aci-price-normal {
    color: #fff;
    font-size: 20px;
    font-family: "Oswald", sans-serif;
    text-shadow: 2px 3px 4px #000;
}
.aci-price-old {
    color: #bbb;
    text-decoration: line-through;
    margin-right: 8px;
    font-size: 13px;
}
.aci-price-special {
    color: #ff4d4d;
    font-weight: bold;
    font-size: 18px;
}
.btn-aci-cart {
    background-color: #B71C1C;
    color: #ffffff;
    border: none;
    padding: 6px;
    width: auto;
    margin: 0 auto;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 3px;
    transition: background 0.3s ease, color 0.3s ease;
    text-shadow: #181818 1px 1px 0;
}
.btn-aci-cart:hover {
    background-color: #3e0808;
    color: #fff;
}

.btn-aci-cart i.fa.fa-shopping-cart {font-size: 13px;}

@media(max-width: 991px) {
    .aci-grid-item {

     
    }
}
@media(max-width: 480px) {
    .aci-grid-item {

        max-width: 100%;
    }
}

/* footer section */
.ptb35 {padding:35px 0;}
.ml15  {margin-left: 15px;}
.mr15  {margin-right: 15px;}
.mt-35 {margin-top:35px;}
.bt-1  {border-top: 1px solid #ccc;}



/* Section with background image and fallback color */


/* Background overlay */
.fluid-box.bg-color { background-color: rgb(66 66 66 / 20%); padding: 180px 20px; width: 100%; }







/* Responsive tweaks */
@media (max-width: 768px) {
  #home-contact.bg-image {
    background-attachment: scroll;   /* avoid parallax issues */
    background-size: cover;          /* always full coverage */
    background-position: center top; /* better crop for mobile */
  }
  #home-contact .content h3 { font-size: 35px;}
  #home-contact .content p { font-size: 14px; }
  #home-contact .content .contact { font-size: 16px; }
}

/* Base: apply to any element you want to nudge */
.nudge-up {
  --nudge: 8px;
  --duration: 220ms;
  --easing: cubic-bezier(.2,.8,.2,1);

  display: inline-flex;            /* keeps buttons/links tidy */
  align-items: center;
  gap: .4rem;

  transform: translateY(0);        /* set starting point */
  transition:
    transform var(--duration) var(--easing),
    box-shadow var(--duration) var(--easing),
    filter var(--duration) var(--easing);
  will-change: transform;          /* hint for smoother anim */
}

/* The very nice part: a tiny lift & subtle shadow */
.nudge-up:hover,
.nudge-up:focus-visible {
  transform: translateY(calc(-1 * var(--nudge)));
  box-shadow: 0 8px 20px rgba(0,0,0,.08);
  filter: brightness(1.02);
  outline: none;
}

/* Touch/click feedback */
.nudge-up:active {
  transform: translateY(calc(-1 * var(--nudge) + 1px)) scale(0.99);
}

/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  .nudge-up {
    transition: none;
  }
}

/* Order History Page*/ 


/* =========================================================
   OPENCART ORDER DETAILS
   ========================================================= */

html {
  --boxbg: linear-gradient(to bottom, #810000, #bc0000);
}


.order-details-card,
.order-products-card,
.order-comment-card,
.order-history-card, 
.order-list-card {
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 6px;
    overflow: hidden;
}


/* =========================================================
   CARD HEADER
   ========================================================= */

.order-card-header {
    padding: 14px 18px;
    background: var(--boxbg);
    border-bottom: 1px solid #e4e4e4;
}

.order-card-header h4 {
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 600;
    color: #fff;
    text-shadow: #2b0000 1px 1px 0;
}


/* =========================================================
   ORDER INFORMATION
   ========================================================= */

.order-info-grid {
    display: flex;
    width: 100%;
}

.order-info-column {
    width: 50%;
    padding: 18px;
}

.order-info-column + .order-info-column {
    border-left: 1px solid #e4e4e4;
}

.order-info-row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8px;
    line-height: 1.6;
}

.order-info-row:last-child {
    margin-bottom: 0;
}

.order-info-row strong {
    margin-right: 6px;
    color: #333;
}

.order-info-row span {
    color: #555;
}


/* =========================================================
   ADDRESS
   ========================================================= */

.order-address-grid {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.order-address-card {
    flex: 1;
    min-width: 0;
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 6px;
    overflow: hidden;
}

.order-address-body {
    padding: 18px;
    color: #555;
    line-height: 1.7;
}


/* =========================================================
   PRODUCT TABLE
   ========================================================= */

.order-products-card .table-responsive {
    border: 0;
}

.order-products-table {
    width: 100%;
    margin: 0;
    border: 0;
}

.order-products-table thead th, .order-list-card thead th{
    padding: 13px 12px;
    background: #f7f7f7;
    border-top: 0;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    white-space: nowrap;
}

.order-products-table tbody td {
    padding: 14px 12px;
    vertical-align: middle;
    border-color: #e8e8e8;
}

.order-products-table tbody tr:hover {
    background: #fafafa;
}

.order-products-table .fa {font-size: 16px!important;    line-height: 1.3;}


/* Product name */

.order-product-name {
    font-weight: 500;
    color: #333;
    line-height: 1.5;
}

.order-product-option {
    margin-top: 3px;
    font-size: 12px;
    color: #777;
}


/* Product total */

.order-product-total {
    font-weight: 600;
    white-space: nowrap;
}


/* Action column */

.order-action-column {
    width: 90px;
    min-width: 90px;
}

.order-product-actions {
    width: 90px;
    min-width: 90px;
    white-space: nowrap;
}

.order-action-btn {
    width: 36px;
    height: 36px;
    padding: 8px 0;
    margin-left: 3px;
    text-align: center;
    border-radius: 4px;
}


/* =========================================================
   TOTALS
   ========================================================= */

.order-products-table tfoot td {
    padding: 11px 12px;
    background: #fafafa;
    border-color: #e5e5e5;
}

.order-total-title {
    color: #333;
}

.order-total-value {
    font-weight: 500;
    white-space: nowrap;
}


/* Last total */

.order-products-table tfoot tr:last-child td {
    background: #f3f3f3;
    font-size: 16px;
}

.order-products-table tfoot tr:last-child .order-total-value {
    font-size: 18px;
    font-weight: 700;
}


/* =========================================================
   COMMENT
   ========================================================= */

.order-comment-body {
    padding: 18px;
    line-height: 1.7;
    color: #555;
}



/* =========================================================
   ORDER HISTORY
   ========================================================= */

.order-history-card {
    width: 100%;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 6px;
    overflow: hidden;
}

.order-history-card .order-card-header {
    padding: 14px 18px;
    border-bottom: 1px solid #e4e4e4;
}

.order-history-card .order-card-header h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}


/* Table */
.order-list-card table {margin-bottom: 0;}
.order-history-card .table-responsive {
    width: 100%;
    border: 0;
    margin: 0;
}

.order-history-table {
    width: 100% !important;
    margin: 0 !important;
    border: 0;
}

.order-history-table th {
    padding: 13px 12px;
    background: #f7f7f7;
    border-top: 0 !important;
    font-weight: 600;
    color: #333;
}

.order-history-table td {
    padding: 13px 12px;
    vertical-align: middle;
}


/* Status */

.order-history-status {
    display: inline-block;
    padding: 4px 10px;
    background: #5cb85c;
    color: #fff;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .order-address-grid { display: block; }
  .order-info-grid { display: block; }
  .order-address-card {margin-bottom: 10px;}

    /* Remove Bootstrap table-responsive behavior */

    .order-history-card .table-responsive {
        overflow: visible !important;
    }

    /*
     * Completely change the table into a card layout.
     */

    .order-history-table,
    .order-history-table tbody,
    .order-history-table tr,
    .order-history-table td {
        display: block !important;
        width: 100% !important;
    }


    /* Hide desktop table header */

    .order-history-table thead {
        display: none !important;
    }


    /* Each history record becomes a card */

    .order-history-table tbody tr {
        display: block !important;
        width: 100% !important;
        margin: 0;
        padding: 0;
        border: 0;
    }


    /* Individual fields */

    .order-history-table tbody td {
        position: relative;
        display: block !important;
        width: 100% !important;

        min-height: 44px;

        padding: 11px 15px 11px 125px !important;

        border: 0 !important;
        border-bottom: 1px solid #eeeeee !important;

        text-align: left !important;

        box-sizing: border-box;
    }


    .order-history-table tbody td:last-child {
        border-bottom: 0 !important;
    }


    /* Field labels */

    .order-history-table tbody td:before {
        content: attr(data-label);

        position: absolute;

        left: 15px;
        top: 11px;

        width: 100px;

        font-weight: 600;
        color: #333;

        text-align: left;

        white-space: normal;
    }


    /* Status */

    .order-history-table .order-history-status {
        margin: 0;
    }

}


/* =========================================================
   SMALL PHONES
   ========================================================= */

@media (max-width: 480px) {

    .order-history-card .order-card-header {
        padding: 12px 15px;
    }

    .order-history-card .order-card-header h4 {
        font-size: 15px;
    }

    .order-history-table tbody td {
        padding-left: 110px !important;
        font-size: 13px;
    }

    .order-history-table tbody td:before {
        left: 12px;
        width: 90px;
        font-size: 13px;
    }

}



/* =========================================
   ORDER LIST
   ========================================= */

.order-list-card {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 25px;
}

/* Header */

.order-list-card .order-card-header {
    padding: 16px 20px;
    border-bottom: 1px solid #e5e5e5;
}

.order-list-card .order-card-header h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

/* Table wrapper */

.order-list-table-wrap {
    width: 100%;
}

/* Table */

.order-list-table {
    margin: 0;
    width: 100%;
    border: 0;
}

.order-list-table > thead > tr > th {
    background: #f8f8f8;
    border-bottom: 1px solid #ddd;
    border-top: 0;
    padding: 13px 15px;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.order-list-table > tbody > tr > td {
    padding: 14px 15px;
    vertical-align: middle;
    border-top: 1px solid #eee;
}

/* Order ID */

.order-list-table .order-id {
    font-weight: 600;
}

/* Total */

.order-list-table .order-total {
    font-weight: 600;
    white-space: nowrap;
}

/* Status */

.order-list-table .order-status {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 4px;
    background: #f1f1f1;
    font-size: 12px;
    line-height: 1.4;
}

/* View button */

.order-list-table .order-view {
    width: 60px;
    white-space: nowrap;
}

.order-list-table .order-view .btn {
    min-width: 38px;
}

/* Hide View text on desktop */

.order-list-table .view-text {
    display: none;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 991px) {

    .order-list-table > thead > tr > th,
    .order-list-table > tbody > tr > td {
        padding: 12px 10px;
    }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .order-list-card {
        border-radius: 6px;
    }

    .order-list-card .order-card-header {
        padding: 14px 15px;
    }

    .order-list-card .order-card-header h4 {
        font-size: 17px;
    }

    /*
     * Convert table into cards
     */

    .order-list-table {
        display: block;
        width: 100%;
    }

    .order-list-table thead {
        display: none;
    }

    .order-list-table tbody {
        display: block;
        width: 100%;
    }

    .order-list-table tbody tr {
        display: block;
        width: 100%;
        padding: 15px;
        border-bottom: 1px solid #e5e5e5;
    }

    .order-list-table tbody tr:last-child {
        border-bottom: 0;
    }

    .order-list-table tbody tr td {
        display: block;
        width: 100% !important;
        padding: 7px 0;
        border: 0;
        text-align: left !important;
        position: relative;
    }

    /*
     * Label
     */

    .order-list-table tbody tr td[data-label]:before {
        content: attr(data-label);
        display: inline-block;
        width: 42%;
        padding-right: 10px;
        font-weight: 600;
        color: #555;
        vertical-align: top;
    }

    /*
     * Value
     */

    .order-list-table tbody tr td[data-label] {
        min-height: 30px;
    }

    /*
     * Order ID
     */

    .order-list-table .order-id {
        font-size: 15px;
        font-weight: 600;
    }

    /*
     * Status
     */

    .order-list-table .order-status {
        margin-left: 0;
    }

    /*
     * View button
     */

    .order-list-table .order-view {
        margin-top: 10px;
        padding-top: 12px;
        border-top: 1px solid #eee;
        text-align: right !important;
    }

    .order-list-table .order-view:before {
        display: none;
    }

    .order-list-table .order-view .btn {
        width: auto;
        min-width: 100px;
    }

    .order-list-table .view-text {
        display: inline;
        margin-left: 5px;
    }

}


/* =========================================
   SMALL MOBILE
   ========================================= */

@media (max-width: 480px) {

    .order-list-card .order-card-header {
        padding: 13px 14px;
    }

    .order-list-table tbody tr {
        padding: 13px;
    }

    .order-list-table tbody tr td {
        font-size: 13px;
        padding: 6px 0;
    }

    .order-list-table tbody tr td[data-label]:before {
        width: 40%;
        font-size: 12px;
    }

    .order-list-table .order-view .btn {
        width: 100%;
    }

}

```css
/* =========================================
   ADDRESS BOOK
   ========================================= */

.address-book {
    width: 100%;
    margin-bottom: 25px;
}

/* Address Item */

.address-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    width: 100%;
    padding: 18px 20px;
    margin-bottom: 12px;

    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;

    transition: border-color 0.2s ease,
                box-shadow 0.2s ease;
}

.address-item:hover {
    border-color: #d5d5d5;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* Address */

.address-content {
    flex: 1;
    min-width: 0;

    font-size: 14px;
    line-height: 1.7;
    color: #444;
}

/* Buttons */

.address-actions {
    display: flex;
    align-items: center;
    gap: 8px;

    flex-shrink: 0;
}

.address-btn {
    min-width: 80px;
    white-space: nowrap;
}

.address-btn i {
    margin-right: 4px;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 991px) {

    .address-item {
        padding: 16px;
        gap: 15px;
    }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .address-item {
        display: block;
        padding: 16px;
    }

    .address-content {
        width: 100%;
        margin-bottom: 15px;
        padding-bottom: 12px;

        border-bottom: 1px solid #eee;

        font-size: 14px;
    }

    .address-actions {
        width: 100%;
        justify-content: flex-end;
    }

    .address-btn {
        min-width: 90px;
    }

}


/* =========================================
   SMALL MOBILE
   ========================================= */

@media (max-width: 480px) {

    .address-item {
        padding: 14px;
        margin-bottom: 10px;
    }

    .address-content {
        font-size: 13px;
        line-height: 1.6;
    }

    .address-actions {
        display: flex;
        gap: 8px;
    }

    .address-btn {
        flex: 1;
        min-width: 0;
        text-align: center;
    }

    .address-btn i {
        margin-right: 3px;
    }

}
```