/* RESET */
.row{ margin-left: 0; margin-right: 0;}
.container{
  position:relative;
.row{ /*margin-left: -15px; margin-right: -15px;*/}
}


/**COLOR DECLARATION**/
:root {
    --primary-color: #000;
    --secondary-color: #000;
    --black-color: #000;
    --white-color: #fff;
    --gray-bg-color: #f2f2f2;
}

.bg-light{ background-color: #f2f2f2 !important;}
.bg-white{ background-color: #ffffff !important;}
.row img{ width: 100%;}
img.stretch-mobile{ height: 400px; object-fit: cover;}
.desktop{ display: none;}
.mobile{ display: block; }
@media (min-width: 992px){
  .desktop{ display: block;}
  .mobile{ display: none; }
  img.stretch-mobile{ height:auto; object-fit:inherit;}
}
.clear{ clear: both; }

/* SCROOLBAR */
/* width */
::-webkit-scrollbar {
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #eee;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #aaa;
}

body *::-webkit-scrollbar {
    height: 6px;
}


/* FONT */

h1, h2, h3, h4, h5, h6{ font-family: 'Montserrat', sans-serif; color:#000000; letter-spacing: 0; font-weight: 300;}
h1{ font-size: 32px; font-weight: 600; }
h2{ font-size: 26px; font-weight: 600; }
h3{ font-size: 15px; font-weight: 600; }

@media (min-width: 1200px){
  h1{ font-size: 45px; }
  h2{ font-size: 32px; }
}
p, a, span, label,ul li, button, input{ font-family: 'Archivo', sans-serif; color:#000000; font-size: 1rem; font-weight: 300; letter-spacing: 1px;     text-transform: initial;}
a{ text-decoration: none; }
a:hover{ color:#000000;}
a.btn, button, input{ font-family: 'Montserrat', sans-serif; }
.montserrat{ font-family: 'Montserrat', sans-serif; }
.archivo{ font-family: 'Archivo', sans-serif; }
.text-justify{ text-align: justify;}

p.montserrat{ font-size: 1rem; letter-spacing: 0.5px;}
.btn:focus, .btn:active, button:focus, button:active {   outline: none !important;    box-shadow: none;}
blockquote, .blockquote{ border:1px solid #000000; border-top-width: 2px; border-radius: 5px; padding: 10px;}
blockquote p, .blockquote p{ display: inline-block; font-size: 0.8rem;}
b, strong { font-weight: bold; }
img.row{ display: inline-block; width: 35px; height: auto; vertical-align: middle; }

.btn.w100{ width:100%;}
.btn.no-style{ background-color: transparent; border:none; outline: none;}

.pt-6{ padding-top: 4rem;}
.pt-7{ padding-top: 5rem;}
.pt-8{ padding-top: 6rem;}
.pb-6{ padding-bottom: 4rem;}
.pb-7{ padding-bottom: 5rem;}
.pb-8{ padding-bottom: 6rem;}

input, select,textarea{ width: 100%; border: none; border-bottom: 1px solid #000; outline: none; font-family: 'Montserrat', sans-serif;}
input[type="checkbox"], input[type="radio"]{ width: 16px;}
.btn-check{ width: 30px;}

.maxw-1320{ max-width: 1320px; margin: 0 auto;}
.maxw-1600{ max-width: 1600px; margin: 0 auto;}

.ls-1{ letter-spacing: 1px;}
.ls-2{ letter-spacing: 2px;}



table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0 0;
    font-size: 16px;
    text-align: left;
}

table th, table td {
    border: 1px solid #ddd;
    padding: 8px;
    font-size: 0.8rem;
}

table th {
    background-color: #f2f2f2;
    font-weight: bold;
}

table tr:nth-child(even) {
    background-color: #f9f9f9;
}

table tr:hover {
    background-color: #f1f1f1;
}

@media (min-width: 992px){
    .vh-75-dekstop{ height: 75vh; overflow: hidden; position: relative;}
  p.montserrat{ font-size: 1.5rem; }
}

/* BUTTON */
.btn{ min-width: 250px; padding: 10px 0;  box-shadow: none !important; border-radius: 0; border: none; font-weight: 600; transition: all .3s ease-in-out;}


.btn-light{ background-color: rgba(255,255,255,1); color:var(--black-color); border: 1px solid #ddd; transition: all ease-in-out .3s;}
.btn-light:hover{  background-color: rgba(255,255,255,1); border-color: var(--black-color); box-shadow: inset 0 0 0 1px var(--black-color);}
.btn-white{ background-color: var(--white-color); color:var(--black-color); border: 1px solid var(--black-color);}
.btn-white:hover{ background-color: var(--black-color); color:var(--white-color); }
.btn-dark{ background-color: rgba(0,0,0,0.2); color:var(--white-color); border: 1px solid var(--white-color); }
.btn-dark span{ color:var(--white-color);}
.btn-dark:hover, .btn-dark.no-hover{ color:; background-color: rgba(0,0,0,0.2); border-color:var(--white-color); box-shadow: inset 0 0 0 1px var(--white-color);}

.btn-black{ background-color: rgba(0,0,0,1); color:var(--white-color); border: 1px solid var(--black-color); }
.btn-black span{ color:var(--white-color); }
.btn-black:hover{ color:var(--black-color); background-color: rgba(255,255,255,1);}
.btn-black:hover span{ color:var(--black-color);}
.btn-showpsw {
    position: absolute;
    right: 20px;
    bottom: 3px;
    background-color: transparent;
    min-width: inherit;
    color: var(--black-color) !important;
}

.pos-cb{ position: absolute; bottom:20px; left:calc(50% - 100px); }

.btn.disabled, .btn:disabled, fieldset:disabled .btn { pointer-events: none; opacity: .65; }
/* FORM */
.form-control, .form-select{ margin-bottom: 20px; border-radius: 0;}
.contact-form .form-control, .form-select { background-color:#ddd; font-size: 0.8rem; }
.form-label{ display: block; margin-bottom: 5px;font-weight: 400; letter-spacing: 1px; font-size: 0.8rem;}
.contact-form .form-control, .form-select{ padding: 0.5rem 0.75rem;}
form.contact-form button.btn-dark{ width: 100%; padding: 15px; max-width: 250px; margin: 0 auto; }
.form-check-input:checked { background-color: #fff; border-color: #333; }
.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23333'/%3e%3c/svg%3e");
    background-size: 130%;
}
.form-check-input:checked[type=checkbox] {
    background-color:#333;
}
.form-check{ padding-left:calc(var(--bs-gutter-x) * .5);}
.form-check .form-check-input{ float: none;  display: inline-block; margin-left: 0; margin-right: 5px; vertical-align: middle;}
.form-check label{ font-size: 0.7rem; vertical-align: bottom;}

.custom-file-button input[type=file] {  margin-left: -2px !important; margin-bottom: 0;  border:none; }

.custom-file-button input[type=file]::-webkit-file-upload-button {  display: none; }

.custom-file-button input[type=file]::file-selector-button {  display: none;}
.custom-file-button label{  background-color: transparent;  border: none;  font-size: 0.8rem;  line-height: 1;  padding: 0 5px 0 0;  height: auto;}
.custom-file-button:hover label { cursor: pointer;}

/* ALERT */
.alert{ position: fixed; top: calc(50% - 20px); left:10%; width: 80%; text-align: center; display: block; margin: 10px 0; text-align: center; border-radius: 0; z-index: 1000;}

/* CAROUSEL */

.owl-carousel{ position: relative; padding: 0px;}
.owl-carousel.owl-theme .owl-nav [class*=owl-]:hover{ background-color: transparent;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{ position: absolute; left: 0px; top: 33%; margin: 0; }
.owl-carousel .owl-nav button.owl-next{ left: inherit; right: 0px;}
.products-slider.owl-theme .owl-nav [class*=owl-]:hover{ background: inherit;}
.owl-theme .owl-nav [class*=owl-] span{ display: block; width: 40px; height: 40px; position:relative; border-radius:100%; }
.owl-theme .owl-nav [class*=owl-] span::before{ content: ""; width: 16px; height: 16px; display: block; margin: 0; position: absolute;
    top: 12px; left: 8px; transform: rotate(315deg);  border-bottom: 1px solid #333; border-right: 1px solid #333; }
.owl-carousel .owl-nav button.owl-prev span::before{transform: rotate(135deg); left: 15px;}
.owl-carousel.owl-theme .owl-nav .disabled{ opacity: 0;}
@media (min-width: 992px){
  .owl-carousel{ padding: 0px;}
  .owl-carousel .owl-nav button.owl-prev{ top: calc( 50% - 40px ); left: -50px;}
  .owl-carousel .owl-nav button.owl-next{ top: calc( 50% - 40px ); right: -50px;}

}

/*HEADER */
.site-header{ width: 100%; z-index: 1030; background: #000; top: 0; transition: all .3s ease-in-out;}
.site-header.fixed{ position:fixed; top: -37px;}
.site-header.fixed .branding{ padding-top: 10px;}
.site-header.fixed .branding .logo img{ width: auto;}
.site-header.fixed .navbar-nav{ margin-top: 0px; }
.site-header.fixed .branding .row .nav-top-left .desktop{ }
.site-header .top-header{ padding: 10px 0; background-color: #fff;}
.site-header .top-header span, .site-header .top-header .brand h1, .navigation h1{ margin-bottom: 0; font-size: 0.65rem; text-transform: uppercase; color: #000;}
.site-header .top-header .brand h1 a{ color: #fff; text-transform: uppercase;}
.navigation h1 a{ font-size: 1rem; color: #000; text-transform: uppercase;}
.site-header .top-header span{ display: block;font-weight: 600;}
.site-header .top-header h1 span{ display: inline-block; margin-right: 5px; font-weight: 300; font-size: 21px;  vertical-align: bottom;}
.site-header .top-header .slogan{ opacity: 1; transition: all ease-in-out .3s; }
.site-header .navigation { position: relative; padding: 15px 0; transition: all ease-in-out .3s; }
.site-header .navigation .shop-link{ }
.site-header .navigation .shop-link ul{ display: flex;  justify-content: flex-end; align-items: center; list-style: none; margin-bottom: 0; padding: 0; }
.site-header .navigation .shop-link ul li{ margin-right: 10px;}
.site-header .navigation .shop-link ul li:last-of-type{ margin-right: 0px;}
.site-header .navigation .shop-link ul li a{ font-size: 18px; color: #fff; transition: all .3s ease-in-out;}
.site-header .navigation .shop-link ul li a img, .site-header .navigation .shop-link ul li a svg{ height: 20px; width:auto;}
.site-header .navigation .shop-link ul li svg path{ fill:#fff;}
.site-header .navigation .shop-link ul li a span{ color:#fff; font-weight: 300; line-height: 2; transition: all .3s ease-in-out;}
.site-header .navigation .shop-link.general ul{ justify-content: flex-start;}
.site-header .navigation .shop-link.general ul li button{ padding: 0; outline: inherit; box-shadow: none;}
.container.branding{ margin-bottom: 0; padding: 10px 0; transition: all ease-in-out .4s;}
.logo img{ width:100%;  max-width: 175px; transition: all ease-in-out 0.4s;}
.branding .nav-top-right, .branding .nav-top-left{ }
.branding .nav-top-right ul, .branding .nav-top-left ul{ margin-bottom: 0; padding-left: 0px;}
.branding .desktop{ display: block;}
.branding .mobile{ display:block;}


.search .search-form{ display: none; width: 100%;  position: absolute; left:0px; background-color: #f2f2f2; border: 1px solid #ddd; padding: 5px;z-index: 9; transition: all ease-in-out .5s;}
.search .search-form.active{  }
.search .search-form::after{ content: ""; width: 155px; height: 1px; background-color: #ddd; right: 35px; bottom: 5px; position: absolute;}
.search .search-form form{    display: flex;margin-bottom: 0;}
.search .search-form a.search-close{ display: none;position: absolute; right: 0; line-height: 36px; margin-right: 4px;padding: 0 8px;}
.search .search-form input{ display: inline-block;width: calc(100% - 40px); margin: 0; padding: 5px 10px; background-color: #fff;  font-size: 0.8rem;}
.search .search-form button{ width: 30px; min-width: inherit; height: 34px; border: none !important; outline: none; padding: 0; display: flex;  align-items: center; justify-content: center;}

.action-filter .search-form{ display: none; width: 250px; border: 1px solid #000; padding: 0px; margin-bottom: 0; transition: all ease-in-out .5s;}
.action-filter .search-form.active{  }
.action-filter .search-form a.search-close{ display: none;position: absolute; right: 0; line-height: 36px; margin-right: 4px;padding: 0 8px;}
.action-filter .search-form input{ width: calc(100% - 40px); margin: 0; padding: 5px 10px; background-color: #fff; color: #000; font-weight:600;}
.action-filter .search-form button{ width: 40px; min-width: inherit; height: 34px; border: none !important; outline: none; padding: 0; display: flex;  align-items: center; justify-content: center;}
.nav-top-right ul{ display: inline-block;}
.nav-top-left ul li, .nav-top-right ul li{ display: inline-block; position: relative; }
.nav-top-right ul li.search, .nav-top-right ul li.wishlist{ display: none;}
.nav-top-left ul li, .nav-top-right ul li{ margin-right: 35px;}
.nav-top-left ul li a, .nav-top-right ul li a, .nav-top-left ul li a span, .nav-top-right ul li a span{ font-size: 0.8rem;text-transform: uppercase;}
.nav-top-left ul li:last-of-type, .nav-top-right ul li:last-of-type{ margin-right: 0;}
.nav-top-left ul li img, .nav-top-right ul li img{ width:20px;}
.nav-top-left .logo-fixed{ display: none;}
.nav-top-left .logo-fixed img{ width: 160px;}
.site-header .navbar { padding: 0;  position: absolute; width: 100%; top: 100%; z-index: 995; background: #000; left: 0; }
.navbar>.container{ border-bottom:none; margin-bottom: 0;}
.navbar-nav{ border-top: 1px solid #ddd; margin-top: 0; transition: all ease-in-out .6s;}
.navbar-nav .nav-item{ margin-right: 0px; border-bottom: 1px solid #ddd; }
.navbar-nav .nav-item:last-of-type{ margin-right: 0px;}
.navbar-nav .nav-item .nav-link{ position: relative; font-size: 16px; letter-spacing: 1px; color:#ffffff; text-transform: uppercase; transition: all ease-in-out .3s;}
.navbar-nav .nav-item .nav-link.active, .navbar-nav .nav-item .nav-link:hover{ font-weight: 800;}


.navbar-nav .nav-item .subnav{ position: absolute; left: 0; visibility: hidden; opacity: 0; z-index: 1000; min-width: inherit; width: 100%; padding: 40px 0;
   background-color: #fff; border: none; transition: all ease-in-out .3s; -webkit-transition: all ease-in-out .3s;  -moz-transition: all ease-in-out .3s;
    list-style: none; text-align: center;}
.navbar-nav .nav-item .subnav > div{ padding: 40px; text-align: left;}
.navbar-nav .nav-item .subnav .image{ padding: 0px calc(1.5rem * .5);}
.navbar-nav .nav-item .subnav .image img{max-width: 350px;}
.navbar-nav .nav-item .subnav > div span{ display: block; margin-bottom: 20px; text-transform: uppercase; font-weight: 500; }
.navbar-nav .nav-item .subnav ul{ list-style: none; padding-left: 0;}
.navbar-nav .nav-item .subnav ul li{ padding: 0; margin-bottom: 20px;}
.navbar-nav .nav-item .subnav ul li:last-of-type{ margin-bottom: 0px;}
.navbar-nav .nav-item .subnav ul li a{ padding: 0; text-transform: capitalize;}
.navbar-nav .nav-item:hover .subnav{ visibility: visible; opacity: 1;}
.navbar-light .navbar-toggler{ padding:2px 0 0; border: none; box-shadow: none;}

.animated-icon2{
width: 25px;
height: 16px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
.animated-icon2 span{
display: block;
position: absolute;
height: 1px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
border-radius:10px;
}
.animated-icon2 span {
background: #fff;
}
/* Icon 3*/

.animated-icon2 span:nth-child(1) {
top: 0px;
}

.animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {
top: 8px;
width: 70%;
}
.animated-icon2 span:nth-child(3) { opacity: 0;}
.animated-icon2 span:nth-child(4) {
top: 16px;
}

.animated-icon2.open span:nth-child(1) {
top: 11px;
width: 0%;
left: 50%;
}

.animated-icon2.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 100%;
}

.animated-icon2.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 100%;
opacity: 1;
}

.animated-icon2.open span:nth-child(4) {
top: 11px;
width: 0%;
left: 50%;
}


@media (min-width: 992px){
  .site-header.fixed{ position:fixed; top: 0px;}
.site-header.fixed .branding .logo img{ width: 0;}
.site-header.fixed .branding{ padding-top: 20px;}
.site-header.fixed .top-header .slogan { opacity: 0;}
.site-header.fixed .navigation { margin-top: -40px; padding: 10px 0; background: #000;}
.site-header.fixed .navigation .navbar-nav .nav-item .nav-link, .site-header.fixed .navigation .shop-link ul li a, .site-header.fixed .navigation .shop-link ul li a span{ color: #fff;}

.branding .mobile{ display:none;}
.nav-top-left ul li, .nav-top-right ul li{ margin-right: 20px;}
.nav-top-right ul li.search, .nav-top-right ul li.wishlist{ display: inline-block;}
.navbar-nav{ border-top:none;}
.site-header .navbar{ position: relative; top: inherit; left: inherit;  background-color: transparent;}
.site-header.fixed .top-header .brand h1{ position: absolute; z-index: 1;}
.navbar-nav .nav-item{ border-bottom: none;}
.navbar-nav .nav-item{ margin-right: 0px;}
    .action-filter .search-form{ display: flex;}
}
@media (max-width: 992px){
  .branding .desktop{ display: none !important;}
}

/* FOOTER */
.site-footer .footer-area{ padding-top:40px; padding-bottom: 20px; margin-bottom: 0; }
.site-footer .footer-copyright{ padding: 0 2rem; text-align: center; background-color: #000;}
.site-footer .footer-copyright .row{ flex-direction: column-reverse; padding-top:20px; padding-bottom: 20px; }
.site-footer .footer-copyright .row > div{ padding: 0;}
.site-footer .footer-copyright img{ width: 100%; max-width: 300px; height: auto;}
.footer-widget h4{ margin-bottom: 5px; font-family: 'Archivo', sans-serif;  font-size: 0.9rem; font-weight:600; text-transform: uppercase; }
.footer-widget h4 a{ font-size: 0.9rem; font-weight:600;}
.footer-widget ul{list-style: none; padding: 0;}
.footer-widget.info ul li{ display: inline-block;  margin-bottom: 0px; width: 50%; text-align: center;}
.footer-widget ul li:last-of-type{ margin-bottom: 0px;}
.footer-widget ul li a, .footer-widget p{ display: block; font-size: 0.9rem; letter-spacing: 0.5px; font-weight: 300;}
.footer-widget a{font-size: 0.9rem; letter-spacing: 0.5px; font-weight: 300;}
.footer-widget ul li a{ }
.footer-widget.info ul{ display: block; font-size: 0;}
.footer-widget.logo img{ width:100%;  max-width: 150px; margin-bottom: 20px;}

.footer-widget h4{ position: relative; padding: 10px 0; text-align: left; }
.footer-widget h4::after { content: ""; position: absolute;  top: calc( 50% - 7px); right: 20px; display: block;  width: 10px; height: 10px;
    border-top: 1px solid #000000; border-left: 1px solid #000000; transform: rotate(225deg) scale(1); transition: all ease-in-out .4s;}
.footer-widget  h4.open::after{ transform: rotate(225deg) scale(-1);}
.footer-widget.info .row{ padding-top: 20px; padding-bottom:10px;}
.footer-widget.info h4{ display: none;}
.footer-widget.logo h4{ text-align: center;s}
.footer-widget.logo h4::after, .footer-widget.info h4::after{ content: none;}
.site-footer .footer-copyright p{ font-size: 0.8rem; color:#fff; }
.footer-widget.newsletter h4::after{ content: none;}
.footer-widget.newsletter button{ padding: 12px; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 1px;}

.footer-area > .row > .footer-widget{ margin-bottom:10px; border-bottom: 1px solid #333;}
.footer-area > .row > .footer-widget .footer-widget *:last-of-type{ margin-bottom: 0;}
.footer-area .footer-widget .footer-widget{ padding: 0; border-bottom: 1px solid #ddd;}
.footer-area .footer-widget .footer-widget:first-of-type{ border-top: 1px solid #ddd;}
.footer-area > .row > .footer-widget.logo{ text-align: center;}
.footer-copyright .row .payments{ text-align: center; margin-bottom: 10px;}
@media (min-width: 992px){
  .site-footer .footer-area{ padding-top:80px; padding-bottom: 20px; margin-bottom: 0; border-top: 1px solid #333; }
  .footer-area > .row > .footer-widget{ border-bottom: none;}
  .footer-widget h4{ padding: 0;}
  .footer-widget h4::after{ content: none;}
  .footer-widget ul, .footer-widget.info h4{ display: block;}
  .footer-widget.info ul li{ display: inline-block;  margin-bottom: 0px; width: 100%; text-align: left;}
  .footer-area > .row > .footer-widget.logo, .footer-widget ul li a, .footer-widget p{ text-align: left; }
    .site-footer .footer-copyright .row{ flex-direction: initial; text-align: left; }
    .footer-copyright .row .payments{ text-align: right;margin-bottom: 0px;}
}

/* BREADCRUMB */
.container.breadcrumb{ margin-top:0px; margin-bottom: 0px;}
.breadcrumb{ align-items: center;}
.breadcrumb div{ font-weight: 300;}
.breadcrumb a, .breadcrumb span{ font-size: 0.7rem;margin:0 5px; }
.breadcrumb a:first-of-type{ margin-left:0; }
.breadcrumb img{ width: 125px !important; height: auto !important; background-color: #fff;}
@media (min-width: 992px){
  .container.breadcrumb{ margin-top: 80px;}
  .breadcrumb a, .breadcrumb span{ font-size: 0.8rem;}
  .category-product .breadcrumb.fixed{ position: fixed; top: 40px; right: 1.5rem; z-index: 9;}
}

/* CATEGORY */
.featured-category .row > div a{ display: block; position: relative; overflow: hidden; text-align: center;}
.product-list-container > div{ transition: all .3s ease-in-out; }
.product-list-container.hidden-filter .col-lg-3{width: 0; opacity: 0; }
.product-list-container.hidden-filter .col-lg-9{width: 100%;}
.close-filter{ display: inline-block; cursor: pointer;}
.category-header p{ margin-bottom: 0;}
.category-header .mobile p{ text-align: center;}
.category-header .mobile img{ max-width: 150px; }
.category-header .category-list{ background-color: #f2f2f2; overflow-x:scroll; margin-bottom: 20px;}
.category-header .category-list::-webkit-scrollbar {
    height: 6px;
  }
  /* Track */
.category-header .category-list::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #eee;
    border-radius: 10px;
  }

  /* Handle */
.category-header .category-list::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
  }

  /* Handle on hover */
.category-header .category-list::-webkit-scrollbar-thumb:hover {
    background: #aaa;
  }
.category-header .category-list ul{ width: auto; margin-bottom: 0px; list-style: none;  padding: 0; text-align: center;}
.category-header .category-list ul li{ display: inline-block; margin-right: 10px;}
.category-header .category-list ul li:last-of-type{ margin-right: 0px;}
.category-header .category-list ul li a{ display: block; padding: 10px 0px; font-family: 'Montserrat', sans-serif; font-size: 0.9rem;text-transform: uppercase; transition:all .3s ease-in-out;}
.category-header .category-list ul li.active a, .category-header .category-list ul li:hover a{ font-weight: 600;}


.filters .action-filter{ display: flex; flex-direction: row-reverse; justify-content: center; margin-bottom: 20px;}
.filters-container .tag-filter, .filters-container .order-filter{ position: relative;height: 0; opacity: 0; visibility: hidden;}
.filters-container .tag-filter.active, .filters-container .order-filter.active{ height: 100%; opacity: 1; visibility: visible;z-index: 99;}
.filters .filters-container.active{ display: block;}
.filters .filters-container .filter{ position: relative; background-color: #f2f2f2; border-bottom: 2px solid #fff; padding: 20px;}
.filters .filters-container .filter:last-of-type{ border-right: none;}
.filters button{ min-width: inherit; padding: 5px 20px; }
.open-filter span{ display: inline-block; font-weight: 600; transition: all .3s ease-in-out;}
.open-filter.active span, .open-filter:hover span{ }
.open-filter img, .open-filter svg{ height: 20px; width: auto;}

.filters .filters-container .filter p{ font-weight: 600;}
.filters .filters-container .filter ul{ list-style: none; padding-left: 0; max-height: 150px; overflow: auto;}
.filters .filters-container .filter ul li{ display: inline-block; margin-right: 5px; }
.filters .filters-container .filter ul li:last-of-type{ margin-right: 0px; }
.filters .filters-container .filter ul li label, .filters .filters-container .filter ul li a{ min-width: inherit; width: auto; padding: 0px; margin-right: 10px; font-weight: 400; text-transform: capitalize;}
.btn-outline-primary{ color: #000;}
.btn-outline-primary:hover, .btn.btn-outline-primary:active, .btn-outline-primary:focus, .btn-check:checked+.btn-outline-primary{ background-color: #000; }


.filters .filters-container .filter .selected{ position: absolute; top: 20px; right: 20px; width: 50%; text-align: right;}
.filters .filters-container .filter .selected span{ font-size: 0.6rem;}

form.filter-form{  width: 100%; margin-bottom: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
form.filter-form .row .col-6:first-of-type{ border-right: 1px solid #ddd; font-size: 0.8rem;}
form.filter-form .row .col-6 > p{ position: relative; font-weight: 500; margin: 5px 0px; padding:5px 10px; font-size: 0.8rem; text-align: center;}
form.filter-form .row .col-6 > p::after { content: ""; position: absolute;  top: calc( 50% - 3px); right: 20px; display: block;  width: 6px; height: 6px;
    border-top: 1px solid #000000; border-left: 1px solid #000000; transform: rotate(135deg); transition: all ease-in-out .4s;}
form.filter-form .row .col-6 > p.open::after{ transform: rotate(225deg);}
form.filter-form .col-6.mobile{ display: block;}
form.filter-form .col-6 input[type=submit], form.filter-form .col-6 a{ display: inline-block; width:100%; min-width: inherit;     font-family: 'Archivo', sans-serif;}

@media (min-width: 992px){
  .filters .action-filter{ gap:10px; flex-direction: row; justify-content: flex-start; align-items: center;}
  .category-header .category-list{ overflow-x: auto; margin-bottom: 0; text-align: center;}
  .category-header .category-list ul{ width: auto;}
  .filters .filters-container .filter{ border-top: 1px solid #000; border-right:1px solid #000; border-bottom: none;}
}

/* PRODUCTS */
.home-product .row.reverse{ flex-direction: row-reverse;}
.home-product .data{  padding: 14%; }
.home-product .data img{ margin-bottom: 20px;}
.home-product .data h4{ margin-bottom: 10px; font-size: 1rem; font-weight: 600; text-transform: uppercase; }

main.category-product, main.product{ margin-bottom: 80px;}

.category-product .container{ padding-top: 20px;}
.category-product .container .row .col-sm-12 .breadcrumb{ margin-bottom: 20px; font-size: 0.7rem; font-weight: 300;}
.category-product .container .row .product{ position: relative; margin-bottom: 20px; padding: 0 10px; }
.category-product .product a, .related-products-slider .item a{ display: block;  position: relative; }
.category-product .container .row .product a:hover{ }
.category-product .container .row .product > a:first-of-type{ display: block; padding: 0px; }
.category-product .container .row .product > a.visit-product{ width: 100%; min-width: inherit; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.category-product .container .row .product:hover a.visit-product{opacity: 1; visibility: visible;  }
.category-product .container .row .product .product-meta{ display: block; padding: 10px 20px;}
.category-product .product img, .related-products-slider .item img{  position: relative; transition: all ease-in-out .3s;}
.category-product .product img:first-of-type, .related-products-slider .item img:first-of-type {
    z-index: 2;
}
.category-product .product a:hover img:first-of-type,.related-products-slider .item a:hover img:first-of-type {
    opacity: 0;
}
.category-product .product img.second, .related-products-slider .item img.second {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    object-fit: cover;
}

.category-product .category-description{ border-top: 1px solid #dddddd; padding-top:80px; }
.category-product .category-description h1{ margin-bottom: 60px; font-size: 1.8rem;}
.category-product .category-description p{ font-size: 1.2rem; letter-spacing: inherit;}

.category-product .filters .breadcrumb{ justify-content: start; margin-bottom: 0;}
.category-product .filters .breadcrumb p{ margin-bottom: 0; }
.pagination{ margin: 50px 0;}
.pagination .page-link{ border:none; text-align: center; }
.pagination .page-link:hover{ background-color: transparent;}
.pagination .page-link a, .pagination .page-link span{ margin-right: 25px; font-size: 0.9rem;}
.pagination .page-link a:last-of-type{ margin-right: 0px;}
.pagination .page-link a.active, .pagination .page-link a:hover, .pagination .page-link span{ font-weight: 700;}

main.product{  }
main.product .gallery .mobile{ display: block; }
main.product .gallery .desktop{ display: none; }
.gallery .row > div{ margin-bottom: 20px;}


main.product .product-details{ position: relative; }
.product .line img{ width:100px !important;}
.product-details h1{ margin-bottom: 10px; padding-right: 30%; padding-bottom: 10px; font-size: 22px;border-bottom: 1px solid #ddd; text-transform: uppercase;}
.product-details p{ font-size: 0.8rem; margin-bottom: 5px;}
.product-details .child_selector .dropdown{ width:100%; max-width: 500px; height: 45px;  padding-left: 0;list-style: none; overflow: hidden; transition: all ease-in-out .3s;}
.product-details .child_selector .dropdown.active{height: auto;}
.product-details .child_selector .dropdown li{ display: block;position: relative; padding: 5px; padding-left: 40px;font-size: 0.8rem; line-height: 30px; cursor: pointer;}
.product-details .child_selector .dropdown li.first{  border: 1px solid #333; border-radius: 30px; }
.product-details .child_selector .dropdown li a { font-size: 0.8rem;}
.product-details .child_selector .dropdown li:first-of-type::before{ content: ""; position: absolute; width: 8px; height: 8px; left: 20px; top: 14px; transform: rotate(45deg) scale(1); transition: all .3s ease-in-out; border-bottom:1px solid #333; border-right:1px solid #333;}
.product-details .child_selector .dropdown.active li:first-of-type::before{ transform: rotate(45deg) scale(-1); }
.product-details > div, .product-details form > div, form { margin-bottom: 20px;}
.product-details > div:last-of-type, .product-details form > div:last-of-type {}
.product-details div > span{ margin-bottom: 20px; padding: 0; font-size: 0.8rem;font-weight: 400;}
.product-details .misure{ margin-top: 20px;}
.product-details .misure ol{ padding-left: 5px;}
.product-details .misure ol li{ margin-bottom: 5px; font-size: 0.8rem; font-weight: 300;}
.product-details .misure ol li:last-of-type{ margin-bottom: 0px; }
.product-details .misure > div:last-of-type{ text-align: inherit;}
.product-details .misure .btn{ min-width: inherit; font-size: 0.8rem; font-weight: 300; padding: 10px 20px;}
.product-details .price{ position: absolute; top: 0px; right: 20px; font-size: 1.4rem;  font-weight: 600; letter-spacing: 2px;}
.product-details .price label{ display: block; font-size: 1.3rem; text-align: right;}
.product-details .price span { font-size: 1.3rem; }
.product-details .price span.original-price{ color: #ddd; text-decoration:line-through;}
.product-details form .product-cta, .product-details form .quantity{ display: inline-block; width: 100%; }
.product-details form .product-cta{ width:calc(100% - 55px); }
.product-details form .product-cta input[type=number]{ width: 60px; height: 30px; text-align: center; padding: 0; font-size: 1rem; vertical-align: middle;}
.product-details form .quantity{ width:100%; text-align: center;margin-bottom: 20px; margin-right: 0px; vertical-align: middle;}
.product-details form .quantity > span{ font-size: 0; }
.product-details form .quantity .btn{ width: 35px; height: 30px; min-width: inherit; padding: 0; text-align: center;}
.product-details form .add-to-cart{ display: inline-block; padding: 12px; width: 100%; margin-right: 0px; font-size: 0.9rem; text-transform: uppercase;}
.product-details form .add-to-cart-loading{   color: #000; background-color: #f3efed; border-color: #f3efed; box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);}
.product-details form .add-to-cart-success{   color: #fff; background-color: #58a152; border-color: #58a152; box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);}
.product-details form .wishlist{ display: inline-block; min-width: inherit; width: 50px; line-height: 50px;    height: 50px;}
.product-meta .wishlist{ position: absolute; top: 0; right: 20px; display: inline-block; padding: 0; min-width: inherit;}
.product-details form .wishlist::before{  content: "\e87d"; font-family: 'Material Symbols Outlined';  font-weight: normal; font-style: normal;  font-size: 24px;   line-height: 1; opacity: 1; transition: all ease-in-out .3s;
    letter-spacing: normal; text-transform: none;  display: inline-block; font-variation-settings:
    'FILL' 0}
    .product-meta .wishlist::before{ position: absolute; content: "\e87d"; font-family: 'Material Symbols Outlined';  font-weight: normal; font-style: normal;  font-size: 24px;   line-height: 1; opacity: 1; transition: all ease-in-out .3s;
        letter-spacing: normal; text-transform: none;  display: inline-block; font-variation-settings:
        'FILL' 0}
.product-details form .wishlist::after, .product-meta .wishlist::after{
  position: absolute; content: "\e87d"; font-family: 'Material Symbols Outlined';  font-weight: normal; font-style: normal;  font-size: 24px;   line-height: 1; opacity: 0; transition: all ease-in-out .3s;
  font-variation-settings:
  'FILL' 1
}
.product-details form .wishlist.in::before, .product-meta .wishlist.in::before{ opacity: 0;}
.product-details form .wishlist.in::after, .product-meta .wishlist.in::after{ opacity: 1;}
.wishlist img{ width: 20px;}
.variants .variant{ display: flex; padding: 10px 0;}
.variants .variant span{ display: block; margin-bottom: 0;}
.variants .variant select{ text-transform: uppercase; letter-spacing: 1px;}
.variants .btn-group{ display: block; width: 100%; text-align: right;}
.variants .btn-group label.btn{ display: inline-block; flex: none; min-width:inherit; margin-right:2%; margin-bottom: 2%; padding: 2px 8px;
line-height: 30px; background-color: #d4d4d4; border:3px solid #fff; font-size: 0.8rem;color: #000 ;outline: 1px solid transparent; overflow: hidden; -webkit-transition: all ease-in-out .3s; transition: all ease-in-out .3s; /* border-radius: 100% !important; */}
.variants .btn-group label.btn img{ border-radius: 100%; transform: scale(1.2); -webkit-transition: all ease-in-out .3s; transition: all ease-in-out .3s;}
.variants .btn-group label.btn:hover img , .btn-check:checked+.btn-outline-primary img{ outline-color: #333 !important;}
.variants .btn-group label.btn:hover, .variants .btn-group label.btn.active{  outline-color: #333 !important; }
.variants .btn-group label.btn:last-of-type{ margin-right:0px;}
.product-details .information ul{ margin-bottom: 0; padding-left: 0; list-style: none; }
.product-details .information ul li{ margin-bottom: 20px; font-size: 0.9rem}
.product-details .information ul li img{ display: inline-block; width: 25px; margin-right: 10px; vertical-align: bottom;}
.read-more-content{ display: none;}


.product-details .details span{ display: block; position: relative; max-width: 100%; font-family: 'Montserrat', sans-serif; font-size: 0.9rem; font-weight: 700; line-height: 1.2;  letter-spacing: .3px; cursor: pointer;}
.product-details .details span::after {
    content: "";
    position: absolute;
    top: calc( 50% - 7px);
    right: 20px;
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    transform: rotate(225deg) scale(1);
    transition: all ease-in-out .3s;
}
.product-details .details:last-of-type span::after{ content: none;}
.product-details .details span.active::after {  transform:rotate(225deg) scale(-1);}
.product-details .details .content{ display: none;}
.product-details .details p{}
.container-fluid.related-products{ margin-top:80px; padding: 80px 0 0; border-top: 1px solid #000; }
.related-products h2{ margin-bottom: 20px;}

@media (min-width: 992px){
  .home-product.reverse .row{ flex-direction: initial;}
  .home-product .data{  padding: 0 14%; }
  .breadcrumb{ font-size: 0.8rem; font-weight: 300;}
    .category-product .category-header .vh-75-dekstop img{  position: absolute; width: 100%; height: 100%; top:0; left:0; object-fit: cover; }
  .category-product .container{ padding-top: 80px;}
  .category-product .container .row .col-sm-12 .breadcrumb{ font-size: 0.8rem; font-weight: 300; margin-bottom: 0px; }
  .category-product .filters .breadcrumb{justify-content: end; }
  form.filter-form{ float: none; width: auto; margin-bottom: 40px; border-top:none; border-bottom:none;}
  form.filter-form .row .col-6:first-of-type{ border-right: none; }
  form.filter-form .row .col-6 > p{ margin:0 0 60px; padding: 0; font-size: 0.8rem; text-align: left;}
  form.filter-form.order-filter > p{ margin-bottom: 10px;}
  form.filter-form  .row .col-6 > p::after{ content: none;}
  form.filter-form .col-6 input[type=submit], form.filter-form .col-6 a{ display: block; width: 100%; min-width: 200px; }
  .filter.order-filter{ display: none;}
  .filter .filter-container{ display: block; position: relative; width: 100%; padding: 0; background: #fff;}
  .filter .filter-item{ float: none; width: 100%; }
  .filter .filter-item.desktop{ display: block;}
  form.filter-form input[type=submit]{ margin-bottom: 0px;}
  main.product .gallery .mobile{ display: none; }
  main.product .gallery .desktop{ display: block; }
  .sticky-on-scroll{ position: relative; top: inherit; }
  main.product .product-details{ padding: 0 100px;}
  main.product .product-details .details{ margin-bottom: 20px; border-bottom: 1px solid #000; }
  main.product .product-details .details:last-of-type{ border-bottom: none; }
  .product-details h1{ margin-bottom: 20px;}
  .product-details p{ max-width: 100%;  font-size: 0.8rem; margin-bottom:20px;}
  .product-details .sticky-on-scroll > p{ margin-bottom: 0; }
  .product-details .sticky-on-scroll > p:last-of-type{ margin-bottom: 20px;}
  .product-details form .product-cta, .product-details form .quantity{ position: relative; font-size: 0; }
  .product-details form .product-cta{ width: 100%;}
  .product-details .price{ position: relative; top: 0; right: inherit; margin-bottom: 20px;font-size: 1.3rem; font-weight: 400; letter-spacing: 2px;}
  .product-details .price label{ display: none;}
  .product-details form .wishlist{ position: absolute; top: 0;  right: 20px;  display: inline-block; padding: 0;  min-width: inherit; top:12px; right:40px;     width: auto;
    height: auto;}
  .product-details form .wishlist::before{ position: absolute;}
  .product-details .misure{ margin-top: 0px;}
  .product-details .misure ol{ padding-left: 0;}
  .product-details .misure ol li{ }
  .product-details .misure > div:last-of-type{ text-align:right;}
  .product-details .misure .btn{ min-width: 200px; padding: 10px 20px;}
  .product-details form .quantity{ width: 30%; text-align:inherit;  margin-bottom: 0; margin-right: 20px; vertical-align: middle;}
  .product-details form .product-cta input[type=number]{ width: 50px; height: 30px; text-align: center; padding:0; font-size: 1rem; vertical-align: middle;}
  .product-details form .add-to-cart{ display: inline-block; padding: 12px;   }
  .variants .btn-group label.btn{  margin-right:8px; margin-bottom: 8px;}
  .product-details .information ul li {  margin-bottom: 20px;  }
  .variants .btn-group label.btn{  background-color: #d4d4d4; }
  form.filter-form .col-6.mobile{ display: none;}
  .category-product .container .row .col-sm-12 .breadcrumb { font-size: 0.8rem; }
  .category-product .container .row .product a.visit-product{ min-width: 200px;}
  .variants .variant{ display: block; padding: 0;}
  .variants .variant span{ margin-bottom: 10px;}
  .variants .btn-group{ text-align: left;}

}

@media (min-width: 992px){
  .sticky-on-scroll{ position: sticky; top: 50px; }
}

/* CART */
.cart-main .container{margin-bottom: 0px;}
.checkout-step.container, .cart.container{ padding: 20px 0; margin-bottom: 40px;}
.cart-main{ background-color: #f2f2f2; padding: 60px 0;}
.cart.container{ padding-bottom: 60px;}
.cart .cart-summary{ }
.cart-item .size select{ width: 60px; margin: 0 auto; background-color: transparent;font-size: 1rem; }
.cart-item .quantity{ margin-bottom: 10px;}
.cart-item .quantity, .cart-item .price{ margin-top: 0px;}
.cart .quantity{ text-align: left;}
.cart-item .size label, .cart-item .quantity label{ font-weight: 700;}
.cart-item .quantity .input-number{ border:1px solid #000;}
.cart-item .quantity label{ display: inline-block;}
.cart-item .quantity p{ margin-bottom: 0;}
.cart .cart-summary .row .cart-item span.input-number{ display: flex; max-width: 120px; margin: 0 10px; font-size: 0;}
.cart .cart-summary .row .cart-item span.input-number span{ margin-bottom: 0;}
.cart-item .quantity .input-number *{  min-width: inherit;  width: 40px;}
.cart-item .quantity .input-number input{ border:none;  outline: none; text-align: right; }
.cart-item .product span{ display: block; font-size:1rem; font-weight: 700;}
.cart .cart-item .remove{ text-align: right; }
.cart-item button.remove{ background-color: transparent; border:none; font-size: 1.5rem;}
.cart .cart-summary, .cart .cart-total .row{ background-color: #fff; padding: 20px; margin-bottom: 0;}
.cart .cart-summary .coupon{ padding: 20px 0;}
.cart .cart-summary .coupon .col-9{ font-size: 0; }
.cart .cart-summary .coupon span{ font-weight: 700; text-transform: uppercase;}
.cart .cart-summary .coupon input{ border-radius: 0; border: 1px solid #000;}
.cart .cart-summary .coupon input[type="submit"]{ background-color: #000; color:#fff;border: 1px solid #000;}
.cart .cart-total{ padding-top: 20px;}
.cart .cart-total .row{ border: 1px solid #000; border-top: none;}
.cart .cart-total .row:first-of-type{ border-top: 1px solid #000;}
.cart .cart-total .row.payment{ border: none; padding:10px 0;}
.cart .cart-total .row.payment img{ width: 30px; margin: 0 auto;}
.cart-total h4{ margin-bottom: 0px;}
.cart-total p{ margin-bottom: 0; }
.cart-total .price{ text-align: right; }
.cart-total .payment{ margin-top: 20px; background-color: transparent;}
.payment .btn{ width: 100%; min-width: 300px;}
.cart-total .payment a.btn{ width: 100%; padding: 10px;}
.cart .cart-summary > .row{ margin-bottom: 0;}
.cart .cart-summary > .row:last-of-type{ border-bottom: none;  }
.cart .cart-summary .row.cart-header{ display: none; padding: 0; }
.cart .cart-summary .row.cart-header p{ font-weight: 700;}
.cart .cart-summary .row .cart-item{ border-bottom: 1px solid #333; margin-bottom: 0;  padding: 20px 0;}.cart .cart-summary .row .cart-item .image, .cart .cart-summary .row .cart-item .product{ padding: 0; }
.cart .cart-summary .row .cart-item p{ margin-bottom: 0; font-weight: 700;}
.cart .cart-summary .row .cart-item .sku{ margin-bottom: 20px; }
.cart .cart-summary .row .cart-item span{ margin-bottom: 0px; }
.cart .cart-summary .row .cart-item span.variant{ margin-bottom: 0px; font-weight: 700;}
.cart .cart-summary .row .cart-item .product .size, .cart .cart-summary .row .cart-item .product .quantity{ display: flex; align-items: center; }

.purchase-method .cart-login > div, .purchase-method .no-registration > div, .checkout-form > div, .checkout-payment > div, .checkout-summary > div{ position: relative; height: 100%; padding:40px }
.purchase-method .cart-login .btn{ width: 100%;}
.purchase-method .cart-login h4, .purchase-method .no-registration h4, .checkout-summary h4{ margin-bottom: 40px;}
.cart-login .login-header{ padding: 20px 0px; border-bottom:none;}
.cart-login h4{ margin-bottom: 0;}
.cart-login h4 span{ font-weight: 600; }
.cart-login form{ margin-bottom: 0; }
.cart-login form > div{ margin-bottom: 20px;}
.cart-login form.registration .row > div{ margin-bottom: 20px; padding-left: 0; padding-right:0;}
.cart-login form.registration .row > div:last-of-type{ margin-bottom: 0px; }
.cart-login form input{ margin-bottom: 0px; border-bottom: 1px solid #000;}
.cart-login form input[type="checkbox"]+span{ font-size: 0.8rem;}
.cart-login form .form-label{ margin-bottom: 0;}
.cart-login form .btn{ width: 100%; margin-bottom: 5px;}
.cart-login form .btn span{ color:#fff; text-transform: uppercase; font-weight: 600;}
.cart-login form .forgot-psw a{ font-size: 0.8rem;}
.coupon-input { font-size: 0;}
.coupon-input input[type="text"]{ width: calc(100% - 30px); display: inline-block;}
.coupon-input input[type="submit"]{width: 30px;display: inline-block;}
.registration-cta{ position: relative;}
.registration-cta p{ position: absolute; width:250px; top: calc(50% - 20px); left: calc(50% - 125px); font-size: 1.3rem; font-weight: 600; text-align: center; color: #fff;}
.purchase-method .no-registration p{ font-size: 1rem;}
.purchase-method .no-registration img{width: 80px; margin: 0 auto;}
.purchase-method .no-registration .btn{ position: relative;; width: 100%; left: inherit; bottom: inherit;}

.checkout .row > div{ margin-bottom: 0px;}
.checkout .row > div input{ margin-bottom: 20px;}
.checkout form{ margin-bottom: 0;}
.container.checkout .row{ max-width: 960px; margin: 0 auto;}
.checkout-form h4{ font-weight: 600;}
.checkout-form .form-control{ margin-bottom: 0;}

.checkout-payment img{ max-width: 200px;}

.checkout-summary .row .col{ margin-bottom: 0;}
.checkout-summary .row > .col .col{ padding: 0;}
.checkout-summary .row.subtotal .col, .checkout-summary .row.shipping .col{ margin-bottom: 40px;}
.checkout-summary .row.subtotal > div, .checkout-summary .row.shipping > div{ padding: 0;}
.checkout-summary .row.total p{ margin-bottom: 0; font-size: 1.2rem; font-weight: 700; }
.checkout-summary .row.total span{ font-size: 1.2rem; }
.checkout-summary img{ width: 125px; margin-bottom: 50px;}
.checkout-summary button{ width: 100%; margin-bottom: 0px;}
.cart .cart-summary > .row.checkout-details{ padding: 0px; }
.container .checkout-details .row{ margin-bottom: 40px;}
.container .checkout-details .row.cart-header{ margin-bottom: 0px;}
.container .checkout-details .row.cart-header p{ font-size: 1.2rem;}
.checkout-details label{ display: block; margin-bottom: 5px; font-size: 0.7rem; text-transform: uppercase;}
.checkout-details input[type="email"], .checkout-details input[type="text"], .checkout-details select{ width: 100%; margin-bottom: 20px;border-radius: 0; outline: inherit; border:none; border-bottom: 1px solid #333;}
.checkout-details .form-check label{ display: initial;}

.checkout-details .contact{ margin-bottom: 20px; padding: 0 20px; border:1px solid #ddd; border-radius: 8px; }
.checkout-details .contact .user{ margin-bottom: 0; border-bottom:1px solid #ddd; }
.checkout-details .contact > div{ padding: 20px;}
.checkout-details .contact > div .value span{ font-size: 0.7rem;}
.payments-gateway{ margin-bottom: 20px; padding: 0; }
.payments-gateway .row .col-12{ padding: 0; }
.payments-gateway .form-check{ margin-bottom: 10px; padding: 20px; border:1px solid #ddd; border-radius: 8px; }
.payments-gateway .form-check.credit-card{ padding: 0px; border:none; border-radius: 0; }
.payments-gateway .form-check.credit-card .row:first-of-type{ margin-bottom:0;padding: 20px; background-color: #ddd; border:1px solid #ddd; border-radius: 8px; }
.payments-gateway .form-check.credit-card .row{ padding: 20px; margin-top: -10px; border:1px solid #ddd; border-top: none; border-bottom-right-radius:8px; border-bottom-left-radius:8px; }
.payments-gateway .form-check .row{ margin-bottom: 20px;}
.container.thank-you{ padding: 60px 0; background-color: #fff;}
.container.thank-you img, .container.thank-you svg{ width: 75px; height: auto;}
.container.thank-you svg path{ fill:#ddd;}
.container.thank-you a{  text-decoration: underline; }
.container.thank-you a.btn{  text-decoration: none; }
.container.thank-you .row .col-12 > *{ margin-bottom: 10px;}
.container.thank-you .order-details img{ max-width: 200px;}

.container.thank-you .order-content{ padding: 40px 0;}
.container.thank-you .order-content .product{ padding: 20px; border-bottom: 1px solid #f3efed; }
.container.thank-you .order-content .product:last-of-type{ border-bottom:none; }

@media (min-width: 992px){
  .cart-login .login-header{ padding: 20px 40px; border-bottom: 1px solid #000;}
.cart .cart-summary{ display: block; border:1px solid #000; }
.cart .cart-summary .row.cart-header{ display: flex;}
.cart .cart-item .remove{ text-align: left; }
.cart-item .quantity, .cart-item .price{ margin-top: 0px; margin-bottom: 0;}
.cart .quantity{ text-align: center;}
.cart-item .quantity, .cart-item .price{ margin-top: 0px;}
.cart-item .size label, .cart-item .quantity label{ display: none;}
.cart-item .quantity p{ margin-bottom: 20px;}
.cart-total .price{ text-align: center; }
.cart-item .product span{ }
.cart .cart-total .payment{ margin-top: 0px; background-color: transparent;}
.purchase-method .no-registration .btn{ position: absolute; width: calc(100% - 80px); left: 40px; bottom: 40px;}
.checkout .row > div{ margin-bottom: 40px;}
.checkout .row > div input{ margin-bottom: 0px;}
.cart-login > div, .purchase-method .no-registration > div, .checkout-form > div, .checkout-payment > div, .checkout-summary > div{ padding:40px }
.cart-login form.registration .row > div{ padding-right: 10px;}
.cart .cart-summary .row .cart-item .product .size, .cart .cart-summary .row .cart-item .product .quantity{ display: block; }
.cart .cart-summary .row .cart-item .product .size{padding-right: 30px;  }
.cart .cart-total{ padding-top: 0px;}
.cart .price{ text-align: right;}
.cart .cart-summary .row .cart-item span.input-number{ margin: 0;}
.cart .cart-summary > .row.checkout-details{ padding: 20px; }
}

/* Mini Cart */

.mini-cart{ position: absolute; top: 25px; right: 0; width: 470px; background-color: #fff;  opacity: 0; visibility: hidden; z-index: 1000; box-shadow: 0px 0px 6px #333; -webkit-transition:all ease-in-out .3s; transition:all ease-in-out .3s;}

/*.nav-top-right ul li.cart:hover .mini-cart, .mini-cart:hover{ opacity: 1; visibility: visible; }*/
.mini-cart .mini-cart-summary{padding: 10px 20px; border-bottom:1px solid #000000;}
.mini-cart .mini-cart-summary h2{ font-size: 0.8rem; font-weight: 500; text-align: center; margin: 0; }
.mini-cart .mini-cart-summary h2 span{ font-size: 0.8rem; font-weight: 500; }
.mini-cart .mini-cart-content{ padding: 20px; margin-bottom: 20px; max-height: 250px; overflow-y: scroll;}
.mini-cart .mini-cart-content .item.product{ display: flex;}
.mini-cart .mini-cart-content .item.product > *{ }
.mini-cart .mini-cart-content .item.product .remove-item{ background: none; border: none;  padding: 0 10px;}
.mini-cart .mini-cart-content .item.product .image{ flex: 2; padding: 10px; text-align: center;}
.mini-cart .mini-cart-content .item.product .product-details{ flex: 3; font-size: 0;text-align: left;}
.mini-cart .mini-cart-content .item.product .image img{ width: 100%; max-width: 180px; margin: 0;}
.mini-cart .mini-cart-content .item.product .product-details .title{ display: block; margin-bottom: 5px; font-size: 1rem; font-weight: 400; }
.mini-cart .mini-cart-content .item.product .product-details .price{ display: block; font-size: 0.8rem; font-weight: 500; text-align: left;}
.mini-cart .mini-cart-content .item.product .product-details .price span{ display: inline-block; font-size: 0.8rem; font-weight: 500; }

.mini-cart .mini-cart-content .item.product .product-details .description, .mini-cart .mini-cart-content .item.product .product-details .variant{ margin-bottom: 0;}
.mini-cart .mini-cart-content .item.product .product-details .description p, .mini-cart .mini-cart-content .item.product .product-details span{ font-size: 0.6rem; line-height: 1.5; margin-bottom: 0;}
.mini-cart .mini-cart-content .item.product .product-details .quantity, .mini-cart .mini-cart-content .item.product .product-details .quantity span{ text-align: left; font-size: 0.6rem;}

.mini-cart-footer a{ display: block; width:calc( 100% - 40px ); margin: 0 20px 20px; text-transform: uppercase;}
@media (min-width: 992px){
  .nav-top-right ul li.cart:hover .mini-cart, .mini-cart:hover{ opacity: 1; visibility: visible; }
}
/* Lightbox */
.modal-header{ border-bottom-color: #000; margin-bottom: 20px;}
.modal-header .modal-title{ font-size: 1rem; font-weight: 600;}
.modal-content { padding: 1.5rem; border-radius: 0;}
.modal{ background-color: rgba(0,0,0,0.6);}
.ratio{ background-color: transparent !important; }
.carousel-control-prev{ left: -35px;}
.carousel-control-next{ right: -35px;}
.login-form .form-control{ padding: 0;}
.login-form label, .registration.form label{ display: block; color: #333; font-size: 0.8rem;}
.login-form input, .registration.form input{ border: none; border-bottom: 1px solid #000; outline: inherit; font-size: 0.8rem;}
.login-form button{ width: 100%; }
.footer-modal a, .footer-modal p{ font-size: 0.8rem; margin:0; font-weight: 600;}
.footer-modal p{ color: #666; font-style: italic;}
.modal-header .btn-close{ width: 20px; height: 20px; position: relative; background: none;}
.modal-header .btn-close::before, .modal-header .btn-close::after{ content: ""; position: absolute; top: 20px; left: 0; width: 100%; height: 1px; background-color: #000; transform: rotate(45deg);}
.modal-header .btn-close::after{ transform: rotate(135deg);}
/* PRODUCT LIST */
.product .product-meta{ position: relative; margin-top: 10px;}
.product .product-meta .title h4{ font-family: 'Archivo', sans-serif; font-size: 1rem; font-weight: 300;margin-bottom: 0; transition: all ease-in-out.3s;}
.category-product .product img{ transition: all ease-in-out 0.3s; }
.category-product .product:hover img{ /*transform: scale(1.05); transition: all ease-in-out 1s;*/}
.product .product-meta .price p{ }
.product .product-meta .price p span.original-price{ color: #ddd; text-decoration:line-through;}
.product .product-meta .variant p, .product .product-meta .variant span{     font-size: 0.8rem;font-weight: 400;}

/* ACCOUNT */
main.account{ padding: 5rem 0;}
.account .account-menu .breadcrumb{ margin-bottom: 55px; font-weight: 300; font-size: 0.7rem;}
.account .account-menu h4{ position: relative; font-family: 'Archivo', sans-serif; padding: 15px 20px; background-color: #fff; font-weight: 600;}
.account .account-menu h4::after{ content: ""; position: absolute; top: calc( 50% - 7px); right: 20px; display: block; width: 10px;
    height: 10px; border-top: 1px solid #000000; border-left: 1px solid #000000; transform: rotate(225deg) scale(1); transition: all ease-in-out .4s; }
.account .account-menu h4.open::after { transform: rotate(225deg) scale(-1); }
.account .account-menu ul{ display: none; list-style: none; padding-left: 0px;}
.account .account-menu ul li{ border-bottom: 1px solid #000;}
.account .account-menu ul li:last-of-type{margin-bottom: 0px;}
.account .account-menu ul li a{ display: block; padding: 15px 20px ; background-color: transparent; font-size: 1rem; letter-spacing: 0.5px; transition: all ease-in-out .3s;}
.account .account-menu ul li a.active, .account .account-menu ul li a:hover{ background-color: #fff; font-weight: 600;}
.account-content{ }
.account-content .row{ margin-bottom: 40px;  background-color: #fff; }
.account-content .row .col-12{ border-bottom: 1px solid #000; padding: 20px;}
.account-content .row .col-12:last-of-type{ border-bottom:none; }
.account-content .row.account-credential .col, .account-content .row.account-details .col{ padding: 0 15%;}
.account-content .row.address .col-12 h2 + a{ float: right; font-size: 0.8rem; text-decoration: underline;}
.account-content .row.address .col-12{ position: relative;}
.account-content .row.modify-password .col-lg-6{ padding: 20px 0 0; padding-right: 20px;}
.account-content .row.modify-password .col-lg-6.last{ padding-right: 0px;}
.account-content .row.modify-password .col-lg-6 p{ font-size: 0.9rem; color:#666; }
.account-content .row.modify-password .btn{ margin-top: 20px;}
.account-content .row h2{ margin-bottom: 0px; font-size: 1.2rem; font-weight: 600;}
.account-content .row img{ display: inline-block; width: 40px; vertical-align: middle; margin-right: 20px;}
.account-content .row img + p{ display: inline-block; margin-bottom: 0; vertical-align: middle; }
.account-content ul { list-style: none;}
.account-content ul li{ margin-bottom: 20px; font-size: 0.9rem;}
.account-content ul li:last-of-type{ margin-bottom: 0px;}
.account-content ul li span{display: inline-block; width: 175px;}
.account-content .product-list .product img, .account-content .order-list .order img{ width: 100%;}
.orders .account-content .row .col-12{ border-bottom: none;}
.orders .account-content > .row > .col-12:first-of-type{ border-bottom: 1px solid #000;}
.orders .account-content .row .order-list{ }
.account-content .order-list .order{ position:relative; padding-bottom: 20px;border-top: none; border-bottom: 1px solid #ddd;}
.account-content .order-list .order::after{ content: ">"; position: absolute; right: 0; top: -3px;}
.account-content .order-list .order.order-head::after{ content: none; }
.account-content .order-list .order a > div{ padding: 0; }
.account-content .order-list .order:last-of-type{ border-bottom: none;}
.account-content .order-list .order.order-head{ padding-bottom: 0; margin-bottom: 20px;border-bottom: 1px solid #ddd;}
.account-content .order-list .order p{ margin-bottom: 0; font-size: 0.8rem;}
.account-content .order-list .order.order-head p{ margin-bottom: 20px;  font-weight: 600; }
.account-content .order-list .order .date, .account-content .order-list .order .qta, .account-content .order-list .order .invoice{ display: none;}
.account-content .order-list .order.order-head .nordine *{ text-decoration: none;}
.account-content .order-list .order .nordine *{ text-decoration: underline;}
.account-content .order-list .order .invoice{ text-align: center; }
.account-content .order-list .order .invoice img{ width: auto; height: 25px;margin-right: 0;}
.container .account-content .order-summary{ margin-bottom: 0; border-bottom: 1px solid #000; }
.account-content .order-summary > div:first-of-type{ padding-top: 20px; padding-bottom: 20px;}
.account-content .order-summary > div:first-of-type p:first-of-type{ font-weight:700;}
.account-content .order-summary .product-list .product{ padding-top: 20px; padding-bottom: 20px;}
.account-content .order-summary .product-list .product .product-meta .title, .account-content .order-summary .product-list .product .product-meta .short-description{ margin-bottom: 5px; }
.account-content .order-summary .product-list .product .product-meta .title h4{ font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: 1rem; font-weight: 600;}
.account-content .order-summary .product-list .product .product-meta .short-description p, .account-content .order-summary .product-list .product .product-meta .short-description p span{ font-size: 0.7rem; margin-bottom: 0;}
.account-content .order-summary .product-list .product .product-meta .price p{ font-weight:300;}
.account-content .order-summary .product-list .product .product-meta .rebuy{ font-size: 0.8rem; text-transform: uppercase;}
.account-content .row.order-summary .order-meta, .account-content .row.order-summary .order-step{ border-bottom: 1px solid #000;}
.account-content .order-summary .order-meta .row > div{ padding:0; text-align: center; }
.account-content .order-summary .order-meta .row .col-12{ padding-bottom: 20px; margin-bottom: 20px;border-bottom: 1px solid #ddd; }
.account-content .order-summary .order-meta .row p{ margin-bottom: 0;font-weight: 600;}
.account-content .order-summary .order-meta ul{ padding-left: 0; }
.account-content .order-summary .order-meta ul li{ margin-bottom: 12px; }
.account-content .order-summary .order-meta .total ul li{ display: flex;}
.account-content .order-summary .order-meta .total ul li > div{ flex: 1;}
.account-content .order-summary .order-meta .total ul li span{ display: initial; font-size: 0.9rem;}

.account-content .order-summary .order-meta .payment-details img{ width:100%;}
.account-content .order-content .product-head{ padding-bottom: 0;}
.account-content .order-content .product-head .row{padding-bottom: 20px; border-bottom: 1px solid #000;}
.account-content .order-content .product-head span{ font-weight: 600; }
.account-content .order-content .qta, .account-content .order-content .subtotal{ text-align: center;}
.account-content .order-content .product-item{ padding: 20px 0; }
.account-content .order-content .product-item img{ width: 100%;}
.account-content .order-content .product-item span{  font-weight: 600;}
.account-content .order-content .order-subtotal{ border-top: 1px solid #000;}
.account-content .order-details{ background-color: transparent; }
.account-content .order-details > div{ padding:  0 0 20px;}

.account-content .order-details > div > .row{ background-color: #fff; }
.account-content .order-details > div > .row .col-12:first-of-type{border-bottom: 1px solid #000; }
.account-content .order-details p{ font-size: 0.9rem;}
.account-content .order-details ul{ padding-left: 0;}
.account-content .order-details ul li{ margin-bottom: 0;}
.account-content .order-details img{ height: 60px; width: auto; margin: 0 0 10px 0; }
.modal.edit-account-data .row > div{ margin-bottom: 20px;padding: 0 10px 0 0; border:none;}
.modal.edit-account-data input, .modal.edit-account-data select{font-size: 0.9rem;}

@media (min-width: 992px){
  .account-content{ }
  .account .account-menu .breadcrumb{ font-size: 0.8rem;}
  .account-content .row .col-12{ padding: 20px 60px;}
  .account .account-menu ul{ display: block;}
  .account-content .order-list .order .date, .account-content .order-list .order .qta, .account-content .order-list .order .invoice{ display: block;}
  .account-content .order-list .order a > div{ padding-right: calc(var(--bs-gutter-x) * .5);
      padding-left: calc(var(--bs-gutter-x) * .5); }
  .account-content .order-list .order.order-head p{ font-size: 1rem;}
  .account-content .order-list .order::after{ content: none; }
  .container .account-content .order-summary{ margin-bottom:20px; border-bottom:none; }
.account-content .order-summary .order-meta .row .col-12{ padding-bottom: 0px; margin-bottom: 0px; border-bottom: none;}
.account-content .order-content .product-item{  }
.account-content .order-details > div{ padding:  0 calc(var(--bs-gutter-x) * .5) 20px;}
}

/* CUSTOM CONTENT */

.container-fluid.bg-image{ background-position: top center; background-repeat: no-repeat; background-size:cover;}

.homepage .collections .collection, .homepage .jumpers-collection{ position: relative; background-position: top center; background-size:cover; background-repeat: no-repeat;}
.homepage .collections .collection a{ display: flex; align-items:end; position: absolute; top: 0; left: 0; width:100%; height: 80%; }
.homepage .collections .collection img{ width:90%; max-width: 250px; margin:0 auto 0;transition: all .3s ease-in-out; }
.homepage .collections .collection a:hover img{ margin-bottom:30px; }
.homepage .collections .collection{ height: 100vh; }
.homepage .jumpers-collection{ cursor: pointer;}
.container{ }
.container .row{ margin-bottom: 20px;}
.container .row:last-of-type{ margin-bottom: 0px;}

.sartoria .row{ position: relative; margin-bottom: 0;}
.sartoria .row h1{  position: absolute; width: 100%; top: 80px; left: 0; font-size: 3rem; text-transform: uppercase; }
.step{ padding-top:20px; padding-bottom: 0px;}
.step > div{ display: block; padding: 0; }

.step .number{ position: relative; flex: 1; margin-bottom: 5px;text-align: center;}
.step .step-item p{ flex:4;text-align: center; font-size: 0.6rem; font-size: 600;}
.step .number span{ display: inline-block; width: 40px; height: 40px; line-height: 40px; margin:0; background-color: #000; font-size:1.2rem; color: #fff;}
.step .number.dark span.bg-dark{ color: #000;  }
.step .number::before{ content:""; position: absolute; left:calc(50% + 20px); top:50%; display: block; width: 100%; height: 1px; background-color: #000;}
.checkout-step .step .number::before{ content: ""; width: 50%; left: 75%;}
.step .number.dark::before{ background-color: #000000;  }
.step .step-item:last-of-type .number::before{ content: none;}

.reseller h2{ margin-top:60px; padding-bottom: 20px; border-bottom: 1px solid #000;}
.reseller h4{ margin-top: 40px; font-weight: 700;}
.reseller p{ margin-bottom: 0.5rem; }
.reseller .form h2{ margin-top: 0; border-bottom: none;}

.page-title{ margin-top:80px;}

.contact .row{ margin-bottom: 40px;}
.contact .row:last-of-type{ margin-bottom: 0px;}
.contact img{ width: 100%; max-width: 40px;}

.page-content ul{ list-style: none; padding: 0; }
.page-content ul li{ margin-bottom: 20px; font-size: 0.9rem; }
.page-content ul li img{ width: 35px; margin-right: 10px; margin-bottom: 0;}

.maps{ width: 100%; max-width: 400px; height: 400px; margin: 0 auto 40px; overflow: hidden; border-radius: 100%;}
.form-contatti{ padding-left: 40px; padding-right: 40px;}

.vertical-contact{ margin-bottom: 80px; list-style: none; padding: 0 15%;}
.vertical-contact li:first-of-type, .form-contatti h2{ margin-bottom: 60px;}
.vertical-contact li{ margin-bottom: 20px;}
.vertical-contact li .segnaposto, .vertical-contact li img{ display: inline-block; width: 35px; height: auto; margin-right: 25px;}

.vertical-contact li h2{ display: inline-block; margin-bottom: 0; font-weight: 400;}
.form-contatti h2{ font-weight: 400 }
.paymentWindow { left: 0px !important; position: fixed; width: 100%; height: 100%; background-color: white; z-index: 99998; transition: bottom 0.7s; transition-timing-function: ease; overflow-x: hidden; }
.paymentWindow img{ max-width: 200px;}
.paymentWindow .float-end{}
.paymentWindow .float-end::before, .paymentWindow .float-end::after{ display: block; position: absolute; top: 10px; content: ""; width: 20px; height: 2px; background: #000000; transform: rotate(-45deg);}
.paymentWindow .float-end::after{ transform: rotate(45deg);}

.mt-6{ margin-top: 60px;}
.mt-7{ margin-top: 70px;}
.mt-8{ margin-top: 80px;}

.row.mask{  position: relative;  overflow: hidden;}
.row.mask > *{ z-index: 2;}
.row.mask::before{ content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.7; z-index: 1;}

.maxw-1200{ max-width: 1200px; margin: 0 auto;}

@media (min-width: 992px){
  .homepage .collections .row{  }
  .homepage .collections .collection{ height: inherit; }
  .step > div{ display: flex; padding: 0px 20px 0; }
 .step .number::before{ content:""; width: 100%; }
 .checkout-step .step .number::before{width: 90%; left: 60%;   }
  .form-contatti form button.btn-dark{ width: 400px; }
  .maps{ margin: 0 auto;}
  .page-content ul{padding: 0 15%; }
  .page-content ul li{ font-size: 1rem; }
  .page-content ul li img{ margin-right: 25px;}
  .sartoria p.montserrat{  font-size:1rem; }

}
@media (min-width: 768px){
  .step > div{ display: block;  }
.step .number, .step .step-item p{ display: block; vertical-align:inherit; font-size: 0.8rem;}
.step .number{ position: relative; margin-right: 0; margin-bottom: 20px;}
}