/* New design 20-04-2022 */
:root {
  --borderRadius: 6px;
}

/* Scrollbar */
/* width */
.scrollbar::-webkit-scrollbar { height: 5px; width: 5px; }
/* Track */
.scrollbar::-webkit-scrollbar-track { border-radius: 10px; }
/* Handle */
.scrollbar::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.2); border-radius: 5px; }
/* Handle on hover */
.scrollbar::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.4); }

/* General */
#root .button { align-self: flex-start; background-color: #000; color: #fff; display: flex; font-weight: bold; justify-content: center; padding: 12px 30px; text-decoration: none; text-transform: uppercase; }
#root .button:hover { background-color: #fff; color: #000; }
#root .button.white { background-color: #fff; color: #000; }
#root .button.white:hover { background-color: #000; color: #fff; }

.fancybox-container .fancybox-navigation { left: 50%; right: auto; transform: translateX(-50%); }
.fancybox-container .fancybox-navigation .fancybox-button:before { content: '\e92d'; }
.fancybox-container .fancybox-navigation .fancybox-button:first-child:before { content: '\e92c'; }

/* Header */
#top-bar { align-items: center; background: #000000; color: #ffffff; display: flex; font-size: 11px; height: 42px; justify-content: space-between; left: 0; padding: 0 24px; position: absolute; top: 0; width: 100%; }
#top-bar a { color: #ffffff; text-decoration: none; }
#top-bar ul { display: flex; list-style: none; margin: 0; padding: 0; }
#top-bar ul li { margin-bottom: 0; }
#top-bar ul li:not(:first-of-type) { margin-left: 25px; }

#logo { top: 13px; width: auto; }
#logo:before { display: none; }
#logo a { text-indent: unset; }
#nav-new { padding-top: 20px; }
#nav-new > div { top: -3px; }
#nav-new > ul > li > a { font-size: 14px; font-weight: 400; text-transform: none; }
#nav-new > ul > li > a[href*="earch"] { height: 29px; padding-left: 20px; }
#nav-new > ul > li > a[href*="earch"]:before { border-color: #D1D1D1; }
#nav-new > ul > li > a[href*="earch"]:after { font-size: 14px; }
#nav-new > ul > li > a i span { background: var(--silver); color: #fff; right: 4px; }

#formSearch button:hover .more { color: #000; }

/* Home */
.index-nav { right: 35px; }

#index > .module-welcome .text-wrap { display: flex; flex-direction: column; max-width: 60%; }
#index > .module-welcome .text-wrap * { color: #ffffff; }
#index > .module-welcome.align-center .text-wrap { margin: 0 auto; }
#index > .module-welcome.align-center .text-wrap * { align-self: center; text-align: center; }
#index > .module-welcome.align-right .text-wrap { margin-left: auto; }
#index > .module-welcome.align-right .text-wrap * { margin-left: auto; text-align: right; }
#index > .module-welcome.home-block-banner h1, #index > .module-welcome.home-block-banner h2, #index > .module-welcome.home-block-banner h3, #index > .module-welcome.home-block-banner h4, #index > .module-welcome.home-block-banner h5, #index > .module-welcome.home-block-banner h6 { font-size: 70px; margin-left: 0; text-align: left; }
#index > .module-welcome.home-block-banner p { font-size: 22px; margin: 0 auto 40px; max-width: 100%; text-align: left; }
#index > .module-welcome.home-block-banner video { height: 100%; object-fit: cover; width: 100%; }
#index > .module-welcome .text-wrap .button { background-color: #ffffff; color: #000000; }
#index > .module-welcome .text-wrap .button:hover { background-color: #000000; color: #ffffff; }

#section-featured-category .button { background-color: #000000; color: #ffffff; }
#section-featured-category .button:hover { background-color: #ffffff; color: #000000; }
#section-featured-category li:first-child a span { background-color: #ffffff; color: #000000; }
#section-featured-category li:first-child a span:hover { background-color: #000000; color: #ffffff; }
#section-featured-category li:nth-child(3) a span { background-color: #000000; color: #ffffff; }
#section-featured-category li:nth-child(3) a span:hover { background-color: #ffffff; color: #000000; }

