/* RESET */
.row{ margin-left: 0; margin-right: 0;}
.container{
  position:relative;
}
.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;
}
.product-images.owl-theme .owl-dots::-webkit-scrollbar {
    height: 6px;
}

/* STYLE */

h1, h2, h3, h4, h5, h6{ font-family: 'Darker Grotesque', sans-serif; color:#000000; letter-spacing: 0; font-weight: 700;}
h1{ font-size: 36px; }
h2{ font-size: 26px; }
h3{ font-size: 22px; }
h4, h5, h6{ font-family: 'Roboto Mono', monospace; color:#000000; letter-spacing: 0; font-weight: 700;}
h4{ font-size: 18px; }
@media (min-width: 1024px){
  h1{ font-size: 55px; }
  h2{ font-size: 46px; }
  h3{ font-size: 26px; }
}
p, a, span, label, ul li, button, input, select{ font-family: 'Roboto Mono', monospace; color:#000000; font-size: 14px; font-weight: 400;  text-transform: initial;}
a{ text-decoration: none; }
a:hover{ color:#000000;}
a.btn, button{ font-family: 'Noto Sans', sans-serif; }
.Grotesque{ font-family: 'Darker Grotesque', sans-serif; }
.Roboto{ font-family: 'Roboto Mono', monospace; }
.text-justify{ text-align: justify;}
.text-white{ color: #fff !important;}

@media (min-width: 1024px){
  p, a, span, label,ul li, button, input{ font-size: 18px; }
}

.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;}

.container, .container-fluid{ background-position: center center; background-size:cover; background-repeat: no-repeat;}

.mh-70{ height: 70vh;}
.mh-80{ height: 80vh;}
.mh-90{ height: 90vh;}
.mh-100{ height: 100vh;}

.mh-250{ height: 250px;}
.mh-300{ height: 300px;}
.mh-400{ height: 400px;}

.mw-900{ max-width: 900px; margin: 0 auto;}
.mw-1320{ max-width: 1320px; margin: 0 auto;}

.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: 1px solid #000; outline: none;}
input[type="checkbox"], input[type="radio"]{ width: 16px;}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.btn-check{ width: 30px;}
.loader{ position: fixed; width: 100%; left: 0; top: 0; height: 100vh; background: rgba(255,255,255,0.8); z-index: 10000;}
.loading-fullscreen{ z-index: 1999;  position: fixed;  width: 100%; left: 0; height: 100%; top: 0; background: rgba(255,255,255,0.8);  display: flex;  align-items: center;}
.spinner-border{ margin: 0 auto;}

@media (min-width: 992px){
  p.montserrat{ font-size: 1.5rem; }
}

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

.btn-light, .btn-light:active{ background-color: rgba(255,255,255,0); color:#fff; border:1px solid #fff !important;}
.btn-light svg path{ fill:#000; transition: all .3s ease-in-out;}
.btn-light:hover svg path, .btn-light.active svg path{ fill:#fff;}
.btn-light:hover, .btn-light.active{ background-color: rgba(255,255,255,1); color:#000;}

.btn-dark{ background-color: rgba(0,0,0,1); color:#fff;}
.btn-dark span{ color:#fff;}
.btn-white{ background-color: rgba(255,255,255,0); color:#fff; border: 1px solid #fff;}
.btn-white span{ color:#fff;}
.btn-white:hover{ background-color: rgba(255,255,255,1); color:#000;}
.btn-white:hover span{ color:#000;}
.pos-cb{ position: absolute; bottom:20px; left:calc(50% - 100px);}

/* FORM */
.form-control,  .form-select{ margin-bottom: 20px; border: none; border-radius: 0; font-size: 0.8rem; background-color:#fff; }
.contact-form .form-control{ background-color:#ddd;  }
.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;}
.payment .form-check .form-check-input{ float: none;  display: inline-block; margin-left: 0; margin-right: 5px; vertical-align: middle;}
.checkout-details .payment .form-check img{ max-width: 200px;}
.form-check label{ width: calc(100% - 30px);font-size: 0.7rem; vertical-align: middle;}

.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% - 30px); width: 95%; max-width: 600px; left: calc(50% - 300px); display: block; margin: 10px 0; text-align: center; border-radius: 0;z-index: 111000;}

/* 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-images.owl-theme .owl-nav [class*=owl-]:hover{ background: inherit;}
.product-images.owl-theme{  overflow: hidden; overflow-y: hidden; overflow-x: hidden;}

.product-images.owl-theme .owl-dots{ text-align: left; white-space: nowrap; overflow:scroll; overflow-y: hidden; overflow-x: scroll;}
.product-images.owl-theme .owl-dots .owl-dot{ width: 180px; margin-right: 10px; opacity: 0.5; transition: all ease-in-out .3s;}
.product-images.owl-theme .owl-dots .owl-dot.active{ opacity:1;}
.product-images.owl-theme .owl-dots .owl-dot:last-of-type{ margin-right: 0px;}
.product-images.owl-theme .owl-dots .owl-dot button{ width: 100%;  padding: 0; height: auto; background-color: #fff; background-position: center; background-repeat: no-repeat; background-size: contain; border: 0; outline: 0;}
.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: 0px;}
  .owl-carousel .owl-nav button.owl-next{ top: calc( 50% - 40px ); right:0px;}

}

/*HEADER */
.site-header{ width: 100%; z-index: 1030; background: #fff; top: 0; border-bottom: 2px solid #000; transition: all .3s ease-in-out;}
.site-header.fixed{ position:fixed; top: 0;}
.site-header.fixed .branding{ }
.site-header .branding .logo{ display: flex; justify-content: end;}
.site-header.fixed .branding .logo img{ }
.site-header.fixed .navbar-nav{ margin-top: 0px; }
.site-header.fixed .branding .row .nav-top-left .desktop{ }
.site-header .top-header{ display: none; padding: 10px 0; }
.site-header .top-header span, .site-header .top-header a, .site-header .top-header .brand h1, .navigation h1{ margin-bottom: 0; font-size: 0.65rem; text-transform: uppercase; font-weight: 500;}
.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; }
.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; 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; transition: all .3s ease-in-out;}
.site-header .navigation .shop-link ul li a{ font-size: 18px; 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 a span{ 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;}

.site-header .navigation ul{ display: flex; list-style: none; width: 100%; margin-bottom: 0; padding-left:0; }

.container.branding{ margin-bottom: 0; padding: 10px 0; transition: all ease-in-out .4s;}
.branding .logo img{ width:100%;  max-width: 140px; height: auto; margin: 0 auto;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;}

.site-header .navbar { padding: 0;  position: absolute; width: 100%; top: 100%; z-index: 995; background: #fff; left: 0; }
.navbar>.container{border-bottom:none; margin-bottom: 0;}
.navbar>.container .navbar-collapse{  position: fixed; visibility: hidden; opacity: 0; top: 0; left: -100%; width: 100%; height: 100vh; display: flex; align-items: start;padding: 90px 0 0; transition: all ease-in-out .3s;
  background: rgb(0,0,0);
  background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 45%, rgba(255,255,255,1) 46%, rgba(255,255,255,1) 100%);
}
.navbar>.container .navbar-collapse.show{  visibility: visible; opacity: 1; left: 0;  }
.navbar>.container .navbar-collapse .close{ position: absolute;top: 20px; right: 20px; color: #fff;}

.navbar-nav{ border-top: 1px solid #ddd; margin-top: 0; transition: all ease-in-out .6s;}
.navbar-nav .nav-item{ margin-right: 0px; padding-right: 0.5rem; padding-left: 2rem; border-bottom: 1px solid #ddd; }
.navbar-nav .nav-item:last-of-type{ margin-right: 0px;}
.navbar-nav .nav-item .nav-link{ position: relative; padding: 20px 0; font-size:1.1rem; font-family: 'Darker Grotesque', sans-serif; font-weight: 500; letter-spacing: 1px; color:#fff; text-transform: uppercase; transition: all ease-in-out .3s;}
.navbar-nav .nav-item .nav-link span{ font-family: 'Darker Grotesque', sans-serif; font-size:1.2rem; font-weight: 500;}
.navbar-nav .nav-item .nav-link::before{ content: none; width: 0px; height: 1px; position: absolute; left: 0; bottom: -3px; background-color: #000; transition: all ease-in-out .3s;}
.navbar-nav .nav-item.active .nav-link::before, .navbar-nav .nav-item:hover .nav-link::before{ width: 100%; }
.nav-item .nav-link img { height: 20px;  width: auto; }
.nav-item.collection{ display: flex; order:2;}
.nav-item.account{ display: flex; order:3;}
.nav-item.logout{ display: flex; order:5;}
.nav-item.cart{ display: flex; order:4;}
.nav-item.cart, .nav-item.logout{ background-color: #fff;  }
.nav-item.cart .nav-link, .nav-item.logout .nav-link{ color: #000;  }
.nav-item.cart .nav-link img{ display: inline-block; margin-right: 3px;}
.nav-item.cart .nav-link span{ display: inline-block; text-transform: uppercase; vertical-align: middle;}
.nav-item.return .nav-link{ display: flex; background-color: #cccccc; border-radius: 25px; padding: 0.5rem;  }
.nav-item.return .nav-link img{ margin-right: 5px;}
.nav-item.return .nav-link span{ display: inline-block; font-size: 0.6rem; font-weight: 600; word-break: normal; }

.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-toggler{ position: absolute; top: 25px; left: 0px; z-index: 1000; transition: all ease-in-out .3s; }
.navbar-toggler:focus{ outline: none; box-shadow: none; }
.navbar-toggler.open{ position: absolute; top: 35px; left: calc(100% - 50px);}
.navbar-toggler.open span{ background:#fff; }

.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: #000;
}
/* 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{}
.site-header.fixed .branding .logo img{ }
.site-header .branding .logo{ justify-content: start;}
.site-header .top-header{ display: block;}
.branding .logo img{ max-width: 300px;}
.site-header.fixed .branding{ }
.site-header.fixed .top-header .slogan { opacity: 0;}
.site-header.fixed .navigation { margin-top: -35px; background-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;}
.nav-item .nav-link img{ width: 20px; height: auto; }
.navbar-nav{align-items: center; 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{ display: list-item; order: inherit; margin-right: 10px;padding-left: 0.5rem;  border-bottom: none;}
.nav-item.collection, .nav-item.account, .nav-item.logout, .nav-item.cart{ }

.navbar-nav .nav-item .nav-link, .navbar-nav .nav-item .nav-link span{ padding: 0; color: #000;}
.navbar-nav .nav-item .nav-link::before{ content: "";}
.nav-item.cart, .nav-item.logout{   }
.navbar>.container .navbar-collapse {  position: relative; visibility: visible;  opacity: 1;  top: inherit;  left: inherit;  width: inherit;  height: inherit; background: transparent; padding: 0;}
.nav-item.return .nav-link::before, .navbar-nav .nav-item.cart .nav-link::before{ content: none;}
.site-header .navigation ul{ width: auto; text-align: left;}
.navbar-nav .nav-item.return .nav-link{ display: flex; background-color: #cccccc; border-radius: 25px; padding: 0.5rem;  }
.navbar-nav .nav-item.return .nav-link span{ display: inline-block; width: 80px; font-size: 12px; line-height: 1;font-weight: 600; word-break: normal; }
}
@media (max-width: 992px){
  .branding .desktop{ display: none !important;}
}

/* FOOTER */
.site-footer{ border-top:1px solid #000;}
.site-footer .footer-area{ padding-top:40px; padding-bottom: 20px; margin-bottom: 0; }
.site-footer .footer-copyright{ padding: 0 2rem; text-align: center; }
.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: 'Noto Sans', 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 ul li{ margin-bottom: 0px;}
.footer-widget ul li:last-of-type{ margin-bottom: 0px;}
.footer-widget ul li a, .footer-widget p{ display: block; font-size: 0.9rem; line-height: 2;}
.footer-widget ul li a{ }
.footer-widget.info ul{ display: block;}
.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; }
.footer-widget.newsletter h4{ margin-bottom: 20px;}
.footer-widget.newsletter input{ padding: 12px; font-size: 0.8rem; text-align: center;  }
.footer-widget.newsletter button{ padding: 12px; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 1px;}

.footer-area > .row > .footer-widget{ margin-bottom:10px; padding: 0px 40px;}
.footer-area > .row > .footer-widget.contact{  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{  margin-bottom: 0; }
  .footer-area > .row > .footer-widget{padding: 60px calc(var(--bs-gutter-x) * .5); border-bottom: none;}
  .footer-area > .row > .footer-widget.contact{  border-bottom: none;}
  .footer-area > .row > .footer-widget.policy{ border-left: 1px solid #000;}
  .footer-widget h4{ padding: 0;}
  .footer-widget h4::after{ content: none;}
  .footer-widget ul, .footer-widget.info h4{ display: block;}
  .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; border-top: 1px solid #333; 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: auto !important; height: 100px !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;}
}

/* USER DATA */
.container.user-data{ margin-top: 0;}
@media (min-width: 992px){
.container.user-data{ margin-top: -106px;}
}
/* CATEGORY */
.product-list {background-color: #f2f2f2;}
.product-list .products{ border: 1px solid #000; }
.product-list .product{ position: relative; margin-bottom:0px; border:1px solid #000; padding: 10px;text-align: center;}
.product-list .product a{ display: block; }
.product-list .product a .image{position: relative; width: 100%; height: 350px; margin-bottom: 20px; overflow: hidden;}
.product-list .product a .image img{ position: absolute; object-fit: cover;  width: 100%; height: 100%; left: 0;}

.product-list .product ul.variants{ margin-bottom: 0; padding: 10px 0; font-size: 0;}
.product-list .product ul.variants li{ display: inline-block;width: 15px; height: 15px; margin-right: 5px;background-color: #000; border-radius: 100%;}
.product-list .product ul.variants li.blue{ background-color: blue;}
.product-list .product ul.variants li.green{ background-color: green;}
.product-list .product ul.variants li.violet{ background-color: violet;}
.product-list .product h4{ margin: 0 0 10px; font-size:17px;}
.product-list .product p{ display: none;}
.product-list .product .add-to-cart{ position: relative; width: 100%; padding: 10px; border: 1px solid #000; font-size: 0.7rem; text-transform: uppercase;}
.product-list .product .add-to-cart:hover{ background-color: #fff; color: #000;}
.product-list .product .add-to-cart .tips{ position: absolute; bottom: 75px; right: 0; width: 150px; padding: 10px; background-color: #000;visibility: hidden; opacity:0; transition: all ease-in-out .3s;}
.product-list .product .add-to-cart .tips::after{ position: absolute; bottom: -20px; right: 20px; content: ""; width: 0; height: 0; border-style: solid; border-width: 20px 15px 0 15px; border-color: #000000 transparent transparent transparent;}
.product-list .product .add-to-cart .tips p{ text-align: left;font-size: 0.6rem; color: #fff;margin-bottom: 0;}
.product-list .product .add-to-cart:hover .tips{ visibility: visible; opacity:1;}

.product-list .filter{ position: relative;  background-color: #fff;}
.product-list .filter form{ display: none;}
.product-list .filter form .search { position: relative; display: flex; align-items: center;}
.product-list .filter form .search label{ margin-right: 10px; text-transform: uppercase; font-weight: 600;}
.product-list .filter form .search input[type="search"]{ border:0; border-bottom: 1px solid #000;}
.product-list .filter form .search input[type="submit"]{ width: 50px;font-family: 'Material Symbols Outlined'; font-size: 30px; font-weight: 500; background-color: transparent; border:0;}
.product-list .filter form select{ padding: 10px; font-weight: 600;}
.product-list .filter form .apply{ position: absolute; right: calc((100vw - 1320px + 1.1rem)/2); bottom: 0px; width: 180px; padding: 10px 0px;}
.product-list .filter form .reset{ position: absolute; right: calc((100vw - 1320px + 1.1rem)/2); bottom: -46px; width: 180px; padding: 10px 0px;}
.product-list .filter form .reset span{ display: inline-block; vertical-align: middle;}

.product-list .filter .filter-trig{ display: inline-block; }
.product-list .filter .filter-trig span{ display: inline-block;  vertical-align: bottom;}
.product-list .filter .order-trig{ display: inline-block; float: right;}

.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: 690px; margin-bottom: 0px; list-style: none;}
.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: 'Noto Sans', 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 .filters-container{ display: none;}
.filters .filters-container .filter{ position: relative; background-color: #f2f2f2; border-top: 1px solid #000; border-right:1px solid #000; 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{ color: #fff;}
.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;}
.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{ min-width: inherit; width: auto; padding: 0 10px; font-weight: 400;}
.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;}

@media (min-width: 992px){
  .filters .action-filter{ display: block;}
  .category-header .category-list{ overflow-x: auto; margin-bottom: 0; text-align: center;}
  .category-header .category-list ul{ width: auto;}
  .product-list .filter{ border-bottom: 2px solid #000;}
  .product-list .filter form{ display: flex;}
  .product-list .filter .filter-trig{ display: none; }
  .product-list .filter .order-trig{ display: none; }
  .product-list .products{ align-items: center; padding-top: 100px; padding-bottom: 80px;border: 0; }
  .product-list .product{ border:0; margin-bottom: 60px; text-align: left;}
  .product-list .product .image{ border:1px solid #000; }
  .product-list .product p{ display: block;}
  .product-list .product .add-to-cart{ font-size: 0.8rem;}
  .product-list .product a .image{ height: 550px;}
}

/* PRODUCTS */
.home-product.reverse .row{ flex-direction: column-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 .container .row .product a{ display: block;  }
.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 .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{ background-color: #f2f2f2; margin-bottom: 0;}
main.product .gallery .mobile{ display: block; }
main.product .gallery .desktop{ display: none; }
.gallery .row > div{ margin-bottom: 20px;}

main.product h2{ font-size: 1.5rem; font-weight: 700; text-transform: uppercase;}
main.product .product-details{ position: relative; }
main.product .product-details .recap p{ text-transform: uppercase;}
main.product .product-details .recap span{ font-size: 0.8rem;}
main.product .product-details .recap span.color-dot{ display: inline-block; vertical-align: middle;width: 20px; height: 20px; background-color:#fff; margin: 0 5px 0 0; border-radius: 100%;}
.product .line img{ width:100px !important;}
.product-details h1{ margin-bottom: 10px; padding-right: 30px; padding-bottom: 10px; border-bottom: 1px solid #ddd;}
.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 .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 form .product-cta, .product-details form .quantity{ display: inline-block; width: 100%; }
.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{ position: absolute; top: 0; right: 20px; display: inline-block; padding: 0; min-width: inherit;}
.wishlist img{ width: 20px;}
.variants .variant span{ display: block; margin-bottom: 0;}
.variants .btn-group{ display: block; width: 100%; text-align: right;}
.variants .btn-group label.btn{ display: inline-block; flex: none; min-width:inherit; width: 9%; margin-right:2%; margin-bottom: 2%; padding: 0;
    line-height: 30px; background-color: red; border:3px solid #f2f2f2; border-radius: 100% !important; outline: 1px solid transparent; overflow: hidden; -webkit-transition: all ease-in-out .3s; transition: all ease-in-out .3s;}
.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;}
.current-variant .size-selector{ display: flex; align-items: center;}
.current-variant .size-selector .color{ max-width: 100px;}
.current-variant .size-selector .color .placeholder{ width: 50px; height: 50px; border-radius: 100%; background-color: #fff;}
.current-variant .size-selector .sizes{ flex: 2;}
.current-variant .size-selector .qta-total .value{ width: 50px; line-height: 50px; background-color: #fff; border-radius: 100%; font-weight: 700;}
.current-variant .sizes ul{ list-style: none;}
.current-variant .sizes ul li{ position: relative; width: 100%; max-width: 250px; text-align: right; margin-bottom: 10px;}
.current-variant .sizes ul li::before{position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #000;}
.current-variant .sizes ul li.disabled::after{position: absolute; content: ""; left: 0; top: 50%; width: 100%; height: 1px; background-color: #bbb;}
.current-variant .sizes ul li label{ display: inline-block; margin-right: 30px;}
.current-variant .sizes ul li input{ width: 35px; height: 40px; text-align: center; background-color:#f2f2f2; border: 0;}
.current-variant .sizes ul li button{ background-color: transparent; border:0; outline: 0; }
.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;}

.current-variant .sizes ul li.disabled label, .current-variant .sizes ul li.disabled input, .current-variant .sizes ul li.disabled button{ color: #bbb;}

.product-details .details span{ display: block; position: relative; max-width: 100%; font-family: 'Noto Sans', 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 span.active::after {  transform:rotate(225deg) scale(-1);}
.product-details .details p{ display: none;}
.product-details .details p{}
.container.related-products{ padding: 80px 0 0; }
.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 .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; }
  .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 .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{ top:12px; right: -40px;}
  .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{ width: 4%; margin-right:8px; margin-bottom: 8px;}
  .product-details .information ul li {  margin-bottom: 20px;  }
  .variants .btn-group label.btn{ padding: 2px;     background-color: #fff; }
  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: 0;}
.cart-main section.account-head{ padding: 1rem 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{ }
.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; align-items: center;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: 20px; }
.cart-item .quantity .input-number a{  width: 25px; height: 25px; line-height: 25px; padding: 0;background-color: #f2f2f2; border-radius: 100%;}
.cart-item .quantity .input-number input{width:30px; text-align: center;border:none;  outline: none;}
.cart-item .product span{ font-size:1rem; font-weight: 700;}
.cart .cart-item .remove{ position: absolute; right: 15px; top: calc(50% - 20px);}
.cart-item button.remove{ background-color: transparent; border:none; font-size: 1.5rem;}
.cart .cart-summary{ background-color: #fff; padding: 0; margin-bottom: 0;}
.cart .cart-total .row{padding:20px 0; 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-bottom: 1px solid #000; }
.cart .cart-total .row:first-of-type, .cart .cart-total .row:last-of-type{ border-bottom:0;}
.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;}
.cart .cart-total .cart-total-head{ border-bottom: 2px solid #000;}
.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; text-align: center;}
.cart .cart-summary .row .cart-item p{ margin-bottom: 0; font-weight: 700;}
.cart .cart-summary .row .cart-item .sku{ margin-bottom: 20px; font-size: 0.8rem;}
.cart .cart-summary .row .cart-item span{ margin-bottom: 0px; }
.cart .cart-summary .row .cart-item span.variant{ margin-bottom: 0px; font-size: 0.7rem;font-weight: 700;}
.cart .cart-summary .row .cart-item span.placeholder{ display: inline-block; width: 15px; height:15px; margin-right: 5px; background-color: #f2f2f2; border-radius: 100%; vertical-align: middle;}
.cart .cart-summary .row .cart-item .product .size, .cart .cart-summary .row .cart-item .product .quantity{ display: flex; align-items: center; }
.cart .cart-summary .row .cart-item .total-item{ position: relative;}
.cart .cart-summary .row .cart-item .total-item p{font-size: 14px; }
.cart .cart-summary .row .cart-item .total-item p span{font-size: 12px; }
.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 .checkout-details{ background-color: #fff;padding: 40px 0px; }
.container .checkout-details .row{ padding: 0 40px;margin-bottom: 0px;}
.container .checkout-details .row.billing-address, .container .checkout-details .row.shipping-address{ border-bottom: 2px solid #000;}
.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;}
.checkout-details input[type="email"], .checkout-details input[type="text"], .checkout-details select{ width: 100%; margin-bottom: 40px;border-radius: 0; outline: inherit; border:none; font-size: 16px;}
.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;}
.cart-total .cart-total-container{ padding: 20px 40px; background-color: #fff;}
.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; }

.cart .cart-summary .row.color-item:last-of-type .col.disabled{ position: relative;  opacity: 0.35;}
.cart .cart-summary .row.color-item:last-of-type .col.disabled::after{ content:"";
    position: absolute; height: 1px; width: 80%; background: rgba(0,0,0,1); top: 50%; left: 10%; transform: rotate(335deg) }

@media (min-width: 992px){
  .cart-main section.account-head{ padding: 5rem 0;}
  .cart-login .login-header{ padding: 20px 40px; border-bottom: 1px solid #000;}
.cart .cart-summary{ display: block;padding: 20px; }
.cart .cart-summary .row.cart-header{ display: flex; border-bottom:2px solid #000; }
.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: inline-block;}
.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: 0; }
.cart .cart-summary .row{ margin-bottom: 0;}
.cart .cart-summary .row.variant-head .col{ padding: 10px 0;border-right: 1px solid #000; border-bottom: 1px solid #000;}
.cart .cart-summary .row.variant-head .col:last-of-type{ border-right: 0; }
.cart .cart-summary .row.color-item .col{ padding: 10px 0; border-right: 1px solid #000; border-bottom: 1px solid #000; }
.cart .cart-summary .row.color-item .col:last-of-type{ border-right: 0; }
.cart .cart-summary .row.color-item:last-of-type .col{ border-right: 1px solid #000; border-bottom: 0; }
.cart .cart-summary .row.color-item:last-of-type .col:first-of-type{ text-align: center; }
.cart .cart-summary .row.color-item:last-of-type .col:last-of-type{ border-right: 0; }
}

/* 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{ flex-direction: column; align-items: start; border-bottom-color: #000; margin-bottom: 20px;}
.modal-header .modal-title{ font-size: 1.4rem; font-weight: 600; text-transform: uppercase;}
.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; text-align: center; }
.login.form label{ display: block; color: #333; font-size: 0.8rem;}
.login.form input{ width: 100%; 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{ position: absolute;  top: 20px; right: 20px; width: 20px; height: 20px;  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);}

.modal-content .modal-body .row div label{ display: block; margin-bottom: 5px; font-size: 1rem; font-weight: 400; }
.modal-content .modal-body .btn{ padding: 10px; min-width: 120px;}

#support.modal .modal-content .modal-header{ border-bottom: 0; margin-bottom: 0;}
/* PRODUCT LIST */
.product .product-meta .title h4{ font-family: 'Noto Sans', 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 .variant p, .product .product-meta .variant span{     font-size: 0.8rem;font-weight: 400;}

/* ACCOUNT */
main.account section.account-head{ padding: 1rem 0;}
main.account section.account-head h1{ position: relative; margin-bottom: 0; }
main.account section.account-head h1 span{ color: #fff; position: absolute; width: 30px; height: 30px; left: 15px; top: 0;}
.account .account-menu{ position: fixed; visibility: hidden; opacity: 0; top: 0; left: -100%; width: 100%; height: 100vh; display: flex; align-items: center; background-color: #000; padding: 40px; z-index: 10;transition: all ease-in-out .3s;}
.account .account-menu.active{ visibility: visible; opacity: 1; left: 0; }
/*.account .account-menu .close{ position: absolute; top: 10px; right: 10px; color: #fff;}*/
.account .account-menu h4{ position: relative; font-family: 'Noto Sans', 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{ flex: 1; list-style: none; padding-left: 0px;}
.account .account-menu ul li{ margin-bottom: 10px;}
.account .account-menu ul li:last-of-type{margin-bottom: 0px;}
.account .account-menu ul li span.close{ color: #fff;}
.account .account-menu ul li a{ display: block; padding: 15px 20px ; background-color: transparent; border:1px solid #fff; color: #fff; font-size: 0.9rem; text-transform: uppercase; 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; color: #000;}
.account .account-menu.active ul{}
.account-content{ padding: 0;}
.container .account-content > .row{ background-color: #fff; padding: 40px 60px;}
.container .account-content .row:first-of-type{  }
.container .account-content > .row:last-of-type{ padding-bottom:40px; }
.account-content .row.data, .account-content .row.address, .account-content .row.boutiques{ margin-bottom:40px;}
.account-content > .row > .col-12, .account-content > .row > .col-6{ margin-bottom: 20px;}
.account-content .row .col-12 label{ display: block; margin-bottom: 5px;font-size: 1.2rem; font-weight: 500;}
.account-content .row .col-12 input, .account-content .row .col-12 select{ margin-bottom: 20px; padding: 0; border: none; border-bottom:1px solid #000;}
.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 span{ font-weight: 600;}
.account-content .row.address .btn.btn-radius, .account-content .row.boutiques .btn.btn-radius{ display: inline-block; padding: 0; background-color: #000; width: 40px ; height: 40px; font-size: 3rem; color: #fff;     min-width: inherit;
    line-height: 0;    font-weight: 300; border-radius: 100%;}
.account-content .row.address .cta span, .account-content .row.boutiques .cta span{ display: inline-block; width: 80px; margin-right: 10px;   vertical-align: middle; font-size: 0.9rem;font-weight: 400;}

.account-content .row.address .col-12 p, .account-content .row.boutiques .col-12 p{ font-size: 16px; }
.account-content .row.address .col-12 .remove-address, .account-content .row.boutiques .col-12 .remove-address{ cursor: pointer;}
.account-content .row.password label{ font-size: 0.9rem;}
.account-content .row.password input{ border: 1px solid #000; margin-bottom: 20px;}
.account-content .row.password .btn{ width: 100%; font-size: 0.9rem; text-align: center; background-color: #333; padding: 10px; text-transform: uppercase;}
.account-content .row h2{ margin-bottom: 0px; font-size: 1.2rem; font-weight: 600; text-transform: uppercase; letter-spacing: 2px;}
.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{ }
.orders .account-content .row .col-12{ padding: 0;border-bottom: none;}
.orders .account-content .row .order-list{ }
.account-content .order-list .order{ position:relative; margin: 20px 0; padding:0 40px 0 0; border-top: none; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.account-content .order-list .order:first-of-type{ border-top-width: 2px;}
.account-content .order-list .order::after{ content: "\e5e1"; position: absolute; right: 5px;     font-family: 'Material Symbols Outlined';
    font-size: 25px; }
.account-content .order-list .order.order-head::after{ content: none; }
.account-content .order-list .order a > div{ padding: 0; }
.account-content .order-list .order.order-head{ display: none; padding-bottom: 0; margin-bottom: 20px;border-bottom: 2px solid #000;}
.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.order-head .nordine *{ text-decoration: none;}
.account-content .order-list .order .nordine{ border-right: 1px solid #000; padding: 20px 0; text-align: center;}
.account-content .order-list .order .nordine p:first-of-type{ font-weight: 600; text-transform: uppercase;}
.account-content .order-list .order .nordine p{ font-size: 0.9rem;}
.account-content .order-list .order .date{ display: none;}
.account-content .order-list .order .price { text-align: right; padding: 0;}
.account-content .order-list .order .price p{ padding: 10px 0;}
.account-content .order-list .order .price p:first-of-type{ border-bottom: 1px solid #000; }
.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: 'Noto Sans', 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{ }
.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 .modal.edit-account-data .row > div{ margin-bottom: 20px;padding: 0 10px 0 0; border:none;}
.account-content .modal.edit-account-data input, .account-content .modal.edit-account-data select{font-size: 0.9rem; border: 1px solid #000;}

.account-content .row.order-head{ margin-bottom: 0; }
.account-content .order-head h1{ display: none; margin-bottom: 0; padding: 30px 0 0;font-size: 38px;font-weight: 600;}
.account-content .order-head p{ margin-bottom: 0;}
.account-content .order-content-head{ display: none; border-bottom: 2px solid #000;}
.order-content .order-item{ padding-top: 20px;}
.account-content .order-item > div{}
.account-content .order-item .image{ order: 1; padding: 0; text-align: center;}
.account-content .order-item .image img{ width: 100%; margin: 0 0 20px; border: 1px solid #000;}
.account-content .order-item .image p{ display: none; font-size: 0.8rem;}
.orders .account-content .order-item .data{ order: 3; padding: 0; margin-top:20px;}
.account-content .order-item .amount{ order: 2;}
.account-content .order-item .data table{ width: 100%;}
.account-content .order-item .data table tr td{ text-align: center;}
.account-content .order-item .data table thead{ border-bottom: 1px solid #000;}
.account-content .order-item .data table thead tr td{ font-weight: 600; text-transform: uppercase;}
.account-content .order-item .data table thead tr td:first-of-type, .account-content .order-item .data table tbody tr td:first-of-type{ width: 135px;}
.account-content .order-item .data table tbody tr td:first-of-type{  font-size: 0;text-align: left;}
.account-content .order-item .data table tbody tr{ border-bottom: 1px solid #000; }
.account-content .order-item .data table tbody tr td{ border-bottom: 1px solid #000; font-size:0.9rem; }
.account-content .order-item .data table tbody tr td span{ width: 50px; display: inline-block; vertical-align: middle; font-size: 0.8rem;}
.account-content .order-item .data table tbody tr td .placeholder{ width: 20px; height:20px; margin-right: 5px;border-radius: 100%; }
.account-content .order-item .data table tbody tr.red td .placeholder{ background-color: red;}
.account-content .order-item .data table tbody tr.pink td .placeholder{ background-color: pink;}
.account-content .order-item .data table tbody tr.green td .placeholder{ background-color: green;}
.account-content .order-item .data .order-recap{  background-color: #000; padding: 10px 0;}
.account-content .order-item .data .order-recap p, .account-content .order-item .data .order-recap p span{ margin-bottom: 0; color: #fff;}
.account-content .order-item .amount p{ font-weight: 700; margin-bottom: 10px; }
.account-content .order-item .amount p.unit-price, .account-content .order-item .amount p.total-price{ margin-bottom: 0px; }
.account-content .order-item .amount p.unit-price + span{ display: block;margin-bottom: 10px; }
.account-content .order-item .amount .separator{ display: none;width: 50px; height: 1px; margin: 10px auto; background-color: #000;}

.account-content .order-item .amount span{ font-size: 0.8rem;}

.account-content .order-billing-address .col-12 span, .account-content .order-shipping-address .col-12 span{ display: block; margin-bottom: 30px;}

.account-content .order-summary .col-12 .row:first-of-type{ border-bottom: 2px solid #000;}
.account-content .order-summary .col-12 .row:first-of-type span{ text-transform: uppercase;font-weight: 600;}
.account-content .order-summary .col-12 .row:last-of-type{ border-bottom: 0;}
.account-content .order-summary .col-12 .row{ border-bottom: 1px solid #000; margin-bottom: 0; padding: 15px 0;}
.account-content .download img{ width: 100%; }
.account-content .download p{ margin-bottom: 10px;font-weight: 600;text-transform: uppercase; }
.account-content .download span{ display: block; margin-bottom: 30px;}
.account-content .download a{ display: block; font-size: 0.9rem; font-weight: 600;color: #666; text-transform: uppercase;}

.account-content .return-step p{ font-size: 14px;}
.account-content .return-step .bar{ width: 100%; height: 10px;}
.account-content .return-step .bar.bg-grey{ background: #888;}
.account-content .return-step .bar.active{ background: #000;}
.account-content .search-form input[type="search"]{ max-width: 600px; margin: 0 auto; padding: 10px; background: #f2f2f2; }

.account-content .product-list.return{ border-bottom: 2px solid #000;}
.account-content .product-list.return .product p, .account-content .product-list.return .product span, .account-content .product-list.return .product input{ font-size: 15px; margin-bottom: 0; }
.account-content .product-list.return .product .product-data{ display: flex; align-items: start; border: 1px solid #000; padding: 20px; }
.account-content .product-list.return .product .product-data > *{ margin-right: 20px; }
.account-content .product-list.return .product .product-data > *:last-child{ margin-right: 0px; }
.account-content .product-list.return .product .product-data img{ max-width: 120px; width: 100%; margin-bottom: 0;}
.account-content .product-list.return .product .product-data p{ margin-bottom: 0; font-weight: 700; font-size: 15px;}
.account-content .product-list.return .product .product-data span{  font-size: 15px;}
.account-content .product-list.return.step-2 .product .product-data{ display: block; }
.account-content .product-list.return .product form.col-6{ display: flex;}
.account-content .product-list.return .product form.col-6 ul{ padding-left: 0; }
.account-content .product-list.return .product form.col-6 ul li{ line-height: 20px;}
.account-content .product-list.return .product form.col-6 ul li span{width: auto;}
.account-content .product-list.return .product form.col-6 > *{}
.account-content .product-list.return .product form.col-6 > * > p{ font-size: 12px; margin-bottom: 10px;}
.account-content .product-list.return .product form.col-6 .buyed_qty{ margin-right: 15px;}
.account-content .product-list.return .product form.col-6 .buyed_qty ul li{ border-bottom: 1px solid #000; padding: 0 10px; }
.account-content .product-list.return .product form.col-6 .buyed_qty ul li:last-of-type{ border-bottom: 0; }
.account-content .product-list.return .product form.col-6 .buyed_qty ul li span.size{width: 30px; margin-right: 5px; font-weight: 700;}
.account-content .product-list.return .product form.col-6 .return_qty button{ display: inline-block; min-width: inherit; width: 15px;
    height: 15px;
    line-height: 15px;
    padding: 0;
    background-color: #f2f2f2;
    border-radius: 100%;}
.account-content .product-list.return .product form.col-6 .return_qty input{ width: 20px; border:0; text-align:center;}

.container .account-content.summary-return .header{ padding: 0 60px 20px; border-bottom: 2px solid #000;}
.summary-return .header span{ font-size: 14px;}
.summary-return > .product{ padding: 10px 0; border-bottom: 1px solid #000;}
.summary-return .product .product-data{ display: flex;}
.summary-return .product .product-data > *{ width: 50%;}
.summary-return .product .product-data img{ margin-right: 0; border:1px solid #000;}
.summary-return .product p, .summary-return .product span{ font-size: 14px; margin-bottom: 0;}
.summary-return .product ul{ padding-left: 0;}
.summary-return .product ul li{ margin: 0; padding: 5px 0;border-bottom: 1px solid #000;}
.summary-return .product ul li span{ display: inline; font-weight: 700;}
.summary-return .product ul li:last-of-type{ border-bottom:0;}

.container .account-content.summary-return .total-return{ padding: 20px 60px 10px; border-bottom: 1px solid #000;}
.container .account-content.summary-return .total-return p, .summary-return .total-return a, .summary-return .total-return input, .summary-return .total-return ul li{ font-size: 14px;}

@media (min-width: 992px){
  main.account section.account-head{ padding: 5rem 0;}
  .account-content{ padding: 0 40px;}
  .account .account-menu{ position: relative; visibility: visible; opacity: 1; top: inherit; left: inherit; width: 25%; height: auto;;  }
  .account-content > .row > .col-12, .account-content > .row > .col-6{ margin-bottom: 0px; }
  .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;}
.account-content .row h2{ font-size: 1.6rem; }
.account-content .row.address .btn.btn-radius, .account-content .row.boutiques .btn.btn-radius{ width: 50px; height: 50px;}
.account-content .row.address .cta span, .account-content .row.boutiques .cta span{ width: 160px;}
.account-content .row.password input{ }
.orders .account-content > .row{ padding: 40px;}

.account-content .order-head h1{ display: block;padding: 30px 0;}
.account-content .order-content-head{ display: flex;}
.account-content .order-list .order{ border-top: 0; border-bottom-color: #ddd;  }
.account-content .order-list .order.order-head{ display: flex;}

.account-content .order-list .order .nordine{ text-align: left;}
.account-content .order-list .order .date{ display: block; text-align: center;}
.account-content .order-list .order .nordine, .account-content .order-list .order .price{ border:0;  padding:  0;}
.account-content .order-list .order .price p:first-of-type{ border-bottom:0; }
.account-content .order-item .data table thead{ display: table-header-group;}
.account-content .order-item .data table tfoot{ display: none;}
.account-content .order-item .image{ order: 1;}
.account-content .order-item .data{ order: 2;}
.account-content .order-item .amount{ order: 3;}
.account-content .order-item .data table tbody tr td span{ width: 85px;}
.orders .account-content .order-item .data{ padding: 0 20px;  margin-top:0px;}
.account-content .order-item .image p{ display: block;}
.account-content .order-item .amount p{ margin-bottom: 0px; }
.account-content .order-item .amount .separator{ display: block; }
.account-content .order-item .data .order-recap{ display: none;}
}

/* CUSTOM CONTENT */

.container{ }
.container-fluid.home-header{ min-height: 170px;}
.container .row{ margin-bottom: 0px;}
.container .row:last-of-type{ margin-bottom: 0px;}

.collection-home{ border-top: 3px solid #000; }
.collection-home .row .col-12{ background-position: center; background-repeat: no-repeat; background-size: cover; padding: 40px;}
.collection-home .row .col-12:first-of-type{ display: flex; align-items: end; justify-content: start;  border-right: 1px solid #000;}
.collection-home .row .col-12:last-of-type{ display: flex; align-items: end; justify-content: end; }
.collection-home .row .col-12 h2{ font-weight: 600;}
.link-section{ padding-top: 80px; padding-bottom: 80px; }
.link-section .row .col-12{ position: relative; margin-bottom: 20px; }
.link-section .row .col-12 a{ display: block; position: relative; min-height: 350px; padding: 40px; border:1px solid #000;}
.link-section .row .col-12 a::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../../images/bg-linksection.jpg); background-position: center; background-size: cover; opacity: 0; z-index: -1; transition: all ease-in-out .3s;}
.link-section .row .col-12 a:hover::before{ opacity: 1;}
.link-section .row .col-12 a h2{ }
.link-section .row .col-12 a:hover h2, .link-section .row .col-12 a:hover p, .link-section .row .col-12 a:hover span{ color: #fff;}
.link-section .row .col-12 a span{ position: absolute; left: 40px; bottom: 20px; font-weight: 600; transition: all ease-in-out .3s;}
.link-section .row .col-12 a p{ transition: all ease-in-out .3s;}
.link-section .row .col-12 a span img, .link-section .row .col-12 a span svg{ width: 50px; height: auto; margin-left: 20px; transition: all ease-in-out .3s;}
.link-section .row .col-12 a:hover span svg{ fill:#fff;}
.link-section.no-bg .row .col-12 a::before{ content: none;}
.link-section.no-bg .row .col-12 a:hover h2, .link-section.no-bg .row .col-12 a:hover p, .link-section.no-bg .row .col-12 a:hover span{ color:inherit;}
.link-section.no-bg .row .col-12 a:hover span svg{ fill:#000;}
.step{ padding-top:60px; padding-bottom: 40px;}
.step > div{ display: block; padding: 0; }

.step .number{ position: relative; flex: 1; text-align: center;}
.step .step-item p{ flex:4;text-align: center; font-size: 0.8rem;}
.step .number span{ position: relative; display: inline-block; width: 60px;line-height: 60px; margin:0; background-color: #fff; border:1px solid #000;border-radius: 100%; font-size:1.2rem;}
.step .number.dark span{  background-color: #000; color: #fff;  }
.step .number::before{ content:none; position: absolute; left: 60%; top:50%; display: block; width: 85%; height: 1px; background-color: #000;}
.checkout-step .step .number::before{ content: ""; width: 50%; left: 75%;}
.step .number.dark::before{ background-color: #000;  }
.step .step-item:last-of-type .number::before{ content: 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;}

@media (min-width: 992px){
  .container-fluid.home-header{ min-height: 90vh;}
  .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;}
.link-section .row .col-12{ margin-bottom: 0px;}
}
@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;}
}