*{margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; outline:none;}
*::before, *::after {
  box-sizing:border-box;
  margin:0;
  padding:0;}

html {-webkit-text-size-adjust:100%;} 	
html,body {color:#222; font-family:'Helvetica Neue'; font-size:16px; font-weight:normal; margin:0; padding:0; line-height:1.3; -webkit-font-smoothing: antialiased;}
body {overflow-x:hidden; background-color:#efefef;}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Black.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Bold.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-BoldItalic.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;}	

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Heavy.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Italic.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Medium.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;}
@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-MediumItalic.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;}	

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-MediumItalic.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Thin.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Thin.woff') format('woff');
    font-weight:300;
    font-style: normal;
    font-display: swap;}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-ThinItalic.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-ThinItalic.woff') format('woff');
    font-weight:300;
    font-style: italic;
    font-display: swap;}	


@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Roman.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-UltraLight.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-UltraLight.woff') format('woff');
    font-weight:200;
    font-style:normal;
    font-display:swap;}

img {max-width:100%;}
p:empty {display:none;}
ul{margin:0; padding:0; list-style:none;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; color:#1E1E1E; font-family:'Helvetica Neue';}
h1 {font-size:48px; line-height:1.2; margin-bottom:20px; font-weight:400;}
h2 {font-size:36px; font-weight:500; margin-bottom:20px; line-height:1.2;}
h3 {font-size:28px; font-weight:500; margin-bottom:20px; line-height:1.2;}
h4 {font-size:24px; font-weight:500; margin-bottom:20px; line-height:1.2;}
.d-block {display:block; margin:0; padding:0;}

.text-center {text-align:center;}
.vcenter {align-items:center !important;}
.mauto {margin:0 auto!important;}
a, .alink {color:#1e1e1e; transition:all linear .3s; -o-transition:all linear .3s; -ms-transition:all linear .3s;-moz-transition:all linear .3s;-webkit-transition: all linear .3s;}
a:focus,a:visited,a:hover {outline:none; text-decoration:none; transition: all linear .3s;-o-transition:all linear .3s; -ms-transition:all linear .3s;-moz-transition:all linear .3s;-webkit-transition: all linear .3s; color:#000;}
.form-select:focus {    
	border-color:#91cde4;
    outline:0;
    box-shadow:none;}

.form-control:focus {outline:0; box-shadow:none; border-color:#bbb;}
.input-group > .form-control:focus, .input-group > .form-select:focus, .input-group > .form-floating:focus-within {z-index:1;}
.form-check-input:checked {
    background-color:#1e1e1e !important;
    border-color:#1e1e1e !important;}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {box-shadow:none;}	

.login-wrapper .form-control::-webkit-input-placeholder { 
  color:#999;}
.login-wrapper .form-control::-moz-placeholder { 
  color:#999;}
.login-wrapper .form-control:-ms-input-placeholder { 
  color:#999;}
.login-wrapper .form-control:-moz-placeholder { 
  color:#999;}

#content, #column-left, #column-right {padding-bottom:0 !important; min-height:400px;}
.btn-primary {
    background:#1E1E1E;
    color:#fff;
    border-color:#1E1E1E;
	border-radius: 0;
    padding: 12px 24px;
    font-size: 14px;
    line-height: 1;}
.btn-primary:hover {background:#000; border-color:#000;}	


.breadcrumb {
    margin: 0 0 20px 0;
    padding: 10px 0;
    border: none;
    border-radius: 0;
    background-color: transparent;}
.breadcrumb > li.breadcrumb-item:after {display:none;}	
.breadcrumb > li.breadcrumb-item {text-shadow:none; padding:0 15px 0 0; margin-right:15px; position:relative;}
.breadcrumb > li.breadcrumb-item:after {content:'';
    height:14px;
    width:2px;
    background:#00000099;
    position:absolute;
    right:0px;
    top:5px;
    display:inline-block;
    transform:none;}
.breadcrumb > li.breadcrumb-item:last-child:after {display:none;}	
.breadcrumb i {color:#00000099;}
.breadcrumb > li.breadcrumb-item > a {font-size:13px; color:#000000; text-decoration:none;}
.breadcrumb > li.breadcrumb-item:first-child > a {color:#00000099;}

.form-check-input:checked {
    background-color:#3BBFBC;
    border-color:#3BBFBC;}

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

.home-banner .banner-slide {position:relative;}
.home-banner .banner-content {
	position:absolute;
    left:50%;
    top:50%;
    max-width:1370px;
    padding:20px 0;
    width:100%;
    display:flex;
    flex-direction:column;
    transform:translate(-50%, -50%); 
	color:#fff;}
.home-banner .banner-content p {    
    margin:0 0 20px;
    font-size: 16px;
    font-family: 'Helvetica Neue';
    font-weight: 400;
    line-height: 1.4;
    max-width: 400px;
    text-align: left;
    display: block;
    padding: 0;
    color: #fff;}
.home-banner .banner-content .cta {
    display: inline-block;
    padding: 16px 30px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 400;
    max-width:fit-content;
    line-height: 1;}
.home-banner .banner-content .cta:hover {background:#000; color:#fff;}	

.home-banner .container {
    max-width: 100%;
    padding: 0;
    margin: 0 auto;}
.home-banner .banner-content h1 {
	color: #fff;
    font-weight: 400;
    font-family: 'Helvetica Neue';
    font-size:125px;
    line-height: 1.1;
    margin:20px 0 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 10px;
    max-width:100%;}
.home-banner .banner-content .right-cap {
    display: flex;
    align-items: center;
    gap: 30px;}	
.home-banner .banner-content sup { 
	display:none;
	top: -40px;
    left: -5px;
    font-weight: 300;
    font-size: 48px;
    position: relative;}	
.home-banner .banner-content h1 span.dash {
	font-weight:900; display:none;
    font-size:20px;
    font-style:normal;
    margin-right:0;
    position: relative;}	
.home-banner .banner-content h1 .dash:before {
    height: 3px;
    width: 100px;
    background: #fff;
    display: block;
    content: '';
    border-radius: 5px;}	
.home-banner .banner-content h1 span.large {display:none;}	
.home-banner .banner-content h1 span.right-cap br {display:none;}
.home-banner .banner-content h1 span.right-cap {
    font-size:36px; 
	line-height:1.2;
    font-weight: 200;
    font-style: italic;
    font-family: 'Helvetica Neue';
    text-transform:none;
    letter-spacing:0.5px;
	margin-bottom:15px;}		

/* Banner Product  */
.home-banner .banner-product {
  background: transparent;
  position: relative;
  z-index: 5;
  padding-top:60px;}
.home-banner .filter-pill { 
  display:none;
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(8px);
  padding: 8px 18px;
  border-radius: 30px;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
  transition: 0.3s;}
.home-banner .filter-pill:hover,
.home-banner .filter-pill.active {
  background: rgba(255,255,255,0.25);}
.home-banner .promo-card {
	backdrop-filter:blur(64px);
    background:#FFFFFF29;
    border-radius:25px;
    padding:25px;
    color:#fff;
    overflow:hidden;
    max-width:320px;}
.home-banner .promo-content {position: relative;}
.home-banner .sale-label {
  font-size: 14px;
  opacity: 0.8;
  margin-bottom: 10px;}
.home-banner .promo-title {
	font-size: 20px;
    font-weight: 500;
    margin-bottom: 25px;
    color: #fff;
    padding-right: 45px;}
.login-wrapper .divider:not(:empty)::before, .login-wrapper .divider:not(:empty)::after {border-color:transparent;}	
.home-banner .arrow-btn {
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
  color: #000;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  cursor: pointer;
  transition: 0.3s;}
.home-banner .arrow-btn:hover {transform:rotate(45deg);}
.home-banner .product-img-wrapper {
	background:#fff;
    border-radius:20px;
    padding:0;
    text-align:center;
    overflow:hidden;}
.home-banner .product-img-wrapper img {
      max-height:260px;
	  object-fit:cover;}
  

.site-header.floating-header .header-icons li, .site-header.floating-header .header-icons li a {color:#fff;}
.header-icons li, .header-icons li a {color:#000;}
.header-icons li a img {filter:invert(1);}
.site-header.floating-header .header-icons li a img {filter:none;}
.site-header.floating-header .header-icons li .dropdown a:hover {color:#fff;}
.header-icons .list-inline-item:not(:last-child) {margin-right:15px;}
.header-icons li a:hover {color:#eee;}
.header-icons li .dropdown a:hover {color:#000;}
.header-icons ul .dropdown-menu {border-radius:3px; padding:0; margin-top:4px !important; border:none;}
.site-header.floating-header .header-icons ul .dropdown-menu a {color:#000;}
.site-header.floating-header .header-icons ul .dropdown-menu a:hover {background:#000; color:#fff;}
.header-icons ul .dropdown-menu a {
	color:#000;
    font-weight:400;
    font-size:13px;
    padding:10px 12px;}
.header-icons ul .dropdown-menu a:hover {
	background:#000;
    color:#fff;}



/************* Header *************/
.site-header {
	position: relative;
    top: 0;
    background-color: #efefef;
    z-index: 1000;
    width: 100%;
    border-bottom: 1px solid #eee;
    box-shadow: none;}
.site-header.floating-header {
	position:absolute;
    top: 0;
    background-color: transparent;
    z-index: 1000;
    border-bottom:none;
    width:100%;}	
.site-header .logo a img {filter:brightness(0);}	
.site-header.floating-header .logo a img {filter:none;}	
.header-inner {
	display:grid;
	grid-template-columns:1fr auto 1fr;
	align-items:center;
	padding:20px 0;}
.logo a {
	font-size:28px;
	text-decoration:none;
	color:#000;
	font-weight:300;}
.header-inner .main-nav ul {
  list-style: none;
  display: flex;
  gap: 35px;
  margin: 0;
  padding: 0;}
.main-nav ul li {position:relative; line-height:1;} 
.main-nav ul li a {
  position:relative;
  text-decoration:none;
  color:#fff; 
  font-weight:500;
  padding-bottom:5px;
  display:inline-block;}
.site-header.floating-header .main-nav ul li a::after {background:#fff;} 
.main-nav ul li a::after {
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:0%;
  height:1px;
  background:#000;
  transition:width 0.4s ease;}
.main-nav ul li a:hover::after {width:100%;} 
.site-header.floating-header .header-inner .main-nav a {color:#fff;}
.header-inner .main-nav a {
	text-decoration:none;
	color:#000;
	font-size:14px;
	font-weight:400;
    letter-spacing:0.5px;}	
.header-inner .main-nav a:hover {text-decoration:none;}	

.header-inner .header-icons {text-align: right;}
.header-inner .header-icons .icon {
	margin-left:15px;
	text-decoration:none;
	font-size:18px;}
.header-inner .has-mega {position:relative;}
.header-inner .mega-menu {
	position:absolute;
	top:100%;
	left:50%;
	transform:translateX(-25%);
	width:700px;
	background:#fff;
	display:none;
	padding:25px;
	box-shadow:0 10px 40px rgba(0, 0, 0, 0.1);
	border-radius: 4px;}
.header-inner .has-mega:hover .mega-menu {display:grid;}
.header-inner .mega-menu {
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;}
.header-inner .mega-column h4 {
    margin-bottom:10px;
    font-size:14px;
    font-weight:500;}
.header-inner .mega-column a {
	display: block;
	margin-bottom: 10px;
	color: #555;}
.headerMenu .main-nav ul {
list-style:none;
margin:0;
padding:0;}
.headerMenu .main-nav .nav-link {
    padding:0 0 5px;
    margin:0;}
.headerMenu .main-nav {padding:0;}	
.header-inner .main-nav .mega-column a {color: #777 !important;
    font-size: 13px;
    margin-bottom: 6px;
    padding-bottom: 3px;}

.section {
	padding: 80px 60px;}
.section.light {background:#f7f7f7;}
.section-title {
	font-size:48px;
    font-weight:400;
    margin-bottom:30px;
    color:#1E1E1E;}
.product-card {    
	background:#efefef;
    padding:20px;
    border-left:1px solid #ddd;
    min-height:400px;
    position:relative;
	transition:0.3s; 
	overflow:hidden;}
.product-card .image {
    text-align: center;
    margin: 0;
    padding: 0;
	position: relative;
  overflow: hidden;}	
.product-card img {
	max-height:100%;
    object-fit:cover;
    transition:0.4s;
    max-width:100%;}
.product-card:hover img {transform:scale(1.05);}	
.product-card .tags {
    position: absolute;
    top: 15px;
    left: 15px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    z-index: 9;}	
.product-card .tag {
    background: #5D29061A;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 12px;
    display: inline-block;
    margin-right: 6px;
    text-transform: lowercase;}	
.product-card .content {
    padding: 20px 0 0;}	
.product-card h4 {
    font-size: 14px;
    margin: 0 auto;
    font-weight: 400;}	
 .product-card h4 a {
    color: #1e1e1e;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    text-decoration: none;}	
.hover-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 15px;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.4s ease;}
.product-card:hover .hover-overlay {
  opacity: 1;
  transform: translateY(0);}

.product-card .hover-overlay form {
    display: flex;
    flex-direction: column;
    gap: 8px;}
.product-card .hover-overlay button {
  padding:10px 20px;
  border-radius:30px;
  border:none;
  font-size:13px;
  cursor:pointer;
  transition:0.3s ease;
  background:#fff;
  color:#000;}
.product-card .btn-cart {
  background: #fff;
  color: #000;}

  
.product-card .hover-overlay .btn-view {
  padding:10px 20px;
  border-radius:30px;
  border:none;
  font-size:13px;
  cursor:pointer;
  transition:0.3s ease;
  background:#fff;
  color:#000;}
.product-card .hover-overlay .btn-view:hover {background:#000; color:#fff;} 
.product-card .btn-view:hover {background:#000; color:#fff;} 

  
.product-card .hover-overlay button:hover {background:#000; color:#fff;} 
.product-card .btn-cart:hover {background:#000; color:#fff;}
.product-card .btn-buy {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;}
.product-card .btn-buy:hover {
  background:#fff;
  color: #000;} 

	
.category-section {padding:0;}
.category-grid {
	display:grid;
	grid-template-columns:repeat(3, 1fr);}
.category-grid .category-item {
	position:relative;
	height:auto;
	overflow:hidden;
	text-decoration:none;
	color:#fff;}
.category-grid .category-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.8s ease;}
.category-section .overlay {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	background:
 linear-gradient(  to bottom,  rgba(0, 0, 0, 0.10),  rgba(0, 0, 0, 0.40)  );
	transition: background 0.6s ease;}

.category-section .overlay h3 {
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 16px;
    opacity: 1;
    transform: translateY(20px);
    transition: all 0.5s ease;
    color: #fff;}

.category-section .btn-light {
	background:#fff;
	color:#000; 
	display:none;
	padding: 10px 22px;
	border-radius: 25px;
	font-size: 14px;
	opacity: 1;
	transform: translateY(25px);
	transition: all 0.5s ease 0.15s;}
.category-item:hover img {
	transform: scale(1.06);}
.category-item:hover .overlay {background:linear-gradient(  to bottom,  rgba(0, 0, 0, 0.10),  rgba(0, 0, 0, 0.60)  );}
.category-item:hover h3,  .category-item:hover .btn-light {opacity:1; transform:translateY(0);}
.category-item:hover .btn-light {background:#000; color:#fff;}	


.about-purpose-section {
	background: #9B9CA0;
    background: linear-gradient(180deg, rgba(155, 156, 160, 1) 0%, rgba(166, 167, 169, 1) 50%, rgba(198, 198, 200, 1) 100%);
    padding:0 0 0 60px;}

.about-purpose-section .purpose-wrapper {
  display: grid;
  grid-template-columns: 1fr 1.8fr;
  align-items: center;
  gap: 60px;}

.about-purpose-section .purpose-content {max-width:100%; color:#000; padding-top:100px;}
.about-purpose-section .eyebrow {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 10px;
  display: inline-block;}
.about-purpose-section .purpose-content h2 {
    font-size:48px;
    font-weight:500;
    line-height:1;
    margin-bottom:20px;
    color: #1E1E1E;
    letter-spacing: -0.5px;}
.about-purpose-section .purpose-content p {
    font-size: 15px;
    line-height: 1.3;
    margin-bottom: 20px;
    color: #1E1E1E;
    font-weight: 400;}
.about-purpose-section .btn-dark {
  display: inline-block;
  margin-top:10px;
  padding: 14px 28px;
  background:#1E1E1E;
  color: #fff;
  border-radius: 30px;
  text-decoration: none;
  font-size: 14px;
  transition: 0.3s;}
.about-purpose-section .btn-dark:hover {background:#000;}
.about-purpose-section .purpose-image img {
	width: 100%;
    height: auto;
    object-fit: cover;
    min-height: 700px;}




.advantages-section {background:#f2f2f2;}
.advantages-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	min-height:inherit;}
.advantages-wrapper .advantages-image {max-height: 800px;}	

.advantages-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;}
.advantages-wrapper .advantages-content {
	padding:50px 50px 0;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	max-height: 800px;}
.advantages-content .small-title {
  font-size: 13px;
  font-weight: 700;
  letter-spacing:-0.3px;
  margin-bottom: 10px;
  display: inline-block;
  text-transform: uppercase; 
  color:#000;}
.advantages-content .intro-text {
	font-size: 14px;
    line-height: 1.3;
    margin-bottom: 120px;
    color: #1E1E1E;
    font-weight: 400;
    max-width: 400px;}
.advantages-content h2 {
    font-size: 48px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 20px;
    color: #1E1E1E;
    letter-spacing: -0.5px;}
.advantage-item {
	padding: 25px 0;
	border-top: 1px solid #0000004D;}
.advantage-item:last-child {border-bottom:1px solid #0000004D;}
.advantage-item h4 {
	font-size:18px;
	margin-bottom:10px;
	font-weight:500;}
.advantage-item p {
	font-size: 14px;
    color: #1E1E1E99;
    line-height:1.3;
    max-width:400px;
    margin-bottom: 0;}


.personalization-section {background: #e9e4df;}
.personalization-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	min-height: 90vh;}

.personalization-content {
	padding: 90px 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 100%;
    text-align: center;
    align-items: center;
    color: #000;}
.personalization-content .eyebrow {
	font-size:13px;
    letter-spacing:normal;
    text-transform:uppercase;
    color:#000;
    margin-bottom:10px;
    font-weight:bold;}
.personalization-content h2 {
	font-size:48px;
    font-weight:500;
    margin-bottom:30px;
    color:#1E1E1E;
    letter-spacing:-0.3px;}
.personalization-content p {
    font-size: 14px;
    line-height: 1.4;
    color: #1E1E1E;
    margin-bottom: 20px;
    max-width: 480px;}
.personalization-content .btn-dark {
	margin-top:10px;
	display: inline-block;
	background:#1e1e1e;
	color: #fff;
	padding: 12px 30px;
	border-radius:30px;
	text-decoration:none;
	font-size:14px;
	width: fit-content;
	transition: background 0.3s ease;}
.personalization-content .btn-dark:hover {background:#000;}
.personalization-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;}



/************* Footer *************/
footer {display:none;}
footer.site-footer {
    background:#f2f2f2;
    font-family:'Helvetica Neue';
    color:#000;
    display: block;
    padding: 0;
    border: none;
    bottom: 0;
    border-top:1px solid #cfcfcf;
	position:relative;}	
/*#common-home .main-home .footer-logo-row {display:none;}*/	
.footer-logo-row { 
	background:#f2f2f2;
	display:flex;
	justify-content:center;
    margin:0 auto;
	padding:40px 80px;
	border-top: 1px solid #cfcfcf;}
.footer-logo-inner {    
	max-width:100%;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    position: relative;
    color:#1E1E1E;
	margin:0 auto;}	
.footer-logo-inner .fl-left {display:none;}	
.footer-logo-inner .fl-right {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;}
.footer-logo-row h1 {
	font-size: 108px; line-height:1;
    font-weight: 400;
    margin: 0;
    color: #1E1E1E;
	letter-spacing: -0.3px;}
.footer-logo-row span {
	font-size: 28px;
	vertical-align: top;}
.footer-divider {
	height: 1px;
	background: #cfcfcf;
	margin: 0 80px;}
.footer-content {
    display: grid;
    grid-template-columns: 1.3fr 2fr;
    gap: 80px;
    padding: 40px 0 50px;
    max-width: 100%;
    margin: 0 auto;}
.footer-content .footer-newsletter {max-width: 440px;}	
.footer-newsletter p {
	max-width:100%;
	font-size: 15px;
	line-height: 1.4;
	color: #1e1e1e;}
.footer-newsletter .muted {
	margin-top: 15px;
    color: #1e1e1e;}
.newsletter-form {
    display: block;
    margin-top: 0;
    max-width: 360px;
    background: none;
    border-radius: 0;
    overflow: visible;
    position: relative;}
.newsletter-form .input-group {
    display: flex;
    margin-top:20px;
    max-width:360px;
    background: #fff;
    border-radius: 30px;
    overflow: hidden;
    position: relative;}	
#newsletterMessage {
	position: absolute;
    font-size: 13px;
    left: 0;
    max-width: 100%;
    width: 100%;
    top:56px;}	
#newsletterMessage .alert {
	margin-bottom: 0;
    height: auto;
    border: none;
    line-height: 1.2;
    padding: 10px;}		
.newsletter-form input {
	flex: 1;
	border: none;
	padding: 14px 18px;
	font-size: 14px;
	color: #666;
	outline: none;}
.newsletter-form button {
	border:none;
    background:#fff;
    padding:0 24px;
    font-size:14px;
    cursor:pointer;
    color:#666;
    border-left:1px solid #0000004D;}
.newsletter-form button:hover {background:#1e1e1e; border-left-color:#1e1e1e; color:#fff;}	

.footer-links {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px;}
.footer-col h4 {
	font-size: 15px;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #1E1E1E;
    font-weight: 500;}
.footer-links .footer-col a {
	display:block;
	text-decoration:none;
	color: #111;
	font-size: 14px;
	margin-bottom:0; 
	padding:10px 0;}
.footer-col a:hover {text-decoration:underline; color:#000;}
.footer-bottom {
	text-align: center;
	padding: 25px;
	font-size: 13px;
	border-top: 1px solid #cfcfcf;}

/******* Product box design *******/
.owl-carousel .product-card {}
.owl-carousel .product-card tags {}

.best-seller-section {
  background:#f2f2f2;
  padding:70px 0;}
.best-seller-section .owl-carousel {border-top:none; border-bottom:none;}
.best-seller-section .item .product-card .content {padding:15px 10px;}

.best-seller-section .section-title {
	font-size:48px;
    font-weight:400;
    margin-bottom:20px;
    color:#1E1E1E;}

.best-seller-section .product-card {
    background:#efefef;
    padding:0;
    border-left:none;
    min-height:400px;
    position:relative;
	transition:0.3s; 
	overflow:hidden;}

.best-seller-section .item .product-card .tags {
	position: absolute;
    top: 15px;
    left: 15px;
    display: flex;
    flex-direction: row;
    gap: 0;
    z-index:99;}
.no-product .text-end {text-align:center !important;}	
.best-seller-section .item .product-card .tag {
  background:#5D29061A;
  padding:6px 14px;
  border-radius: 20px;
  font-size: 12px;
  display: inline-block;
  margin-right:6px;
  text-transform: capitalize;
  text-align: center;
  font-weight: 400;
  cursor: pointer;}  
.best-seller-section .product-card .tag:hover {background:#433f36; transition:0.4s; color:#fff;}  
.product-card:hover .tag {
    background: #000;
    color: #fff;}

.best-seller-section .product-card .image {
	text-align:center;
    margin:0;
    padding:0;
    border:1px solid #ddd;
    border-right:none; 
	overflow:hidden;}
.best-seller-section .product-card .image a {
    display: block; text-decoration:none;
    width: 100%;
    height: 100%;
    overflow: hidden;}	
.best-seller-section .product-card img {
	max-height:100%;
    object-fit:cover;
    transition:0.4s;
    max-width:100%;}

.best-seller-section .product-card:hover img {transform:scale(1.05);}

.best-seller-section .product-card .content {
    padding: 20px 15px;
    text-align: left;
    display: flex;
    background: #f2f2f2;
    align-items: flex-start;
    justify-content: space-between;
	border: none;
    overflow: hidden;}
.best-seller-section .product-card h4 {
	font-size:14px;
    margin:0 auto;
    font-weight:400;}
.best-seller-section .product-card h4 a {color:#1e1e1e; font-weight:400; font-size:14px; line-height:1.3; text-decoration:none;}	
.best-seller-section .product-card h4 a:hover {color:#000; text-decoration:underline;}
.best-seller-section .product-card .content form .pro-btn-default {display:none;}

.product-card .price {
	font-size:14px;
    margin-top:3px;
    font-weight:400;
    color:#000;}
.product-card .price .price-new {font-weight:500;}
.best-seller-section .product-card .button {display:none;}
.owl-theme .owl-dots {margin-top:30px;}
.owl-theme .owl-dots .owl-dot span {
  width:60px;
  height:4px;
  background:#ccc;
  border-radius:3px;}
.owl-theme .owl-dots .owl-dot.active span {background:#333;}


/************ Login Page ************/

#account-login, #account-register, #account-forgotten {padding:20px 2rem 50px;}  
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
	color:#fff;
    background-color:#1e1e1e;
    border-color:#1e1e1e;}
.btn:focus-visible {
    color:#fff;
    background-color:#1e1e1e !important;
    border-color:#1e1e1e !important;
    outline:0;
    box-shadow:none;}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {background-color:#000; border-color:#000;}	
	
.login-wrapper {
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;}
.login-wrapper .login-card {
    background:#efefef;
    padding:40px;
    border-radius:12px;
    width:100%;
    max-width:520px;
    box-shadow:none;}
.login-wrapper .login-title{
    font-size:32px;
    font-weight:600;}
.login-wrapper .form-label {
    margin-bottom: 5px;
    font-size: 15px;
    color: #5E5E5E;
    font-weight: 400;
    display: block;}

.login-wrapper .form-group label {
    margin-bottom: 5px;
    font-size: 14px;
    color: #5E5E5E;
    font-weight: 400;
    display: block;}		

.login-wrapper .login-subtitle {
    color:#525252;
    font-size:15px;}
.login-wrapper .google-btn {
    border: 1px solid #BFBFBF;
    border-radius: 5px;
    padding: 14px;
    background: none;
    transition: .3s;
    font-size: 15px;
    color: #828282;
    font-weight: 500;
    max-width: 100%;
    margin: 0 auto;
	display:none !important;}
.login-wrapper .google-btn:hover {
	background: #fff;
    border-color: #fff;
    color: #1e1e1e;}

.login-wrapper .divider {
    display:none;
    align-items:center;
    text-align:center;
    color:#999;
    margin:25px auto;
	max-width: 50%;}
.login-wrapper .divider::before,
.login-wrapper .divider::after{
    content:"";
    flex:1;
    border-bottom:2px dashed #ABABAB;
    margin-top: 2px;}
.login-wrapper .divider:not(:empty)::before{margin-right:10px;}
.login-wrapper .divider:not(:empty)::after {margin-left:10px;}
.login-wrapper .form-control {
	height:48px; font-size:14px;
    padding: 6px 10px;
    border-radius:5px;
    border:1px solid #BFBFBF;
    background-color:transparent;}
.login-wrapper .login-btn {
	background: #1E1E1E;
    border: none;
    height: 50px;
    border-radius: 6px;
    color: #fff;
    font-weight: 500;
    transition: .3s;}
.login-wrapper .login-btn:hover {opacity:1; background:#000;}
.login-wrapper .bottom-link {
    text-align:center;
    margin-top:80px;
    color:#828282;
    font-size:14px;}
.login-wrapper .bottom-link a {
    color:#1e1e1e;
    font-weight:500;
    text-decoration:none;}
.login-wrapper .bottom-link a:hover {text-decoration:underline;}
.login-wrapper .form-check label {
    font-size:13px;
    font-weight:normal;
    color:#777;}
.login-wrapper .form-check label a {    
	color:#1E1E1E;
    font-weight:600;
    font-size:13px;}	
.login-wrapper .form-check label a:hover {color:#000; text-decoration:underline;}	
.login-wrapper form a.text-dark {
    color: #1E1E1E;
    font-weight:600;
    font-size: 13px;}	
.login-wrapper form a.text-dark:hover {color:#000; text-decoration:underline;}	
.login-wrapper .form-check label a b {font-weight:600;}
#account-login .left-side, #account-register .left-side, #account-forgotten .left-side {padding:0;}
.auth-img-wrapper {border-radius:20px; overflow:hidden;}
.auth-img-wrapper img {
	border-radius:20px;
    overflow:hidden;
    height:100%; width:100%;
    object-fit:cover;
    aspect-ratio:800 / 900;}
#account-register .login-wrapper .bottom-link {margin-top:30px;}

.invalid-feedback {font-size:12px;}
#account-register .login-wrapper .login-card, #account-forgotten .login-wrapper .login-card {padding:0 40px;}
/*#alert {
    z-index:9999;
    position:sticky;
    top:4%;
    left:inherit;
    width:600px;
    margin-left: auto;
    right:inherit;
    margin-right:auto; font-size:14px;}*/
#alert {
    z-index:9999;
    position:fixed;
    top:25%;
    left:0;
    width:600px;
    margin-left: auto;
    right:0;
    margin-right:auto; font-size:14px;}	
#alert a {
    color:#151515;
    text-decoration:underline;
    font-size:14px;}	
#alert a:hover {text-decoration:none; color:#000;}	
	

.form-group button.psw-toggle {
    background-color:#1e1e1e;
    border-color:#1e1e1e;
    padding-left:0.80rem;
    padding-right:0.80rem;
	min-width:50px;}	
.login-wrapper .form-check-input:checked {
    background-color: #1e1e1e;
    border-color: #1e1e1e;}	
.form-check-input:focus {
    border-color: #1e1e1e;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.25);}	
	
.owl-carousel .owl-nav {display:none;}	
.bestSellerSlider .owl-carousel .owl-nav {display:none;}
.bestSellerSlider .owl-dots {
    text-align:center;
    margin-top:0;
	margin:20px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;}
.bestSellerSlider .owl-dot {
    width:150px;
    height: 4px;
    margin: 0 3px;
    background:#D9D9D9;
    border-radius: 50px;
    display: inline-block;
    transition: 0.4s ease;}
.bestSellerSlider .owl-dot span {
    display:none;}
.bestSellerSlider .owl-dot.active {
    background:#D9D9D9;
    width:80px;}		
.bestSellerSlider .owl-dot.active {
    position: relative;
    overflow: hidden;}
.bestSellerSlider .owl-dot.active::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background:#000000B2;
    animation: progress 5s linear forwards;}

@keyframes progress {
    from { width: 0; }
    to { width: 100%; }
}	

.product-card .content .bookmark img {max-width:15px;}
.product-card .content .bookmark button {border: none; background-color:transparent; background:none; outline:none;}
.best-seller-section .product-card:hover .bookmark img {transform:none;}


/******************** FAQ ********************/

.faq-section {padding:0; background:#E0DBD8; margin:0 auto; max-width:100%; overflow-x:hidden;}
.faq-section .accordion-button:not(.collapsed)::after {background-image:none; transform:none;}
.faq-section .col-lg-6.faq-img {padding:0; max-height:740px;}
.faq-section .faqContent {
	padding:20px 10px 0 30px;
    max-width:100%;
    margin:0 auto;
    display:block;}
.faq-small-title{
font-size:14px;
font-weight:700;
letter-spacing:.5px;
margin-bottom:5px;}
.faq-heading{
font-size:48px;
font-weight:600;
margin-bottom:30px;}
.faqsmall-top {margin-bottom:90px;}
.accordion-item{
border:none;
border-bottom: 1px solid #0000004D;
border-top: 1px solid #0000004D;
background:transparent;
border-radius:0 !important;}

.accordion-button{
background:transparent;
font-weight:500;
font-size:18px;
padding:18px 0;
box-shadow:none;}

.accordion-button:not(.collapsed){
background:transparent;
color:#000;
box-shadow:none;}
.accordion-button::after {
content:"+";
font-size:28px; 
color:#1E1E1E;
font-weight:300;
background:none;
transform:none;}
.accordion-button:not(.collapsed)::after {content:"\2715"; font-family:"Font Awesome 6 Free"; font-size:18px; color:#1E1E1E;}
.accordion-body {
padding-left:0;
color:#777;
font-size:15px;}
.faq-img img {
width:100%;
height:100%;
object-fit:cover;}
.accordion-button:focus {
    z-index:3;
    outline:0; 
	border:none;
    box-shadow: none;}

#product-category h1 {    
	margin:20px auto;
    display:block;
    font-weight:400;}	
.category-links {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
	flex-wrap: wrap;}
.category-links .list-group-item {    
	background: #E4E4E4;
    color: #000;
    border-radius: 30px;
    padding:12px 25px;
	height: 42px;
    line-height:1.2;
    font-size:15px; 
	text-decoration:none;
	text-transform: capitalize;}	
.category-links .list-group-item:hover {background:#000; color:#fff;}	
.category-links .list-group-item.active {background:#000; color:#fff;}

.item .product-card {
    background:#efefef;
    padding:0;
    border-left:none;
    min-height:400px;
    position:relative;
    transition:0.3s;
    overflow:hidden;}	
.item .product-card .tags {
	position: absolute;
    top: 15px;
    left: 15px;
    display: flex;
    flex-direction: row;
    gap: 0;
    z-index: 9;}
.item .product-card .tag {
  background:#5D29061A;
  padding:6px 14px;
  border-radius: 20px;
  font-size: 12px;
  display: inline-block;
  margin-right:6px;
  text-transform: capitalize;
  text-align: center;
  font-weight: 400;
  cursor: pointer;}  
.item .product-card .tag:hover {background:#433f36; transition:0.4s; color:#fff;}  
.item .product-card:hover .tag {
    background: #000;
    color: #fff;}
.item .product-card .image {
	text-align:center;
    margin:0;
    padding:0;
    border:1px solid #ddd;
	overflow:hidden;}
.item .product-card .image a {
    display: block; text-decoration:none;
    width:100%;
    height:auto;
    overflow: hidden;}	
.item .product-card img {
	max-height:100%; width:100%;
    object-fit:cover;
    transition:0.4s;
    max-width:100%;}
.item .product-card:hover img {transform:scale(1.05);}
.item .product-card .content {
    padding:15px 5px;
    text-align: left;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
	border: none;
    overflow: hidden;}
.item .product-card .product-info {
	color:#aaa; 
	font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    text-decoration: none;}	
.item .product-card h4 {
	font-size:14px;
    margin:0 auto;
    font-weight:400;}
.item .product-card h4 a {color:#1e1e1e; font-weight:400; font-size:14px; line-height:1.3; text-decoration:none;}	
.item .product-card h4 a:hover {color:#000; text-decoration:underline;}
.item .product-card .content form .pro-btn-default {display:none;}	

.related-section .item .product-card { padding-right:10px;}

#product-category #product-lists {margin:30px auto 0;}
#product-lists .category-banner img {
    width: 100%;
    height: 100%;
    aspect-ratio: 800 / 400;
    object-fit:cover;}
.load-more {margin:10px auto 50px;}
.load-more button.btn {color:#1E1E1E; 
	position:relative;
    background:no-repeat;
    border:none;
    font-size:16px;
    text-transform:uppercase; 
	text-decoration:none; 
	padding:0;}
.load-more button.btn:after {content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:0.05rem;
    background:#000;
    transition:width 0.4s ease;}	
.load-more button.btn:hover:after {width:0%;}	
.load-more button.btn:hover {text-decoration:none; color:#000;}	
#product-category select.form-select {background-color:#E4E4E4;}

.heading-center {
    text-align: center;
    margin: 0 auto 60px;
    display: block;
    max-width: 100%;}
.heading-center h1 {text-align:center; margin-top:0 !important;}
.heading-center p {max-width: 430px;
    margin: 0 auto 20px;
    font-weight: 400;
    color: #1E1E1E99;
    font-size: 16px;}
.no-product {
    margin: 0 auto;
    text-align: center;
    padding: 40px 0;
    max-width: 600px;
    min-height: 240px;}
.no-product a.btn-primary {min-width:300px;}	
.no-product a:focus {color:#fff;}
.no-product p {font-weight: 400;
    color: #1E1E1E99;
    font-size: 16px;}	

#product-info h1 {
    font-size: 36px;
    margin: 0 auto 5px;
    line-height: 1.1;}	
#product-info .ul-info {    
	padding-left: 0;
    list-style: none;
    color: #00000080;
    font-size: 15px;
    line-height: 1.2;
    margin:0 auto 10px;}	
#product-info .ul-pricing {margin:20px auto; display:block;}
#product-info .ul-pricing h2 {font-size:20px;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 1.2;
    color: #000; display:block;}
#product-info .ul-pricing .price-new {font-weight:500;} 
#product-info .sort-description {
    color:#1E1E1E;
    font-size:14px;
    line-height:1.3;
    text-align:left;
    max-width:65%;
    margin-bottom:30px;}
.accordion-button:not(.collapsed)::after {background-image:none; transform: none;}

.cart-btns {
    display:flex;
    flex-direction:column;
    gap:10px;}
.cart-btns .input-group	{position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 50%;
    padding-right: 5px;}
.cart-btns #input-quantity {
    max-width:100%; 
	text-align:center;
    border-radius:2px;
    height:42px;
	    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;}	
.cart-btns input[type=number]::-webkit-inner-spin-button, 
.cart-btns input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance:none; 
  margin:0;}	
.cart-buttons {
    display: flex;
    gap: 10px;
    max-width: 100%;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;}
.cart-btns .input-group button[type="button"] {    
	background-color:#ddd;
    border-radius:0;
    border-color:#ddd; 
	color:#1e1e1e;}
.cart-btns .input-group button[type="button"]:hover {	
	background-color:#1e1e1e;
    border-radius:0;
    border-color:#1e1e1e; 
	color:#fff;}		
.cart-buttons button {max-width: 100%; width: 50%; text-transform:uppercase; box-shadow:none;}	
.cart-buttons #button-cart {
    max-width: 100%;
    width: 50%;}	
.cart-buttons #button-buy {
	width: 50%;
    max-width: 100%;
    background: none;
    border-color:#1E1E1E;
    color: #1E1E1E;}
.cart-buttons #button-buy:hover	{color:#fff; background:#1E1E1E;}
.detail-right {padding-left:50px;}
#product-info .breadcrumb {margin-bottom:40px;}
.detail-left .owl-carousel .owl-item .img-thumbnail {
    padding:0;
    background:none;
    border-radius:0;}
#product-info .accordion-item .accordion-header .accordion-button {position:relative;}	
#product-info .accordion-item .accordion-header .accordion-button::after {    
    color:#1E1E1E;
    font-weight:300;
    background:none;
    transform:none;
    top:17px;
    position:absolute;
    right:0;}
#product-info .accordion-item .accordion-header .accordion-button.collapsed::after {top:10px;}
.related-section {
    margin:0 auto;
    padding:20px 0 50px;}	
.related-section h3 {    
	margin-bottom: 20px !important;
    margin-top: 0;
    font-size: 42px;
    font-weight: 400;
    padding: 0;
    display: block;
    width: 100%;}	
.related-section .owl-dots  {display:none;}	
.related-section .related-nav {display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;}
.related-section .related-nav button.btn i {font-size:18px; color:#8A8A8A;}
.related-section .related-nav button.btn:hover i {color:#1e1e1e;}
.related-section .item .product-card .content {padding:15px 10px;}
.related-nav button:focus:not(:focus-visible), .related-nav button:active {color: #1e1e1e;
    background-color: transparent;
    border-color: transparent;}


.category-grid {
	display:grid;
	grid-template-columns:repeat(3, 1fr);}
.category-slider .owl-item {position:relative;
	height:auto;
	overflow:hidden;}	
.category-slider .owl-item .category-item {
	position:relative;
	height:auto;
	overflow:hidden; display:block;
	text-decoration:none;
	color:#fff;}
.category-slider .category-item img {
	width:100%;
	height:auto;
	object-fit:cover;
	transition:transform 0.8s ease;}
.category-slider .category-item:hover img {
	transform: scale(1.06);}
.category-slider .category-item:hover .overlay {background:linear-gradient(  to bottom,  rgba(0, 0, 0, 0.10),  rgba(0, 0, 0, 0.60)  );}
.category-slider .category-item:hover h3, .category-slider .category-item:hover .btn-light {opacity:1; transform:translateY(0);}
.category-slider .category-item .btn-light {min-width:120px; display:none;}
.category-slider .category-item:hover .btn-light {background:#000; color:#fff;}			
#product-info .category-section {margin-bottom:25px;}

#shopping-cart .table-responsive {border:1px solid #D9D9D9; border-radius:8px;}
#shopping-cart .table-responsive table tr td {border:none; padding:18px; vertical-align:middle;}
#shopping-cart .table-responsive table {
    padding:0;
    margin:0;
	vertical-align: middle;}
.cart-action-btn {padding:50px 15px;}	
.cart-action-btn .btn-light {
	width:50%;
    max-width:100%;
    background: none;
    border-color:#1E1E1E;
    color: #1E1E1E;
	border-radius: 0;
    padding:14px 25px;
    font-size: 14px;
    line-height: 1;}
.cart-action-btn .btn-light:hover {
    color:#fff;
    border-color:#1E1E1E;
    background:#1E1E1E;}	
.cart-action-btn .btn-primary {
	width:50%;
    max-width:100%;
	background:#1e1e1e;
    color:#fff;
    border-color:#1e1e1e;
    border-radius:0;
    padding:14px 25px;
    font-size:14px;
    line-height:1;}
.cart-action-btn .btn-primary:hover {background:#000; border-color:#000;} 	
#shopping-cart .table-responsive table tr td.cart-thumb {width:10%;}
#shopping-cart .table-responsive td.cart-title a {
    color: #1E1E1E;
    text-decoration:none;
    font-size: 15px;
    line-height: 1.2;
    display: block;}
#shopping-cart .table-responsive td .info {display: block;
    color: #00000080;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;}
#shopping-cart .table-responsive td .price {    
	display: block;
    color: #000;
    font-weight: 500;
    font-size: 15px;
    margin-top:15px;}	
#shopping-cart .table-responsive td.cart-title a:hover {color:#000; text-decoration: underline;}	
#shopping-cart .table-responsive td.cart-total {font-weight:500;}
#shopping-cart .table-responsive td.cart-qty input.form-control {border-radius:0; line-height:1; height:40px;}
#shopping-cart .table-responsive td.cart-qty .btn-refresh {
	padding:10px 14px;
	height:40px;
    background-color:#ccc;
    border-color:#ccc;
    color:#1e1e1e;
	border-radius:0;}
#shopping-cart .table-responsive td.cart-qty .btn-refresh:hover {    
	background-color:#1e1e1e;
    border-color:#1e1e1e;
    color:#fff;}	
#shopping-cart .table-responsive td.cart-qty .btn-remove {    
	padding:10px 14px;
	height:40px;
	line-height:1;
    background-color:#ccc;
    border-color:#ccc;
    color: #1e1e1e;
    border-radius:0;
    font-size:16px;
    border-left-color: #ddd;
	border-radius:0;}
#shopping-cart .table-responsive td.cart-qty .btn-remove:hover {background-color:#1e1e1e;
    border-color:#1e1e1e;
    color:#fff;}	



/*********devcss190326 ***********/

.header-inner #cart {position:relative;	z-index:1000; margin-bottom:0; top:8px;}
#cart > a {
	text-decoration: none;
	color: inherit;
	display: inline-block;
	position: relative;
	cursor: pointer;}
#cart .header-cart {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
	z-index: 1000;
	gap: 5px;
	padding:0;}
.header-cart:hover {transform:none;}
.header-cart img {
	width: 24px;
	height: 24px;
	object-fit: contain;}
.header-cart .cart-count {
	position: absolute;
	top: -8px;
	right: -8px;
	background-color: #dc3545;
	color: white;
	border-radius: 50%;
	width:auto;
	min-width:20px;
    padding:0 5px;
	height:20px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size:10px;
	font-weight:500;
	transition: all 0.3s ease;}
.cart-count:hover {background-color: #c82333;}
.cart-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	z-index: 9998;
	pointer-events: none;}
.cart-overlay.show {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;}
.header-inner .side-cart {
	position:fixed;
	right:-500px;
	top:0;
	width:15%;
	min-width:400px;
	max-width:400px;
	height:100vh;
	background-color:#fff;
	box-shadow:-2px 0 15px rgba(0, 0, 0, 0.2);
	transition:right 0.3s ease;
	z-index:9999;
	display:flex;
	flex-direction:column;
	overflow:hidden;}
.side-cart.show {right:0;}
.side-cart .side-cart-header {
	background-color:#fff;
	padding: 15px 20px;
	border-bottom:1px solid #ddd;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-shrink: 0;}
.side-cart .side-cart-title {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    margin: 0;
    text-transform: uppercase;}
.side-cart .side-cart-close {
    background: none;
    border: none;
    font-size: 14px;
    cursor: pointer;
    color: #757575;
    padding: 0;
    width: 30px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    text-transform: lowercase;
    text-decoration: underline;}
.side-cart-close:hover {color:#000; text-decoration:none;}
.side-cart-content {
	display: flex;
	flex-direction: column;
	height: 100%;}
.side-cart-body {
	flex: 1;
	overflow-y: auto;
	padding: 0 5px;
	min-height: 200px;}
.side-cart-body .table {
	margin-bottom: 0;
	font-size: 13px;
	width: 100%;}
.side-cart-body .table tr td {
	vertical-align:top;
	padding:15px 8px;
	border:none;
	border-bottom:none;
	text-align: left !important;}
.side-cart-body .table img {
	max-width:80px;
	filter:none;
	height:auto;
	border-radius:1px;}
.header-inner .side-cart .side-cart-body a {
	color:#1E1E1E !important;
	text-decoration: none;
	font-size:14px;
	font-weight:400;
	transition:color 0.2s;
	word-break:break-word;
	line-height:1.2;}
.side-cart-body a:hover {
	color: #0056b3;
	text-decoration: underline;}
.side-cart-body .price {
	display: block;
    color: #1E1E1E;
    font-weight: 500;
    font-size: 13px;
    margin-top: 4px;}
.side-cart .side-cart-form {
	display: inline-block;
	width: 100%;
	margin-top:0;}
.side-cart-form .input-group-sm {margin-top:10px; 
	position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: auto;
    max-width: 110px;
    border: 1px solid #d5d5d5;}
.side-cart .side-cart-form button.btn, .side-cart .side-cart-form .qty-input {border:none;}
.side-cart .btn-outline-secondary {
	padding:0 8px;
	height: 32px;
    line-height: 34px;
	font-size: 13px;
	border-color: #ccc;
	color: #666;
	background-color: #fff;
	transition: all 0.2s;}
.side-cart .input-group-sm .btn-outline-secondary:hover {
    background-color: transparent;
    color: #000;
    border-color: transparent;}
.side-cart .input-group-sm .qty-input {
	font-size: 13px;
	padding:0 10px;
	height: 32px;
    line-height: 34px;
	text-align: center;
	border:none;
	min-width: 40px;}
.side-cart .input-group-sm .qty-input:focus {
	border-color:#ccc;
	box-shadow:none;}
.side-cart-body .btn-danger {
    padding:0;
    font-size:16px;
    transition: all 0.2s;
    background: none;
    color:#757575;
    line-height: 1;
    height: auto;}
.side-cart-body .table tr td.text-end .side-cart-form {text-align:right;}	
.side-cart-body .btn-danger:hover {background-color:transparent; color:#000; border-color:transparent;}
.side-cart-footer {
    background-color:#fff;
    padding:20px 10px 70px;
    border-top:1px solid #d5d5d5;
    flex-shrink:0;
    max-height:40%;
    overflow-y:auto;}
.side-cart-footer .table {
	margin-bottom:15px;
	font-size:12px;
	width:100%;}
.side-cart-footer .table-bordered {border:1px solid #dee2e6;}
.side-cart-footer table.table tr td {border: none;
    text-transform: uppercase;
    font-weight:500;
    font-size:13px;
    color: #000;}
.side-cart-footer table.table tr td strong {font-weight:500;}	
.side-cart-footer .table-bordered td {
	border-color: #dee2e6;
	padding: 8px 10px;
	vertical-align: middle;}
.side-cart-footer .buttons {
	display: flex;
	gap: 10px;
	margin-top: 15px;
	flex-direction: column;}
.side-cart-footer .buttons a {
	flex: 1;
    background-color:#1E1E1E;
    color: #fff;
    padding:12px 15px;
    border-radius: 1px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;}
.side-cart-footer .buttons a:hover {
	background-color:#000;
	color: white;
	text-decoration: none;
	transform:translateY(-2px);
	box-shadow:none;}
 .side-cart-footer .buttons a:nth-child(1) {
 background-color:#1E1E1E;}
 .side-cart-footer .buttons a:nth-child(1):hover {
 background-color:#000;}
.side-cart-footer p {
    font-size: 12px;
    color: #7C7C7C;
    margin:10px 0 0 0;
    text-align: center;
    font-style: normal;
    text-transform: uppercase;}
.no-record-span {
	display: block;
	text-align: center;
	color: #999;
	font-size: 14px;
	padding: 60px 20px;}


.side-cart-body::-webkit-scrollbar, .side-cart-footer::-webkit-scrollbar {
 width: 6px;}
 .side-cart-body::-webkit-scrollbar-track, .side-cart-footer::-webkit-scrollbar-track {
 background: #f1f1f1;
 border-radius: 10px;}
 .side-cart-body::-webkit-scrollbar-thumb, .side-cart-footer::-webkit-scrollbar-thumb {
 background: #888;
 border-radius: 10px;}
 .side-cart-body::-webkit-scrollbar-thumb:hover, .side-cart-footer::-webkit-scrollbar-thumb:hover {
 background: #555;}
 
.side-cart.loading {
	opacity: 0.6;
	pointer-events: none;}
.side-cart.loading::after {
 content: '';
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 40px;
 height: 40px;
 border: 4px solid #f3f3f3;
 border-top: 4px solid #007bff;
 border-radius: 50%;
 animation: spin 1s linear infinite;
 z-index: 1;
}
 @keyframes spin {
 0% {
transform: translate(-50%, -50%) rotate(0deg);
}
 100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}

#checkout-checkout #checkout-register #form-register p a:hover {text-decoration:none;}
#checkout-checkout #checkout-register #form-register p a {
    font-size:16px;
    color: #000;
    text-decoration: underline;
    font-weight: 400;}
#checkout-checkout #form-register a strong {font-weight:500;}	
#checkout-checkout h1 {margin:20px auto 40px; font-size:54px;}
#checkout-checkout h3 {    
	font-weight: 400;
    font-size: 26px;
    margin-bottom: 30px;}
#checkout-checkout fieldset legend {    
	font-weight: 500;
    font-size: 18px;
    margin: 10px auto;
    border-bottom: none;
    line-height: 1.2;}	
#checkout-checkout #form-register fieldset .form-control {background-color: transparent;
    border: none;
    border-bottom:1px solid #a7a7a7;
    border-radius: 0;
    padding: 8px 0;
    font-size: 14px;}	
#checkout-checkout #form-register fieldset .form-select {
    background-color: transparent;
    border-color: #a7a7a7;
    border-radius: 2px;
    padding: 10px;
    font-size: 14px;
    color:#00000080;}	
#checkout-checkout #form-register fieldset .form-select	{}
#checkout-checkout #form-register fieldset .form-label {display:none;}	
#checkout-checkout #form-register fieldset label[for="input-shipping-country"], #checkout-checkout #form-register fieldset label[for="input-shipping-zone"] {
	display: block;
    font-size: 14px;
    color:#333;
    margin-top:15px;}
#checkout-checkout form a {
    text-decoration: underline;
    font-weight: 400;
    color: #1e1e1e;}	
#checkout-checkout form a:hover {text-decoration:none; color:#000;}	
#checkout-checkout #form-register {margin-bottom:30px;}
#checkout-checkout #register-agree label {
    font-size: 13px;
    line-height: 1.2;}
#checkout-checkout #form-register button#button-register {min-width: 300px;}
#checkout-payment-method .form-label, #checkout-payment-method .form-label strong {
    font-size: 14px;
    color:#333; font-weight:400;}

#checkout-confirm table tr td {background-color: transparent;
    border-bottom: 1px solid #0000004D;
    padding:20px;}
#checkout-confirm table tr td .img-thumbnail {
    padding:0;
    border-radius:0;}	
#checkout-checkout .checkout-right {padding-left:40px; padding-bottom:50px;}	
#checkout-checkout .checkout-left {padding-right:40px; padding-bottom:50px;}
#checkout-confirm table tr td:first-child {width:150px;}
#checkout-confirm .table > tbody tr td:first-child {width:150px;}
#checkout-confirm table tfoot {border-bottom:none;}
#checkout-confirm table tfoot tr td:first-child {width:auto;}
#checkout-confirm table tfoot tr td {    
	width:auto;
    padding:10px 15px;
    border:none;
    color:#000000;
    font-size:15px;
    text-transform:uppercase;
	font-weight:400;}
#checkout-confirm table tfoot tr td strong {font-weight:400;}	
#checkout-confirm table tfoot tr:last-child td {padding-bottom:15px; padding-top:15px; font-weight:600; border-top:1px solid #ccc;}
#checkout-confirm table tr td {border-bottom:1px solid #ccc;}
#checkout-confirm table tfoot tr:last-child td strong {font-weight:600;}
#checkout-confirm table tr td a {    
	 font-weight: 400;
    font-size: 16px;
    color: #1e1e1e;
    margin: 0 auto;
    text-decoration: none;
    border-bottom: none;
    line-height: 1.3;
    display: block;}
#checkout-confirm table tr td a:hover {text-decoration:underline; color:#000;}	
#checkout-confirm table tr td .info {	
	    display: block;
    color: #00000080;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;}
#checkout-confirm table tr td .price {    
	display:block;
    color: #000;
    font-weight: 500;
    font-size: 16px;
	margin-top: 25px;}
#checkout-payment button.btn-primary {
	max-width:100%;
    width: 100%;
    opacity: 1;
    text-transform: uppercase;
    background-color: #1e1e1e;
    border-color: #1e1e1e;}	
#checkout-payment button.btn-primary {
    width: 100%;
    max-width: 100%;
    opacity:0.9;
    background-color: #1e1e1e;
    border-color: #1e1e1e;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 16px;
    padding: 14px 20px;
    line-height: 1;}	
#checkout-payment button.btn-primary:hover {    
	opacity:1;
    background-color:#000;
    border-color:#000;}	
#common-success #content .text-end {text-align:left !important;}	
#common-success #content a.btn {color:#fff; min-width:200px;}
	
#form-shipping-method .form-check, #form-payment-method .form-check {padding-left:0;}
#form-shipping-method .form-check input[type="radio"], #form-payment-method .form-check input[type="radio"] {
    position: relative;
    top: 3px;}
#form-shipping-method .modal-header .btn-close {font-size:12px;
    color:#000;
    opacity:0.8;}	
	
.containt-success {
    margin: 0 auto;
    max-width: 1240px;}
.containt-success .top-section {
    margin: 0 auto;
    text-align: center;
    padding: 50px 0;
    max-width: 100%;}	
.containt-success .top-section h1 {
    font-size: 36px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 15px; color:#1E1E1E;}	
.containt-success .top-section p {    
	font-size:14px;
    color:#1E1E1E99;
    line-height:1.3;
    max-width:70%;
    display:block;
    margin:0 auto 30px;
    text-align:center;}	
.containt-success .top-section p.order-info {
    color: #1E1E1E;
    text-transform:uppercase;
    font-size:18px;
    font-weight:400;}	
.order-products {
    padding:0 20px 0 0;
    display:block;
    width:100%;
    margin:0;}	
.order-products .order-product {
    border:1px solid #D9D9D9;
    border-radius:20px;
    margin:0 0 5px;
    padding:15px;
    display:flex;
    gap:10px;
    align-items:flex-start;
    justify-content:flex-start;}	
.order-products .order-product .order-product-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 15px 0;}	
.order-product .order-product-info a {
	font-weight:400;
    font-size:16px;
    color: #1e1e1e;
    margin: 0 auto;
    text-decoration: none;
    border-bottom: none;
    line-height: 1.3;
    display: block;}
.order-product .order-product-info a:hover {color:#000; text-decoration:underline;}	
.order-product .order-product-info .info {display:block;
    color: #00000080;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;}	
.order-product .order-product-info .price {    
	display: block;
    color: #000;
    font-weight: 500;
    font-size: 16px;
    margin-top:25px;}	
.order-products .order-totals {
    padding:10px 0;
    margin: 30px 0;
    border-top: 1px solid #BFBFBF;
    width: 100%;
    display: block;}	
.order-products .order-totals .order-total {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    padding:8px 0;
    text-transform: uppercase;
    color: #000;
    font-size: 16px;
    font-weight: 400;}	
.order-products .order-totals .order-total:last-child {
    font-size: 20px;
    font-weight: 600;
    padding-top: 10px;
    border-top: 1px solid #BFBFBF;
    margin-top: 6px;}	
.containt-success .order-info .buttons {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    gap: 5px;}	
.containt-success .order-info .buttons .btn-primary {    
	background: #1E1E1E;
    color: #fff;
    border-color: #1E1E1E;
    border-radius: 0;
    padding: 12px 24px;
    font-size: 14px;
    line-height: 1; 
	width:100%;
	max-width:100%;}	
.containt-success .order-info .buttons .btn-primary:hover {
    background:#000 !important;
    border-color:#000;}	
.containt-success .order-info .buttons .btn-outline-dark {
	width:100%;
	max-width:100%;
    background: none;
    border-color: #1E1E1E;
    color: #1E1E1E;
	border-radius: 0;
	padding: 12px 24px;
    font-size: 14px;
    line-height: 1;}	
.containt-success .order-info .buttons .btn-outline-dark:hover {color:#fff; background:#000;}	
.containt-success .order-info {
    font-size: 15px;
    color: #00000080;
    line-height: 1.3;
    font-weight: 400;}
.containt-success .order-info h5 {
    color: #1E1E1E;
    font-size: 20px;
    font-weight: 500;
    display: block;}	
.order-info .info-group {    
	display: block;
    padding: 10px 0;
    margin: 0 0 10px;
    width: 100%;}	
.order-info .info-group .sub-title {
    color: #00000080;
    font-size: 17px;
    margin: 0 0 5px;
    display:block;
    padding:0;}	

.about-hit {background:#ECE1DA; position:relative;}
.about-hero-section {
          background-size: cover;
          background-position: center;
          padding:80px 0; min-height:660px;
          color:#fff;}
.about-hero-section .banner-content {position:relative; height:100vh;}		  
.about-hero-section .banner-caption {
	position:absolute;
    left:50%;
    top:50%;
    max-width:100%;
    padding:20px 30px;
    width:100%;
    display:flex;
    flex-direction:column;
    transform: translate(-50%, -25%);
    color:#fff;}
.about-hero-section .banner-caption h1 {
	color:#fff;
    font-weight:400;
    font-family: 'Helvetica Neue';
    font-size:80px;
    line-height:1;
    margin:0 0 10px;
    padding:0;}	
.about-hero-section .banner-caption p {
	margin: 0 0 20px;
    font-size: 16px;
    font-family: 'Helvetica Neue';
    font-weight: 400;
    line-height: 1.4;
    max-width: 400px;
    text-align: left;
    display: block;
    padding: 0;
    color: #fff;} 			  		  
.about-hero-section .cta {    
	display: inline-block;
    padding: 16px 30px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 400;
    max-width:130px;
    line-height: 1;}
.about-hero-section .cta:hover {    
	background:#000; 
	border-color:#000;
    color:#fff;}		  

.content-about-hit {
    position: relative;
    display: flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    margin:0 auto;
    padding:30px 0;
    text-align:center;
    max-width:440px;
    font-size:15px;
    font-weight:400;
    line-height:1.4; 
	color:#1e1e1e;}
.content-about-hit h5 {font-weight:600;}	
.content-about-hit .section-title {
    font-weight:500;
    margin-top:10px;
    margin-bottom:20px;
    line-height:1;}
.content-about-hit p {
	font-size: 15px; 
	display:block;
    font-weight: 400;
    line-height: 1.4;}	
.about-main .btn-dark {
    display: inline-block;
    margin-top: 10px;
    padding: 14px 28px;
    background: #1E1E1E;
    color: #fff;
    border-radius: 30px;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s;}	
.about-main .btn-dark:hover {background:#000;}	

.about-pai {
	position: relative;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 760px;}
.about-pai .about-banner-content {position: relative;
    display: flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    margin:0 auto;
    padding:0;
    text-align:center;
    max-width:440px;
    font-size:15px;
    font-weight:400;
    line-height:1.4; 
	color:#fff;}
.about-banner-content p {
	font-size:15px; 
	display:block;
    font-weight:400;
    line-height:1.4;}		
.about-banner-content h2 {color:#fff;}
.about-banner-content .section-title {
	font-size:40px;
    font-weight:500;
    color:#fff;}
.about-banner-content h5 {color:#fff;}
.about-waw {background:#ECE1DA;
    padding: 120px 0;
    position: relative;
    min-height: 600px;}
.waw-container {    
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width:890px;
    margin: 0 auto;
    text-align: center; 
	color:#1E1E1E;}
.waw-container h5 {
	font-weight: 600;
    font-size: 14px;}
.waw-container .section-title {
	font-weight: 500;
    font-size: 45px;
    line-height: 1; 
	display:block;}	
.waw-container p {    
	font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    max-width: 55%;}
.about-main .advantages-wrapper {margin-bottom:25px;}	
.about-main .advantages-wrapper .advantages-image {max-height:100%; min-height:920px;}	
.about-main .advantages-wrapper .advantages-content {max-height:100%; padding:40px 40px 0;}
.about-main .advantages-content .intro-text {margin-bottom:100px;}

.myAccount .contentRight {order:2; padding-top:50px; padding-left:50px; border-left:1px solid #bfbfbf;}	
.contentRight h1 {
	font-size: 30px;
    font-weight: 600;
    margin: 0 0 20px;}
.myAccount .contentLeft {order:1; width:100%; padding-top:50px;}
.list-group h5 {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 20px;
	color: #00000099;
    font-size: 16px;}
.myAccount #content, .myAccount #column-left, .myAccount #column-right {padding-bottom:50px !important;}	
.myAccount .contentLeft aside#column-right {width:100%;}
.contentLeft .list-group {
    background: none;
    background-color: transparent;
    border: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;}
.contentLeft .list-group .list-group-item {
    background: #E4E4E4;
    border-color: #E4E4E4;
    border-radius: 30px;
    padding: 0 20px;
    height: 46px;
    line-height: 46px;
    color: #1e1e1e;
    font-size: 15px;
    font-weight: 400;
    width: auto;
    text-align: center;
    min-width:200px;}	
.contentLeft .list-group .list-group-item:hover, .contentLeft .list-group .list-group-item.active {
    background:#1e1e1e;
    border-color:#1e1e1e;
    color:#fff;}	
.myAccount .breadcrumb {display:none;}
.myAccount {border-top:1px solid #bfbfbf;}	

.my-account-main {
    align-items:flex-start;
    margin:0 auto;
    width:100%;
    display:grid;
    grid-template-columns:none;
    gap:20px;
    grid-template-rows:1fr auto;
    max-width:50%;}
.my-account-main .form {margin-bottom:50px; width:100%;}
.my-account-main .form h5 {
	color:#1E1E1E;
    display:block;
    padding:0;
    margin:0 0 20px;
    font-size:18px;
    font-weight:500;}	
.my-account-main .form fieldset .form-label {color:#8A8A8A; font-size:14px;}
.my-account-main .form fieldset .mb-3 {margin-bottom:25px !important;}
.my-account-main .form .form-control {    
	background: #E4E4E4;
    border-radius: 30px;
    padding: 0 20px;
    height: 48px;
    line-height: 48px;}
.my-account-main .form .btn-primary {border-radius:30px;}
.my-account-main .account-card {
    width: 100%;
    padding: 25px;
    border-radius: 15px;
    background: #E4E4E4;
    border: 1px solid #E4E4E4;
    height: 100%;}
.account-card h1, .account-card h2 {
    font-weight: 500;
    font-size: 28px;
    margin-bottom: 15px;
    line-height: 1.1;
    display: block;}	
.account-card .list-unstyled a {
    color:#1e1e1e;
    font-size:15px;
    line-height:1.4;
    padding:0;
    margin:0 0 10px;
    display:block;
    font-weight:400;}	
.account-card .list-unstyled a:hover {color:#000; text-decoration:underline;}	

.logout-box {
    border-radius:1px;
    position:relative;
    padding:30px 30px;}
.logout-main .modal-dialog {max-width:400px;}	
	
.logout-box .logout-close {
    position: absolute;
    right: 12px;
    top: 12px;
    opacity: 1 !important;
    filter: invert(0);}

.logout-box .logout-btn {
    background: #1e1e1e;
    color: #fff;
    padding: 0 15px;
    font-size: 16px;
    border-radius: 0;
    height: 48px;
    line-height: 47px;}
.logout-box .logout-btn:hover {background:#000;}

.logout-box .stay-link {
    font-size: 16px;
    color: #000;
    text-decoration: none;}
.logout-box .stay-link:hover {text-decoration:underline;}

.logoutModal {position:relative; 
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;}
button.openModal {
    background:#1E1E1E;
    border-color:#1E1E1E; 
	color:#fff;
    font-size: 14px;
    border-radius: 4px;
    line-height:37px;
    height:38px;
    padding:0 18px;
    font-weight:normal;}
button.openModal:hover {
	background:#000;
    border-color:#000; 
	color:#fff;} 	
.logout-box h3 {
    padding: 30px 0 40px;
    margin: 0 auto;
    display: block;
    font-weight: 600;}
.table-bordered > :not(caption) > * > * {
    border-width: 0 var(--bs-border-width);
    background: #ccc;
    font-size: 14px;}
table.table td {
    background:#E4E4E4; 
	border:1px solid #ddd;
    padding: 15px;
	font-size: 14px;
    line-height: 1.6;}
table.table {
    background:#E4E4E4;
    border-radius: 8px;
    overflow: hidden;}	
table.table-bordered td .btn-primary {padding:10px; border-radius:0.25rem; font-size:12px; line-height:1;}
table.table-bordered td .btn-danger {padding:10px; border-radius:0.25rem; font-size:12px; line-height:1;}	
.table-hover > tbody > tr:hover > * {background:#efefef !important;}
.contentRight .btn-primary {border-radius:30px;}
.contentRight .btn-light {    
	border-radius:30px;
    min-width:90px;
    border-color:#1e1e1e;
    color:#1e1e1e;
    background:none;}
.contentRight .btn-light:hover {    
	border-color:#000;
    color:#fff;
    background:#000;}
	
.orderContainer {    
	max-width:75%;
    margin: 0 auto;}		
.order-filters {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 20px;}	
.order-filters .order-filter-link {
    background: none;
    color: #8A8A8A;
    border-radius: 0;
    padding: 10px 20px 10px 0;
    height: auto;
    line-height: 1.2;
    font-size: 15px;
    text-decoration:none;
    text-transform:capitalize; 
	text-decoration:none;}	
.order-filters .order-filter-link.active {color:#1E1E1E; text-decoration:underline;}	
.order-filters .order-filter-link:hover {	
	border-color:transparent;
    color:#000;
    background:none;}
.orders .order {
    background:#FFFFFF4D;
    border:1px solid #BFBFBF;
    border-radius:20px;
    overflow:hidden; 
	margin-bottom:15px;}	
.order .card {
    border:none;
    background:none;
	padding:20px;}	
.order .card .card-body {padding:0;}	
.order .card-footer {    
	background:#D9D9D9;
    border:none;
    padding:10px 15px;
    border-radius:30px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:14px;
    font-weight:500;
    color:#000;}
.order .card-footer .btn {
    border-radius:30px;
    padding:5px 20px;
    background:#1E1E1E;
    border-color:#1E1E1E;
	color:#fff;
    font-weight: 400;}	
.order .card-footer .btn:hover {
	background:#000;
    border-color:#000;
	color:#fff;}	
.order .card-header {
	border: none;
    background: none;
    padding:15px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#8A8A8A;
    font-size:13px;}	
.card-header .orderID {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 5px;}	
.orderID .orderValue {color:#1e1e1e; font-weight:500; font-size:14px;}	
.card-header .orderStatus {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;}
.orderStatus .status {
    background:#e1e1e1;
    color:#999;
    font-size: 12px;
    font-weight:500;
    padding:0 15px 0 24px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    border-radius:30px;
    position: relative;}
.orderStatus .status:before {
    height: 5px;
    width: 5px;
    display: inline-block;
    content: '';
    background: #999;
    border-radius: 50%;
    position: absolute;
    left: 13px;
    top: 12px;}	
.orderStatus .status.bg-delivered {background:#b4ddb4; color:#318431;}
.orderStatus .status.bg-delivered:before {background:#318431;}

.orderStatus .status.bg-cancelled {background:#eab9b8; color:#c8302c;}
.orderStatus .status.bg-cancelled:before {background:#c8302c;}


.orderStatus .bg-success.status:before {
    background: #28a745;
}

.orderStatus .bg-danger.status:before {
    background: #FF3838;
}

.orderStatus .bg-secondary.status:before {
    background: #1c1b1b;
}

.order .order-product {
	display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:20px;
    max-width:100%;
    border:1px solid #D9D9D9;
    margin-bottom:20px;
    border-radius:20px;
    overflow:hidden;
    padding:7px;}	
.order-product .order-image {
    border-radius:12px;
    overflow:hidden;
    display:block;
    background:#eee;}	
.order-product .order-image img {
    overflow:hidden;
    border-radius:12px;}	
.order-product .product-info {    
	color:#aaa;
    font-weight:400;
    font-size:14px;
    line-height:1.3;
    text-decoration:none;}
.order-product .price {
	font-size:14px;
    margin-top:8px;
    font-weight:500;
    color:#000;}
.myAccount .best-seller-section {
	background:none;
    padding:70px 0 0;
    margin-top:70px;
    border-top:1px solid #bfbfbf;}
.myAccount .best-seller-section .container {
	padding:0;
    display: flex;
    align-items: center;
    justify-content: space-between;}	
.myAccount .best-seller-section h2 {    
	font-size:30px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #1E1E1E;}
.myAccount .bestSellerSlider .owl-dots {margin:0 auto;}	
.myAccount .best-seller-section .item .content {background:none;}
.best-seller-section .item .product-card .image {z-index:9;}	
.myAccount .related-nav {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:5px;}	
.related-nav button.btn i {font-size:18px; color:#8A8A8A;}
.related-nav button.btn:hover i {color:#1e1e1e;}

.orderContainer .no-orders {
    margin:0 auto;
    text-align:center;
    font-size:14px;
    display:block;
	padding:80px 0;}
.orderContainer .no-orders h5 {
    font-size:22px;
    margin:0 0 5px;
    font-weight:500;
    text-align:center;}
.orderContainer .no-orders .btn-primary {font-size:13px; padding:13px 25px;}	
.contentLeft .mainTitle {
    font-weight:500;
    margin-bottom:5px;}
.myAccount .wishlist {
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:15px;}
.wishlist .item .product-card .action {
    position: absolute;
    z-index: 99;
    color: #000;
    right: 0;
    top: 0;}	
.wishlist .item .product-card .action .remove-wishlist {
    color:#1e1e1e;
    display:inline-block;
    padding:10px;}	
.wishlist .item .product-card .action .remove-wishlist .fa {color:#1e1e1e; font-size:20px;}			
.wishlist .item .product-card .action .remove-wishlist .fa:hover {color:#000;}

.newsletter {
    display: flex;
    align-items: center;
    justify-content:flex-start;
    flex-direction:row;
    gap:0;
    margin-bottom:30px !important;}
.newsletter .col-right {
    width:auto;
    padding:0;}
.newsletter .col-left {
    width:auto;
    padding:0 10px;}
.newsletter .col-right .form-check {min-height:inherit;}
.blogs .list-group {display:flex;
    flex-direction:row;
    gap:10px;
    align-items:center;
    justify-content:flex-start;}
.blogs .list-group .list-group-item {
    background: #E4E4E4;
    color: #000;
    border-radius: 30px;
    padding: 0 25px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-decoration: none;
    text-transform: capitalize;
    min-width: 80px;
    text-align: center;}
.blogs .list-group .list-group-item.active, .blogs .list-group .list-group-item:hover {    
	background:#000;
	border-color:#000;
    color:#fff;}
#article-list {
    padding-left:15px;
    padding-right:15px;}		
#article-list .blog {padding-right:30px;}
#article-list .blog a {
    border-radius:20px;
    overflow:hidden;
    display:block;}	
#article-list .badge {
    background-color: #E0DBD8 !important;
    color: #1e1e1e;
    border-radius: 30px;
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    text-decoration: none;
    text-transform: lowercase;
    font-weight: 500;}	
#article-list h2, #article-list h2 a {
    color: #1e1e1e;
    font-size: 34px;
    line-height: 1.2;
    font-weight: 500; 
	display:block;}
#article-list h2 a:hover {color:#000;}
#article-list p {color:#1E1E1E99;
    font-size:14px;
    line-height:1.3; 
	margin-bottom:20px;}
#article-list .btn {background:#1e1e1e; border-color:#1e1e1e;
    color: #fff;
    border-radius: 30px;
    padding: 12px 25px;
    height: 42px;
    line-height: 1.2;
    font-size: 15px;
    text-decoration: none;
    text-transform: capitalize;}	
#article-list .btn:hover {background:#000; border-color:#000; color:#fff;}

.container.blogs {}
#article-list span.title {
    color:#8A8A8A;
    font-size:14px;
    margin-bottom:10px;
    display:block;}
.blogListing {
    background: #F9F9F9;
    padding: 30px;
    border-radius: 30px;}	
#article-list .blogListing .card.blog a	{border-radius: 20px; display: block; overflow:visible; min-height:54px;}
#article-list .blogListing .card.blog {
    padding: 0;
    background: none;
    border-radius: 20px 20px 0 0;
    overflow: hidden;}	
#article-list .blogListing .blog a.blogList-img {display:block; background:#EFEFEF; border-radius:20px; overflow: hidden;}	
#article-list .blogListing .blog a.blogList-img img {
    max-width: 100%;
    aspect-ratio: 450 / 410;
    object-fit: cover;}
.blogListing .card .card-title, .blogListing .card .card-title a {color:#1e1e1e; font-size:22px; font-weight:500; display:block; background:none; margin-bottom:15px;}
.blogListing .card .card-title a:hover {color:#000;}
#article-list .blogListing .card-text {
    color: #1E1E1E99;
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 15px;}
#cms-blog h1 {
    font-size: 36px;
    font-weight: 500;
    margin: 25px auto;
    text-align: left;
    display: block;}	

.inner-cms {
    padding: 30px;
    background: #fff;
    border-radius: 30px;
    margin-bottom: 50px;}	
.inner-cms h1 {
        font-size: 32px;
    font-weight: 600;
    margin: 0 auto 25px;
    text-align: left;
    display: block;}
.inner-cms h5 {
    color: #000;
    font-weight: 600;
    margin: 25px auto 10px;
    font-size: 18px;}		
.inner-cms p {
    color: #1e1e1e;
    font-weight:400;
    margin:0 auto 20px;
    font-size:14px;}			

#cms-blog .blogHero {
    margin:0 auto 40px;
    text-align:left;
    border-radius:30px;
    overflow:hidden;
    display:block;}
#cms-blog .blogHero img {
    padding:5px;
    border-radius:30px;}	
#cms-blog .blogDescription {
    margin:0 auto 50px;
    font-size:15px;
    color:#1E1E1E;
    line-height:1.4;}	
.blogDescription .blogAuthor {
    color:#8e8e8e;
    font-size:14px;
    margin:0 0 20px;}
.blogDescription .blogAuthor a {
    color: #000;
    font-weight: 500;
    text-decoration: underline;}	
.blogDescription .blogAuthor a:hover {text-decoration:none;}

#form-contact .form-control {
    background: #E4E4E4;
    border-radius: 30px !important;
    padding:0 20px;
    height:48px;
    line-height:48px;}	
#form-contact textarea.form-control {
    background:#E4E4E4;
    border-radius:30px !important;
    padding:20px;
    line-height:18px; 
	height:auto;}
#form-contact .col-form-label {    
	font-size: 15px;
    font-weight: 500;
    text-align: left;
    color: #1e1e1e;}	

.contactTop {
    padding:20px 10px 10px;
    display:flex;
    gap:15px;
    align-items:flex-start;
    justify-content:flex-start;}
.contactTop .col-sm-3 {margin-top:0;}	
.contact-logo {
    padding:10px;
    border:2px solid #e5e5e5;
    border-radius:6px;
    margin:0;}	
.contact-logo img.logoImg {max-width:150px;}
.contactTop h5, .contactTop h6 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #1e1e1e;}
#form-contact .contact-btn {    
	border-radius: 30px;
    padding: 12px 30px;
    font-size: 15px;
    line-height: 1;
    color:#fff;
    background:#1e1e1e;
    border:1px solid #1e1e1e;}		
#form-contact .contact-btn:hover {background:#000; border-color:#1e1e1e;}
.no-blogs {
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:250px;
    max-width:100%;
    font-size:20px;
    font-weight:600;
    text-transform:capitalize;}

#error-not-found .btn-primary {border-radius:30px;}
#error-not-found #content h1 {
    font-size: 36px;
    font-weight: 600;}
#error-not-found .text-end {text-align:left !important;}

.table-design {overflow-x: auto;}

.product-faq table {border-collapse: collapse;
    width: 100%;
    min-width: 500px;
	color:#000;}
.product-faq table th {
    background-color:#d9d9d9;
    text-align:left;
    padding:10px;
    border:1px solid #999;
    font-weight:bold;}
.product-faq table td {
    padding:10px;
    border:1px solid #999;}
.product-faq table tr:nth-child(even) td {background-color:#f5f5f5;}
.product-faq table td:last-child {text-align:center;}
.product-faq table th:last-child {text-align:center;}

.product-faq .accordion-body ul {
    list-style:disc;
    list-style-position:outside;
    padding-left:15px;}
.product-faq .accordion-body ul li {line-height:1.3; padding-bottom:10px;}

.sliderHead {
    display:flex;
    align-items:center;
    justify-content:space-between;}



@media (max-width:1366px) {

.home-banner .banner-content {max-width:100%; padding-left:20px; padding-right:20px;}
.home-banner .banner-content h1 {font-size:100px;}
.home-banner .banner-content h1 span.right-cap {font-size:30px;}
.home-banner .banner-product {padding-top:30px;}

.container, .container-sm, .container-md, .container-lg, .container-xl {max-width:100%;}

.site-header .container {
    max-width:100%;
    padding-left:30px;
    padding-right:30px;}
.footer-content {gap:50px;}
.footer-links {gap:30px;}
.footer-col h4 {font-size:13px;}
.footer-logo-row h1 {font-size:96px;}
.footer-newsletter p { font-size:13px;}
.footer-logo-row {padding:40px 0;}
.footer-links .footer-col a {    
	font-size:12px;
    margin-bottom: 0;
    padding: 7px 0;}
.login-wrapper .bottom-link {margin-top:30px;}	

.category-links .list-group-item {font-size:13px;}
.faq-heading {font-size:40px; margin-bottom:15px;}
.accordion-button:not(.collapsed)::after {font-size:15px;}
.accordion-item .accordion-header .accordion-button {font-size:14px; padding:15px 0;}
.accordion-body {
    padding-left: 0;
    color: #777;
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 10px;}
.faqsmall-top {margin-bottom:40px;}
.faqsmall-top p {font-size:13px;}
#checkout-checkout h1 {margin:10px auto 30px; font-size:42px;}

}


@media (max-width: 1536px) {
.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {        
		max-width:100%;
        padding-left:1.5rem;
        padding-right:1.5rem;}	
.home-banner .banner-content {max-width:100%; padding:20px 30px;}
.footer-logo-row {padding:40px 0;}
.faq-heading {font-size:40px; margin-bottom:15px;}
.accordion-item .accordion-header .accordion-button {font-size:16px;}
.accordion-body {
    padding-left:0;
    color: #777;
    font-size:14px;
    padding-top: 5px;
    padding-bottom:10px;}
#product-info h1 {font-size:30px;}	
		
}

@media (min-width: 1680px) {
.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {		
		max-width:100%;
        padding-left:2rem;
        padding-right:2rem;}	
.personalization-content {max-width:100%;}
.home-banner .banner-content h1 span.right-cap {font-size:44px;}
.home-banner .banner-content {max-width:100%; padding:20px 30px;}

}

@media (min-width:1920px) {
.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {max-width:1680px;}	
.home-banner .banner-content {top:40%;}
.home-banner .banner-content h1 {margin-top:0;}
.login-wrapper {align-items:center;}

.home-banner .banner-content {max-width:1680px; padding:20px 20px;}
.about-hero-section .banner-caption {transform:translate(-50%, -10%); max-width:1680px;}

}