.list-gallery { margin-bottom: 65px; }
.list-gallery > li:nth-child(1) img { border-bottom-right-radius: var(--borderRadius); border-top-right-radius: var(--borderRadius); }
.list-gallery > li:nth-child(3) img { border-bottom-left-radius: var(--borderRadius); border-top-left-radius: var(--borderRadius); }
.list-gallery > li > div > p { display: inline-block; margin-top: 20px; }

.module-welcome > div.wrap { color: #ffffff; display: flex; flex-direction: column; margin: 0 auto; max-width: 60%; width: 100%; }
.module-welcome > div.wrap.align-left { margin-left: 0; text-align: left; }
.module-welcome > div.wrap.align-left p:last-of-type { margin-left: 0; }
.module-welcome > div.wrap.align-right { margin-right: 0; text-align: right; }
.module-welcome > div.wrap.align-right p:last-of-type { margin-right: 0; }
.module-welcome > div.wrap p { max-width: none; }
.module-welcome > div.wrap p:first-of-type { font-size: 15px; }
.module-welcome > div.wrap p:last-of-type { margin-top: 20px; width: 225px; }

#section-featured-product.module-welcome > div.wrap .button { background-color: #ffffff; color: #000000; }
#section-featured-product.module-welcome > div.wrap .button:hover { background-color: #000000; color: #ffffff; }

.collection { margin-top: 90px; padding-top: 0; }
.collection header h2 { font-size: 35px; }

/* Product card */
.collection .list-collection { margin-left: -25px; width: 100vw; }
.collection .list-collection .owl-stage { display: flex; }
.collection .list-collection .item { display: flex; flex: 1 0 auto; height: 100%; }
.collection .list-collection .item .product-item { display: flex; flex-direction: column; margin: 0; }
.collection .list-collection .owl-nav { right: 40px; }

.list-collection .product-item { align-self: stretch; border-radius: var(--borderRadius); margin-bottom: 20px; margin-right: 10px; padding: 25px; width: calc(25% - 10px); }
.list-collection .product-item::before { background: #000; border-radius: var(--borderRadius); content: ''; height: 100%; left: 0; opacity: 0.04; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 2; }
.list-collection figure { margin-bottom: 30px; }
.list-collection figure figcaption { top: 25px; }
.list-collection figure .images-wrap { left: 25px; opacity: 0; position: absolute; top: 25px; transition: 0.2s; z-index: 3; }
.list-collection .product-item:hover figure .images-wrap { opacity: 1; }
.list-collection figure .images-wrap .image { align-items: center; background-color: #fff; border-radius: 4px; border: 1px solid #E6E6E6; display: flex; height: 69px; justify-content: center; margin-bottom: 5px; transition: 0.2s; width: 47px; }
.list-collection figure .images-wrap .image:hover { border-color: #000; }
.list-collection .product-item .product-title { bottom: 0 !important; margin-top: auto; }
.list-collection .product-item .product-title > span { font-weight: bold; }
.list-collection .product-item .product-title > p { margin-bottom: 0; }
.list-collection .product-item .add-wish { bottom: 0; top: auto !important; }
.list-collection .product-item .add-cart { position: relative; z-index: 2; }


/* Product page */
#content-new .rating a { text-decoration: none; }
#content-new .rating i { color: var(--gray); margin-right: 2px; }
#content-new .rating i.fill { color: #F9C73A; }

#content-new .module-product header .price { margin-bottom: 0; }
.module-product header { margin-bottom: 0; }
.module-product .description { margin-bottom: 10px; }
.module-product .submit { margin-bottom: 20px; margin-top: 20px; }
.product-usp p svg { height: auto; margin-right: 5px; width: 18px; }
#content-new ul.list-product.mobile-hide { flex-direction: column; }

.module-product > .product-sidebar { padding-left: 10px; }
.module-product > .product-sidebar.scrollbar { max-height: 50vh; overflow-y: scroll; overflow-x: hidden; }

#section-reviews > header { position: relative; }
#section-reviews > header h2 { margin-bottom: 15px; }
#section-reviews > header > p { margin-bottom: 0; }
#section-reviews > header .rating { margin-bottom: 0; }
#section-reviews > header .link-btn { bottom: 2px; margin: 0; position: absolute; right: 0; }
#section-reviews > header .link-btn a { margin-bottom: 0; }

.list-comments { list-style: none; margin: 44px 0 3px; padding: 0; border: 0 solid var(--gallery); }
.list-comments li { position: relative; margin: 0; padding: 30px 20px 20px 425px; border-top: 1px solid var(--gallery); font-size: 1em; }
.list-comments li.hidden-review { display: none; }
.list-comments li.hidden-review.show-review { display: block; }
.list-comments h1, .list-comments h2, .list-comments h3, .list-comments h4, .list-comments h5, .list-comments h6 { float: left; width: 300px; margin: 0 0 0 -325px; padding: 7px 0 0; color: var(--black); font-weight: 700; font-size: 1.6em; }
.list-comments h1 span, .list-comments h2 span, .list-comments h3 span, .list-comments h4 span, .list-comments h5 span, .list-comments h6 span { display: block; padding-top: 2px; color: var(--dove); font-size: 0.875em; font-weight: 400; }
.list-comments h1 span span, .list-comments h2 span span, .list-comments h3 span span, .list-comments h4 span span, .list-comments h5 span span, .list-comments h6 span span { display: inline; padding: 0; font-size: 1em; font-weight: 700; }
.list-comments h1 span a, .list-comments h2 span a, .list-comments h3 span a, .list-comments h4 span a, .list-comments h5 span a, .list-comments h6 span a { color: var(--dove); text-decoration: none; }		
.list-comments .rating { margin: 0 0 4px; color: var(--black); font-size: 1em; font-weight: 400; }
.list-comments a.small { display: block; position: relative; top: 2px; margin: 13px 0 0; font-size: 0.8666666667em; text-align: right; }
.list-comments a.toggle { display: block; font-size: 13px; }
.list-comments li.more { padding-left: 0; }
.list-comments.a { margin: 0 0 17px; padding-top: 30px; border-top: 1px solid var(--mercury); }
.list-comments.a li:before { left: 385px; top: 25px; bottom: 25px; }
.list-comments.a h1, .list-comments.a h2, .list-comments.a h3, .list-comments.a h4, .list-comments.a h5, .list-comments.a h6 { margin-left: -425px; padding: 0; border: 0 solid var(--mercury); font-size: 2em; font-family: var(--body); }
.list-comments.a h1 > span, .list-comments.a h2 > span, .list-comments.a h3 > span, .list-comments.a h4 > span, .list-comments.a h5 > span, .list-comments.a h6 > span { padding: 4px 0 0; font-size: 13px; font-weight: 400; }
.list-comments.a h1 > span > *, .list-comments.a h2 > span > *, .list-comments.a h3 > span > *, .list-comments.a h4 > span > *, .list-comments.a h5 > span > *, .list-comments.a h6 > span > * { margin-right: 10px; padding: 0; }

.module-compare { padding: 0 350px 0 0; }
	.module-compare > * { float: left; width: 100%; }
	.module-compare footer { float: right; width: 270px; margin: 0 -350px 0 0; padding: 0; border-width: 0; color: #000; line-height: 1.71429; }
		.module-compare footer .price span { color: #9C9C9C; font-weight: 400; text-decoration: line-through; }
		.module-compare footer button, .module-compare footer .link-btn, .module-compare footer .link-btn a { display: block; width: 100%; }
	.module-compare .list-collection li { padding-right: 40px; }
		.module-compare .list-collection li:not(:last-of-type):after { color: #000; content: "+"; display: block; font-size: 40px; font-weight: 400; height: auto; line-height: normal; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); width: auto; z-index: 1; }
		#root .module-compare .list-collection figure { min-height: 150px; }
.module-compare footer .stock { color: #bec85f; }
.module-compare::after { clear: both; content: ''; display: block; }


/* Footer */
#index #footer-new { min-height: 0; padding-top: 60px; }
#index #footer-new form { margin-bottom: 25px; }
#footer-new form p:first-of-type { margin-bottom: 30px; }
#footer-new form input { border-left: none; border-right: none; border-top: none; padding-left: 5px; }
#footer-new form button { background-color: #000000; border-color: #000000; color: #ffffff; }
#footer-new form button:hover { background-color: #ffffff; color: #000000; }
#footer-new .logo { border-bottom: 1px solid #0001; display: flex; justify-content: center; margin: 0 auto 40px; max-width: 100%; padding-bottom: 40px; width: 700px; }

#footer-new nav { max-width: 700px; }
#footer-new h1, #footer-new h2, #footer-new h3, #footer-new h4, #footer-new h5, #footer-new h6 { text-transform: uppercase; }
#footer-new nav ul li svg { margin-right: 8px; }

#footer-new nav + .extra { align-items: flex-end; display: flex; justify-content: space-between; margin-bottom: 25px; }
#footer-new nav + .extra .payment { align-items: center; display: flex; }
#footer-new nav + .extra .payment .icon { align-items: center; border-radius: var(--borderRadius); border: 1px solid #E4E4E4; display: flex; height: 25px; justify-content: center; margin-left: 10px; min-width: 44px; }
#footer-new nav + .extra .payment .icon img { max-height: 15px; width: auto; }

#footer-new > div > p svg { display: none; }

#footer-new > div ul.list-social { margin-right: 0; }
#footer-new > div ul.list-social li { margin-right: 25px; }
.list-social a { font-size: 18px; }

@media only screen and (max-width: 1300px) {
  #nav-new > ul > li { margin-right: 15px; }
  #nav-new > ul > li > a[href*="earch"] { font-size: 0; min-width: 0; }
  #nav-new > ul > li > a[href*="earch"]:before { display: none; }
  
  .list-collection .product-item { width: calc(33.33333333333% - 10px) }
}

@media only screen and (min-width: 62.5em) {
  #root { padding-top: 146px; }
  #top-bar + #top-new { top: 42px; }
  
  #index > .module-welcome.home-block-banner { margin-bottom: 65px; margin-left: 0; margin-right: 0; min-height: calc(70vh - 55px); padding-left: 75px; }
	#index > .module-welcome.home-block-banner figure { border-radius: var(--borderRadius); left: 0; margin: 0; overflow: hidden; width: 100%; }
}
@media only screen and (max-width: 62.5em) {
  #top-bar { display: none; }
  
  #logo { max-width: 45%; }
  #nav-new:after { left: 20px; }
  #nav-new > a.menu { left: 0 !important; }
  #root #nav-new > ul + ul { padding-left: 45px; }
  
  #index > .module-welcome.home-block-banner { margin-bottom: 80px; }
  #index > .module-welcome.home-block-banner h1, #index > .module-welcome.home-block-banner h2, #index > .module-welcome.home-block-banner h3, #index > .module-welcome.home-block-banner h4, #index > .module-welcome.home-block-banner h5, #index > .module-welcome.home-block-banner h6 { font-size: 50px; }
  
  .module-welcome h2 { font-size: 40px; }
  
  #mobile > ul > li > a { font-weight: 400; text-transform: none; }
  #mobile > .extra { display: block !important; padding: 0; position: absolute; top: 21px; }
  #mobile > .extra ul { display: flex; }
  #mobile > .extra ul > li { font-size: 13px; margin-bottom: 0; margin-right: 20px; }
  #mobile > ul:last-of-type, #mobile > div { display: none; }
  #mobile > ul > li.extra { display: block !important; font-size: 13px; margin-top: 20px; }
  
  .list-collection .product-item { width: calc(50% - 10px); }
  .list-collection figure .images-wrap { left: 15px; top: 15px; }
}
@media only screen and (max-width: 47.5em) {
  #logo { top: 0; }
  #logo a { align-items: center; display: flex; }
  #logo a svg { max-width: 171px; }
  
  #index > .module-welcome .text-wrap { max-width: 100%; }
  #index > .module-welcome.align-mobile-left .text-wrap * { align-self: flex-start; margin-left: 0; text-align: left; }
  #index > .module-welcome.align-mobile-center .text-wrap { margin: 0 auto; }
  #index > .module-welcome.align-mobile-center .text-wrap * { align-self: center; margin-left: auto; margin-right: auto; text-align: center; }
  #index > .module-welcome.align-mobile-right .text-wrap { margin-left: auto; }
  #index > .module-welcome.align-mobile-right .text-wrap * { margin-left: auto; text-align: right; }
  
  #index > .module-welcome.home-block-banner h1, #index > .module-welcome.home-block-banner h2, #index > .module-welcome.home-block-banner h3, #index > .module-welcome.home-block-banner h4, #index > .module-welcome.home-block-banner h5, #index > .module-welcome.home-block-banner h6 { margin-bottom: 10px; }
  #index > .module-welcome.home-block-banner p { font-size: 18px; margin-bottom: 20px; }
  
  .module-welcome > div.wrap { max-width: 100%; }
  .module-welcome > div.wrap.align-mobile-left { margin-left: 0; text-align: left; }
  .module-welcome > div.wrap.align-mobile-left p:last-of-type { margin-left: 0; margin-right: auto; }
  .module-welcome > div.wrap.align-mobile-center { margin-left: auto; margin-right: auto; text-align: center; }
  .module-welcome > div.wrap.align-mobile-center p:last-of-type { margin-left: auto; margin-right: auto; }
  .module-welcome > div.wrap.align-mobile-right { margin-left: auto; margin-right: 0; text-align: right; }
  .module-welcome > div.wrap.align-mobile-right p:last-of-type { margin-left: auto; margin-right: 0; }
  
  .list-gallery > li:nth-child(1) img { border-radius: 0; }
  #root .list-gallery li:nth-child(3) { margin-bottom: 60px; }
  
  .collection { margin-top: 0; }
  .collection header h2 { font-size: 20px; }
  #root .list-collection .item li img { max-height: 300px; width: auto !important; }
  
  #footer-new .logo { border: none; margin-bottom: 0; padding-bottom: 30px; }
  #footer-new nav + .extra { display: none; }
  
  #footer-new > div > p svg { display: inline-block; margin-right: 20px; vertical-align: bottom; width: 23px; }
  #footer-new > div.payment { display: flex !important; justify-content: center; margin-bottom: 40px; margin-top: -20px; }
  #footer-new > div.payment > .icon { align-items: center; border-radius: var(--borderRadius); border: 1px solid #E4E4E4; display: flex; height: 25px; justify-content: center; margin: 0 5px; min-width: 44px; }
  #footer-new > div.payment > .icon img { max-height: 15px; width: auto; }
  
  .list-collection .product-item { padding: 15px; }
  .list-collection figure img { margin: 0 auto; max-height: 210px; width: auto !important; }
  .list-collection figure .images-wrap { display: none; }
  .collection .list-collection .item .product-item .product-title { padding-right: 0; }
  
  .list-comments.a { padding-top: 20px; }
  .list-comments li { padding: 15px 0; }
  .list-comments li > h3 { float: none; margin-bottom: 15px; margin-left: 0 !important; }
  .list-comments li > p:last-of-type { margin-bottom: 0; }
  
  #section-reviews > header .link-btn { bottom: 0; margin-top: 10px; position: relative; }
  
  .module-compare > .list-collection { flex-wrap: nowrap; overflow-x: scroll; }
  .module-compare .list-collection li { min-width: 200px; }
  .module-compare { padding-right: 0; }
  .module-compare footer { float: none; width: 100%; margin-right: 0; }
  .module-compare footer > p { margin-bottom: 10px; }
}
@media only screen and (max-width: 500px) {
  .list-collection .product-item { margin-right: 0; width: 100%; }
}