@charset "utf-8";

@font-face {
    font-family: 'Akzidenz';
    src: url('fonts/AkzidenzGroteskStd-Regular.eot');
    src: url('fonts/AkzidenzGroteskStd-Regular.eot?#iefix') format('embedded-opentype'),
	url('fonts/AkzidenzGroteskStd-Regular.ttf') format('ttf'),
        url('fonts/AkzidenzGroteskStd-Regular.woff2') format('woff2'),
        url('fonts/AkzidenzGroteskStd-Regular.woff') format('woff'),
        url('fonts/AkzidenzGroteskStd-Regular.svg#AkzidenzGroteskStd-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;}

@font-face {
    font-family: 'Akzidenz';
    src: url('fonts/AkzidenzGroteskStd-Md.eot');
    src: url('fonts/AkzidenzGroteskStd-Md.eot?#iefix') format('embedded-opentype'),
	url('fonts/AkzidenzGroteskStd-Md.ttf') format('ttf'),
        url('fonts/AkzidenzGroteskStd-Md.woff2') format('woff2'),
        url('fonts/AkzidenzGroteskStd-Md.woff') format('woff'),
        url('fonts/AkzidenzGroteskStd-Md.svg#AkzidenzGroteskStd-Md') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;}


:root{
  --black:#000000;
  --white:#FFFFFF;
  --text-color:rgba(46,46,46,1);
  --font-family1: 'Akzidenz', sans-serif;
  --border-color:rgba(224,224,224,1);
  --button-color1:rgba(13,13,13,1);
  --button-hover:rgba(0,0,0,1);
  --overlaybg:rgba(0,0,0,0.5);
  --heading-color:rgba(13,13,13,1);}
  
body{color:var(--text-color); font-family:var(--font-family1); font-size:14px; overflow-x: hidden;}
h1{font-size:40px; 
    color: #0d0d0d;
    font-weight:normal;}
h2{font-size:35px;     
	color: #0d0d0d;
    font-weight:normal;}
h3{font-size:30px;}
h4{font-size:24px;}
h5{font-size:17px;}
h6{font-size:14px;}
img{max-width:100%; height:auto;}

/*Bootstrap overwrite*/
a:focus{outline:none;}
.fw400{font-weight:normal;}
.fwbold{font-weight:bold;}
.dropdown-menu{box-shadow:none; border-radius:0; border-color:var(--border-color);}
.fa-chevron-down{vertical-align: middle;}
.fa-chevron-down::before{font-size:0; width:12px; height:8px; display:inline-block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' focusable='false' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' d='M1 1l5 5 5-5' stroke='%232e2e2e' stroke-width='1.3'%3E%3C/path%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center center; background-size:100% auto; vertical-align: middle;}
.fa-caret-down{vertical-align: middle;}
.fa-caret-down::before{font-size:0; width:12px; height:8px; display:inline-block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' focusable='false' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' d='M1 1l5 5 5-5' stroke='%232e2e2e' stroke-width='1.3'%3E%3C/path%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center center; background-size:100% auto; vertical-align: middle;} 
.btn{border-radius:0;}
.btn-default{border-color:var(--border-color);}
.form-control{border-radius:0; border-color:var(--border-color); box-shadow:none; color:var(--text-color);}
.form-control:focus{border-color:#CCCCCC; box-shadow:none;}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control{font-size:14px;}
.img-thumbnail{padding:0; border:0; border-radius:0px;}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{background-color:transparent;}
.btn-primary.focus, .btn-primary:focus{background-color:var(--button-color1);}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{outline:none;}
.btn-link:focus, .btn-link:hover{text-decoration:none;}
.form-control {height:36px;}


/*btn override bootstrap*/
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {background-color:#000; border-color:#000;}	
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {color:#fff; background-color:#000; border-color:#000;}	
.btn-link:focus, .btn-link:hover {color:#000;}
.btn-info, .btn-danger {
    letter-spacing:1px;
    text-transform:uppercase;
    font-weight:500;
    background-color: var(--button-color1);
    border: 0;
    background-image: none;
    text-shadow:none;
    box-shadow:none;
    text-decoration: none; padding:11px 25px;}
.btn-info:hover, .btn-danger:hover {background-color:#000;}	


/*styleshee override*/
a{color:var(--text-color); text-decoration:underline; transition: all 0.2s ease;}
a:focus, a:hover{color:var(--text-color); transition: all 0.2s ease;}
#search{margin-bottom:0;}
#search .btn-lg{text-shadow:none; padding:9px 35px;}
#cart{margin-bottom:0;}
.swiper-viewport{border:0; box-shadow:none;} 
.input-group .input-group-addon{cursor:pointer; height: 28px; color:var(--text-color);}
.btn {padding:11px 35px;}
.btn-primary {letter-spacing:1px; text-transform: uppercase; font-weight:500; background-color:var(--button-color1); border: 0; background-image: none; text-shadow: none; box-shadow: none; text-decoration:none;}
.btn-primary:hover{background-color:var(--button-hover);}
.dropdown-menu li > a:hover{background-color:transparent; color:var(--text-color); background-image: none;}
.btn-link{color:var(--text-color);}
.btn-default {
    color:#020202;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #e7e7e7;
    background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
    background-repeat: repeat-x;
    border-color: #ddd;
    font-size: 14px;
    text-decoration: none;     
	padding:9px 35px; letter-spacing:1px;}
.btn-default:hover {
    color:#fff;
    background-color:#020202;
    border-color:#020202;
    background:#020202;}	


/*Header*/
.announcement{background-color:rgba(14,14,14,1); padding:0 40px;}
.announcement .inner-section{width:620px; margin:0 auto; padding:0 30px;}
.announcement .slick-slide{min-height:43px; text-align:center; color:var(--white); display: flex; align-items: center; justify-content: center; font-size:12px;}
.announcement .slick-arrow{width:30px; height:30px; left:0;}
.announcement .slick-arrow::before{content:""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' focusable='false' width='12' height='10' viewBox='0 0 12 10'%3E%3Cpath d='M12 5L2.25 5M2.25 5L6.15 9.16M2.25 5L6.15 0.840001' stroke='%23FFFFFF' stroke-width='1.3'%3E%3C/path%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center center; background-size:13px auto; vertical-align: middle; display: block; width: 20px; height: 20px; margin: 0 auto;}
.announcement .slick-next{right:0; left: auto;}
.announcement .slick-next::before{rotate:-180deg;}


.header-section {padding:0px 0px; border-bottom:1px solid var(--border-color); position:relative;}
.header-row{display:flex; align-items:center;}
/* .logo-section {width:200px;} */
.header-logo{margin:0!important; max-height:max-content;}
.header-logo .header-logo-link img {max-height:100%; margin:0 auto; padding:0;}
.header-logo-link{display:block;}
.header-section.stickyHead {position:sticky; width:100%; background:#fff; top:0; z-index:99;}



.menu-section{margin-left:40px;}
.menu-section .navbar{margin:0; border:0; background-image:none!important; background-color:transparent !important; min-height:initial!important; border-radius:0!important; position:static;}
.menu-section .navbar .navbar-toggler{padding:0; border:0; background-color:transparent; display:none;}
.menu-section .navbar .navbar-nav{float:none;}
.menu-section .megamenu-wrapper .remove-megamenu{display:none;}
.menu-section ul.nav > li{margin-left:32px; padding:20px 0; position:static;}
.menu-section ul.nav > li > .close-menu{display:none;}
.menu-section ul.nav > li:first-child{margin-left:0;}
.menu-section ul.nav > li > a{color:var(--text-color)!important; text-shadow:none!important; text-transform:uppercase; position:relative; overflow: hidden; padding:0!important; background-color:transparent; text-decoration:none;}
.menu-section ul.nav > li > a:hover{background-color:transparent !important;}
.menu-section ul.nav > li > a::after{content:""; display:block; position:absolute; left:0; top: calc(100% - 1px); height:1px; width:100%; transform: scaleX(0); transform-origin:right; transition: transform .3s; background-color:var(--text-color);}
.menu-section ul.nav > li:hover > a::after{transform: scaleX(1); transform-origin: left; }
.menu-section ul.navbar-nav > li > .dropdown-menu{padding: 20px; border: 0; box-shadow: none; min-width: 250px;}
.menu-section ul.navbar-nav > li > .dropdown-menu ul.list-unstyled{margin-bottom:10px;}
.menu-section ul.navbar-nav > li > .dropdown-menu ul.list-unstyled > li{padding:10px 0; border-bottom:1px solid var(--border-color);}
.menu-section ul.navbar-nav > li > .dropdown-menu ul.list-unstyled > li > a{text-decoration:none;}
.menu-section ul.navbar-nav > li > .dropdown-menu ul.list-unstyled > li > a:hover{opacity: .7;}

.mega-menu-section{position:absolute; left:0; top:100%; width:100%;  z-index: -1; border-top:1px solid var(--border-color); opacity:0; pointer-events:initial; transition: all 0.2s ease;}
.mega-menu-section::after{content:""; position:fixed; height:calc(100vh - 104px); width:100%; left:0; top:104px; opacity:1; z-index:1; pointer-events:none; background-color:var(--overlaybg);}
.mega-menu-wraper {width:100%; background-color: #FFF; position:relative; z-index:2; height:0; overflow: hidden;}
.mega-menu-inner{display:flex; flex-wrap:wrap; padding:48px 0 33px 0;}
.mega-menu-inner .mega-menu-column{margin:0 40px;}
.submenu-title{margin:0 0 15px 0; font-size:10px; font-weight:500; text-transform:uppercase;}
.submenu-title > a{text-decoration:none; font-weight:inherit; text-transform:inherit; letter-spacing: 1px;}
ul.submenu-list{padding:0; list-style-type:none;}
ul.submenu-list > li{padding:0; margin:0 0 2px 0;}
ul.submenu-list > li:last-child{margin-bottom:0;}
ul.submenu-list > li > a{text-decoration:none;}
ul.submenu-list > li > a:hover{opacity: .7;}
.menu-section ul.nav > li.with-sub-menu:hover .mega-menu-section{opacity:1; pointer-events:initial; transition: all 0.2s ease; z-index: 11;}
.menu-section ul.nav > li.with-sub-menu:hover .mega-menu-wraper {height:auto;}


.fa-bars{vertical-align: middle;}
.fa-bars::before{font-size:0; display:block; width:18px; height:18px; content:""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' focusable='false' width='18' height='14' viewBox='0 0 18 14'%3E%3Cpath d='M0 1h18M0 13h18H0zm0-6h18H0z' fill='none' stroke='%232e2e2e' stroke-width='1.3'%3E%3C/path%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center center; background-size:100% auto; background-position:center center; background-size:100% auto;}

.right-section{margin-left:auto; display: flex; align-items:center;}
.header-email{cursor:pointer;}
.fa-envelope{vertical-align: middle;}
.fa-envelope::before{font-size:0; display:block; width:18px; height:14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' focusable='false' width='20' height='16' viewBox='0 0 20 16'%3E%3Cpath d='M19 4l-9 5-9-5' fill='none' stroke='%232e2e2e' stroke-width='1.3'%3E%3C/path%3E%3Cpath stroke='%232e2e2e' fill='none' stroke-width='1.3' d='M1 1h18v14H1z'%3E%3C/path%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center center; background-size:100% auto;}

.fa-user{vertical-align: middle;}
.fa-user::before{font-size:0; display:block; width:18px; height:18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' focusable='false' width='18' height='17' viewBox='0 0 18 17'%3E%3Ccircle cx='9' cy='5' r='4' fill='none' stroke='%23000000' stroke-width='1.3' stroke-linejoin='round'%3E%3C/circle%3E%3Cpath d='M1 17v0a4 4 0 014-4h8a4 4 0 014 4v0' fill='none' stroke='%232e2e2e' stroke-width='1.3'%3E%3C/path%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center center; background-size:100% auto; background-position:center center; background-size:100% auto;}
.header-account{margin-left:24px;}
.header-search{margin-left:24px;}
.header-search-icon{cursor:pointer;}
.header-search .search-sidebar{display: block;   opacity:0; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index:10; pointer-events: none; transition: all 0.2s ease; background-color: var(--overlaybg); overflow: hidden;}
.search-sidebar .search-sidebar-wrap{background-color: #FFF;  width: 500px; float: right; height: 100%; margin-right:-500px; transition: all 0.2s ease;}
.opensearch .search-sidebar{transition: all 0.2s ease;  opacity:1; pointer-events: initial; }
.opensearch .search-sidebar .search-sidebar-wrap{ margin-right:0px; transition: all 0.2s ease;}
.search-sidebar-body{padding: 24px;}
.small-subtitle{margin:0 0 15px 0; font-size:10px; font-weight:500; text-transform: uppercase; color:#0d0d0d;}
ul.search-sidebar-list{padding:0; list-style-type:none;}
ul.search-sidebar-list > li{padding:0; margin:0 0 3px 0;}
ul.search-sidebar-list > li:last-child{margin-bottom:0;}
ul.search-sidebar-list > li > a{text-decoration:none;}
ul.search-sidebar-list > li > a:hover{opacity: .7;}

.search-sidebar-head{display:flex; border-bottom:1px solid var(--border-color); align-items:center; padding:0 40px;}
.close-search-bar{width:52px; height:52px; display: flex; align-items: center;  justify-content: center; cursor:pointer;}
.header-search-inner {width:calc(100% - 52px); padding-left:30px; position:relative;}
.header-search-inner .search-input {height:30px !important;}
.header-search-inner::before{content:""; display:block; width:18px; height:18px; position:absolute; left:0; top:6px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' focusable='false' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M12.336 12.336c2.634-2.635 2.682-6.859.106-9.435-2.576-2.576-6.8-2.528-9.435.106C.373 5.642.325 9.866 2.901 12.442c2.576 2.576 6.8 2.528 9.435-.106zm0 0L17 17' fill='none' stroke='%232e2e2e' stroke-width='1.3'%3E%3C/path%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center center; background-size:100% auto; background-position:center center; background-size:100% auto;}
.header-search-inner .form-control{border:0; padding:0!important;}
.header-search-inner .input-group-btn{width:auto; display:none;}
#side-search-footer .all-results {width: 100%; min-height: 36px;}


.fa-search{vertical-align: middle;}
.fa-search::before{font-size:0; display:block; width:18px; height:18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' focusable='false' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M12.336 12.336c2.634-2.635 2.682-6.859.106-9.435-2.576-2.576-6.8-2.528-9.435.106C.373 5.642.325 9.866 2.901 12.442c2.576 2.576 6.8 2.528 9.435-.106zm0 0L17 17' fill='none' stroke='%232e2e2e' stroke-width='1.3'%3E%3C/path%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center center; background-size:100% auto; background-position:center center; background-size:100% auto;}
.header-cart{margin-left:24px;}
.header-cart-inner .toggle-sidebar{padding:0; border: 0; background-color: transparent; position: relative;}
.cart-total{position: absolute; right: -12px; top: -8px; width: 20px; height: 20px; line-height: 20px;
 color: var(--white); background-color: var(--text-color); border-radius: 100%;}
.fa-shopping-bag{vertical-align: middle;}
.fa-shopping-bag::before{font-size:0; display:block; width:20px; height:20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' focusable='false' width='20' height='19' viewBox='0 0 20 19'%3E%3Cpath d='M3 7H17L18 18H2L3 7Z' fill='none' stroke='%232e2e2e' stroke-width='1.3'%3E%3C/path%3E%3Cpath d='M13 4V4C13 2.34315 11.6569 1 10 1V1C8.34315 1 7 2.34315 7 4V4' fill='none' stroke='%232e2e2e' stroke-width='1.3'%3E%3C/path%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center center; background-size:100% auto; background-position:center center; background-size:100% auto;}
.fa-times{vertical-align: middle;}
.fa-times::before{font-size: 0; display:block; width:14px; height:14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' focusable='false' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M13 13L1 1M13 1L1 13' stroke='%232e2e2e' stroke-width='1.3' fill='none'%3E%3C/path%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center center; background-size:100% auto;}
.see-all{text-decoration:none;}
.header-currency{margin-left: 24px;}
.currency-inner{display:block;}
.currency-inner .btn-group > .btn{padding:0; border: 1px solid var(--border-color); display:flex; align-items:center; color: var(--text-color); text-decoration: none;}
.currency-icon{display:block; width:25px; height:25px; line-height:25px; margin-right:5px; font-weight: normal; border-right: 1px solid var(--border-color);}
.currency-inner .btn-group > .btn .fa-caret-down {width: 25px; height: 25px; display:flex; align-items: center;  justify-content: center;}
.currency-inner ul.dropdown-menu {margin:10px 0 0 0; padding:0; left: auto; right: 0; min-width:120px;}
.currency-inner ul.dropdown-menu::before{width:10px; height:10px; content:""; display:block; position:absolute; right: 23px; top: -6px; border-top:1px solid var(--border-color); border-right:1px solid var(--border-color); background-color:var(--white); rotate:-45deg;}
.currency-inner ul.dropdown-menu > li > .btn {text-align:left; border-bottom:1px solid var(--border-color); padding:10px;}


/*Footer*/
footer.footer-section {background-color:var(--white); color:var(--text-color); padding:72px 0 50px 0; margin:0;}
footer.footer-section a{color:inherit;}
footer.footer-section a:hover{color:inherit;}

.footer-newsletter .newsletter-row > .col-sm-6:first-child{display:none;}
.footer-newsletter .newsletter-row > .col-sm-6{width:100%;}
.footer-newsletter .newsletter-wrap{max-width:100%; width:100%; margin:0;}
.footer-newsletter .footer-newsletter-title{font-size:14px;}
.footer-newsletter .footer-newsletter-title strong{font-weight:500;}
.intl-tel-input .selected-flag{padding:0;}
.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {width:40px;}
.intl-tel-input .selected-flag .iti-arrow {right:8px;}
.footer-newsletter .newletter-form button.btn-primary {background-color:rgba(74, 79, 84);}
.footer-col-title{margin:0 0 20px 0; font-weight: 600; color: inherit; text-transform: uppercase; font-size: 14px;}
.follow-us-title{font-weight:normal;}
.footer-menu-col > ul.list-unstyled{margin:0;}
.footer-menu-col > ul.list-unstyled > li{margin-bottom:5px;}
.footer-menu-col > ul.list-unstyled > li:last-child{margin-bottom:0px;}
.footer-menu-col > ul.list-unstyled > li > a{text-decoration:none;}
.footer-menu-col > ul.list-unstyled > li > a:hover{opacity:0.7;}
.powered-by {display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    row-gap: 24px; 
	gap:50px;
    margin-top: 50px;}
.powered-by span {margin-right:0;}	
.powered-by .currency-inner .btn-group > .btn {min-width:100px;}
ul.social-links{padding:0; margin:0; list-style-type:none; display:flex;}
ul.social-links > li{display:block; margin-left: -1px;}
ul.social-links > li > a{display:flex; width:55px; height:55px; border: 1px solid var(--border-color); position: relative; align-items: center;  justify-content: center; color:inherit; text-decoration:none;}
ul.social-links > li > a::after{content:""; display:block; left:0; bottom:0; width:100%;  background-color:#2e2e2e; transition: all 0.2s ease; position: absolute; height:0;}
ul.social-links > li > a .fa{position:relative; z-index:2;}
ul.social-links > li > a:hover{text-decoration:none; color:#FFFFFF; font-size: 18px;}
ul.social-links > li > a:hover::after{transition: all 0.2s ease; height:100%;}
.footer-row{display: grid; gap: 40px; justify-content: space-between; grid-auto-flow: column;
    grid-template-columns: none;}
.footer-row::before,.footer-row::after{display:none;}
.footer-col-1{max-width: 350px; width: auto;}
.footer-col-2{max-width: 325px; width: auto;}
.footer-col-3{max-width: 325px; width: auto;}
.footer-col-4{max-width: 325px; width: auto;}



/*Newsletter Popup*/
.popupwraper{position:fixed; left:0; top:0; height:100%; width:100%; background-color: var(--overlaybg); z-index:1000; opacity:0; pointer-events:none; transition: all 0.2s ease;}
.popupsection{display:flex; align-items:center; justify-content:center; height:100%; padding:20px;}
.open-popup{overflow:hidden;}
.open-popup .popupwraper{opacity:1; pointer-events:initial; transition: all 0.2s ease;}
.popupbox{background-color:#FFFFFF; position:relative; min-width: 400px; min-height: 100px;}
.popup-close{position:absolute; right:20px; top:20px;   cursor: pointer; z-index: 1;}
.popup-body{max-height:calc(100vh - 50px); overflow-y:auto;}
.newsletter-signup{width:1000px; max-width:100%; overflow: hidden;}
.newsletterbox{display:flex;}
.newsletter-left{width:50%;}
.newsletter-right{width:50%;}
.footer-newsletter-title{ font-size:17px; text-align:left; color:var(--heading-color); margin:0 0 15px 0; text-transform:uppercase; font-weight: normal; letter-spacing: -.4px;}
.footer-newsletter-title strong{font-weight:normal;}
.footer-newsletter-text{text-align:left; margin:0; line-height: 110%;}
.newletter-terms{padding:14px 0; font-size: 12px; line-height: 140%;}
.newsletter-wrap{margin:0 auto; width:340px; max-width:100%;}
.newsletter-top-content {margin-bottom:20px; text-align:center;}
.newsletter-top-content .h6 {font-weight:400;}
.newsletter-top-content .h6 b {font-weight: 500;}
.newletter-form .form-group input.form-control,.newletter-form .input-group input.form-control{border:0; border-bottom:1px solid var(--text-color); padding: 10px 0;}
.newletter-form .input-group{display: flex;}
.newletter-form .input-group .countrypicker {width:40px; height: 34px; padding:0; -webkit-appearance: none;
   -moz-appearance:none;
   appearance:none;}
.newletter-form .input-group .phone_code{width:26px; padding: 0; border: 0;}
.newletter-form .input-group input.form-control{width:calc(100% - 66px); padding-left:5px;}
.newletter-form button.btn-primary{display:block; text-align:center; width: 100%;}
.newsletter-signup > .newsletter-row{display:flex; align-items:center; margin:0;}
.newsletter-signup > .newsletter-row > .col-sm-6{padding:0;}
.newsletter-popup .footer-newsletter-title,.newsletter-popup .footer-newsletter-text{text-align:center;}



/*Home css*/
.swiper-container > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0;	margin-right: 20px;}
.swiper-pagination-bullet {position:relative; width:156px; height:auto; text-align:left; border-radius:0; opacity:1; margin-right:20px; background-color:transparent;}
.swiper-pagination-bullet em { font-size:15px; line-height:28px; font-weight:bold; letter-spacing:-0.38px; color:#cdcdcd;}
.swiper-pagination-bullet i { position:absolute; bottom:0; left:0; z-index:1; width:100%; height:10px; border-radius:12px; background-color:rgba(255, 255, 255, 0.65);}
.swiper-pagination-bullet b { position:absolute; bottom:0; left:0; z-index:2; width:0%; height:10px; border-radius:12px; background-color:rgb(255, 255, 255);}
.swiper-pagination-bullet-active { background-color:transparent;}
.swiper-pagination-bullet-active b { animation-name:countingBar; animation-duration:3s; animation-timing-function:ease-in; animation-iteration-count:1; animation-direction:alternate; animation-fill-mode:forwards;}
@keyframes countingBar {
	0% {
		width:0;
   }
	100% {
		width:100%;
   }
}

/*Home Slider*/
.swiper-slide{position:relative;}
.home-slider .swiper-container {overflow:hidden; position:relative;}
.banner-content-section{position:absolute; left:0; bottom:64px; width:100%; z-index:2;}
.banner-slide-img{display:block; margin:0 auto; width:100%;}
.banner-content{margin:0; padding:0; text-align:left;}
.banner-title{letter-spacing: -1px; font-size:40px; margin:0 0 25px 0; color:var(--white); font-weight: 400; text-transform:uppercase;}
ul.banner-btns{list-style-type:none; padding:0; margin:0; display:flex;}
ul.banner-btns > li{margin-left:10px;}
ul.banner-btns > li:first-child{margin-left:0;}
ul.banner-btns > li > a.btn{display:block; border-color:var(--white); color:var(--white); text-decoration:none; font-size:14px; font-weight:500; text-transform: uppercase;}
ul.banner-btns > li > a.btn:hover{background-color:rgba(0,0,0,0.2);}


/*Home Feature*/
.featured-section{padding:90px 0;}


/*Product Listing Page*/
.product-thumb .image:hover {opacity:1;}
.product-layout.product-list img{max-height: 400px;}
.product-list .product-thumb .caption{margin: 0px; width:100%; min-height:80px; padding:0 40px;}
img.lazy {opacity: 0; transition: opacity 1s ease-in;}
img.lazy-loaded {opacity: 1;}

.product-layout.product-list img{height: 100%;}
.product-thumb-slider {position: relative;}
.product-thumb-slider a.image-product-link {display: block; width: 100%; height: auto;}
.product-thumb-slider a.image-product-link:hover{opacity:1;}
.product-thumb-slider a.image-product-link img {width: 100%; height: auto;  transition: all 0.2s ease;}
.thumb-first {display: block; opacity: 1; transition: all 0.2s ease;}
.thumb-second {display: block; opacity: 0; transition: all 0.2s ease;}
.product-thumb-slider.swape-images a:hover .thumb-first {display: block; opacity: 0; transition: all 0.2s ease;}
.product-thumb-slider.swape-images a:hover .thumb-second[src] {display: block; opacity: 1; transition: all 0.2s ease;}
.product-thumb-slider.swape-images a:hover .thumb-second[src] ~ .thumb-first {display: block; opacity: 1; transition: all 0.2s ease;}

.form-group.option-group .squre-label {cursor:pointer; position:relative;}
.form-group.option-group .squre-label input {position:absolute; z-index:1; width:100%; height:100%; margin:0; cursor:pointer;}
.form-group.option-group input[type="radio"],.form-group.option-group input[type="checkbox"] {opacity:0;}
.form-group.option-group .squre {border: 1px solid #fff;}
.form-group.option-group input:checked + .squre {border-color:#000; /* Border color when checked */}
.form-group.option-group input:hover + .squre {border-color:#000; /* Border color on hover */}
.d-none{display: none !important;}


/* Cart Sidebar css */
/*.cart-sidebar{position:fixed; display: block; position: fixed; left: 0;  height: 100vh; z-index: 1; z-index: 1000; background-color: var(--overlaybg); opacity:0; transition: all 0.2s ease; pointer-events:none; width: 100%; top: 0;}
.cart-sidebar .cart-sidebar-inner{margin-right:-500px; top:0; height:100%; max-height:100vh; width:500px; background: var(--white); padding:0px;  float:right;}
.sidebar-open .cart-sidebar{opacity: 1; transition: all 0.2s ease; pointer-events:initial;}
.sidebar-open .cart-sidebar.open{opacity: 1; transition: all 0.2s ease; pointer-events:initial;}
.sidebar-open .cart-sidebar-inner{margin-right:0px; transition: all 0.2s ease;}*/

/***** Cart Sidebar css *****/
.cart-sidebar{position:fixed; display: block; left: 0;  height: 100vh; z-index: 1000; background-color: var(--overlaybg); opacity:0;  pointer-events:none; width: 100%; top: 0;transition: all 0.5s ease-in-out;}
.cart-sidebar .cart-sidebar-inner{margin-right:-500px; top:0; height:100%; max-height:100vh; width:500px; background: var(--white); padding:0px;  float:right;transition: all 0.5s ease-in-out;}
/*.sidebar-open .cart-sidebar{opacity: 1; transition: all 0.2s ease; pointer-events:initial;}*/
 .cart-sidebar.open{opacity: 1;  pointer-events:initial;}
.cart-sidebar.open .cart-sidebar-inner{margin-right:0px; }


body.sidebar-open {overflow:hidden;}
.fa.fa-refresh.cart-product-loader {visibility:hidden; transform:translate(0px, 50px); transition:transform 0.5s ease-in-out;}
.fa.fa-refresh.cart-product-loader.loading {visibility:visible; animation:loadUp 0.5s ease-in-out forwards, spin 2s linear infinite 0.5s;
	position:absolute;
    z-index:9999;
    left:35%;
    top:40%;
    background:#fff;
    border-radius:50%;
    width:30px;
    height:30px;
    border:0;}
.fa.cart-product-loader.fa-check {transition:transform 0.5s ease-in-out;	
    text-align: center;
    display: block;
    position: absolute;
    top: 50%;
    left: 40%;
    color: #fff;}

	
.sidebar-header{display:flex; align-items:center; padding:16px 40px; border-bottom:1px solid var(--border-color);}
.close-sibar{margin-left:auto; cursor:pointer;}
.cart-items-total {line-height:1; display: flex; align-items:flex-end;}
.cart-items-total .fa-shopping-bag{margin-right:12px;}
.sidebar-cart-total{font-size:14px; text-transform:uppercase;}
.sidebar-body{padding:17px 40px; overflow-y:auto; height:calc(100% - 190px);}
.free-shipping{text-align:center; margin-bottom:24px;}
.free-shipping .bar{margin-top: 9px; height: 8px; border-radius: 4px; background-color:var(--text-color); display: block; font-size: 0;}
.text-free-shopping{font-size: 13px; line-height: 1; margin-bottom:0;}
.cart-sidebar-listing .card-item{margin-bottom:24px;}
.cart-sidebar-listing .card-item:last-child{margin-bottom:0;}
.cart-img-link {text-align: center; display:flex; align-items:center; justify-content: center; /*background-color:var(--black); height:117px;*/}
.cart-details .product-thumb-title-link{color:inherit; font-size:13px; text-decoration:none;}
.cart-price-total{margin:0; font-size:13px;}
.input-group-addon{border-color:transparent; border:0; border-radius:0; background-color:transparent;}
.fa-minus{vertical-align: middle;}
.fa-minus::before{font-size: 0; display:block; width:8px; height:8px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' focusable='false' width='8' height='2' class='icon icon--minus ' viewBox='0 0 8 2'%3E%3Cpath fill='%232e2e2e' d='M0 0h8v2H0z'%3E%3C/path%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center center; background-size:100% auto;}
.fa-plus{vertical-align: middle;}
.fa-plus::before{font-size: 0; display:block; width:8px; height:8px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' focusable='false' width='8' height='8' class='icon icon--plus ' viewBox='0 0 8 8'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 5v3h2V5h3V3H5V0H3v3H0v2h3z' fill='%232e2e2e'%3E%3C/path%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center center; background-size:100% auto;}
.cart-details .buttons{margin:20px 0 0 0; display: flex; align-items: center;}
.cart-details .buttons .input-group{border:1px solid var(--border-color); border-collapse: collapse;}
.cart-details .buttons .form-control{border:0; height:28px; width:28px; padding:0; text-align:center; font-size:12px; min-width: initial;}
.btn-cart-remove{text-decoration: underline; font-size:10px; cursor:pointer; margin-left: 12px;}
.empty-sidebar{display:flex; align-items:center; height:calc(100% - 54px); flex-direction:column; justify-content: center; padding:0 40px;}
.sidebar-text-empty{margin-bottom:32px;}
.sidebar-shiping-text{margin:0 0 25px 0; font-size: 12px; line-height: 150%;}
.sidebar-footer {padding: 20px 40px 0px 40px; border-top: 1px solid var(--border-color); min-height:136px;}
.sidebar-footer .checkout-btn{display:flex; align-items:center; justify-content:center; position:relative;}
.checkout-text .squre{width:4px; height:4px; background-color:var(--white); margin:8px; display: inline-block; vertical-align: middle; margin-top: 5px;}
.fa-lock{vertical-align: middle;}
.fa-lock::before{font-size: 0; display:block; width:17px; height:17px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' focusable='false' width='17' height='17' viewBox='0 0 17 17'%3E%3Cpath d='M2.5 7V15H14.5V7H2.5Z' stroke='%23FFFFFF' stroke-width='1.5' fill='none'%3E%3C/path%3E%3Cpath d='M5.5 4C5.5 2.34315 6.84315 1 8.5 1V1C10.1569 1 11.5 2.34315 11.5 4V7H5.5V4Z' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'%3E%3C/path%3E%3Ccircle cx='8.5' cy='11' r='0.5' stroke='%23FFFFFF'%3E%3C/circle%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center center; background-size:100% auto;}
.sidebar-footer .checkout-btn .fa-lock {position:absolute; left:24px; top:8px;}


@keyframes loadUp {
    0% {
        transform: translate(0px, 50px); 
    }
    100% {
        transform: translate(0px, 0px); 
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* Product Filters */
.filter-box-inner{   display: flex;  align-items: center; margin-left:0px;}
.product-filters .filter{margin-right: 30px;}
.product-filters .filter:last-child{margin-right:0;}
.dropdown .dropdown-toggle i { transition: transform 0.5s ease;}
.dropdown .dropdown-toggle[aria-expanded="true"] i { transform: rotate(180deg);}
.product-filters .filter .dropdown .dropdown-menu{padding: 24px 32px; margin:0; left:auto; right:0; top: calc(100% + 20px); width:max-content;}
.product-filters .filter .dropdown .dropdown-backdrop{display:none;}
.product-filters .filter .dropdown .dropdown-menu::before{width:10px; height:10px; content:""; display:block; position:absolute; right: 23px; top: -6px; border-top:1px solid var(--border-color); border-right:1px solid var(--border-color); background-color:var(--white); rotate:-45deg;}
.product-filters .filter .range-slider{margin-bottom: 10px;}
.product-filters .filter.filter-color .filter-options{display: flex;  justify-content: start;   align-items: center; gap: 8px;}
.product-filters .filter.filter-color .filter-options .checkbox{margin: 0px;}
.product-filters .filter.filter-color .filter-options .squre-label {position: relative; height: 26px;   width: 26px; border:none; min-height:26px; display: block; padding-left:0;}
.product-filters .filter.filter-color .filter-options input[type="checkbox"]{height: inherit; width: inherit; position: absolute; z-index: 1; top: 0; opacity: 0; margin-top: 0;}
.product-filters .filter.filter-color .filter-options .squre {width: inherit; height: inherit; position: absolute; z-index: 1; border-bottom:0px solid transparent; right: 0; top:4px;}
.product-filters .filter.filter-color .filter-options input[type="checkbox"]:checked + .squre {border-color:#000; border-bottom-width: 2px;}
.filters-section {padding:0px; margin:75px 0 50px 0;}
.product-filters.sorting .filter .radio input[type="radio"]:checked + span{ position: relative;}
.product-filters.sorting .filter .radio input[type="radio"]:checked + span::after 
{ position: absolute; content: ""; width: 12px; height: 9px; top: calc(50% - 4.5px); background-color: currentColor; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMy40TDQuNzQ5MzEgN0wxMSAxIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMy40TDQuNzQ5MzEgN0wxMSAxIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 12px 9px; mask-size: 12px 9px; margin-left: 5px;}
.filters-row {display: flex; flex-wrap: wrap; align-items: center;}
.filter-col2{margin-left:auto; display: flex; flex-wrap: wrap; align-items: center;}
.filter-col3{display: flex; flex-wrap: wrap; align-items: center; margin-left:30px;}
.filter-col3 > .product-filters{margin-left:0;}
.product-filters .dropdown > .dropdown-toggle {margin-bottom:0; display:flex; align-items:center; cursor:pointer; color:#020202;}
.product-filters.sorting .dropdown > .dropdown-toggle span {font-weight:100; color:#555;}
.product-filters .dropdown > .dropdown-toggle .fwbold {font-weight:500;}
.product-filters .dropdown > .dropdown-toggle .fa-chevron-down{margin-left:5px;}
.filter-options > ul.list{padding:0; list-style-type:none;}
.filter-options > ul.list > li{margin-bottom:7px;}
.filter-options > ul.list > li:last-child{margin-bottom:0px;}
.filter-options > ul.list > li > .radio{margin:0; line-height:1;}
.filter-options > ul.list > li > .radio > label{padding:0; line-height: 1; min-height: initial; font-size: 14px; white-space: nowrap;}
.filter-options > ul.list > li > .radio input[type="radio"]{display:none;}
.filter-options > ul.list > li > .checkbox{margin:0;}
.filter-options > ul.list > li > .checkbox > label {line-height: 1; min-height: initial; font-size: 14px; text-transform:uppercase;}
.filter-options > ul.list > li > .checkbox > label input[type="checkbox"]{margin-top: -1px;}



/*Category Listing*/
.category-products-row > .banner {width:50%;}
.category-banner{width:100%; position:relative; padding-top:74.9%; background-color:var(--black);}
.product-layout.product-list .category-banner .category-feature{position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%;  object-fit: cover; max-height: 100%;}
.category-feature-title{position: absolute; margin: 0; padding: 24px; left: 0; top: 0;  bottom: 0;  right: 0; z-index: 2; display: flex; text-align: left; align-items: center; justify-content: flex-start; color:var(--white);}
.product-thumb{margin:0; border:none; display:flex; flex-direction:initial; flex-wrap:wrap; height: 100%; overflow: initial; position:relative;}
.product-ribbon{position: absolute; z-index: 1; top: 10px; left:10px; font-size: 12px; line-height:1; text-transform:uppercase; padding:5px 10px; background-color:var(--black); color:var(--white);}
.product-list .product-thumb .image{padding:1px;  width: 100%; margin-bottom: 18px;}
.image-product-link{position:relative; padding-top:150.52%; }
.category-products-row .product-layout.product-list .image-product-link .img-responsive{position: absolute; width: 100%; height: 100%;
  object-fit: cover;  top: 50%;  left: 50%; transform: translate(-50%,-50%); max-height:100%;}
.category-products-row{display:flex; flex-wrap:wrap; margin: 0;}
.category-products-row > .col-sm-3{float:none; padding: 0; margin-bottom: 30px;}
.product-thumb .product-thumb-title{font-weight:normal; margin:0 0 5px 0;}
.product-thumb .product-thumb-title .product-thumb-title-link {color:inherit; text-decoration:none;}
.product-thumb .price{color:var(--text-color); margin-bottom:5px;}
.product-color-text{color: inherit; opacity:0.7;}
.product-thumb .price-new{font-weight:normal;}
.product-thumb .price-old{margin-left:5px;}


/*Price Range*/
span.irs--round .irs-handle{top: 6px; width: 13px; height: 13px; border: 5px solid #323232;}
span.irs{height: 20px;}
span.irs--round .irs-bar{top: 10px; height: 6px; background-color:#5d5d5d;}
span.irs--round .irs-line{top: 10px; height: 6px; background-color:#e0e0e0;}
.extra-controls{display:flex; align-items:center; justify-content:space-between;}
.extra-controls .input-group{width:calc(50% - 30px); display: flex; border:1px solid var(--border-color);}
.extra-controls .input-group .input-group-addon{ background-color:transparent; border:0; border-radius:0;line-height: 18px; width: 30px;}
.extra-controls .input-group .js-input-from,.extra-controls .input-group .js-input-to{width: calc(100% - 0px); max-width:100%; border:0; background-color:transparent; border-radius: 0; box-shadow: none; outline: none; padding:0 10px 0 0; text-align:right; color:var(--black);}
.input-group-to{width:60px; text-align:center;}
.product-filters .filter-price .dropdown-menu{max-width:300px;}


/*product arrow*/
.swiper-button-next, .swiper-button-prev {top:var(--swiper-navigation-top-offset,15%);}

.swiper-container .swiper-button-prev {z-index:1;
    width: 56px;
    height: 56px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;}
.swiper-container .swiper-button-next {z-index:1;
    width: 56px;
    height: 56px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;}
.swiper-container .swiper-button-prev:after {content:'prev';
    color:#000;
    font-size:18px;
    font-weight:600;}	
.swiper-container .swiper-button-next:after {
    content:'next';
    color:#000;
    font-size:18px;
    font-weight:600;}
.swiper-button-next, .swiper-rtl .swiper-button-prev {right: var(--swiper-navigation-sides-offset, 2px); left:auto;}	
.swiper-button-prev, .swiper-rtl .swiper-button-next {left: var(--swiper-navigation-sides-offset, 2px); right:auto;}
.swiper-container .swiper-button-next:hover:after {animation: prevNextButtonKeyframe .3s ease-in-out forwards;} 	

.swiper-container .swiper-button-prev {
        z-index: 1;
        opacity: 0;
        visibility: hidden;
        transform: scale(.5);
        transition: opacity .15s ease-in-out, visibility .15s ease-in-out, transform .15s ease-in-out;}

.swiper-container .swiper-button-next {
        z-index: 1;
        opacity: 0;
        visibility: hidden;
        transform: scale(.5);
        transition: opacity .15s ease-in-out, visibility .15s ease-in-out, transform .15s ease-in-out;}		

.swiper-container:hover .swiper-button-next {
    opacity: 1;
    visibility: visible;
    transform: none;
	transform: scale(1);
    transition: opacity .15s ease-in-out, visibility .15s ease-in-out, transform .15s ease-in-out;}
.swiper-container:hover .swiper-button-prev {
    opacity: 1;
    visibility: visible;
    transform: none;
	transform: scale(1);
    transition: opacity .15s ease-in-out, visibility .15s ease-in-out, transform .15s ease-in-out;}
.swiper-container:hover .swiper-button-prev.swiper-button-disabled {opacity:0;}	
.swiper-container:hover .swiper-button-next.swiper-button-disabled {opacity:0;}	

.home-slider .swiper-container .swiper-pagination {position:absolute;}

.no-padding {padding:0;}
.pr-0 {padding-right:0;}
.pl-0 {padding-left:0;}
	

.store-locator {background:#000000; width:100%; display:block; margin:60px auto;}	
.store-locator .width-full .content {
    flex:1;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;}	
.store-locator .content .store-locator-left {
    padding: 0 20px 0 100px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    color: #fff;}	
.store-locator-left h2 {
    font-size: 30px;
    font-weight: normal;
    color: #fff;
    letter-spacing: -.8px;
    margin: 0 0 24px;
    text-transform: uppercase;}
.store-locator-left p {line-height: 1.15;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 15px;}
.store-locator-left a {margin:20px 0 10px;
    display: block;
    color: #fff;
    text-decoration: underline;
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: normal;}			
.store-locator-left a:hover {text-decoration:none;}	


/****** Pagination ******/
.pagination {
    margin: 50px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
	border-radius: 0;}
.pagination>li {
    display: flex;
    align-items: center;
    justify-content: center;}
.pagination>li>a, .pagination>li>span {height: 56px;
	width: 56px; line-height:1.2; font-size:10px; text-decoration:underline; font-weight:500; letter-spacing:1px; color:rgba(13,13,13,1);
	position: relative;
    display: table-cell;
    box-shadow: 1px 0 rgb(var(--border-color)), 0 1px rgb(var(--border-color)), 1px 1px rgb(var(--border-color)), 1px 0 rgb(var(--border-color)) inset, 0 1px rgb(var(--border-color)) inset;
    vertical-align: middle;
    text-align: center;
	text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {z-index: 2;
    color: rgba(13, 13, 13, 1);
    cursor: default;
    background-color: transparent;
    border-color: #000;
    border-width: 2px;}	
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;}		
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius:0;
    border-bottom-right-radius:0;}	
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 3;
    color: rgba(13, 13, 13, 1);
    background-color: transparent;
    border-color:#000;}	
.pagination li svg {max-width:20px; height:auto;}	
.pagination li:first-child svg {transform: rotateY(180deg);}
.pagination li:nth-child(2) svg {transform: rotateY(180deg);}
	

	

/****** Breadcrumb ******/
.breadcrumb {
    margin:0 0 20px;
    padding:8px 0;
    border: none;
    background-color: transparent;}	
.breadcrumb > li {
    text-shadow: 0 1px 0 #FFF;
    padding: 0 5px;
    position: relative;
    white-space: nowrap;
	text-transform: uppercase;
    font-weight: 100;}
.breadcrumb > li:after {display:none;}		
.breadcrumb > li a {text-decoration:none; font-weight:100;}
.breadcrumb > li:first-child a {text-decoration:underline;}
.breadcrumb > li:first-child a:hover {text-decoration:none;} 
.breadcrumb > li + li:before {
    content: "/\00a0";
    padding: 0 5px 0 0;
    color: #020202;}
	

#product-product .breadcrumb {
    margin: 0 0 90px;
    padding:0;
    border: none;
    background-color: transparent;}	
#product-product .breadcrumb > li {
    text-shadow: 0 1px 0 #FFF;
    padding: 0 5px;
    position: relative;
    white-space: nowrap;
	text-transform: uppercase;
    font-weight: 100;}
#product-product .breadcrumb > li:after {display:none;}		
#product-product .breadcrumb > li a {text-decoration:none; font-weight:100;}

#product-product .product-title h1 {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 25px;
    font-weight: normal;
    color: #000;}
#product-product .form-group .btn-primary {
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #000;
    border: 0;
    background-image: none;
    text-shadow: none;
    box-shadow: none;
    text-decoration: none;
    font-size: 12px;
    font-weight: 100;
    min-width: 220px;
    height: 36px;}	

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
    border: none;
    box-shadow: none;}	
.panel-default>.panel-heading {
    color: #000;
    background-color: transparent;
    border-color: transparent;
    border: none;
    text-decoration: none;
    font-weight: normal; padding:10px 0;}	
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: #000;
    font-weight: 200;
    text-decoration: none;
    text-transform: uppercase;}	
.panel-title a {text-decoration: none; font-weight: 100;}	

.search-results.loading {flex-direction:column;}
.search-results .text-no-results {font-size:19px; margin-bottom:25px;}
#search-results .search-item {margin-bottom:24px;}
#search-results .search-item .row {margin-right:0;}
#search-results .search-item .right-icon {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
	position: absolute;
    top:0; padding-top:42px;
    right: 0;
    opacity: 0;
    transform:translateX(40px);
    transition: opacity .2s ease-in-out, transform .2s ease-in-out; overflow:visible;}
#search-results .search-item:hover .right-icon {opacity: 1; transform: translate(0);}	
#search-results .search-item .right-icon svg {
    max-width: 24px;
    max-height: max-content;}	
#sidebar-search .sidebar-body {height:calc(100% - 140px);}	
#sidebar-search .cart-sidebar-inner {position:relative;}	
#sidebar-search #side-search-footer {min-height:inherit; padding:20px 40px 20px 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;}	


#error-not-found h1 {
    text-align: center;
    font-size: 20px;
    font-weight:normal;}
#error-not-found p {
text-align: center;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 15px;}	
#error-not-found .buttons {margin:0 auto; text-align:center;}	
#error-not-found .buttons .pull-right {float: none !important;}	

.big-image {position:relative; margin-bottom:30px;}
.big-image .top-icons {z-index:9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    right: 0;
    padding: 0;
    margin: 0 auto;
    position: absolute;}
.big-image .top-icons .product-ribbon {
	position: relative;
    left: 15px;
    top: 15px;}
.big-image .top-icons .zoom-icon {right: 20px;
    position: absolute;
    float: right;
    display: inline-block;
    padding: 0;
    top: 15px;}		
.big-image .top-icons .zoom-icon .fa-search::before {
    width: 16px;
    height: 16px;}	
.flickity-prev-next-button .flickity-button-icon {width:18px; height:18px;}
.flickity-prev-next-button .flickity-button-icon path {color: #000;}
.big-image .flickity-button {background:none;}

.product-right {padding-right:80px; margin-bottom:30px;}
.product-right .product-title {
    display: flex;
    align-items:flex-start;
    justify-content: space-between;}
.product-right .option-group {margin-top: 16px;
    padding-top: 10px;
    border-top: 1px solid #e0e0e0;}	
.product-right .option-group label {text-transform: uppercase;
    color:#000;
    font-size: 14px;
    margin: 0; padding:0;
    font-weight: normal;}	
.option-group label .size-guide-toggle {cursor:pointer;}	
.option-group .input-options {display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    margin: 10px 0;}	 
.option-group .input-options .radio {
    margin: 0 6px 0 0;
    padding: 0; font-size:11px;}	
.input-options .radio label {
    font-size: 11px;
    padding:0;}
.input-options .radio label .squre {
    border: 1px solid #e0e0e0;
    padding: 2px 10px;}		

.option-group .input-options .checkbox {
    margin: 0 6px 0 0;
    padding:0;
    font-size:11px;}
.option-group .input-options .checkbox label {
    font-size:11px;
    padding:0;}
.input-options .checkbox label .squre {
    border: 1px solid #e0e0e0;
    padding: 2px 10px;}	

.explore-collection-section {
    margin: 50px auto;
    padding: 20px 0;}	
#product-product .product-detail {padding-left:0; padding-right:0; margin-bottom:50px;}
.description-section .panel-body {padding:15px 0; border-top:none !important;} 
.description-section .panel-default>.panel-heading {padding-bottom:0;}	
.recent-products .title-category {
    font-weight: normal;
    font-size: 14px;
    color: #020202;
    text-transform: uppercase;
    margin-bottom: 20px;
	padding-left: 40px;
    padding-right: 40px;}
.recent-products .category-products-row {display: flex;
    flex-wrap: wrap;
    margin:0 auto;
    align-items: center;
    justify-content: center;}	
.description-section .panel-title a {position:relative;}	
.description-section .panel-title a:after {content:"-"; display:inline-block; margin-left:5px;  transition: all 0.2s ease; font-size:16px; font-weight:normal; width:auto; height:auto;}	
.description-section .panel-title a.collapsed:after {content:"+"; display:inline-block; margin-left:5px;  transition: all 0.2s ease; font-size:16px; font-weight:normal; width:auto; height:auto;}	

.explore-collection-section h5 {font-size:10px; font-weight:500; text-transform:uppercase; text-align:center; margin:18px auto; letter-spacing:1px; color:#000;}
.explore-collection-section .caption {text-align: center; margin: 0 auto; line-height:1.15; text-transform:uppercase; font-size:14px; font-weight:200; padding:24px 0}
.explore-collection-section .caption p {text-align: center; margin: 0 auto; line-height:1.15; text-transform:uppercase; font-size:14px; font-weight:200;}	
.explore-collection-section .swiper-wrapper {
    margin: 0 auto;
    width: 100%;
    transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;}
.explore-collection-section .category-image img {transition: transform .5s ease; transform: translateZ(0);}	
.explore-collection-section .category-image img:hover {transform: scale(1.03);}

.category-features .container {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    text-align: center;
    padding-top: 50px;
    margin: 0 auto 50px;
    padding-bottom: 50px;
    width: 100%;}
.category-features .icon-set {
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; width:25%;}
.icon-set .icons-wrapper {
    height: 30px;
    display: flex;
    align-items: flex-start;
    width: auto;
    margin-bottom: 10px !important;
    justify-content: center;}	
.icon-set .heading-small {
    text-transform: uppercase;
    margin-bottom: 12px;
    font-weight: 400;
    color: #020202;
    font-size: 12px;
	letter-spacing: 1px;}	
.icon-set p {
    font-size: 14px;
    font-weight: 100;
    line-height: 1.3;
    margin-bottom: 15px;}		


/* Animation states that we apply to those buttons */
@keyframes prevNextButtonKeyframe {
  0% {
    transform: translateX(0%) scale(var(--transform-logical-flip), 1);
  }

  50% {
    transform: translateX(calc(50% + 10px))
      scale(var(--transform-logical-flip), 1);
  }

  51% {
    transform: translateX(calc(-50% - 10px))
      scale(var(--transform-logical-flip), 1);
  }

  100% {
    transform: translateX(0%) scale(var(--transform-logical-flip), 1);
  }
}

/**** Search side bar ***/
.sidebar-body .loading
   {
	display: flex;
    align-items: center;
    justify-content: center;
	height: 100%;}
.sidebar-body .loading i {font-size: 4rem;}

/*Store Locator css*/
@keyframes spin {
    0% { transform: rotate(0deg);}
    100% { transform: rotate(360deg);}
}

.fa-spin {
    animation: spin 2s linear infinite;}

.flagship-stores {display:flex; position:relative; padding:60px 0;}
.flagship-stores .flagship-menu {width:30%;}

.flagship-stores .flagship-menu #sidebar {position:sticky; top:0;}
.locator-page .store-locator + .flag-heading {padding:48px 0; display:block; margin:0 auto; text-align:center; text-transform:uppercase; font-weight:normal; font-size:40px; color:#0d0d0d;}
.flagship-stores .flagship-menu .navbar-nav
	{display: flex;
    flex-direction: column;
    min-width: 100px;
    align-items: flex-start;
    border-left: 1px solid #e5e5e5;}
.flagship-stores .flagship-menu .navbar-nav li {position:relative;}	
.flagship-stores .flagship-menu .navbar-nav li a {position:relative;
    padding:12px 24px;
    margin: 0px;
    border: none;
    line-height: 1.1;
    font-weight: 500;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none; letter-spacing:1.5px;}

.flagship-stores .flagship-menu .navbar-nav li.active a {color:#000;}
.flagship-stores .flagship-menu .navbar-nav li.active a:after {
    content:'';
    display:inline-block;
    width:2px;
    height:100%;
    background:#000;
    position:absolute;
    left:-1px;
    top:0;
	border-radius:4px;}
.flagship-stores .flagship-menu .nav>li>a:focus, .flagship-stores .flagship-menu .nav>li>a:hover {background-color:transparent;}
.flagship-stores .flagship-menu .list-group a.active, .flagship-stores .flagship-menu .list-group a.active:hover, .flagship-stores .flagship-menu .list-group a:hover {
    color: #000;
    background: none;
    border: none;
    text-shadow: none;}	

/**** cart child sidebar ****/
.cart-sidebar-inner {position: relative;}

.cart-sidebar-inner .child-sidebar {
	position:absolute;
    height:100vh;
    width:250px;
    display:flex;
    flex-direction:column;
    gap:10px;
    right:100%;
	background-color:rgb(245, 245, 245);
	overflow-y:scroll;
	overflow-x:hidden;
	scroll-behavior:smooth;
	scrollbar-width:thin;
	box-shadow:-10px 0 24px 4px rgb(46,46,46, .05) inset;
	transition:transform .30s ease-in;
	transform:translate(250px, 0px);
	opacity:0;}

.cart-sidebar-inner .child-sidebar.open {
	transform:translate(0px, 0px);
	opacity:1; z-index:-1;}

.cart-sidebar-inner .child-sidebar.open h5 {
    font-size:10px; margin:0;
    text-align:center;
    text-transform:uppercase;
    color:#000;
    font-weight:500;
    letter-spacing:1px;}	
.cart-sidebar-inner .child-sidebar {padding:35px 40px;}	
.cart-sidebar-inner .child-sidebar .image-product-link {padding-top:0;}
.child-sidebar.open .product-list .product-thumb .caption {margin:0;
    width:100%;
    min-height:inherit;
    padding:0;}
.child-sidebar.open .product-thumb .product-thumb-title {
    font-weight: normal;
    margin: 0 0 5px 0;
    font-size: 13px;
    color: rgba(46, 46, 46, 1);}
.child-sidebar.open .product-thumb .price {margin-bottom:0;}	
.child-sidebar.open .product-thumb .product-color-text {font-size:13px;}
.child-sidebar.open .product-thumb .caption  .product-thumb-title a {color:rgba(46, 46, 46, 1) !important; display:block; letter-spacing:normal !important; text-decoration:none !important;}	
.child-sidebar.open .product-list .product-thumb .caption a {
    font-weight:normal;
    margin:0;
    font-size: 13px;
    color: rgba(46, 46, 46, 0.85);
    text-decoration:underline;
    display:inline-block;
    letter-spacing:0.5px;}
.child-sidebar.open .product-list .product-thumb .caption a:hover {text-decoration:none; color:rgba(46, 46, 46, 1);}	
.product-filters .dropdown > .dropdown-toggle #sort-by-text {margin-left:5px;}		
.child-sidebar.open .product-list {margin-top:40px;}

#checkout-cart .free-shipping {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: 400px;
    margin:60px auto;
    text-align: center;}
#checkout-cart .free-shipping h1 {text-transform:uppercase;
    color: #020202;
    font-weight: normal;
    font-size: 40px;
    margin-bottom: 24px;
    margin-top: 0; 
	display:block;}	
#checkout-cart .free-shipping p {margin:0 0 13px; color:#020202;}
#checkout-cart .free-shipping .bar {
    margin-top:0;
    height:8px;
    border-radius:4px;
    background-color:var(--text-color);
    display:block;
    font-size:0;
    width:100%;}
#checkout-cart .table-bordered {border:none;}		
#checkout-cart .table-bordered thead tr td, #checkout-cart .table-bordered thead tr th {border:none;
    padding-left:0;
    padding-right:0;
    padding-bottom:15px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1px;
    padding-top:0; color: rgba(46, 46, 46, .80);}
#checkout-cart .table>tbody>tr>td {border:none; border-top:1px solid #e0e0e0;     
    padding-top:25px;
    padding-bottom:25px;}
#checkout-cart .table tbody tr td:first-child {padding-left:0; width:100px;}	
#checkout-cart .table thead tr td:first-child {padding-left:0; text-align:left;}
#checkout-cart .table tbody tr td:last-child {padding-right:0; text-align:right;}	
#checkout-cart .table thead tr td:last-child {padding-right:0; text-align:right;}
#checkout-cart .table tbody tr td a {
    font-size: 16px;
    text-decoration: none;}
.buttons .cart-remove {
    font-weight:normal;
    font-size:11px;
    text-align:center;
    margin:0 auto;
    display:block;
    padding:5px 0 0;
    letter-spacing:1px;
    text-decoration:underline; cursor:pointer;}	
.buttons .cart-remove:hover {text-decoration:none;}		
#checkout-cart .buttons .input-group {position:relative;
    display: flex;
    border-collapse: separate;
    border: 1px solid var(--border-color);
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: row;}	
#checkout-cart .table tr td .buttons {margin:0;}	
#checkout-cart .input-group .form-control {min-width:fit-content; width:auto; border:none; padding:0 5px; text-align:center;}
#checkout-cart .input-group .input-group-addon {
    cursor: pointer;
    height: 28px;
    color: var(--text-color);
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;}
#checkout-cart .pl-5 {padding-left:50px;}	
#checkout-cart .cart-right {padding:40px; background:#f5f5f5; border-radius:1px; margin-bottom:60px;}
#checkout-cart .cart-right .total {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(46, 46, 46, 0.8);
    font-weight: normal;
    letter-spacing: 0.5px;}	
.cart-right .panel {background-color:transparent;}	
.cart-right .panel-default .panel-heading {
    color: #555;
    background-color: transparent;
    border-color: transparent;
    border: none;
    text-decoration: none;
    font-weight: normal;
    padding: 10px 0;}	
.cart-right .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 13px;
    color: #444;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 100;}	
.cart-right .panel-group .panel-body {padding:15px 0;}	
.cart-right .panel-group .panel-body .control-label {display:none;}	
.cart-right .panel-group .panel-body .input-group {
    position: relative;
    display: flex;
    border-collapse: separate;
    flex-direction: column;
    gap: 10px;}	
.cart-right .panel-group .form-horizontal .form-group .col-sm-10 {width:100%;}
#checkout-cart .cart-right .totals table tr td {
    padding-top: 10px;
    padding-bottom: 10px;}	
#checkout-cart .cart-right .totals table tr td strong {
    font-weight: 500;
    text-transform: uppercase;
    font-size:13px;}	
.cart-right .panel-title .accordion-toggle {
    font-size: 13px;
    font-weight: 500;}
#checkout-cart .cart-right .panel-group .input-group .form-control {
    text-align: left;
    padding: 0 10px;}	


#product-search .search-full {background-color:#f5f5f5; padding:35px 0 50px;}
.search-header h1 {
    line-height: 1.1;
    letter-spacing: -.8px;
    font-size: 30px;
    font-weight: normal;
    color: #000;
    display: block;
    text-align: center;
    margin: 0 0 30px;
	text-transform:uppercase;}
.search-full .search-group {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 600px;
    margin: 0 auto;
    position: relative;
    padding: 0;}	
.search-full .search-group .search-input {
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-direction:row;
	min-width:400px;
	position:relative;}		
.search-full .search-input input.form-control {height:26px;
    line-height:1;
    padding-left:30px;
    padding-right:80px;
    border:none;
    background-color:transparent;
    border-bottom:1px solid #000;
	color: #000;}
.search-full .search-input button {border:none;
    background-color:transparent;
    position:absolute;
    right:40px;
    padding:3px;
    cursor:pointer;
    bottom:2px;}
	
	
.no-event {pointer-events: none !important;}

.currency-inner .dropup ul.dropdown-menu {margin:0 0 10px 0; border-bottom:none; min-width:120px;}
.currency-inner .dropup ul.dropdown-menu > li > .btn {padding:10px;}	
.currency-inner .dropup ul.dropdown-menu::before {
    width: 10px;
    height: 10px;
    content: "";
    display: block;
    position: absolute;
    right: 23px;
    top: inherit;
    border-top: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
    background-color: var(--white);
    rotate: 133deg;
    bottom: -5px;}
.powered-by .currency-inner .btn-group > .btn {justify-content: space-between; min-width: 120px;}	
.powered-by .currency-inner .btn-group > .btn .fa-caret-down {rotate:180deg;}

#product .option-group:first-child .input-options .radio label .squre {border: none; padding: 0 0 3px; width: 24px; border-bottom: 2px solid transparent; text-align:center;}	
.product-right .option-group .color-options .squre-label {width:24px;}	

#product .option-group:first-child .input-options .radio label input[type="radio"]:checked + .squre {border-color:#000; border-bottom-width:2px;}

.locator-page .store-locator {
    background:none;
    width:100%;
    display:block;
    margin:10px auto 50px;}
.locator-page .side-list {position:relative; margin:0; padding:0;}	
.locator-page .side-list .form-group {position: relative;
    padding: 0;
    margin: 0 0 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;}
.side-list .form-group input.form-control {border: 1px solid #ccc;}
.side-list .form-group .btn-primary {border-radius: 3px;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    height: 34px;
    width: 38px;
    padding: 6px 12px;
    margin-left: 10px;
    color: #fff;
    border: 0;
    text-align: center;
    display: inline-block;}
.side-list .form-group .btn-primary .fa {color: #fff;}	
.side-list .form-group .btn-primary .fa-search::before {background: none;
    font-size: 14px;
    width: auto;
    height: auto;}	

.locator-page .side-list .search-filters {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px; row-gap: 5px;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0 auto 15px;}	
.locator-page .side-list .search-filters .checkbox {margin: 0;}	
.locator-page .side-list .search-filters .checkbox label {
    white-space: normal;
    line-height: 1.2;
    min-height: inherit;
    font-size: 14px;
    font-weight: 400;}
.locator-page .side-list .search-filters .checkbox label input {margin-top: 2px;}	
.locator-page .side-list .store-list {
    border-top:1px dotted rgba(0,0,0,.2);
    padding: 20px 0;
    margin: 20px 0;
	max-height: 492px;
    overflow-y: auto;}
.locator-page .side-list .store-list #store-list-ul {list-style:none; padding:0;}	
.store-list #store-list-ul li {
    padding:0 15px 20px 25px;
    margin:0 0 20px;
    border-bottom:1px dotted rgba(0,0,0,.2);
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:15px; color: #000;}
.store-list #store-list-ul li:last-child {border-bottom:none;}	
.store-list #store-list-ul li a {color:#000; text-decoration:underline; display:block;}	
.store-list #store-list-ul li a:hover {color:#555;}	
.store-list #store-list-ul li .store-name {
        margin: 0;
    color:#020202;
    font-size: 14px;
    font-weight: 500;
    text-shadow: none;}
#store-list-ul li .icon .fa {font-size:28px;}
.store-list #store-list-ul li p {
    line-height: 1.2;
    color: #000;
    font-weight:200;}			
.applied-filters {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;}	
.applied-filters .applied-filter {
    display: flex;
    align-items: center;
    margin:7px 10px 7px 0;
    background: #f5f5f5;
    padding: 5px 12px;
    font-size: 12px;
    color: #000;
    text-transform: uppercase;}	
.applied-filters .applied-filter-all {
    background: none;
    padding: 5px 15px;
    margin: 0;
    color: #555;
    cursor: pointer;
    text-decoration: underline;
    transition: all 0.2s ease;
    text-transform: none;
    font-size: 14px;}	
.applied-filters .applied-filter-all:hover {color:#000;}
.applied-filters .applied-filter .fa {
    font-size: 12px;
    margin-right:8px;}	
.applied-filters .applied-filter .fa-times::before {background-size:10px; cursor:pointer;}	

.flagship-content {
    width: 100%;
    max-width: 100%;
    margin: 0;
    justify-content: flex-start;
    display: flex;
    align-items: flex-start;}
.flagship-content .stores {
    display: flex;
    width: 75%;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;}	
.flagship-content .stores .store-group {width:100%;}	
.store-group .store-group-name {padding:20px 25px; display:block; background:#f5f5f5; margin-bottom:0; font-weight:400; text-transform:uppercase; font-size:14px; color:#0d0d0d; margin-top:0;}
.store-group .panel {border-color: transparent; box-shadow: none; margin-bottom:10px;}
.store-group .panel .panel-heading {padding:20px 0;}
.store-group .panel .panel-body {padding:15px 20px;}
.store-group .panel-heading .panel-title a {display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 20px;
    margin:0;
	text-transform:none;
    font-weight:500; color:#020202;}
.store-group .panel-body .info {
    margin: 0 0 20px;
    padding: 0 0 20px;}
.store-group .panel-body .info .store-name {color:#020202; font-weight:600; text-shadow:none; letter-spacing:0.5px; margin-top:0;}	
.store-group .panel-heading .panel-title a .animated-plus {position:relative; width:10px; height:10px;}
[aria-expanded=true]>.animated-plus:before, [aria-expanded=true]>.animated-plus:after {transform:translate(-50%, -50%) rotate(90deg);}
[aria-expanded=true]>.animated-plus:before {opacity:0;}
.animated-plus:before {
    width:10px;
    height:2px;
    opacity:1;}
.animated-plus:before, .animated-plus:after {
    position:absolute;
    content:"";
    top:50%;
    left:50%;
    transform:translate(-50%, -50%) rotate(-90deg);
    background-color:currentColor;
    transition:transform .4s ease-in-out, opacity .4s ease-in-out; font-weight:500;}	
.animated-plus:after {width:2px; height:10px;}

.containerForm {
    max-width:800px;
    margin:45px auto 30px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;}		
.containerForm .well {background-color:transparent;
    text-align:center;
    border:none;
    box-shadow:none; max-width:480px;}
.containerForm .well h2 {line-height:1; letter-spacing:-1px; color:#0d0d0d; text-transform:uppercase; font-size:40px; font-weight:normal; margin:0 0 25px;} 	
.containerForm .well p {color:#2e2e2e; font-weight:100; font-size:14px; margin:10px 0;}
.containerForm .well .description {margin:0 auto 50px; width:100%; max-width:460px; line-height:1.25; padding:10px 20px; background-color:#f5f5f5;}
.containerForm .description p {color:#0d0d0d; line-height:1.2;}
.containerForm form input.form-control {-webkit-appearance:none;
    appearance: none;
    width: 100%;
    height:32px;
    line-height:32px;
	font-weight: 100;
    padding: 0;
    border-radius:0px;
    border: none;
    border-bottom:1px solid #020202;
    box-shadow: none;
    background: transparent;
    color:#020202;
    transition: border .2s ease-in-out, box-shadow .2s ease-in-out;}
.containerForm form .form-group {margin-bottom:20px; position:relative;}	
.containerForm form .form-group .input_label {position: absolute;
    top:10px;
    padding: 0;
    pointer-events: none;
    transform: translateY(0);
    transform-origin: left top;
    transition: transform .2s ease-in-out;
    background:#fff;
    color:rgba(46,46,46, .7);
    line-height: 1;
    white-space: nowrap;
	left: 0;
    font-size: 14px;}
.containerForm form .form-group .forgot-link {
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 11px;
    color: #777;
    letter-spacing: 0.5px;}	
.containerForm form .form-group .forgot-link:hover {color:#020202;}	
	
	
/* input effects */
.input__label--mackage {
	width: 100%;
	text-align: left;
	position: absolute;
	bottom: 100%;
	pointer-events: none;
	overflow: hidden;
	padding:0;
	-webkit-transform: translate3d(0, 3em, 0);
	transform: translate3d(0, 3em, 0);
	-webkit-transition: -webkit-transform 0.25s;
	transition: transform 0.25s ;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	left: 0;
    font-size: 14px;
	color:rgba(46,46,46, .7);
    margin-bottom: 15px;
    display: flex;}

.input__field--mackage:focus + .input__label--mackage, .input--filled .input__label--mackage {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	margin-bottom: 0;
    font-size: 12px;}
:focus-within~.input__label, .is-filled~.input__label {	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	margin-bottom: 0;
    font-size: 12px;}	
.floating-input:-webkit-autofill + label
{-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	margin-bottom: 0;
    font-size: 12px;}	
	
.containerForm .form-horizontal .control-label {padding-top: 0;
        margin-bottom: 15px;
        text-align: left;}
.containerForm .form-horizontal .form-group {margin-left:0; margin-right:0;}
.containerForm .form-horizontal .check-group input#agree {
    margin: 0;
    line-height: 1;
    position: relative;
    top: 3px;
    right: -4px;}
.containerForm .form-horizontal .check-group label b {font-weight:500;}
#account-forgotten #content {min-height:inherit;}
#account-login #content {min-height:inherit;}
	

.containerForm form input.btn {width:100%;}
.containerForm form input.btn:hover {background-color:#000; transition:all 0.2s ease;}
.containerForm .extra {display:block; color:#2e2e2e; font-size:14px; font-weight:100; width:100%; margin-top:20px; text-align:center;}
.containerForm .extra a {padding-left:8px; text-decoration:underline; text-underline-offset:2px; color:#333;}
.containerForm .extra a:hover {color:#000;}
div.required .control-label:before {
    content:'*';
    color:#e41010;
    font-weight:500;
    padding-right:5px;}
.containerForm .form-horizontal .input__field--mackage:focus + .input__label--mackage, .containerForm .form-horizontal .input--filled .input__label--mackage  {
	-webkit-transform: translate3d(0, 0.8em, 0);
	transform: translate3d(0, 0.8em, 0);
	margin-bottom:0;
    font-size:12px;}
.containerForm form .text-danger {
    color:#a94442;
    font-size:12px;
    text-align:left;}
.containerForm .form-horizontal {margin-top:60px;}	

.information-banner {
    width: 100%;
    height: 400px;
    overflow: hidden;
    margin:0 auto 65px;}		
.information-banner img {
    width:100%;
    margin:0 auto;}	

.about-cms .section-first {padding:48px 0;}
.about-cms h3.heading {line-height:1.1; letter-spacing:-1px; margin:0 0 48px; font-size:40px; text-transform:uppercase; font-style:normal; font-weight:normal; color:#020202;}

.about-cms .section-second {padding:48px 0;}
.about-cms .section-third {padding:48px 0;}
.about-cms .section-fourth {padding:48px 0;}
.about-cms .section-fifth {padding:80px 0 100px;}

.about-cms .section-second .image-with-text__wrapper {
    padding:48px;
    display:flex;
    align-items:center;
    justify-content:center;}
.about-cms .section-second .image-with-text__wrapper .image-with-text__image-wrapper {margin-left:48px;} 
.about-cms .section-second .image-with-text__wrapper .image-with-text__content-list {padding-left:100px;}
.about-cms .section-second .image-with-text__wrapper .image-with-text__content-list h3.heading {font-size:17px; margin-bottom:10px;}
.about-cms .section-second .image-with-text__wrapper .image-with-text__text-wrapper {padding-right:90px;}

.about-cms .section-third .content-box {padding-left:100px; padding-bottom:50px;}
.about-cms .section-third .content-box h3.heading {margin-bottom:24px;}

.about-cms .section-fourth .section__header h3.heading {text-align:center; margin-bottom:18px;}
.about-cms .logo-list__list {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    gap:20px;
    max-width:70%;
    margin:0 auto;}
.about-cms .logo-list__list .logo-list__item .logo-list__image {height:auto; width:200px;}

.about-cms .section-fifth .section__color-wrapper a {color:#333; font-weight:100; text-decoration:underline;}
.about-cms .section-fifth .section__color-wrapper a:hover {color:#000; text-decoration:underline;}

#account-forgotten .breadcrumb, #account-login .breadcrumb, #account-register .breadcrumb {display:none;}

#common-success #content h1 {padding: 24px 0 24px;
    display: block;
    margin: 0 auto;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 40px;
    color: #0d0d0d;
	line-height: 1;
    letter-spacing: -1px;}

#information-contact #content {padding:100px 15px 0;}
#information-contact #content h2 {padding:10px 0;
    display: block;
    margin: 0 auto;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 40px;
    color: #0d0d0d;
	line-height: 1;
    letter-spacing: -1px;}

.contact-cms {margin-bottom:100px;}	
.contact-cms p {line-height:1.15; margin:15px 0; color:#0d0d0d;}	
.contact-cms p strong {font-weight:500; color:#0d0d0d;}

.contact-form {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 680px;
    margin:0 auto 100px;
    flex-direction: column;
    padding:50px 0 0;}
.contact-form .contact-link-boxs {
    width:100%;
    margin:0 auto 40px;
    display:flex;     
	gap:24px;
    align-items:center;
    justify-content:space-between;}
.contact-form .contact-link-boxs a {width: 100%;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #ddd;
    padding: 16px;
    background-color: #fff;
    border-radius: 8px;
    cursor: pointer;
	min-width:130px;
	display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;}	
.contact-link-boxs .box {
    width: 100%;
    margin: 0 auto;
    text-align: center;
	display: flex;
    flex-direction: column;
    gap:16px;
    align-items: center;}	
.contact-link-boxs .box svg {display:block; margin:0 auto;}		
.contact-link-boxs a {font-size:16px;
    line-height: 24px;
    font-weight: 500;
    text-transform:none;
    text-decoration:none; position:relative;}		
.contact-link-boxs a:hover {text-decoration:none;}	
.contact-link-boxs .box span { display:inline-block; position:relative;}
.contact-link-boxs .box span::after {content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0px;
    left: 0;
    background-color: #161616;
    transform-origin: left;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: 200ms ease-out;
    transition: 200ms ease-out;}
.contact-link-boxs a:hover span::after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);}	

.contact-form .form {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0;}	
.contact-form .form .form-header {padding:24px; border-bottom:1px solid #ddd; display:block;}
.contact-form .form .form-header h4 {font-size:24px;
    font-weight:500;
    line-height:32px;
    margin:0;
    padding:0;
    color:#0d0d0d;}
.contact-form .form .form-body {padding:24px;}	
.contact-form .form .form-horizontal .form-group {margin-right:0; margin-left:0;}
.contact-form .form-horizontal .control-label {
        padding-top: 10px;
        text-align: right;
        display: inline-block;
        margin-bottom: 4px;
        color: #161616;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: -0.14px;}
.contact-form form .buttons .btn-primary {transition:background-color 350ms ease;
    background-color:#161616; 
	width:100%;
    color: #fff;
    margin-top: 16px;     
	font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
	align-items: center;
    gap: 8px;
	padding: 14px 20px;
    border: 0;
    border-radius:4px;}
.contact-form form .buttons .btn-primary:hover {background-color:#6A6A6A;}	
.cms-content {max-width:680px; margin:0 auto; padding:100px 0;}		
.cms-content h3.heading {line-height:1.1; letter-spacing:-1px; margin:0 0 48px; font-size:40px; text-transform:uppercase; font-style:normal; font-weight:normal; color:#020202; padding:0 0 50px;}
.cms-content p strong, .cms-content p span {font-weight:500 !important;}

#product-manufacturer #content {padding-bottom:100px;}
#product-manufacturer #content h1 {line-height: 1.1;
    letter-spacing: -1px;
    margin: 0;
    font-size: 40px;
    text-transform: uppercase;
    font-style: normal;
    font-weight: normal;
    color: #020202;
    padding: 50px 0 30px;}

.brand-index {display:flex;
	flex-wrap: wrap;
    align-items:center;
    justify-content:flex-start;
    margin:0 0 50px;
    padding:25px 0;
    border-bottom:1px solid #eee; gap:10px;}
.brand-index strong {
    color: #000;
    font-weight:500;
    font-size: 15px;
    margin-right:0;}	
.brand-index .brand-tag {margin:0;}	
.brand-index .brand-tag a {
       padding: 0 10px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    background: #333;
    border: 1px solid #333;
    height: 32px;
    line-height: 1;
    width:45px;
    color: #fff;
    font-weight:400;
    text-decoration: none;
    font-size:11px;}	
.brand-index .brand-tag a:hover {background:#000; border-color:#000;}
.brandSearch {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    margin:0 0 20px;
    padding:0;}
.brandList {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content:flex-start;
    margin: 0 auto 20px;
    padding: 0;
    gap: 15px;
	flex-wrap: wrap;}	
.brandSearch h2 {
    padding: 0 10px;
    margin: 0 0 15px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #ccc;
    height: 60px;
    line-height: 1;
    width: 60px;
    color: #000;
    font-weight:600;
	font-size:18px;}	
.brand-result .br-list a {
    color: #353535;
    font-weight: 500;
    text-decoration: none;
    font-size: 11px;
    text-transform: none;}	
.brand-result .br-list a:hover {color:#000;}	
.brand-result {
    display: flex;
    align-items: center;
    justify-content: center;
    gap:0;
    flex-direction: column;}

legend {
    font-size: 18px;
    padding: 8px 0px;
    color: #020202;
    font-weight: normal;}		
.form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: left;
        font-size: 14px;}	
#content .form-horizontal {margin-bottom:60px;}	
.input-group.date .input-group-btn .btn {
    position: relative;
    padding: 7px 12px;}
.input-group.date .input-group-btn .btn-default:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
    background: #000;}	
#account-voucher .buttons input[type=checkbox] {position:relative; top:2px;}
#affiliate-register	.buttons input[type=checkbox] {position:relative; top:2px;} 
#affiliate-register	.buttons .agree b {font-weight:500;
    letter-spacing:normal;
    font-size:13px;}

#account-affiliate .buttons input[type=checkbox] {position:relative; top:2px;} 
#account-affiliate .buttons .agree b {font-weight:500;
    letter-spacing:normal;
    font-size:13px;}
	

#information-sitemap #content h1 {margin-bottom:20px;}
#information-sitemap #content ul {
    padding-left: 20px;
    line-height: 2.6;}	
#information-sitemap #content {margin-bottom:50px;}	

.affiliate-login {
    margin: 25px 0;
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-direction: row;}
.affiliate-login .well {
    min-height: 358px;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: none;}	
.affiliate-login .well h2 {
    margin-top: 0;
    font-size: 20px;
    font-weight: 500;
    letter-spacing:normal;
    margin-bottom: 15px;}	
.affiliate-login .well p strong {font-weight: 400;}	
.affiliate-login label {
    font-size: 14px;
    font-weight: normal;}
.affiliate-login .well .forgot-label {
    text-align: right;
    display: block;
    font-size: 12px; color:#0d0d0d;}

.rt-sidebar .list-group {padding-left:20px;}
.rt-sidebar .list-group-item:first-child {
    border-top-left-radius:0;
    border-top-right-radius:0;}
.rt-sidebar .list-group a {
    border: 1px solid #ddd;
    color: #333;
    padding: 10px 12px;
    text-decoration: none;}	
.rt-sidebar .list-group a.active, .rt-sidebar .list-group a.active:hover, .rt-sidebar .list-group a:hover {
    color: #000;
    background: #f5f5f5;
    border: 1px solid #ddd;
    text-shadow: 0 1px 0 #FFF;}	

#checkout-checkout h2 {
    font-size: 22px;
    font-weight: 400;}	
#checkout-checkout .form-group input[type="password"] + a {
    font-size: 12px;
    text-align: right;
    display: block;}	
#checkout-checkout .form-group .control-label {font-size:14px;}

.account-inner {margin:50px auto;}
.account-inner h1 {margin-top: 0;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;}

.account-inner h2 {margin-top:0;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 400;
    text-transform:uppercase;
	color:#020202;}
.account-inner h3 {margin-top:0; 
	color:#020202;
    margin-bottom:20px;
    font-size:20px;
    font-weight:400;
    text-transform: uppercase;}	
	
.outer-box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    flex-wrap: wrap;}
.outer-box .account-box {
    width: 48%;
    flex-basis: 48%;
    padding: 20px;
    border: 1px solid #e5e5e5;
    margin: 0 0 30px;
    min-height: 230px;
    background-color: #fff;}
.outer-box .account-box h2 {
    margin: 0 0 15px;
    font-size: 17px;
    font-weight: 500;}	
.list-unstyled li a {
    text-decoration: none;
    line-height: 1.4;
    margin: 0 0 5px;
    display: block; color:rgba(46,46,46,1);}	
.list-unstyled li a:hover {color:rgba(0,0,0,1);}	

#account-account .breadcrumb, #account-edit .breadcrumb, #account-password .breadcrumb, #account-address .breadcrumb, #account-wishlist .breadcrumb, #account-order .breadcrumb, #account-download .breadcrumb, #account-return .breadcrumb, #account-reward .breadcrumb, #account-recurring .breadcrumb, #account-transaction .breadcrumb, #account-affiliate .breadcrumb, #account-newsletter .breadcrumb {display:none;}

.selected-options {display:block;}

.size-chart {margin:0 auto; padding:0; max-width:500px; border:none; box-sizing:border-box;}	
.size-chart h1 {font-size:18px; line-height:1.2; margin:0 0 10px; padding:0; text-transform:uppercase; font-weight:200;}
.size-chart h2 {font-size:16px; line-height:1.4; margin:0 0 10px; padding:0; text-transform:uppercase; font-weight:400; position:relative; text-align:center;}
.size-chart h2::before {
    content: '';
    height: 1px;
    width: 60px;
    background: #000;
    display: inline-block;
    position: relative;
    top: -5px;
    right: 10px;}
.size-chart h2::after {
    content: '';
    height: 1px;
    width: 60px;
    background: #000;
    display: inline-block;
    position: relative;
    top: -5px;
    left: 10px;}	
.size-chart p {font-size:13px; line-height:1.2; margin:0 0 15px; padding:0; font-weight:normal;}
.size-chart .chart-header {border-bottom:1px solid #ddd;
    margin:0 0 30px;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:relative;}
.size-chart .size-table {overflow-x:auto; width:100%; margin-bottom:30px;}	
.size-chart table thead tr {background:#fff; color:#020202;}
.size-chart table thead tr td {font-weight:500;}
.size-chart table {border:1px solid #eee; border-collapse:collapse;}
.size-chart table tr td {border-bottom:1px solid #eee; font-size:13px; padding:8px; text-align:center;}
.size-chart table tr td strong {font-size:12px; font-weight:500;}
.size-chart p strong {font-weight:500;}
.size-chart .chart-header .close {
    position:absolute;
    right:0;
    top:-5px;}
.size-chart .chart-header .close svg {width:18px;}
#sidebar-size-guide .sidebar-body {height:calc(100% - 50px);}

/* Scrollbar width */
.size-table::-webkit-scrollbar {height:8px;}

/* Track */
.size-table::-webkit-scrollbar-track {background:#f4f4f5;}
 
/* Handle */
.size-table::-webkit-scrollbar-thumb {background:#e5e5e5; border-radius:8px;}

/* Handle on hover */
.size-table::-webkit-scrollbar-thumb:hover {background:#b5b5b5;}


#onepagecheckout .breadcrumb {display:none;}
.extrow.full-cart.format_load {}
#onepagecheckout h1 {
    margin:40px auto 30px;
    text-transform:uppercase;}
#onepagecheckout .form-group label {font-weight:500;}
#onepagecheckout b, #onepagecheckout optgroup, #onepagecheckout strong {font-weight:500;}	
#onepagecheckout #content {margin-bottom:80px;}
.extinput-group .extbtn-block {width:15% !important;}
.extinput-group .extbtn-block .btn {margin-right:0; padding:9.5px !important; line-height:1; width:100%!important;}
.extinput-group .extbtn-block .btn.btn-danger {
    background-color: #000;
    border-color: #000;
    background: #000;
    box-shadow: none;}
.mobile-search .header-search-icon {display:none;}
#account-return .table-responsive .btn-info {
    padding:7px 10px;
    border-radius:2px;}
#account-order .table-responsive .btn-info {
    padding:7px 10px;
    border-radius:2px;}	
#account-address .table-responsive table .btn-info, #account-address .table-responsive table .btn-danger {padding:9px 15px;}	
.account-inner #content {margin-bottom:40px;}
#account-order .table-responsive .btn-info, #account-order .table-responsive .btn-danger, #account-order .table-responsive .btn-primary {padding:7px 10px; border-radius:2px;}
#common-success .breadcrumb {display:none;}
.table-bordered b, .table-bordered strong {font-weight:500;}	
#common-success #column-right {margin-top:30px;}
#common-success #content {margin-bottom:20px;}
#common-success #content .buttons {margin:1em 0; display:flex;}
.extpanel-group .extbtn-block {
    display: flex;
    justify-content: space-between;
    align-items: center; margin:0 auto;}
.extpanel-group .extbtn-block .btn {width:33% !important; box-shadow:none !important; height:42px;}	
#content .contact-form .form-horizontal {margin-bottom:0;}

.contact-form #account-ajax-login {width:100%;}
#account-ajax-login .login-box .card-header {width: 100%;}
#account-ajax-login .login-box {
    max-width:75%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    border: 1px solid rgb(221, 221, 221);
    box-shadow: none;
    border-radius: 4px;
    background: rgb(255, 255, 255);
    box-sizing: border-box;}
#account-ajax-login .login-box .card-header h3 {padding:24px;
    border-width: 0px 0px 1px;
    border-style: solid;
    border-color: rgb(221, 221, 221);
    color: rgb(22, 22, 22);
    font-style: normal;
	font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    margin: 0;}	
#account-ajax-login .login-box .card-body {
    width:100%;
    padding:24px;}	
#account-ajax-login .login-box .card-body .row {
    margin-right:0;
    margin-left:0;}	
.contact-form #account-ajax-login .breadcrumb {margin-bottom:50px; display: flex; align-items: center; justify-content: flex-start;}
.contact-form #account-ajax-login .breadcrumb > li:first-child a {
    text-decoration:underline;
    color:var(--text-color);}
.contact-form #account-ajax-login .breadcrumb i {font-size:22px;}	
.contact-form #account-ajax-login .breadcrumb > li + li:before {padding:0 10px 0 0;}
.contact-form #account-ajax-login .breadcrumb > li {padding:0 10px; white-space:nowrap; text-transform:none;}
.contact-form #account-ajax-login .breadcrumb > li a {
    text-decoration:none;
    font-weight:100;
    color:rgb(175, 175, 175);
    font-size:16px;
    line-height:24px;
    text-transform:none;}
#account-ajax-login .login-box .card-body label {
    display: inline-block;
    margin-bottom: 4px;
    color: #161616;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.14px;}
#account-ajax-login .login-box .card-body .form-control	{height:48px;
    width:100%;
    padding:12px;
    border-radius:4px;
    border:1px solid #ddd;     
	color:#161616;
	font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.14px;
    line-height: 20px;}
.contact-form.contact-order {max-width:100%; padding:0; margin-bottom:0;}  
#information-contact .contact-order #content {padding:0 20px; min-height:inherit; width:90%; margin:0 auto; float:none;}
.contact-form.contact-order .account-inner {margin:0 auto;}
.contact-form.contact-order #account-order {
    padding-left:15px;
    padding-right:15px;
    width:100%;}
.contact-form.contact-order .pagination {
    margin-top:0;
    align-items:flex-start;
    justify-content:flex-start;}
.contact-form.contact-order .table-responsive {margin-bottom:20px;}		
.contact-form.contact-order .breadcrumb {display:block !important;}
.contact-form.contact-order .table-responsive .btn-info:hover {background-color:#000;}

ul.social-links > li > a .icon-tiktok {position:relative; z-index:9;}
ul.social-links > li > a:hover svg {fill:white;}

.bm-post-module {
    margin:80px auto;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;}
.bm-post-module .bm-posts {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto;}
.bm-post-module .bm-posts .row {
    margin-left: 0;
    margin-right: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;}	
.bm-post-module .bm-posts .post-grid {
    width: 33.333%;
    padding: 0 2px;}
.bm-post-module .h2  {
	color: rgba(13, 13, 13, 01) !important;
    margin:0 0 30px !important;
    position: relative;
    text-align:center !important;
    font-size: 36px !important;
    font-weight: bold !important;
    letter-spacing: -1.5px;}
.bm-post-module .bm-posts .post-thumb {max-width:406px;}	
.bm-post-module .post-thumb .image {
    position: relative;
	overflow: hidden;}	
.bm-post-module .post-thumb .image a {display:block;
    filter: saturate(0);
    width: 100%;
    height: auto;
    max-height: 502px;
    overflow: hidden;}	
.bm-post-module .post-thumb:hover .icon {
        visibility: visible;
        opacity: 1;
        transform: scale(1);}
.bm-post-module .post-thumb .icon {position: absolute;
    bottom: 20px;
    border: none;
    opacity: 0;
    visibility: hidden;
    transform: scale(.5);
    transition: opacity .15s ease-in-out, visibility .15s ease-in-out, transform .15s ease-in-out;
	display: flex;
    height: 40px;
    width: 40px;
    justify-content: center;
    align-items: center;
	border-radius:0;
	pointer-events: auto;
    overflow: hidden;
	background:rgba(255,255,255,1);
	right: 20px;}	
.post-thumb .image .icon svg {
    width:16px;
    height:auto;}	
.post-thumb .image .icon:hover svg {animation: prevNextButtonKeyframe .3s ease-in-out forwards;}
.bm-posts .post-thumb:hover a {filter:saturate(1);}
	
.bm-post-module .bm-posts .post-thumb img {
        transition:transform .5s ease;
        transform:translateZ(0);}
.bm-post-module .bm-posts .post-thumb:hover img {transform:scale(1.03);}	
.bm-post-module .post-thumb .post-thumb-heading {
    padding-bottom:20px;
    margin-top:20px;}
.bm.bm-post-module .post-thumb .post-thumb-heading .title {
    text-align:left;
    margin:0px;
    margin-top:0;
    padding:0px;
    font-size: 24px;
    line-height: 1.1333333333;
    letter-spacing: -.7px;
    font-weight: 400;
    color: rgba(13, 13, 13, 1);
	text-transform:uppercase;
	max-width:60%;}	
.bm.bm-post-module .post-thumb .post-thumb-heading .title a {color:rgba(13, 13, 13, 1); text-decoration:none; text-transform:uppercase;}	
.bm .bm-search-info h1 {margin:32px 0; line-height:1.1666666667; letter-spacing:-.4px; font-size:17px; font-weight:400; text-transform:uppercase; color:rgba(13, 13, 13, 1);}

.bm .bm-post-info {margin:32px 0 0;}
.bm .bm-post-info .category {margin-top:0; margin-bottom:10px;}
.bm .bm-post-info .category li a {
    margin:0;
    font-size:17px;
    color:rgba(13, 13, 13, 1);
    line-height:1.16;
    letter-spacing: -.4px;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;}
.bm .bm-post-info .category li a:hover {text-decoration:none;}
.bm .bm-post-info .title {
    text-align:left;
	max-width: 720px;
    margin-bottom:30px; 
	margin-top:0;
	line-height:1.08;
	letter-spacing: -1px;
	font-size:40px;
    color:rgba(13, 13, 13, 1);
	font-weight: 400;
    text-decoration:none;
    text-transform:uppercase;}	
.bm .bm-post-info .title-divider {display:none;}
.bm .bm-post-info .title-information {margin-bottom:0;}
.bm .bm-post-info .title-information .details {
	display:block;
    text-align:left;
    width:50%;
    font-size:14px;
    font-weight:normal;
    color:rgba(13, 13, 13, 1);
    text-transform:uppercase;}	
.bm .bm-post-content {
    max-width:930px;
    margin:64px auto;
    display:block;
    padding:0 40px;}	
.bm .bm-post-content .container {max-width:850px !important;}	

.bm .post-thumb .post-thumb-heading {
    padding-bottom:0;
    margin-top:18px;}
.bm .post-thumb .post-thumb-heading .title {
    text-align:left;
    margin: 0px;
    margin-top: 0;
    padding: 0px;
    font-size: 14px;
    font-weight: normal;
    color: rgba(13, 13, 13, 1);
    text-transform:uppercase;
    font-style:normal;
	line-height:1.25;}	
.bm .post-thumb .post-thumb-heading .title a {color:rgba(13, 13, 13, 1);}	
.bm .post-thumb .post-thumb-body .short-description {
    font-size:14px;
    line-height:1.25;
    font-weight:normal;
    color:rgba(46, 46, 46, 1);
    margin-bottom:18px;}
.bm .post-thumb .post-thumb-body .date-published {font-size:14px;
    line-height:1.25;
    font-weight:normal;
    color:rgba(46, 46, 46, 0.85);
    margin-bottom:18px; 
	display:block;}	
.bm .post-thumb .post-thumb-footer {padding-bottom:20px;}





.bm .post-thumb .image {
    position: relative;
	overflow: hidden;}	
.bm .post-thumb .image a {display:block;
    filter: saturate(0);
    width: 100%;
    height: auto;
    max-height: 502px;
    overflow: hidden;}	
.bm .post-thumb :hover .icon {
        visibility: visible;
        opacity: 1;
        transform: scale(1);}
.bm .post-thumb .icon {position: absolute;
    bottom: 20px;
    border: none;
    opacity: 0;
    visibility: hidden;
    transform: scale(.5);
    transition: opacity .15s ease-in-out, visibility .15s ease-in-out, transform .15s ease-in-out;
	display: flex;
    height: 40px;
    width: 40px;
    justify-content: center;
    align-items: center;
	border-radius:0;
	pointer-events: auto;
    overflow: hidden;
	background:rgba(255,255,255,1);
	right: 20px;}	
.bm .post-thumb .image .icon svg {
    width:16px;
    height:auto;}	
.bm .post-thumb .image .icon:hover svg {animation: prevNextButtonKeyframe .3s ease-in-out forwards;}
.bm .post-thumb:hover a {filter:saturate(1);}
	
.bm .bm-posts .post-thumb img {
        transition:transform .5s ease;
        transform:translateZ(0); width:100%;}
.bm .bm-posts .post-thumb:hover img {transform:scale(1.03);}

	

/****** Pagination ******/
.bm .pagination {
    margin: 50px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
	border-radius: 0;}
.bm .pagination>li {
    display:flex;
    align-items:center;
    justify-content:center;}
.bm .pagination>li>a, .bm .pagination>li>span {height:56px;
	width: 56px; line-height:1.2; font-size:10px; text-decoration:underline; font-weight:500; letter-spacing:1px; color:rgba(13,13,13,1);
	position: relative;
    display: table-cell;
    box-shadow: 1px 0 rgb(var(--border-color)), 0 1px rgb(var(--border-color)), 1px 1px rgb(var(--border-color)), 1px 0 rgb(var(--border-color)) inset, 0 1px rgb(var(--border-color)) inset;
    vertical-align: middle;
    text-align: center;
	text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;}
.bm .pagination>.active>a, .bm .pagination>.active>a:focus, .bm .pagination>.active>a:hover, .bm .pagination>.active>span, .bm .pagination>.active>span:focus, .bm .pagination>.active>span:hover {z-index: 2;
    color: rgba(13, 13, 13, 1);
    cursor: default;
    background-color: transparent;
    border-color: #000;
    border-width: 2px;}	
.bm .pagination>li:first-child>a, .bm .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;}		
.bm .pagination>li:last-child>a, .bm .pagination>li:last-child>span {
    border-top-right-radius:0;
    border-bottom-right-radius:0;}	
.bm .pagination>li>a:focus, .bm .pagination>li>a:hover, .bm .pagination>li>span:focus, .bm .pagination>li>span:hover {
    z-index: 3;
    color: rgba(13, 13, 13, 1);
    background-color: transparent;
    border-color:#000;}	
.bm .pagination li svg {max-width:20px; height:auto;}	
.bm .pagination li:first-child svg {transform: rotateY(180deg);}
.bm .pagination li:nth-child(2) svg {transform: rotateY(180deg);}

#productoptioncolor .active .colorboxbtn {
    border: none;
    position: relative;}	
#productoptioncolor .active .colorboxbtn::after {display: inline-block;
    content: '';
    height: 2px;
    background: #000;
    width: 100%;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;}	
	
#notifyform.mfp-hide {display:none;}

.containerForm .well .costumGroup {display:flex !important;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;}
.containerForm .well .costumGroup .control-label {
    width:100%;
    padding:0;
    margin:0 0 3px;}
.containerForm .well .costumGroup .control-radio {
    width:100%;
    margin:0;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:15px;}
.containerForm .well .costumGroup .control-radio label {font-size:13px;}	
.containerForm .form-captcha legend {
    text-align:left;
    font-size:14px;
    font-weight:500;
	padding-bottom:5px;
    border-color:#eee;}	
.form-captcha .form-group {display:flex !important;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;} 	
.form-captcha .form-group .control-label {width:100%;
    padding:0; display:block;
    margin:0 0 3px;}	
.form-captcha .form-group .col-sm-10 {display:block; margin:0; padding:0;}	

.home-slider .swiper-slide video {object-fit:cover;}

.faq-cms {position:relative; margin:0 auto; padding:0; width:100%;}
.faq-cms .landing-page {
    max-width: 1200px;
    overflow: hidden;
    margin:0 auto; 
	padding:50px 0;}
.faq-cms .landing-page .container {
    width: 100%;}	
.faq-cms .landing-page h1 {
	font-size:4em;
    line-height:70px;
    margin:0 0 20px;
	padding:0;
    font-weight:bold;
    letter-spacing:0.5px;
    text-align:left;}
.faq-cms .landing-page p.lead {font-size:20px;}	
.faq-cms .landing-page p {
	font-size:1.2em;
    font-weight:normal;
    line-height:24px; 
	color:#666; text-align:left; display:block; margin-bottom:20px;}		
.faq-cms .landing-page .section-image {padding-top:40px; padding-bottom:20px;}	
.faq-cms .landing-page .section-item {padding-top:40px;}	
.faq-cms .landing-page h2 {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.3;
    margin:15px 0;
    display:block;
    padding:0;}
.faq-cms .landing-page h5 {
    color: #0d0d0d;
    font-weight: 500;
    font-size: 18px;
    margin: 15px 0;
    display:block;}	
.landing-page .journey {padding:40px 0 0;}	
.landing-page .journey h2 {
    margin:30px 0;
    display:block;
    text-align:left;}	
.journey .icon {
    padding: 20px 0;
    height: 100px;}	
.landing-page .journey p.content {text-align:center;}	
.section-first .section-item h2 {margin-top:0;}
section.faq-list h5 {padding-top:20px;}
.product-thumb .product-manufacturer a {
    text-decoration:none;
    color:#999;
    font-weight:normal;
    font-size:14px;} 
.product-thumb .product-manufacturer a:hover {text-decoration:underline; color:#000;}	
.product-right .manufacturer a {
    text-decoration:none;
    color:#999;
    font-weight:normal;
    font-size:14px;}
.product-right .manufacturer a:hover {text-decoration:underline; color:#000;}	


@media (min-width:1200px) {

.mega-menu-inner .mega-menu-column {margin:0 30px;}
.extcontainer {
        width: 1170px !important;
        padding-left:15px !important;
        padding-right:15px !important;}

}

@media (min-width:1366px) {
	.container {width:1280px; padding-right:20px; padding-left:20px;}
}

@media (min-width:1536px) {
	.container {width:1440px; padding-right:40px; padding-left:40px;}
	.extcontainer {
        width: 1440px !important;
        padding-left: 40px !important;
        padding-right: 40px !important;}
}


#discount-modal-body {padding: 0;
    position: relative;}
.discountModal .modal-content {border-radius:0;}
.discountModal .modal-dialog {
        width:700px;
        margin:120px auto 0;}	
.discount-full {display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0;
    width: 100%;}
.discountModal .modal-header {
	min-height: auto;
    padding: 0;
    border-bottom: none;
    position: absolute;
    right: 0;
    top: 0;
    margin: 15px;
    z-index: 99;
    width: 24px;
    height: 24px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;}
.discountModal .modal-header button.close {-webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: none;
    border: 0;
    color: #000;
    font-weight:300;
    opacity:0.6;
	font-size: 24px;}	
.discountModal .modal-header button.close:hover {opacity:1; transition:all linear .3s;}	
.discount-full .discount-success {}
.discount-full .discount-content {padding:20px 0;
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;}
.discount-content .logo {
    margin: 0 auto;
    text-align: center;
    max-width: 120px;}	
.discount-content h5 {margin: 10px auto;
    font-weight: 500;
    font-size: 15px;
    padding: 0;
    text-align: center;
    width: 100%;}	
.discount-content h2 {margin:10px auto 15px;
    padding: 0;
    font-size: 28px;
    font-weight: bold;
    text-transform: capitalize;
    line-height:1.2; display:block;} 	
.discount-content p {margin: 0 auto;
    padding: 5px 0;
    font-size: 14px;
    line-height: 1.3;
    display: block;}	
.discount-full .discountImage {height:100%; padding:0;}
.discount-full .discountImage img {
    width:auto; min-height:375px;
    height:100%;}
.discount-content .discount-form {
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column;}	
.discount-form .form-group {
	margin: 0 auto;
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap:7px;}	
.discount-form .form-group .input.email {background:#fff; border:1px solid #ddd; padding:0 15px; font-size:14px; line-height:1.2; height:38px;}
.discount-form .form-group button.btn {    
	width: auto;
    padding: 0 15px;
    height: 38px;
    line-height: 38px;
    background: #000;
    border: 1px solid #000;
    color: #fff;
    box-shadow:none;}
.discount-success .coupon-card {
    padding:25px 0;
    margin:0 auto;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:10px;
    height:100%;}	
.coupon-card p.text-muted {
    color: #999;
    font-size: 16px;
    margin: 0 auto;
    padding: 15px 0;
    display: block;
    width: 100%;}	
.coupon-card .coupon-code {
    display: block;
    margin: 0 auto;
    padding: 20px 0;
    font-size: 40px;
    font-weight: 600;
    text-transform: uppercase;}
.coupon-card p {color:#666;
    font-size: 16px;
    margin: 0 auto;
    padding:5px 0;
    display: block;
    width: 100%;}

@media (max-width:767px) {

.discountModal .modal-dialog {
    width:100%;
    margin:80px auto 0;}
.discount-full .col-lg-6 {width:100%;}	
.discount-full {flex-direction:column;}
.discount-full .discountImage img {
    width: 100%;
    min-height: inherit;
    height: 100%;
    margin: 0 auto;
    text-align: center;}
.discount-content .logo {max-width:100px;}
.discount-content h5 {margin: 5px auto;
    font-weight: 500;
    font-size: 14px;}
.discount-content h2 {margin:10px auto;
    font-size:22px;
    font-weight:bold;}		
.discount-content p {padding:0; font-size:13px;}
.discountModal .modal-header {margin:7px;}	

}

@media (max-width:374px) {

.discount-content h2 {font-size:18px;}

}