@font-face {
  font-family: 'Basier Square';
  font-style: normal;
  font-weight: 400;
  src: url(basiersquare-regular.ttf?20240108101452) format("truetype");
}
@font-face {
  font-family: 'Basier Square';
  font-style: normal;
  font-weight: 500;
  src: url(basiersquare-medium.ttf?20240108101452) format("truetype");
}
@font-face {
  font-family: 'Basier Square';
  font-style: normal;
  font-weight: 600;
  src: url(basiersquare-semibold.ttf?20240108101452) format("truetype");
}
@font-face {
  font-family: 'Basier Square';
  font-style: normal;
  font-weight: 700;
  src: url(basiersquare-bold.ttf?20240108101452) format("truetype");
}

@font-face {
  font-family: 'Manifest';
  font-style: normal;
  font-weight: 400;
  src: url(manifest-regular.ttf?20240108101452) format("truetype");
}

:root {
  /* Colors */
  --bodyText: #242424;
  --bodyHeading: #000000;
  --accent: #3C3C3C;
  --orange: #EB630C;
  --blue: #4071ff;
  --lightgrey: #E3E3E3;
  --orange2: #E83B0B;
  --green: #11CA08;
  
  /* Heights */
  --topbarHeight: 50px;
  --topHeight: 100px;
  
  /* Others */
  --borderRadius: 5px;
  --family: 'Basier Square';
  --family2: 'Manifest';
}

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

html { overflow-y: scroll; min-height: 100%; margin: 0 0 1px; font-size: 100.01%; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; }
body { min-height: 100%; padding-top: 28px; background: #2c2c2c; font-size: 62.5%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; color: #242424; font-family: var(--family); overflow-x: hidden; }

li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 1.4em; } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 14px; }
ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 15px; }

article, aside, details, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

h1, h2, h3, h4, h5, h6, .gui-page-title, .item-info-global-title { color: var(--bodyHeading); font-weight: 500; text-transform: uppercase; }
h1, h2 { font-size: 2.8em; }
h3 { font-size: 2.4305em; }
h4 { font-size: 2.2em; }
h5 { font-size: 2.0em; }
h6 { font-size: 1.8em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000; }

.wsa-demobar { z-index: 99999999999 !important; }
.container { margin: 0 auto; width: 1372px; }
.container::before { display: none !important; }
.h-100 { height: 100%; }
.d-flex { display: flex; }
.align-center { align-items: center; }
.justify-around { justify-content: space-around; }
.justify-between { justify-content: space-between; }
.justify-end { justify-content: flex-end; }
.row { margin-right: 0; margin-left: 0; }

.show-800 { display: none !important; }

.header-b { font-size: 34px; margin-bottom: 42px; }

.dot::after { content: '.'; color: var(--orange); }


/* ----- Settings ----- */
.product-info .cart a.btn, .productbundle .info a.btn, .product-info .cart a.btn.check-from-popup { background-color: #3f3f3f ; }
.product-info .cart a.btn.continue-from-popup { background-color: #000000; }
.product-info .cart a.btn.continue-from-popup:hover { background-color: #000000; opacity:0.9; }

.products .list-product .order .cart a.btn,
a.all-in-cart.btn,
#header .main-menu ul .menu-product .info .buttons a.shop-now,
.products .product .info .buttons a.shop-now,
.cart-dropdown a.btn,
.list-product-wrap .variants .variant a.btn { background: #3f3f3f; }


/*! Columns --------- */
.double { }
	.double > * { display: block; position: relative; float: right; border-left: 0 solid rgba(0,0,0,0); }
	.double > *:first-child { float: left; }
.double.a { margin-left: -30px; }
	.double.a > * { width: 50%; border-left-width: 30px; }
.double.b { margin-left: -30px; }
	.double.b > * { float: left; width: 32%; border-left-width: 30px; }
	.double.b > *:first-child { width: 68%; }
	
	
/*! Modules --------- */
.drop-a { list-style: none; padding: 0; }
	#root .drop-a > li { position: relative; float: left; font-size: 1.2em; font-weight: 800; text-transform: uppercase; }
	.drop-a > li > a, .drop-a > li > span { display: block; position: relative; z-index: 1; float: left; width: 222px; height: 46px; padding: 0 42px 0 19px; border: 2px solid #545252; border-left: 0; line-height: 42px;  cursor: pointer; }
		.drop-a > li > a:after, .drop-a > li > span:after { content: "\e901"; display: block; position: absolute; right: 22px; top: 50%; margin: -10px 0 0; font-size: 6px; font-family: i; font-weight: 400; line-height: 20px; }
			.drop-a > li.toggle > a:after, .drop-a > li.toggle > span:after /*, #mobile > nav > ul > li.toggle > .toggle:before*/ { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
		.drop-a > li > a:before, .drop-a > li > span:before { content: ""; display: block; position: absolute; left: -2px; top: -2px; bottom: -2px; width: 2px; }
		.drop-a > li:first-child > a:before, .drop-a > li:first-child > span:before { background: #545252; }
		.drop-a > li:hover > a, .drop-a > li:hover > span, .drop-a > li.toggle > a, .drop-a > li.toggle > span { border-color: var(--orange); color: #fff; }
			.drop-a > li:hover > a:before, .drop-a > li:hover > span:before, .drop-a > li.toggle > a:before, .drop-a > li.toggle > span:before { background: var(--orange); }
		.drop-a > li > a .inner, .drop-a > li > span .inner { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.drop-a > li > ul { visibility: hidden; position: absolute; left: -2px; right: 0; bottom: 100%; z-index: 2; list-style: none; margin: 0 0 -2px; padding: 0; border: 2px solid var(--orange); background: #2c2c2c; opacity: 0; }
		.drop-a > li.toggle > ul { visibility: visible; opacity: 1; }
		#root .drop-a > li > ul li { margin: 0; font-size: 1em; }
		#root .drop-a > li > ul li a { display: block; padding: 15px 19px 14px; color: #999; font-weight: 700; }
			#root .drop-a > li > ul li a:hover, #root .drop-a > li > ul li.active a { background: #545252; }
			 .drop-a > li > ul li.active a { cursor: default; }

.gallery-a { position: relative; z-index: 2; list-style: none; margin: 0 0 0 -20px; padding: 0; color: #959595; font-weight: 500; }
.gallery-a.slider, .gallery-a.a.slider { margin-left: 0; }
	.gallery-a > li { overflow: hidden; position: relative; float: left; width: 25%; margin: 0 0 57px; padding: 0 0 110px; border-left: 20px solid rgba(0,0,0,0); }
	.gallery-a .item > li { overflow: hidden; position: relative; margin: 0 0 57px; padding: 0 0 110px; }
	.gallery-a .img { display: block; overflow: hidden; position: relative; z-index: 1; height: 285px; background: #dad8d9; }
		.no-mobile .gallery-a li:hover .img, .mobile .gallery-a li.toggle .img { opacity: .06; }
		.gallery-a .img img { display: block; position: absolute; left: 50%; top: 50%; z-index: 1; max-width: 85% !important; max-height: 85% !important; }
		.gallery-a .img img { -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
	.gallery-a i { display: block; position: absolute; right: 0; top: 0; z-index: 9; width: 41px; height: 41px; background: var(--orange); color: #fff; font-size: 19px; line-height: 41px; text-align: center; opacity: 0; }
	.gallery-a li div { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 27px 13px 0; }
	.gallery-a li div { -moz-transform: translateY(100%); -webkit-transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); }
		.no-mobile .gallery-a li:hover > div, .mobile .gallery-a li.toggle > div { bottom: 118px; }
		.gallery-a li div:before { content: ""; display: block; position: absolute; left: 13px; top: 13px; width: 41px; height: 2px; background: var(--orange); opacity: 0; }
		.gallery-a li div h1, .gallery-a li div h2, .gallery-a li div h3, .gallery-a li div h4, .gallery-a li div h5, .gallery-a li div h6 { position: absolute; left: 0; bottom: 100%; right: 0; min-height: 92px; margin: 0; padding: 0 0 36px 13px; font-size: 1.73607142857em; font-weight: 500; }
			.gallery-a li div h1 span, .gallery-a li div h2 span, .gallery-a li div h3 span, .gallery-a li div h4 span, .gallery-a li div h5 span, .gallery-a li div h6 span { display: block; position: absolute; left: 13px; bottom: 0; color: var(--orange); font-size: .78173215387em; font-weight: 700; }
		.gallery-a ul { overflow: hidden; position: absolute; left: 0; top: 100%; right: 0; list-style: none; margin: 0 0 0 -4px; padding: 18px 0 0; text-align: center }
			#root .gallery-a ul li { float: left; width: 50%; border-left: 4px solid rgba(0,0,0,0); }
				.gallery-a ul li a { display: block; padding: 13px 0; border: 2px solid #000; color: #000; font-weight: 800; text-transform: uppercase; text-decoration: none; }
					.gallery-a ul li a:hover { background: #000; color: #fff; }
				.gallery-a ul li:first-child a { border-color: var(--orange); background: var(--orange); color: #fff; }
					.gallery-a ul li:first-child a:hover { color: #000; }
		.gallery-a p, .gallery-a ul { opacity: 0; }
		.gallery-a p, .gallery-a ul { -moz-transform: translateY(70px); -webkit-transform: translateY(70px); -o-transform: translateY(70px); -ms-transform: translateY(70px); transform: translateY(70px); }
		.no-mobile .gallery-a li:hover p, .no-mobile .gallery-a li:hover ul, .no-mobile .gallery-a li:hover div:before, .mobile .gallery-a li.toggle p, .mobile .gallery-a li.toggle ul, .mobile .gallery-a li.toggle div:before { opacity: 1; }
	.gallery-a + * { position: relative; z-index: 1; }
	.gallery-a .bx-prev, .gallery-a .bx-next { display: block; overflow: hidden; position: absolute; top: -83px; width: 41px; height: 41px; background: #000; color: #fff; font-weight: 400; line-height: 40px; text-align: left; text-indent: -3000em; text-decoration: none; }
		.gallery-a .bx-prev { right: 74px; }
		.gallery-a .bx-next { right: 24px; }
		.gallery-a .bx-prev:before, .gallery-a .bx-next:before { display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -20px 0 0; font-size: 18px; font-family: i; text-align: center; text-indent: 0; }
			.gallery-a .bx-prev:before { content: "\e91b"; }
			.gallery-a .bx-next:before { content: "\e900"; }
		.gallery-a .bx-prev:hover, .gallery-a .bx-next:hover { background: var(--orange); }
	.header-a + .gallery-a .bx-prev, .header-a + .gallery-a .bx-next { top: -78px; }
		.header-a + .gallery-a .bx-prev { right: 60px; }
		.header-a + .gallery-a .bx-next { right: 10px; }
		.header-a + .gallery-a .bx-prev:hover, .header-a + .gallery-a .bx-next:hover { background: #fff; color: #000; }
.gallery-a.a { margin-left: -12px; margin-bottom: 36px; }
	.gallery-a.a > li { width: 33.33333333333333%; margin: 0 0 30px; padding: 0 0 95px; border-left-width: 12px; }
	.gallery-a.a .item > li { margin: 0 0 30px; padding: 0 0 95px; }
		.gallery-a.a > li:nth-child(4n) + li { clear: none; }
		.gallery-a.a > li:nth-child(3n) + li { clear: both; }
	.gallery-a.a .img { height: 184px; }
	.gallery-a.a p { position: absolute; left: -3000em; top: 0; }
	.gallery-a.a li div { padding-top: 37px; }
		.gallery-a.a li div:before { top: 8px; }
		.no-mobile .gallery-a.a li:hover > div, .mobile .gallery-a.a li.toggle > div { bottom: 93px; }
	.gallery-a.a li div h1, .gallery-a.a li div h2, .gallery-a.a li div h3, .gallery-a.a li div h4, .gallery-a.a li div h5, .gallery-a.a li div h6 { min-height: 75px; padding-bottom: 34px; font-size: 1.10714285714em; line-height: 1.32258064516; }
		.gallery-a.a li div h1 span, .gallery-a.a li div h2 span, .gallery-a.a li div h3 span, .gallery-a.a li div h4 span, .gallery-a.a li div h5 span, .gallery-a.a li div h6 span { font-size: 1.22580645161em; }
	.gallery-a.a ul { overflow: visible; position: relative; top: 0; margin: 0; padding: 0; text-align: left; }
		#root .gallery-a.a ul li { float: none; width: auto; margin: 0; padding: 0; }
		.gallery-a.a ul li a { display: inline; width: auto; height: auto; border: 0; background: none; color: #000; font-weight: 800; text-indent: 0; }
		.gallery-a.a ul li:first-child { position: absolute; right: 0; bottom: 2px; float: none; width: auto; border: 0; font-size: .9775em; }
		.gallery-a.a ul li:first-child a { display: block; overflow: hidden; position: relative; width: 41px; height: 41px; padding: 0; border: 0; background: var(--orange); color: #e6e6e6; font-weight: 400; text-align: left; text-indent: -3000em; }
			.gallery-a.a ul li:first-child a:before { content: "\e918"; display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-family: i; font-size: 19px; line-height: 20px; text-align: center; text-indent: 0; }
.gallery-a .bx-pager { margin: 0 0 40px; padding: 20px 0 0; text-align: center; }
	.gallery-a .bx-pager .bx-pager-item { display: inline-block; padding: 0 4px 4px; }
	.gallery-a .bx-pager .bx-pager-item a { display: inline-block; overflow: hidden; position: relative; width: 12px; height: 12px; border-radius: 20px; background: var(--orange); text-indent: -3000em; text-align: left; }
	.gallery-a .bx-pager .bx-pager-item a.active { cursor: default; }
	.gallery-a .bx-pager .bx-pager-item a.active { -moz-transform: scale(.5,.5); -webkit-transform: scale(.5,.5); -o-transform: scale(.5,.5); -ms-transform: scale(.5,.5); transform: scale(.5,.5); }
	
.gallery-b { overflow: hidden; list-style: none; margin: 0 0 33px -14px; padding: 0; line-height: 1.375; }
	.gallery-b > li { overflow: hidden; position: relative; float: left; width: 16.666666666%; margin: 0 0 14px; padding: 0 17px; border-left: 14px solid rgba(0,0,0,0); font-size: 1.2em; font-weight: 800; transform: translateZ(0); }
		.gallery-b > li:nth-child(6n) + li, .gallery-a > li:nth-child(4n) + li { clear: both; }
		.gallery-b > li:before { content: ""; display: block; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background: #fff; opacity: 0; }
	.gallery-b a, .gallery-b a:hover { display: block; position: relative; text-decoration: none; }	
		.gallery-b a span { display: block; color: #dbdcdc; }
		.gallery-b > li > a { margin: 0 0 14px; padding: 10px 0 7px; }
		.gallery-b > li > a { -moz-transform: translateY(-100%); -webkit-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }
		.gallery-b > li > a:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 43px; height: 2px; background: var(--orange); }
	.gallery-b .img { display: block; position: relative; margin: 0 -17px; text-align: center; }
		.gallery-b .img:before { content: ""; display: block; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgba(26,26,26,.69); opacity: 0; }
		.no-mobile .gallery-b > li:hover .img:before, .no-mobile .gallery-b > li:hover .img span, .no-mobile .gallery-b > li:hover:before { opacity: 1; }
		.gallery-b .img img { display: block; overflow: hidden; position: relative; z-index: 1; width: 100% !important; }
		.gallery-b .img span { display: block; visibility: hidden; position: absolute; left: 0; top: 50%; width: 100%; z-index: 2; margin: -8.5px 0 0; opacity: 0; }
		.gallery-b .img span { -moz-transform: scale(1.5,1.5); -webkit-transform: scale(1.5,1.5); -o-transform: scale(1.5,1.5); -ms-transform: scale(1.5,1.5); transform: scale(1.5,1.5); }
		.no-mobile .gallery-b > li:hover .img span, .mobile .gallery-b > li.toggle .img span, .mobile .gallery-b > li.toggle .img:before, .no-mobile .gallery-a li:hover i, .mobile .gallery-a li.toggle i { visibility: visible; opacity: 1; }
		.no-mobile .gallery-b > li:hover .img span, .mobile .gallery-b > li.toggle .img span, .no-mobile .gallery-b > li:hover > a, .no-mobile .gallery-b > li:hover ul, .no-mobile .gallery-a li:hover > div, .no-mobile .gallery-a li:hover p, .no-mobile .gallery-a li:hover ul, .no-mobile .gallery-a li:hover div:before, #root .gallery-a.a ul, .mobile .gallery-a li.toggle > div, .mobile .gallery-a li.toggle p, .mobile .gallery-a li.toggle ul, .mobile .gallery-a li.toggle div:before { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; }
			.gallery-b .img span a { display: inline-block; margin: 0 8px; color: #fff; }
				.gallery-b .img span a:hover { color: var(--orange); }
				.gallery-b .img span a:before { content: "\e919"; display: inline-block; position: relative; margin: 0 7px 0 0; font-family: i; font-weight: 400; line-height: 1px; }
				.gallery-b .img span a:first-child:before { content: "\e907"; }
		.mobile .gallery-b > li > a, .mobile .gallery-b > li ul, .mobile .gallery-b > li:before { visibility: visible; opacity: 1; }
		.mobile .gallery-b > li > a, .mobile .gallery-b > li ul, .mobile .gallery-b > li:before { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; }
	.gallery-b ul { overflow: hidden; position: relative; list-style: none; margin: 0 -17px; padding: 15px 0 14px 38px; background: #d4d4d4; color: #fff; }
	.gallery-b ul { -moz-transform: translateY(100%); -webkit-transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); }
		.gallery-b ul:before { content: "\e908"; display: block; position: absolute; left: 17px; top: 50%; margin: -10px 0 0; color: #bebebe; font-family: i; font-weight: 400; font-size: 12px; line-height: 20px; }
		.gallery-b ul li { position: relative; float: left; margin: 0 8px 0 0; font-size: .84416666666em; }
			.gallery-b ul li:before { content: "|"; display: block; position: absolute; right: 100%; top: 0; width: 8px; text-align: center; }
			.gallery-b ul li:first-child:before, .gallery-b ul li.link:before { left: -3000em; right: auto; }
		.gallery-b ul li.link { display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 45px; margin: 0; }
			.gallery-b ul li.link a { display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #bebebe; color: #fff; font-weight: 400; text-align: left; text-indent: -3000em; text-decoration: none; }
				.gallery-b ul li.link a:before { content: "\e90b"; display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-family: i; line-height: 20px; text-align: center; text-indent: 0; }

.module-a { position: relative; margin: 0 0 25px; }
	.module-a header { position: absolute; right: 13px; top: 50%; z-index: 2; width: 295px; color: #fff6d6; font-weight: 400; text-align: center; text-transform: uppercase; }
	.module-a header { -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
		.module-a header p { margin-bottom: 19px; font-size: 1.9em; }
		.module-a header p.link-a { font-size: 1.4em; }
			.module-a header p.link-a a { border-color: #fff; color: #fff; }
			.module-a header p.link-a a:hover, .module-a:hover header p.link-a a { background: #fff; color: #000; }
		.module-a header > *:last-child { margin-bottom: 0; }
		.module-a header img { display: block; margin: 0 auto 4px; }
	.module-a figure { position: relative; z-index: 1; margin: 0; }
		.module-a figure img { display: block; width: 100% !important; }
	.module-a a.clone { display: block; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 4; width: 100%; height: 100%; text-align: left; text-indent: -3000em; }
	.module-a a.clone img { position: absolute; left: -3000em; top: 0; }
	.double > .module-a { }
		.double > .module-a header { left: 13px; width: auto; }
		.double > .module-a:first-child header { left: auto; width: 295px; }
	
.social-a { overflow: hidden; list-style: none; padding: 0; }
	.social-a li { float: left; margin: 0 12px 0 0; }
		.social-a li:last-child { margin-right: 0; }
	.social-a a { display: block; overflow: hidden; position: relative; float: left; width: 33px; height: 33px; border-radius: 17px; border: 2px solid #959595; color: #959595; font-weight: 400; text-decoration: none; }
		.social-a a:hover, #footer .social-a a:hover { border-radius: 0; border-color: var(--orange); color: var(--orange); }
		#root .social-a i { display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-size: 12px; line-height: 20px; text-align: center; text-indent: 0; }
			#root .social-a i.icon-twitter { font-size: 10px; }
			#root .social-a i.icon-youtube { font-size: 15px; }


/*! Headers --------- */
.header-a { position: relative; margin-bottom: 29px; padding: 20px 113px 21px 60px; background: var(--orange); color: #fff; font-weight: 800; font-size: 1.4em; }
	.header-a:before { content: "\e90c"; display: block; position: absolute; left: 0; top: 50%; width: 60px; margin: -15px 0 0; font-size: 26px; font-weight: 400; font-family: i; line-height: 30px; text-align: center; }
.header-b { margin-bottom: 47px; text-align: center; }
/*.header-b { position: relative; max-width: 587px; margin-left: auto; margin-right: auto; margin-bottom: 47px; }
	.header-b .inner { display: inline-block; position: relative; z-index: 2; padding: 0 20px 0 0; background: #fff; }*/
	/*.js .header-b:before { content: ""; display: block; position: absolute; top: 50%; width: 100%; height: 2px; margin: -1px 0 0; background: var(--orange); }*/
	.header-b .small { display: block; position: absolute; left: 100%; top: 50%; margin: -8px 0 0; padding: 0 0 0 7px; font-weight: 700; font-size: .5em; white-space: nowrap; }



/*! Content --------- */
b, strong, .strong { font-weight: 700; }
blockquote { margin: 1em 40px; }
dfn, em, i, .em { font-style: italic; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
small { font-size: 85%; }
strike, del, .strike { text-decoration: line-through; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
	sup { top: -0.5em; }
	sub { bottom: -0.25em; }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }

.text-lowercase { text-transform: lowercase; }
.text-uppercase { text-transform: uppercase; }

.overlay-a { color: var(--orange); }
.overlay-b { color: #959595; }


/*! Links --------- */
a { background: none; color: var(--orange); text-decoration: none; cursor: pointer; } /*---*/ a span { cursor: pointer; }
	a:hover, a:focus, a:active { text-decoration: none; outline: none; }

.link-a { font-weight: 800; text-transform: uppercase; }
	.link-a a { display: inline-block; position: relative; padding: 12px 40px 14px; border: 2px solid #000; color: #000; text-align: center; text-decoration: none; }
		.link-a a:hover { background: #000; color: #fff; }
	
.link-b { overflow: hidden; max-width: 587px; margin-left: auto; margin-right: auto; text-align: center; text-transform: uppercase; }
	.link-b a { display: inline-block; position: relative; padding: 0 25px; color: #000; font-weight: 700; }
		.link-b a:before, .link-b a:after { content: ""; display: block; position: absolute; top: 50%; width: 3000em; height: 2px; margin: -1px 0 0; background: var(--orange); }
			.link-b a:before { left: 100%; }
			.link-b a:after { right: 100%; }


/*! Lists --------- */
ul, ol, dd, blockquote { padding-left: 40px; }
	ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }

.list-a { overflow: hidden; list-style: none; margin: 0 0 50px -10px; padding: 0; text-transform: uppercase; }
	.list-a li { display: block; position: relative; float: left; width: 25%; min-height: 107px; margin: 0 0 20px; padding: 24px 0 0 132px; border-left: 10px solid rgba(0,0,0,0); font-size: 1.7em; font-weight: 700; }
		.list-a li:nth-child(4n) + li { clear: both; }
		.list-a li:before { content: ""; display: block; position: absolute; left: 132px; top: 14px; width: 50px; height: 2px; background: var(--orange); }
	.list-a a { display: block; color: #0f0f0f; text-decoration: none; }
		.list-a a:before { content: ""; display: block; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; }
	.list-a span { display: block; padding: 4px 0 0; color: #959595; font-size: .82352941176em; font-weight: 500; text-transform: none; }
	.list-a span.price { padding: 3px 0 0; color: var(--orange); font-size: 1.11764705882em; font-weight: 700; }
	.list-a img { display: block; position: absolute; left: 0; top: 0; }
	
.list-b { overflow: hidden; list-style: none; margin: 0 0 27px; padding: 0; color: #000; font-weight: 500; line-height: 1.14560236511; text-transform: uppercase; }
	.list-b > li { position: relative; min-height: 78px; margin: 0 0 13px; padding: 13px 35px 0 88px; border-top: 1px solid #f6f6f6; font-size: 1.353em; }
		.list-b > li:before { content: ""; display: block; position: absolute; left: 0; top: -1px; right: 0; height: 1px; background: #f6f6f6; }
		.list-b > li:first-child { min-height: 65px; padding-top: 0; border: 0; }
		.list-b > li:first-child:before { background: none; }
	.list-b a { display: block; min-height: 31px; color: #000; font-weight: 500; }
	.list-b img { display: block; position: absolute; left: 0; top: 17px; }
		.list-b > li:first-child img { top: 4px; }
	.list-b ul { list-style: none; margin: 0; padding: 7px 0 0; color: #959595; line-height: 1.30434782609; text-transform: none; }
		.list-b ul li { font-size: .84996304508em; }
	.list-b .price { display: block; position: absolute; right: 35px; bottom: 0; color: var(--orange); font-size: .96082779009em; font-weight: 700; }
	.list-b .close { display: block; position: absolute; right: 5px; top: 5px; width: 20px; height: 20px; color: #d4d4d4; font-weight: 400; font-size: 9px; line-height: 20px; text-align: left; text-indent: -3000em; text-align: left; }
		.list-b .close:before { content: "\e91c"; display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-family: i; text-indent: 0; text-align: center; }
		.list-b > li:first-child .close { top: 10px; }
	.list-b > li.a { min-height: 0; padding-top: 21px; color: #959595; font-size: 1.3em; text-transform: none; }
		.list-b > li.a .price { font-size: 1em; }
.list-b.scrolled { overflow-y: scroll; height: 300px; }
.list-b + .list-b { margin-top: -14px; border-top: 1px solid #f6f6f6; }
		
			
/*! Media --------- */
img, iframe, object, embed { max-width: 100% !important; }
img { height: auto; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; }
.lt-ie9 img { max-width: none !important; }
	img::selection { background: transparent; }
	img::-moz-selection { background: transparent; }
figure { margin-bottom: 25px; }


/*! Forms --------- */
fieldset, hr { border-width: 0; }
	legend { position: absolute; left: 0; top: -3000em; padding: 0; border: 0; white-space: normal; }
	input, select, textarea { position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; font-size: 1em; line-height: normal; text-align: left; text-transform: none; outline: none; }
	input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
		input { }
			input[type="search"], input[type="number"] { -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; }
				input::-webkit-search-decoration, input::-webkit-search-cancel-button { -webkit-appearance: none; }
				input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-clear-button, input::-webkit-calendar-picker-indicator { -webkit-appearance: none; visibility: hidden !important; height: auto; margin: 0; }
				input::-o-outer-spin-button, input::-o-inner-spin-button { -o-appearance: none; margin: 0; }		
			input[type="checkbox"], input[type="radio"], .lt-ie9 input[type="checkbox"], .lt-ie9 input[type="radio"] { height: auto; padding: 0; border: 0; background: none; line-height: 1; }
			input[type="color"] { padding: 0; cursor: pointer; }
		textarea { overflow: auto; vertical-align: top; resize: vertical; }
		select { line-height: 1; text-overflow: ''; text-indent: 0.01px; -moz-appearance: none; -webkit-appearance: none; appearance: none;  } 
			select::-ms-expand { display: none; }
	button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: visible; position: relative; z-index: 3; height: auto; margin: 0; box-shadow: none; text-transform: none; text-indent: 0; cursor: pointer; outline: none; -webkit-appearance: button; -webkit-font-smoothing: inherit; } 
		button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; }
	form [disabled] { cursor: default; }
	form > div { position: relative; }
::-webkit-input-placeholder { opacity: 1; color: inherit; }
::-moz-placeholder { opacity: 1; color: inherit; }
:-moz-placeholder { opacity: 1; color: inherit; }
:-ms-input-placeholder { opacity: 1; color: inherit; }
	:focus::-webkit-input-placeholder { opacity: 0; }
	:focus::-moz-placeholder { opacity: 0; }
	:focus:-moz-placeholder { opacity: 0; }
	:focus:-ms-placeholder { opacity: 0; }

form { }
	label { display: block; position: relative; left: 0; top: 0; font-weight: 400; }
	form p { position: relative; clear: both; }
	form p:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
	input { height: 50px; padding: 0 21px; }
		.lt-ie9 input { line-height: 48px; }
	select { padding: 7px 7px 7px 9px; } 
	textarea { padding: 7px 7px 7px 21px; }  
	input, select, textarea { border: 1px solid #E3E3E3; border-radius: 5px; background: #fff; color: #000; font-size: 14px; font-weight: 500; max-width: 100%; } 
	button, input[type="button"], input[type="reset"], input[type="submit"] { overflow: hidden; float: left; padding: 6px 12px; border: 1px solid #ccc; background: #fff; }

/*! Helpers --------- */
*, *:before, *:after { -moz-transition: color 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; -webkit-transition: color 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; -o-transition: color 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; -ms-transition: color 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; transition: color 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; -moz-transform-origin: center center; -webkit-transform-origin: center center; -o-transform-origin: center center; -ms-transform-origin: center center; -webkit-transition-delay: -0.1s; }
.social-a a, #top:before, #nav > ul, #sub, #sub li, .gallery-b .img span, .gallery-b a, .gallery-b ul, .drop-a > li > a:after, .drop-a > li > span:after, #top > form, #nav #cart > a span, #mobile > nav > ul > li > .toggle:before, .gallery-a .bx-pager .bx-pager-item a { -moz-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; -webkit-transition-delay: -0.1s; }
.gallery-a li div, .gallery-a p, .gallery-a ul, .drop-a > li > ul, #mobile, #shadow, #top > form, #top > form *, #top > form:after, #top > form > div:after { -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; -webkit-transition-delay: -0.1s; }

.clear { clear: both; overflow: hidden; width: 100%; height: 0; }
.hidden, [hidden], template { position: absolute; left: -3000em; top: 0; }

hr, .hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 15px 0; padding: 0; border: 0; border-top: 1px solid #ccc; background: none; font-size: 0; } .hr hr { display: none; }

.list-b li:last-child, #nav #cart > div > *:last-child { margin-bottom: 0; }


/*! Warnings --------- */
p.lt-ie9, #root:after { position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 28px; background: #333; color: #fff; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; line-height: 28px; text-align: center; }
	p.lt-ie9 a { color: #fff; font-weight: 700; text-decoration: underline; }
	p.lt-ie9 a:hover, p.lt-ie9 a:focus, p.lt-ie9 a:active { text-decoration: none; }
	
#root:after { content: "Ummm.. please, enable JavaScript support to fully experience this site."; }
.js #root:after { position: absolute; left: -3000em; top: -3000em; }
.js body { padding-top: 0; }
.lt-ie9 body { padding-top: 28px; }


/*! Miscellaneous --------- */
audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
svg:not(:root) { overflow: hidden; }
@-ms-viewport { width: auto; } 

::selection { background: var(--orange); color: #fff; text-shadow: none; }
::-moz-selection { background: var(--orange); color: #fff; text-shadow: none; }

#root .desktop-hide, #root .tablet-only, #root .mobile-only { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; }


/*! Fonts --------- */
@font-face { font-family: 'Gunar'; src: url('the-northern-block-gunar.eot?20240108101452'); src: url('the-northern-block-gunar.eot?20240108101452?#iefix') format('embedded-opentype'), url('the-northern-block-gunar.woff?202401081014522') format('woff2'), url('the-northern-block-gunar.woff?20240108101452') format('woff'), url('the-northern-block-gunar.ttf?20240108101452') format('truetype'), url('the-northern-block-gunar.svg?20240108101452#gunarregular') format('svg'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Gunar'; src: url('the-northern-block-gunar-italic.eot?20240108101452'); src: url('the-northern-block-gunar-italic.eot?20240108101452?#iefix') format('embedded-opentype'), url('the-northern-block-gunar-italic.woff?202401081014522') format('woff2'), url('the-northern-block-gunar-italic.woff?20240108101452') format('woff'), url('the-northern-block-gunar-italic.ttf?20240108101452') format('truetype'), url('the-northern-block-gunar-italic.svg?20240108101452#gunaritalic') format('svg'); font-weight: 400; font-style: italic; }
@font-face { font-family: 'Gunar'; src: url('the-northern-block-gunar-medium.eot?20240108101452'); src: url('the-northern-block-gunar-medium.eot?20240108101452?#iefix') format('embedded-opentype'), url('the-northern-block-gunar-medium.woff?202401081014522') format('woff2'), url('the-northern-block-gunar-medium.woff?20240108101452') format('woff'), url('the-northern-block-gunar-medium.ttf?20240108101452') format('truetype'), url('the-northern-block-gunar-medium.svg?20240108101452#gunarmedium') format('svg'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Gunar'; src: url('the-northern-block-gunar-medium-italic.eot?20240108101452'); src: url('the-northern-block-gunar-medium-italic.eot?20240108101452?#iefix') format('embedded-opentype'), url('the-northern-block-gunar-medium-italic.woff?202401081014522') format('woff2'), url('the-northern-block-gunar-medium-italic.woff?20240108101452') format('woff'), url('the-northern-block-gunar-medium-italic.ttf?20240108101452') format('truetype'), url('the-northern-block-gunar-medium-italic.svg?20240108101452#gunarmedium-italic') format('svg'); font-weight: 500; font-style: italic; }
@font-face { font-family: 'Gunar'; src: url('the-northern-block-gunar-demibold.eot?20240108101452'); src: url('the-northern-block-gunar-demibold.eot?20240108101452?#iefix') format('embedded-opentype'), url('the-northern-block-gunar-demibold.woff?202401081014522') format('woff2'), url('the-northern-block-gunar-demibold.woff?20240108101452') format('woff'), url('the-northern-block-gunar-demibold.ttf?20240108101452') format('truetype'), url('the-northern-block-gunar-demibold.svg?20240108101452#gunardemibold') format('svg'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Gunar'; src: url('the-northern-block-gunar-demibold-italic.eot?20240108101452'); src: url('the-northern-block-gunar-demibold-italic.eot?20240108101452?#iefix') format('embedded-opentype'), url('the-northern-block-gunar-demibold-italic.woff?202401081014522') format('woff2'), url('the-northern-block-gunar-demibold-italic.woff?20240108101452') format('woff'), url('the-northern-block-gunar-demibold-italic.ttf?20240108101452') format('truetype'), url('the-northern-block-gunar-demibold-italic.svg?20240108101452#gunardemibold-italic') format('svg'); font-weight: 600; font-style: italic; }
@font-face { font-family: 'Gunar'; src: url('the-northern-block-gunar-bold.eot?20240108101452'); src: url('the-northern-block-gunar-bold.eot?20240108101452?#iefix') format('embedded-opentype'), url('the-northern-block-gunar-bold.woff?202401081014522') format('woff2'), url('the-northern-block-gunar-bold.woff?20240108101452') format('woff'), url('the-northern-block-gunar-bold.ttf?20240108101452') format('truetype'), url('the-northern-block-gunar-bold.svg?20240108101452#gunarbold') format('svg'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Gunar'; src: url('the-northern-block-gunar-bold-italic.eot?20240108101452'); src: url('the-northern-block-gunar-bold-italic.eot?20240108101452?#iefix') format('embedded-opentype'), url('the-northern-block-gunar-bold-italic.woff?202401081014522') format('woff2'), url('the-northern-block-gunar-bold-italic.woff?20240108101452') format('woff'), url('the-northern-block-gunar-bold-italic.ttf?20240108101452') format('truetype'), url('the-northern-block-gunar-bold-italic.svg?20240108101452#gunarbold-italic') format('svg'); font-weight: 700; font-style: italic; }
@font-face { font-family: 'Gunar'; src: url('the-northern-block-gunar-extrabold.eot?20240108101452'); src: url('the-northern-block-gunar-extrabold.eot?20240108101452?#iefix') format('embedded-opentype'), url('the-northern-block-gunar-extrabold.woff?202401081014522') format('woff2'), url('the-northern-block-gunar-extrabold.woff?20240108101452') format('woff'), url('the-northern-block-gunar-extrabold.ttf?20240108101452') format('truetype'), url('the-northern-block-gunar-extrabold.svg?20240108101452#gunarextrabold') format('svg'); font-weight: 800; font-style: normal; }
@font-face { font-family: 'Gunar'; src: url('the-northern-block-gunar-extrabold-italic.eot?20240108101452'); src: url('the-northern-block-gunar-extrabold-italic.eot?20240108101452?#iefix') format('embedded-opentype'), url('the-northern-block-gunar-extrabold-italic.woff?202401081014522') format('woff2'), url('the-northern-block-gunar-extrabold-italic.woff?20240108101452') format('woff'), url('the-northern-block-gunar-extrabold-italic.ttf?20240108101452') format('truetype'), url('the-northern-block-gunar-extrabold-italic.svg?20240108101452#gunarextrabold-italic') format('svg'); font-weight: 800; font-style: italic; }


/*! Icons --------- */
@font-face { font-family: 'i'; src: url('icomoon.eot?20240108101452?fixd46'); src: url('icomoon.eot?20240108101452?fixd46#iefix') format('embedded-opentype'), url('icomoon.ttf?20240108101452?fixd46') format('truetype'), url('icomoon.woff?20240108101452?fixd46') format('woff'), url('icomoon.svg?20240108101452?fixd46#icomoon') format('svg'); font-weight: 400; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'i' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	.icon-caret-left:before { content: "\e91d"; }
	.icon-caret-right:before { content: "\e91e"; }
	.icon-caret-down:before { content: "\e91f"; }
	.icon-caret-up:before { content: "\e920"; }
	.icon-angle-down:before { content: "\e914"; }
	.icon-angle-left:before { content: "\e915"; }
	.icon-angle-right:before { content: "\e916"; }
	.icon-angle-up:before { content: "\e917"; }
	.icon-bag:before { content: "\e918"; }
	.icon-chat:before { content: "\e919"; }
	.icon-chevron-down:before { content: "\e91a"; }
	.icon-chevron-left:before { content: "\e91b"; }
	.icon-chevron-right:before { content: "\e900"; }
	.icon-chevron-rounded-down:before { content: "\e901"; }
	.icon-chevron-rounded-left:before { content: "\e902"; }
	.icon-chevron-rounded-right:before { content: "\e903"; }
	.icon-chevron-rounded-up:before { content: "\e904"; }
	.icon-chevron-up:before { content: "\e905"; }
	.icon-facebook:before { content: "\e906"; }
	.icon-heart:before { content: "\e907"; }
	.icon-instagram:before { content: "\e908"; }
	.icon-logo:before { content: "\e909"; }
	.icon-minus:before { content: "\e90a"; }
	.icon-plus:before { content: "\e90b"; }
	.icon-star:before { content: "\e90c"; }
	.icon-triangle-down:before { content: "\e90d"; }
	.icon-triangle-left:before { content: "\e90e"; }
	.icon-triangle-right:before { content: "\e90f"; }
	.icon-triangle-up:before { content: "\e910"; }
	.icon-twitter:before { content: "\e911"; }
	.icon-x:before { content: "\e91c"; }
	.icon-youtube:before { content: "\e912"; }
	.icon-zoom:before { content: "\e913"; }



/* ----- Grid ----- */
.grid { display: -webkit-box;display: -moz-box;display: -webkit-flex; display:-moz-flex; display:-o-flex; display:-ms-flexbox; display: flex; -webkit-flex-direction:row;-moz-flex-direction:row; -o-flex-direction:row; -ms-flex-direction:row; flex-direction: row; }
.grid.wrap {-webkit-box-wrap:wrap;-moz-box-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.grid.column-orient {-webkit-box-orient: vertical;-moz-box-orient: vertical;-webkit-flex-direction:column;-moz-flex-direction:column; -o-flex-direction:column; -ms-flex-direction:column; flex-direction:column;}
.grid.row-orient {-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction:row;-moz-flex-direction:row; -o-flex-direction:row; -ms-flex-direction:row; flex-direction: row;}
.grid.managed-width, .grid-cell.managed-width {width:100%;max-width:1600px; margin: 0 auto;}
.grid.narrow-width, .grid-cell.narrow-width {width: 100%;max-width: 850px; margin: 0 auto;}
.grid.borders div {border-bottom: 1px solid #aaa;border-left: 1px solid #aaa;}
.grid.borders.first-row div {border-top: 1px solid #aaa;font-weight:700;background: #eaeaea;background: -moz-linear-gradient(top,  #eaeaea 0%, #d8d8d8 100%);background: -webkit-linear-gradient(top,  #eaeaea 0%,#d8d8d8 100%);background: linear-gradient(to bottom,  #eaeaea 0%,#d8d8d8 100%);}
.grid.borders div:last-child {border-right: 1px solid #aaa;}
.grid.center {-webkit-align-content: center;-moz-align-content: center;-ms-align-content: center;align-content: center;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;align-items: center; }
.grid.nowrap {-moz-box-wrap:nowrap!important;flex-wrap:nowrap!important;-ms-box-wrap:nowrap!important;}
.grid.bottom{-webkit-justify-content: flex-end;-moz-justify-content: flex-end;-ms-justify-content: flex-end;justify-content: flex-end;-webkit-align-content: flex-end;-moz-align-content: flex-end;-ms-align-content: flex-end;align-content: flex-end;-webkit-align-items: flex-end;-moz-align-items: flex-end;-ms-align-items: flex-end;align-items: flex-end;}
.grid.baseline {align-items:baseline;-webkit-align-items:baseline;-moz-align-items: baseline;-ms-align-items: baseline;}
.grid.start {align-items:flex-start;-webkit-align-items:flex-start;-moz-align-items: flex-start;-ms-align-items: flex-start;}
.grid.stretch {align-items:stretch;-webkit-align-items:stretch;-moz-align-items: stretch;-ms-align-items: stretch;}
.grid.justify-center {-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;justify-content: center;}
.grid.justify-space {-moz-justify-content:space-between;-ms-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between;}
.grid.justify-space-around {justify-content:space-around;-moz-justify-content:space-around;-ms-justify-content:space-around;-webkit-justify-content:space-around;}
.grid.justify-end {justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;-webkit-justify-content:flex-end;}
.grid.justify-start {justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;-webkit-justify-content:flex-start;}
.grid-cell {-webkit-box-flex:1 1 auto;-moz-box-flex:1 1 auto;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;}
.grid-cell.stretch {-webkit-align-self: stretch; align-self: stretch;-moz-align-self: stretch;-ms-align-self: stretch;}
.grid-cell.double-size {-webkit-flex-grow:2;-moz-flex-grow:2;flex-grow:2;-ms-flex-grow:2;}
.grid-cell.noflex {-webkit-box-flex:0 0 auto;-moz-box-flex:0 0 auto;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;}
.grid-cell.center {-webkit-align-self:center;-align-self:center;-moz-align-self:center;-ms-align-self:center;text-align:center;}
.grid-cell.right {-webkit-align-self:right;-align-self:right;-moz-align-self:right;-ms-align-self:right;text-align:right;}
.grid-cell.center-nonText {-webkit-align-self:center;-align-self:center;-moz-align-self:center;-ms-align-self:center;}
.grid-cell.start {-webkit-align-self:flex-start;-align-self:flex-start;-moz-align-self:flex-start;-ms-align-self:flex-start;}
.grid-cell.end {-webkit-align-self:flex-end;-align-self:flex-end;-moz-align-self:flex-end;-ms-align-self:flex-end;}
.grid-cell.grow0{-webkit-flex-grow:0;-moz-flex-grow:0;flex-grow:0;-ms-flex-grow:0;}
.grid-cell.grow2{-webkit-flex-grow:2;-moz-flex-grow:2;flex-grow:2;-ms-flex-grow:2;}
.grid-cell.grow3{-webkit-flex-grow:3;-moz-flex-grow:3;flex-grow:3;-ms-flex-grow:3;}

.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.align {width:100%;display:table;}
.hide-all_screens { display: none !important; }
.left {float:left;}
.right {float:right;}
.no-padding { padding-left: 0; padding-right: 0; }
.align-top { display:table-cell; vertical-align:top; }
.align-middle { display:table-cell; vertical-align:middle; }


/* ----- Owl carousel ----- */
.owl-controls .owl-nav > div { color: var(--orange); font-size: 28px; position: absolute; }
.owl-controls .owl-nav > div.owl-prev { left: 0; }
.owl-controls .owl-nav > div.owl-next { right: 0; }

.owl-controls .owl-dots { display: flex; justify-content: center; }
.owl-controls .owl-dots .owl-dot { align-items: center; background: #fff; border-radius: 50%; border: 1px solid var(--lightgrey); display: flex; justify-content: center; height: 15px; position: relative; width: 15px; }
.owl-controls .owl-dots .owl-dot:not(:last-of-type) { margin-right: 5px; }
.owl-controls .owl-dots .owl-dot.active span { background: var(--orange); border-radius: 50%; display: block; height: 7px; width: 7px; }

.owl-headlines .owl-controls .owl-nav .owl-prev, .hero-wrapper-block .owl-controls .owl-nav .owl-prev,#sync1 .owl-controls .owl-nav .owl-prev {position:absolute;left:12px;top:50%;display:block;width:46px;height:46px;text-align:center;line-height:46px;margin-top:-15px;border:1px solid #fff;border-radius:0;color:#000;background:#fff;font-size:18px;}
.owl-headlines .owl-controls .owl-nav .owl-prev i, .hero-wrapper-block .owl-controls .owl-nav .owl-prev i, #sync1 .owl-controls .owl-nav .owl-prev {margin-right:2px;}
.owl-headlines .owl-controls .owl-nav .owl-next, .hero-wrapper-block .owl-controls .owl-nav .owl-next, #sync1 .owl-controls .owl-nav .owl-next {position:absolute;right:12px;top:50%;display:block;width:30px;height:30px;text-align:center;line-height:30px;margin-top:-15px;border:1px solid #fff;border-radius:0;color:#000;font-size:18px;background:#fff;}
.owl-headlines .owl-controls .owl-nav .owl-next i, .hero-wrapper-block .owl-controls .owl-nav .owl-next i, #sync1 .owl-controls .owl-nav .owl-next {margin-left:3px;}
#sync1 .owl-controls .owl-nav .owl-prev, #sync1 .owl-controls .owl-nav .owl-next {background:#000 !important;opacity:0.18;color:#fff;border:none;}
#sync1 .owl-controls .owl-nav .owl-prev {left:5%;}
#sync1 .owl-controls .owl-nav .owl-next {right:5%;}


#root { background: #ffffff; padding-top: calc(var(--topHeight) + var(--topbarHeight)); }
#skip { position: fixed; top: 0; left: -10000px; }
  #skip a:focus, #skip a:active { display: block; position: absolute; left: 10000px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 4px 8px; background: #333; color: #fff; font-weight: 500; font-size: 1.1em; text-align: center; text-decoration: none; }
#content:after, #footer:after, #footer > *:after, .gallery-a:after, .drop-a:after, #top > form:after, .double:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }

#top { position: fixed; left: 0; top: 0; z-index: 9998; width: 100%; text-align: left; }
.no-mobile #top:hover:before, .scrolled #top #nav > ul:first-child, .search-active #top #nav > ul:first-child, .menu-active #top #nav > ul:first-child { opacity: 1; }
#top ul { list-style: none; margin: 0; padding: 0; }
#top .top-bar { background: var(--accent); height: var(--topbarHeight); }
#top .top-bar > div > ul > li { line-height: calc(var(--topbarHeight) - 3px); padding-left: 15px; position: relative; }
#top .top-bar > div > ul > li.cart { padding-left: 40px; }
#top .top-bar > div > ul li a { color: #fff; }
#top .top-bar > div > ul li a:hover { color: var(--orange); text-decoration: none; }
#top .top-bar > div > ul li a i { font-size: 6px; vertical-align: middle; }
#top .top-bar > div > ul li a img.cart { filter: invert(1); margin-right: 8px; position: relative; top: -2px; width: 14px; }
#top .top-bar > div > ul > li > ul { background-color: var(--accent); color: #fff; display: none; left: 0; position: absolute; top: 100%; width: 175px; z-index: 5; }
#top .top-bar > div > ul > li:hover > ul { display: block; }
#top .top-bar > div > ul > li > ul { padding: 7px 0; }
#top .top-bar > div > ul > li > ul li { line-height: normal; padding: 0; }
#top .top-bar > div > ul > li > ul li a { display: block; padding: 8px 10px; }
#top .top-bar > div > ul > li > ul.langs { width: 85px; }
#top .top-bar > div > ul > li.cart > ul { left: auto; padding: 0 20px 15px; right: 0; width: 320px; }
#top .top-bar > div > ul > li.cart > ul .list-b > li { margin-bottom: 15px; padding-top: 15px; }
#top .top-bar > div > ul > li.cart > ul .list-b > li.remote { min-height: 0; }
#top .top-bar > div > ul > li.cart > ul .list-b > li > img { top: 15px; }
#top .top-bar > div > ul > li.cart > ul .list-b > li > div { color: #fff; padding-left: 71px; }
#top .top-bar > div > ul > li.cart > ul .list-b > li > div a:not(.close) { font-size: 15px; padding: 0 30px 0 0;  }
#top .top-bar > div > ul > li.cart > ul .list-b > li > div a.close) { padding: 0; top: 10px; }
#top .top-bar > div > ul > li.cart > ul li.total { border-top: 1px solid #fff; padding-top: 15px; text-align: right; }
#top .top-bar > div > ul > li.cart > ul li .btn { background: var(--orange); color: #fff; font-weight: 500; margin-top: 15px; }

#top .menuwrap { background-color: #ffffff; box-shadow: 0 4px 4px rgba(0,0,0,0.1); height: var(--topHeight); }
#top .logo img { width: 207px; }
#nav > ul > li { display: flex; height: var(--topHeight); position: relative; }
#nav > ul > li > a { align-items: center; display: flex; color: #242424; font-weight: 500; line-height: normal; padding: 0 15px; text-decoration: none; text-transform: uppercase; }
#nav > ul > li:hover > a { color: #eb630c; }
#nav > ul > li.sub > a { padding-right: 18px; }
#nav > ul > li > ul { visibility: hidden; position: absolute; left: 50%; top: 100%; list-style: none; width: 150px; margin: 0 0 0 -75px; padding: 0; background: #fff; text-align: left; opacity: 0; }
.no-mobile #nav > ul > li:hover > ul, .mobile #nav > ul > li.toggle > ul, .no-mobile #nav > ul > #cart:hover > div, .mobile #nav > ul > #cart.toggle > div { visibility: visible; opacity: 1; }
#nav > ul > li > ul li { font-weight: 500; min-width: 120px; }
#nav > ul > li > ul li a { display: block; padding: 5px 24px; color: var(--bodyText); text-decoration: none; white-space: nowrap; }
#nav > ul > li > ul li a:hover { color: #eb630c; }
#nav .sub .category-menu { box-shadow: 0 4px 4px rgba(0,0,0,0.1); display: flex; left: 0; margin: 0; padding: 30px 0; width: auto; }
#nav .sub .sub-category { position: relative; }
#nav .sub .sub-category ul.sub-sub-categories { background: #fff; box-shadow: 0 4px 4px rgba(0,0,0,0.1); display: none; left: 100%; padding: 15px 0; position: absolute; top: -15px; }
#nav .sub .sub-category:hover ul.sub-sub-categories { display: block; }
#nav > ul > li > ul li h5 { font-size: 18px; margin: 0; text-transform: none; }
#top #search > a { color: var(--bodyText); font-family: var(--family2); font-size: 18px; text-decoration: none; text-transform: uppercase; }
#top #search > a:first-of-type::after { color: var(--bodyText); content: "\e913"; font-family: i; font-size: 16px; font-weight: 400; margin-left: 10px; }

/* ----- Breadcrumbs ----- */
.page-top { margin-bottom: 15px; font-size: 13px; padding: 20px 0; position:relative; }
.breadcrumbs { font-size: 14px; font-weight: 500; padding-left: 0; padding-right: 0; }
.breadcrumbs a { color: #000; }
.breadcrumbs a.back { margin-right: 30px; }
.breadcrumbs a.back i { font-size: 12px; margin-right: 5px; }
.breadcrumbs a.last { color: var(--orange); }
.breadcrumbs .bread-divider { color: #C4C4C4; margin: 0 5px; }

/* ----- Messages  ----- */
.message-container {position:fixed;left:0;top:0;width:100%;z-index:9999999;}
.message-container .messages {margin:0;position:relative;}
.message-container .messages .message {position:absolute;right:0;top:60px;color:#fff;padding:15px 15px 15px 25px;display:table;background-color:#aaa;width:300px;border-radius:3px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.message-container .messages .message ul {padding:0;border:none;margin:0;background:transparent;color:#fff;}
.message-container .messages .message ul li { font-size: 16px; }
.message-container .messages .message.done {opacity:0;visibility:hidden;-ms-transform:translate(0px,-150px);-webkit-transform:translate(0px,-150px);transform:translate(0px,-150px);}
.message-container .messages .message.error {background-color:#cd3b3b;}
.message-container .messages .message.success {background-color:#3baa34;}
.message-container .messages .message.info {background-color:#3ca1cd;}
.message-container .messages .message .icon,.message-container .messages .message .text {display:table-cell;vertical-align:middle;}
.message-container .messages .message .icon {font-size:25px;width:30px;}
.message-container .messages .message .text {font-size:14px;font-weight:600;}
.all-products-message {display:none;}

/* ----- Home slider ----- */
#featured { overflow: hidden; position: relative; z-index: 3; margin: 0 0 32px; padding: 303px 0 188px; background-color: #2c2c2c; background-repeat: no-repeat; background-size: cover; background-position: center center; color: #f6f6f6; text-align: center; height: auto; }
#root #featured { padding-top: 0; padding-bottom: 0; }
  #root #featured > * { display: none; }
  #root #featured > figure { display: block; }
/* 	.no-mobile #featured { background-attachment: fixed; } */
  #featured > figure { position: relative; z-index: 1; width: 100%; margin: 0; }
    #root #featured > figure img { display: block; position: relative; width: 100% !important; margin: 0; max-height: 600px; object-fit: cover; }
/* 			.js #featured > figure img { left: -3000em; } */
  #featured > * { position: relative; z-index: 2; width: 1184px; margin-left: auto; margin-right: auto; }
  #featured h1, #featured h2, #featured h3, #featured h4, #featured h5, #featured h6 { margin-bottom:5px; color: #f6f6f6; font-weight: 900; font-size: 9em; }
  #featured h2 span {color: var(--orange); font-weight:100; }
  #featured .subline {color: var(--orange); font-weight:400; text-transform:uppercase; font-size:3em;}
  #featured img { display: block; margin: 0 auto 17px; }
  #featured .link-a a { border-color: #fff; color: #fff; }
    #featured .link-a a:hover { background: #fff; color: #000; }

.bx-wrapper .bx-controls { position: absolute; width: 100%; }
.bx-wrapper .bx-pager { bottom: 70px; position: relative; }
.bx-wrapper .bx-pager.bx-default-pager a { background: transparent; border-radius: 50%; border: 1px solid #fff; height: 15px; margin: 0 2.5px; width: 15px; }
.bx-wrapper .bx-pager.bx-default-pager a:focus { background: transparent; }
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover { background: #fff; }

/* ----- Tabs ----- */
.tabs .tab {opacity:0;visibility:hidden;height:0;overflow:hidden;}
.tabs .tab.active {opacity:1;visibility:visible;height:auto;overflow:hidden;}

.product-tabs { margin-bottom: 70px; }
.product-tabs > h2 { margin-bottom: 20px; }
.product-tabs .products { display: flex; flex-wrap: wrap; }
.product-tabs .products .item { width: 25%; }

.product-tabs ul.tabs-list { display: flex; justify-content: center; list-style: none; margin-bottom: 40px; padding: 0; position: relative; z-index: 1; }
.product-tabs ul.tabs-list::after { box-shadow: 0 25px 25px #000; content: ''; height: 100%; opacity: 0.05; pointer-events: none; position: absolute; top: 0; width: 100vw; }
.product-tabs ul.tabs-list li { display: inline-block; margin-right: 30px; position: relative; }
.product-tabs ul.tabs-list li:last-of-type { margin-right: 0; }
.product-tabs ul.tabs-list li a span { color: var(--bodyText); display:block; font-size: 20px; font-weight: 500; padding: 10px 0 40px; position: relative; text-decoration: none !important; text-transform: uppercase; }
.product-tabs ul.tabs-list li a.active span { color: var(--orange) !important; }
.product-tabs ul.tabs-list li a.active::after { border-bottom: 21px solid transparent; border-left: 21px solid transparent; border-right: 21px solid transparent; border-top: 21px solid white; content: ""; height: 0px; left: 50%; position: absolute; top: 100%; transform: translateX(-50%); width: 0; z-index: 1; }

.product-tabs .tab-wrapper { padding-bottom: 40px; position: relative; }
.product-tabs .tab-wrapper::before { background: #F4F4F4; content: ''; height: calc(100% + 40px); left: -45vw; position: absolute; top: -40px; width: 140vw; }
.product-tabs .tab-wrapper::after { bottom: -80px; box-shadow: 0 25px 25px #000; content: ''; height: 80px; left: -45vw; opacity: 0.05; pointer-events: none; position: absolute; transform: rotate(180deg); width: 140vw; }

/* Products overview */
.products .product { height: 100%; padding:15px; }
.products .product.slider-product {padding:15px;}
.products .product .product-inner { display: flex; flex-flow: column nowrap; height: 100%; }
.products .product .image-wrap { background-color:#fff; position:relative; }
.products .product .quickview-button {position:absolute;width:100%;left:0;top:50%;margin-top:-20px;z-index:999;text-align:center;opacity:0;visibility:hidden;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.products .product:hover .quickview-button {opacity:1;visibility:visible;}
.products .product.special-product .image-wrap { overflow: hidden; }
.products .product .product-like-btn { color: #B3B1B2; font-size: 22px; line-height: normal; position: absolute; right: 18px; top: 14px; z-index: 1; }
.products .product .product-like-btn:hover { background: transparent; color: var(--accent); }
.products .product .info { padding-top: 10px; position: relative; text-align:center; }
.products .product .info a.title {color: var(--bodyHeading); display:block;height:46px;overflow:hidden; font-size: 18px; font-weight: 500; margin-bottom: 5px; line-height: normal; min-height: 50px; text-decoration: none; text-transform: uppercase; }
.products .product .info a.title .desc { display: block; font-size: 14px; line-height: normal; margin-top: 2px; text-transform: none; }
.products .product.special-product .price { align-items: center; display: flex; justify-content: center; line-height: normal; margin-top: auto; }
.products .product.special-product .price > * { font-weight: 500; }
.products .product.special-product .price .old-price { color: var(--orange); font-size: 14px; margin-right: 7px; text-decoration: line-through; }
.products .product.special-product .price .new-price { font-size: 20px; }

/* Label */
.products .product .productlabel, .productpage .productpagelabel { -webkit-backface-visibility: hidden; background: var(--orange); color: #fff; font-size: 14px; font-weight: 500; height: 30px; left: 0; line-height: 30px; position: absolute; text-align: center; top: 15px; transform: rotate(90deg); width: 70px; z-index: 2; }
.products .product .productlabel + .productlabel, .productpage .productpagelabel + .productpagelabel { top: 100px; }
.products .product .productlabel::before, .products .product .productlabel::after, .productpage .productpagelabel::before, .productpage .productpagelabel::after { content: ''; display: inline-block; position: absolute; top: 0; }
.products .product .productlabel::before, .productpage .productpagelabel::before { border-left: 10px solid transparent; border-bottom: 30px solid var(--orange); right: 100%; }
.products .product .productlabel::after, .productpage .productpagelabel::after { border-right: 10px solid transparent; border-top: 30px solid var(--orange); left: 100%; }
.products .product .productlabel.sale, .productpage .productpagelabel.sale { background: var(--orange2); }
.products .product .productlabel.sale::before, .productpage .productpagelabel.sale::before { border-bottom-color: var(--orange2); }
.products .product .productlabel.sale::after, .productpage .productpagelabel.sale::after { border-top-color: var(--orange2); }

@media (min-width:992px) {
  .product-collection .img .second, .product-collection .img .first { top:0; left:0; }
  .product-collection .img .second { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; opacity:0; visibility:hidden; position:absolute; left:0; top:0; width:100%; height:100%; }
  
  .product-collection.loaded:hover .img .second { opacity:1; visibility:visible; }
  .product-collection.loaded:hover .img .second img { margin:0 auto; display:block; }
}

.data-product .available-sizes { background: #fff; border: 1px solid #DEDDDE; color: #000; display: flex; flex-direction: column; font-size: 1em; font-weight: 700; height: 100%; justify-content: center; opacity: 0; position: absolute; text-align: center; text-transform: uppercase; top: 0; width: 100%; z-index: 1; }
.data-product:hover .available-sizes { opacity: 1; }
.data-product .available-sizes > p { font-weight: 500; margin-bottom: 10px; }
.data-product .available-sizes .checklist-boxes { align-content: flex-start; display: flex; flex-wrap: wrap; justify-content: center; padding: 0 5px; width: 100%; }
.data-product .available-sizes .checklist-boxes .variant-item { margin-bottom: 4px; margin-right: 5px; min-width: calc(16.6666666% - 5px); text-align: center; }
.data-product .available-sizes .checklist-boxes .variant-item a { background: #f6f6f6; border: 1px solid transparent; color: #000; font-size: 14px; font-weight: 500; display: inline-block; padding: 1px 5px; text-decoration: none; width: 100%; }
.data-product .available-sizes .checklist-boxes .variant-item a:hover { background: var(--orange); border-color: var(--orange); color: #fff; }
.data-product .available-sizes .checklist-boxes .variant-item.disabled a { background: #fff; border-color: #DEDDDE; opacity: 0.6; overflow: hidden; position: relative; }
.data-product .available-sizes .checklist-boxes .variant-item.disabled a::before { background: #000; content: ''; height: 1px; left: 50%; opacity: 0.5; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 100%; }
.data-product .available-sizes .checklist-boxes .variant-item.disabled a:hover { background: #f6f6f6; border-color: #DEDDDE; color: #000; }

/* ----- Featured collections ----- */
.featured-collections { margin-top: 75px; }
.featured-collections .blocks { flex-wrap: wrap; }
.featured-collections .blocks article { margin-bottom: 10px; text-align: center; width: calc(100% / 3 - 15px); }
.featured-collections .blocks article.mb-0 { margin-bottom: 0; }
.featured-collections .blocks article a:hover { text-decoration: none; }
.featured-collections .blocks article .img { height: 300px; margin-bottom: 20px; overflow: hidden; }
.featured-collections .blocks article .img img { height: 100%; object-fit: cover; width: 100%; }
.featured-collections .blocks article .text { height: 80px; }
.featured-collections .blocks article h2 { font-size: 20px; margin-bottom: 0; }
.featured-collections .blocks article h3 { font-size: 14px; margin-bottom: 0; margin-top: 4px; }
.featured-collections .blocks article a:hover .text > * { color: var(--orange); }

/* ----- Product categories ----- */
.product-categories { margin-bottom: 70px; margin-top: 35px; }
.product-categories article { height: 200px; overflow: hidden; position: relative; width: calc(100% / 3 - 15px); }
.product-categories article img { height: 100%; object-fit: cover; object-position: center; width: 100%; }
.product-categories article .text { color: var(--accent); font-size: 20px; font-weight: 500; position: absolute; right: 40px; top: 50%; text-transform: uppercase; transform: translateY(-50%); }
.product-categories article a:hover .text { color: var(--orange); }

/* ----- Brands wrapper ----- */
.brands-wrapper { margin-bottom: 50px; }
.brands-wrapper .brands-slider .owl-stage-outer { margin: 0 auto; width: calc(100% - 30px); }
.brands-wrapper .brands-slider .item { align-items: center; display: flex; filter: grayscale(1); height: 100px; justify-content: center; }
.brands-wrapper .brands-slider .item:hover { filter: grayscale(0); }
.brands-wrapper .brands-slider .item img { max-height: 100%; width: auto; }
.brands-wrapper .brands-slider .item:hover, .brands-wrapper .brands-slider .item:focus { color: var(--orange); text-decoration: none; }
.brands-wrapper .owl-controls .owl-nav > div { top: 50%; transform: translateY(-50%); }

/* ----- Footer ----- */
#footer { padding-top: 60px;position: relative;z-index: 3; }
#footer:before { content: ""; display: block !important; position: absolute; left: -1000em; top: 0; z-index: 1; width: 3000em; height: 100%; background-color: #3C3C3C; }
#footer > * { position: relative; z-index: 2; }
#footer h3, #footer p, #footer ul { margin-bottom: 0; }
#footer ul { list-style: none; padding: 0; vertical-align: top; }	
#footer a:hover { text-decoration: none; }
#footer .usps { border-bottom: 1px solid var(--lightgrey); margin-bottom: 50px; padding-bottom: 60px; }
#footer .usps::after { display: none; }
#footer .usps .item { flex-direction: column; }
#footer .usps .item img { margin-bottom: 35px; max-height: 30px; width: auto; }
#footer .usps .item h4 { color: var(--lightgrey); font-size: 20px; margin: 0; padding: 0; text-align: center; }
#footer .usps .item h4 span { color: var(--orange); }
#footer .usps .item p { color: var(--lightgrey); font-size: 16px; font-weight: 600; margin-bottom: 0; }

#footer > nav > * { float: left; border-left: 60px solid rgba(0,0,0,0); width: 19%; }
#footer nav h3 { color: var(--lightgrey); font-size: 20px; font-weight: 600; margin-bottom: 20px; }
#footer nav ul li { margin-bottom: 3px; }
#footer nav ul + h3 { margin-top: 40px; }
#footer nav a { color: var(--lightgrey); font-size: 14px; font-weight: 400; }

#footer input { width: 100%; padding-right: 50px; border-color: #545252; background: none; font-weight: 800; text-transform: uppercase; border: 1px solid var(--lightgrey); border-radius: var(--borderRadius); color: var(--lightgrey); }
#footer input:hover { border-color: var(--lightgrey); }
#footer button { display: block; overflow: visible; position: absolute; right: 0; bottom: 0; z-index: 3; width: 48px; height: 50px; margin: 0; padding: 0; border-left: 0; background: none; font-weight: 400; line-height: 20px; text-indent: -3000em; text-align: left; border: 1px solid var(--lightgrey); border-radius: var(--borderRadius); }
#footer button:before { content: "\f125"; font-family: "Ionicons"; color: var(--orange); display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-size: 10px; text-align: center; text-indent: 0; }
#footer button::after { display: none; }

#footer .social-wrap { border-bottom: 1px solid var(--lightgrey); border-top: 1px solid var(--lightgrey); margin: 50px 0 30px; padding: 14px 0 15px; }
#footer .social-wrap::after { display: none; }
#footer .social-wrap > *:first-of-type { padding-left: 60px; }
#footer .social-wrap h3 { color: var(--lightgrey); font-size: 20px; margin-right: 40px; }
#footer .social-wrap ul li { margin-bottom: 0; }
#footer .social-a .label { color: var(--lightgrey); font-size: 20px; font-weight: 800; text-transform: uppercase; }
#footer .social-a a { border: none; background: #C4C4C4; align-items: center; display: flex; height: 30px; justify-content: center;  width: 30px; }
#footer .social-a i { color: #3C3C3C; }

#footer .copy { margin-bottom: 30px; padding-left: 60px; }
#footer .copy::after { display: none; }
#footer .copy ul { flex-wrap: wrap; }
#footer .copy ul li { margin-bottom: 0; }
#footer .copy ul.links li { color: var(--lightgrey); font-size: 14px; font-weight: 500; text-transform: none; }
#footer .copy ul.links li:not(:last-of-type) { border-right: 1px solid var(--lightgrey); padding-right: 10px; margin-right: 10px; }
#footer .copy ul.links li a { color: var(--lightgrey); }
#footer .copy ul.payments li:not(:first-of-type) { margin-left: 10px; }
#footer .copy ul.payments li img { margin-bottom: 0; max-height: 25px; }

/* ----- Collection ----- */
.collection-top { position: relative; z-index: 10; }

.ui.checkbox input:checked ~ .box:after, .ui.checkbox input:checked ~ label:after { background: rgba(0,0,0,.87); }
.ui.checkbox {
    min-width: 100%;
}
.no-products-found { font-size: 15px; padding: 15px; }

.custom-top-filters { border-bottom: 1px solid #DEDDDE; border-top: 1px solid #DEDDDE; margin-bottom: 20px; margin-top: 20px; }
.custom-top-filters .filter-layout-wrapper { align-items: center; }
.custom-top-filters .filter-dropdown { align-items: center; border-right: 1px solid #DEDDDE; display: flex; position: relative; }
.custom-top-filters .filter-dropdown:nth-last-child(2) { border-right: none; }
.custom-top-filters .filter-dropdown .dropdown-title { cursor: pointer; font-size: 16px; font-weight: 500; padding: 12px 25px 12px 10px; position: relative; text-align: left; text-transform: uppercase; }
.custom-top-filters .filter-dropdown:not(:first-of-type) .dropdown-title { padding-left: 10px; }
.custom-top-filters .filter-dropdown .dropdown-title:hover { color: var(--orange); }
.custom-top-filters .filter-dropdown .dropdown-title .arrow { color: #000; font-size: 12px; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); }
.custom-top-filters .filter-dropdown .filter-dropdown-box { -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; background: #fff; border: 1px solid #DEDDDE; left: 0; opacity: 0; padding: 12px 10px; position: absolute; top: 100%; transition: all .3s ease-in-out; visibility: hidden; width: 195px; z-index: 9; }
.custom-top-filters .filter-dropdown .filter-dropdown-box.active { opacity: 1; visibility: visible; }
.custom-top-filters .filter-dropdown.sort .filter-dropdown-box { left: auto; right: 0; }
.custom-top-filters .filter-dropdown .filter-dropdown-box > div { margin-right: 10px; }
.custom-top-filters .filter-dropdown .filter-dropdown-box label { cursor: pointer; font-size: 14px; font-weight: 500; }
.custom-top-filters .filter-dropdown.sort { border-right: none; margin-left: auto; }
.custom-top-filters .filter-dropdown.sort .dropdown-title { padding-right: 12px; }
.custom-top-filters .filter-dropdown.sort .dropdown-title .arrow { right: 0; }

.custom-top-filters a.filter-btn { align-items: center; background: #000; border-radius: var(--borderRadius); border: none; color: #fff; display: flex; font-size: 14px; font-weight: 500; height: 40px; justify-content: center; margin: 10px 0; text-decoration: none !important; width: 110px; }
.custom-top-filters a.filter-btn span { align-items: center; display: flex; }
.custom-top-filters a.filter-btn img { margin-right: 10px; }

#filter_form_side .custom-top-filters.vertical-filters { padding-bottom: 0; padding: 10px; }
#filter_form_side_mob .ui.checkbox label { z-index: 4; }
#filter_form_side .brand-logo:before, #filter_form_side .brand-logo:after { top: 50%; transform: translateY( -50% ); }
#filter_form_side .brand-logo img { filter: invert( 1 ); height: 20px !important; object-position: left; object-fit: contain; }
#filter_form_side .brand-logo img.qlimax { height: 35px !important; }
#filter_form_side .brand-logo img.x-qlusive { height: 25px !important; }
#filter_form_side .custom-top-filters .filter-dropdown { max-width: 100%; width: 100%; margin-bottom: 10px; }
#filter_form_side .custom-top-filters .filter-dropdown .dropdown-title { width: 100%; }
#filter_form_side .custom-filters h5 { font-size: 14px; color: #f26d30; font-weight: 800; }
#filter_form_side .custom-filters .filter-wrap { padding: 0; position: relative; }
#filter_form_side .brands-vertical-filter { padding-bottom: 10px; }
#filter_form_side .brands-vertical-filter .filter-title { margin-bottom: 0; position: relative; }
#filter_form_side .filter-title:before { content: ''; width: 10px; height: 2px; background: var(--orange); position: absolute; top: 50%; right: 0; transform: translateY( -50% ); }
#filter_form_side .filter-title.active:after { content: ''; width: 2px; height: 10px; background: var(--orange); position: absolute; top: 50%; right: 4px; transform: translateY( -50% ); }

/* Price filter */
#live-filter-min, #live-filter-max { opacity:0; width:60px; text-align: center; text-decoration: none; position: absolute; top: -35px; left: -21px; background: var(--orange); color: #fff; padding: 3px 10px; border-radius: 5px; white-space:nowrap; transition:all 0.1s linear; -wekit-transition:all 0.1s linear; -moz-transition:all 0.1s linear; -ms-transition:all 0.1s linear; -o-transition:all 0.1s linear; }
#live-filter-min:before, #live-filter-max:before { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid var(--orange); content: ""; height: 0; left: calc(50% - 5px); position: absolute; top: 100%; width: 0; }
.filter-price-toggler { z-index:9; transform:scale(1.1); }
.price-filter-range .min, .price-filter-range .max { min-width:60px; text-align:center; padding: 4px; border-radius: 5px; background: #f3f3f3; color:#9699a1; }
.price-filter a {-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}
#collection-filter-price {height:10px;margin:3px 4px 8px 8px;margin:0;position:relative;/*background-color:#888888;*/background-color: rgba(235,99,12, 0.3);}
#collection-filter-price .ui-slider-range {background-color:var(--orange);margin:-1px 0 0 -1px;position:absolute;height:10px;}
#collection-filter-price .ui-slider-handle {display:block;position:absolute;width:18px;height:18px;border-radius:100%;border:1px solid #e0e3e8;top:-5px;margin-left:-10px;cursor:col-resize;background-color:#fff;outline:none;}
#collection-filter-price .ui-slider-handle:before { content: ""; position: absolute; width: 1px; height: 9px; top: 3px; left: 33%; background: #e0e3e8; }
#collection-filter-price .ui-slider-handle:after { content: ""; position: absolute; width: 1px; height: 9px; top: 3px; right: 33%; background: #e0e3e8; }
.price-filter-range { margin-top:10px; }
.price-filter-range .min,.price-filter-range .max {display:inline-block;}
.price-filter-range .min span,.price-filter-range .max span {font-weight:600;}
.price-filter-range .max {margin-left:15px;}

.active-filters { padding-bottom: 20px; }
.active-filters ul { align-items: center; display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
.active-filters ul li { cursor: pointer; margin-bottom: 5px; margin-right: 15px; }
.active-filters ul li input { display: none; }
.active-filters ul li label { background-color: #FAFAFA; border: 1px solid #f3f3f3; color: #000; font-size: 14px; font-weight: 500; height: 36px; line-height: 35px; margin-bottom: 0; padding: 0 30px 0 10px; }
.active-filters ul li label .icon { font-size: 13px; position: absolute; right: 7px; top: 0; width: 20px; height: 35px; line-height: 34px; text-align: center; transform: rotate(135deg);-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg); }
.active-filters ul li a.remove-filters { color: var(--orange); font-weight: 500; text-decoration: none; }

ul.top-pager { align-items: center; display: flex; font-size: 16px; justify-content: center; list-style: none; margin: 0; padding: 0; width: 100%; }
ul.top-pager li { font-size: 16px; font-weight: 500; }
ul.top-pager li.prev { margin-right: auto; }
ul.top-pager li.next { margin-left: auto; }
ul.top-pager li.disabled  {pointer-events: none; opacity: 0.5; }
ul.top-pager li.prev a, ul.top-pager li.next a { color: var(--orange); font-size: 40px; }
ul.top-pager li input { font-size: 16px; margin: 0 10px; padding: 0; text-align: center; width: 50px; }
.top-filters.bottom { border-top: 1px solid #DEDDDE; margin-bottom: 35px; margin-top: 40px; padding-top: 35px; }

.mobile-filters { display: none; margin-bottom: 30px; }
.mobile-filters .filter-title { font-size: 15px;font-weight: 500; position: relative; padding: 10px 0; }
.mobile-filters .filter-box > div { margin-right: 10px; }

.textpage-top h1, .textpage-top h2, .collection-top h1 { font-size: 34px; font-weight: 500; margin-bottom: 0; margin-top: 0; padding-bottom: 0; }

/* ----- Product page ----- */
.productpage .thumbs .item { margin-bottom: 10px; }
.productpage .thumbs #sync2 .owl-stage {width:100% !important;}
.productpage .thumbs #sync2 .owl-item {width:100% !important;margin-bottom:20px;}
.product-image-wrap { margin-bottom: 15px; overflow: hidden; position:relative; }
.product-image-wrap .img-nav {display: none !important; }
.product-image-wrap .owl-controls { margin-top: 15px; }
.product-image-wrap .owl-controls .owl-nav { display: none; }

.productpage .p-l-10 { padding-left: 10px; }

.product-info { margin-bottom: 50px; padding-left: 35px; }
.product-info .product-brandname {font-size:13px;display:block;letter-spacing:0.5px;font-weight:300;margin:15px 0;text-transform:uppercase;}
.product-info h1 { /*font-size: 25px;*/ font-size: 22px; font-weight: 500; margin: 0; }
.product-info .title-wrap { margin-bottom: 10px; }
.product-info .brand {display:table-cell;vertical-align:top;text-align:right;}
.product-info .brand img {display:inline-block;width:50px;}
.product-info .code-price {display:table;width:100%;padding-bottom:0px;}
.product-info .code-price .codes {margin-bottom:30px;letter-spacing:1px;}
.product-info .code-price .price .unit-price {font-size:12px;margin-bottom:5px;}
.product-info .price {text-align:left;}
.product-info .price .new-price small {font-size:12px;vertical-align:top;display:inline-block;line-height:normal;}
.products .list-product .order .price .new-price small,.products .product .price .new-price small {font-size:12px;vertical-align:top;display:inline-block;line-height:normal;}
.product-info .price .inc-tax {font-size:11px;color:#a2a2a2;display:inline-block;margin-left:5px;vertical-align:bottom;}
.product-info .codes ul {margin:0;padding:0;list-style:none;color:#858585;text-transform:uppercase;font-size:12px;}
.product-info .codes ul li {display:inline-block;margin-right:15px;line-height:16px;vertical-align:bottom;}
.product-info .code-price .price { align-items: center; display: flex; margin-bottom: 30px; }
.product-info .price .old-price { color: var(--orange); font-size: 14px; font-weight: 500; margin-right: 10px; text-decoration: line-through; }
.product-info .price .new-price { font-size: 20px; font-weight: 500; }
.product-info .description { font-size: 14px; font-weight: 500; margin-bottom: 30px; }
.product-info .notify-link { color: #000; display: block; font-size: 14px; font-weight: 500; margin-bottom: 20px; text-decoration: underline; }
.product-info .notify-link:hover { color: var(--orange); }
.product-info .scroll-bot-add { display: flex; flex-wrap: wrap; }
.product-info .scroll-bot-add > * { margin-bottom: 10px; }
.product-info .product-option { margin-right: 10px; }
.product-info .product-option .product-configure > div:not(.product-configure-variants) { display: none !important; }
.product-info .product-configure-variants label {display:none;}
.product-option .ui.selection.dropdown { border: 1px solid #E3E3E3; border-radius: var(--borderRadius); color: #000; font-size: 14px; font-weight: 500; height: 50px; line-height: 50px; }
.product-info .wishlisht-wrapper a { border-radius: var(--borderRadius); border: 1px solid #E3E3E3; color: var(--orange); display: inline-block; vertical-align: middle; font-size: 20px; height: 50px; line-height: 50px; width: 50px; }
.product-info .wishlisht-wrapper a:hover .fa-heart-o:before, .product-info .wishlisht-wrapper a.product-liked .fa-heart-o:before { content: "\f004"; }
.product-info .select { height: 50px; margin-right: 10px; min-width: 69px; position: relative; width: auto; }
.product-info .select select { font-size: 14px; font-weight: 500; height: 100%; min-width: 100%; padding-left: 22px; text-transform: uppercase; width: 69px; }
.product-info .select i, .cart-right .select i { color: #000; font-size: 7px; pointer-events: none; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); z-index: 1; }
.product-info .select .custom { display: none; background: #fff; border-radius: var(--borderRadius); border: 1px solid #E3E3E3; font-weight: 600; padding: 15px; position: absolute; top: -20px; z-index: 1; }
.product-info .select .custom .flex { align-items: center; display: flex; }
.product-info .select .custom input { margin-right: 10px; width: 100px; }
.product-info .select .custom .submit { background-color: #3f3f3f; border-radius: var(--borderRadius); color: #fff; cursor: pointer; font-size: 14px; font-weight: 500; height: 50px; line-height: 50px; padding: 0 15px; text-transform: uppercase; }
.product-info .select .custom .error { color: var(--orange2); margin-bottom: 0; margin-top: 10px; }
.product-info .cart a.btn { border-radius: 0; border-radius: var(--borderRadius); border: none; color: #fff; display: flex; font-size: 14px; font-weight: 500; height: 50px; justify-content: space-between; line-height: 50px; padding: 0 25px; text-align: left; text-transform: uppercase; width: 261px; }
.product-info .cart a.btn img { filter: invert(1); margin-left: 10px; width: 14px; }
.product-info .cart a.btn.outofstock { width: auto; }
.product-info .cart a.notify-link { text-decoration: none; width: max-content !important; }
.product-info .wishlisht-wrapper { margin-left: 10px; }
.product-info .tabs { margin-top: 20px; }
.product-info .tabs ul { list-style: none; margin: 0; padding: 0; }
.product-info .tabs ul li:not(.tab) a { border-top: 1px solid #DEDDDE; color: #000; display: block; font-size: 16px; font-weight: 500; padding-bottom: 15px; padding-top: 15px; position: relative; text-decoration: none; }
.product-info .tabs ul li:not(.tab) a:hover { color: var(--orange); }
.product-info .tabs ul li:not(.tab) a i { font-size: 7px; position: absolute; right: 25px; top: 50%; transform: translateY(-50%); }
.product-info .tabs ul li.tab.active { padding-bottom: 15px; }
.product-info .tabs ul li .product > a > img { min-width: 100px; }
.product-info .tabs ul li .product > div { margin-left: 30px; }
.product-info .tabs ul li .product > div h5 { font-size: 18px; margin-bottom: 0; }
.product-info .tabs ul li .product > div h5 a { text-decoration: none !important; }
.product-info .tabs ul li .product > div .price { align-items: center; display: flex; }
.product-info .tabs ul li .product > div .select.wide { width: 247px; }
.product-info .tabs ul li .product > div .select:last-of-type { margin-right: 0; }
.product-info .tabs ul li .product > div .cart { display: flex; justify-content: space-between; margin-top: 10px; }
.product-info .tabs ul li .product > div .cart a.btn { width: 100%; }

.product-info .color-options { align-items: center; display: flex; flex-wrap: wrap; margin-bottom: 20px; }
.product-info .color-options h6 { border-bottom: 1px solid #DEDDDE; font-size: 16px; margin-bottom: 15px; padding-bottom: 15px; width: 100%; }
.product-info .color-options .color { border: 1px solid #E3E3E3; height: 35px; margin-right: 10px; width: 35px; }
.product-info .color-options .notify-link { margin-bottom: 0; }

/* Custom timer */
.custom-timer{ background: #ff5600; color: #fff; display: block; font-size: 20px; font-weight: 900; height:45px; letter-spacing:2px; line-height:45px; margin: 10px 0; text-align: center; width: 100%; }
.custom-timer span{ display: inline-block; font-size: 22px; margin-left: 3px; margin-right: -3px; opacity: .3; padding: 0px!important; }
@media(max-width:450px) {
  .custom-timer { font-size:16px; height: 34px; line-height: 34px; }
  .custom-timer span{ font-size:18px; }
}
.productpageAddCart.not-available .scroll-bot-add { display:none; }
.productpageAddCart.available .custom-timer { left:-9999px; opacity:0; position:absolute; visibility:hidden; }
.custom-timer > span { opacity:0.5; }

/* Bundle size select */
.productbundle .product select{ color: #000; line-height: unset; }
.bundle-option .product-configure-variants{ position: relative; }
.productbundle .product-configure-variants:before{ background: transparent; border-radius: 0px; border: none; z-index: 999 !important; }
.bundled-item-wrapper .grid-cell{ max-width: 50%; }
@media (max-width: 760px){
	.bundled-item-wrapper .grid-cell{ max-width: 100%; }
}

/* ----- Dibond producten ----- */
.message-container .messages .message.dibond { z-index: -1; }
.message-container .messages .message.dibond .text > i { cursor: pointer; font-size: 16px; position: absolute; right: 13px; top: 9px; }
.message-container .messages .message.dibond .text a { color: #fff; text-decoration: underline; }
.productpage .dibond-message, .product-popup .dibond-message { border: 1px solid; font-family: Gunar, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 700; margin-right: 12px; margin-top: 15px; padding: 15px; text-align: center; }
.productpage .dibond-message a, .product-popup .dibond-message a { text-decoration: underline; }
@media (max-width: 991px){
  .productpage .dibond-message { margin-bottom: 20px; }
}
@media (max-width: 767px){
  .productpage .dibond-message { margin-bottom: 0; }
}
@media (max-width: 568px){
	.message-container .messages .message.dibond { width: 100%; }
}
/* ----- End Dibond producten ----- */


/* ----- Related ----- */
.wrapper-products { border-bottom: 1px solid #deddde; border-top: 1px solid #deddde; margin-bottom: 70px; padding-bottom: 20px; padding-top: 45px; }
.wrapper-products.related { border-bottom: none; margin-bottom: 50px; padding-bottom: 0; }
.wrapper-products .header-b { margin-bottom: 30px; }
.wrapper-products .owl-controls .owl-dots { display: none !important; }
.wrapper-products .owl-controls .owl-nav > div { top: 50%; transform: translateY(calc(-50% - 15px)); }
.wrapper-products .owl-controls .owl-nav > div.owl-prev { left: -15px; }
.wrapper-products .owl-controls .owl-nav > div.owl-next { right: -15px; }


.message-container.maximum-qty li span { font-size: unset; }

/* ----- Cart page ----- */
body.cartpage main .container { padding-top: 0 !important; }
#custom-cart > .parenter { margin-bottom: 70px; }
#custom-cart .title-wrap { white-space: nowrap; }
#custom-cart .title-wrap h1 { font-size: 34px; font-weight: 500; margin: 0; text-transform: uppercase; }
#custom-cart .title-wrap .sub-title { color: var(--orange); font-size: 14px; font-weight: 500; margin-bottom: 10px; text-transform: uppercase; }
#custom-cart .btn:not(.product-add-cart-btn) { background: #fff; border-radius: var(--borderRadius); border: 1px solid #E3E3E3; color: #000; font-size: 14px; font-weight: 500; height: 50px; line-height: 50px; padding: 0 20px; text-transform: uppercase; transition: all .2s ease; }
#custom-cart .btn:not(.product-add-cart-btn):hover { opacity:0.95; }

#custom-cart .cart-left { width: calc(100% - 382px); }
#custom-cart .main-cart-content { padding-right: 30px; }
#custom-cart .main-cart-content p.empty { margin-top: 20px; }

#custom-cart ul.messages { list-style: none; margin: 20px 0 0; padding: 0; }
#custom-cart ul.messages li { border-radius: var(--borderRadius); border: 1px solid var(--orange); color: var(--orange); font-weight: 500; padding: 10px 15px; }

#custom-cart .cart-table { margin-bottom: 0; margin-top:30px; width:100%; }
#custom-cart .cart-table td { border-top: 1px solid #deddde; padding-left: 20px; padding: 20px 0; vertical-align: top; }
#custom-cart .cart-table td:first-child { padding-left:0; width: 120px; }
#custom-cart .cart-table .image-wrap { margin-right: 20px; width: 100px; }
#custom-cart .cart-table .image-wrap img { width:100%; }
#custom-cart .cart-table .info { margin-bottom: 0; padding-left: 0; }
#custom-cart .cart-table .info a.title { color: #000; font-size: 14px; font-weight: 500; }
#custom-cart .cart-table .info .info-bottom { align-items: center; display: flex; margin-top: 18px; }
#custom-cart .cart-table .info .info-bottom .extra-info .select { min-width: 110px; width: auto; }
#custom-cart .cart-table .info .info-bottom .extra-info .select select { width: auto; }
#custom-cart .cart-table .info .info-bottom .add-qty { align-items: center; border-radius: var(--borderRadius); border: 1px solid var(--lightgrey); cursor: pointer; display: flex; font-size: 30px; height: 50px; justify-content: center; width: 50px; }

#custom-cart .cart-table .info .extra-info ul { margin:0; padding:0; list-style:none; color:#9b9b9b; }

#custom-cart .cart-table .subtotal { font-size: 20px; font-weight: 500; }
#custom-cart .cart-table .option-icons { margin-top: 10px; }
#custom-cart .cart-table .option-icons ul { margin: 0; padding: 0; text-align: right; }
#custom-cart .cart-table .option-icons ul li { display: inline-block; }
#custom-cart .cart-table .option-icons ul li:not(:last-of-type) { margin-right: 5px; }
#custom-cart .cart-table .option-icons ul li a { align-items: center; border-radius: var(--borderRadius); border: 1px solid #e3e3e3; display: flex; font-size: 22px; height: 50px; justify-content: center; text-decoration: none !important; width: 50px; }
#custom-cart .cart-table .option-icons ul li a.delete { background: #3B3B3B; border-color: #3B3B3B; color: #fff; font-size: 22px; }

#custom-cart .bottom-block { border-top: 1px solid #deddde; padding-top: 30px; }
#custom-cart .bottom-block .total-table { float: right; width: 460px;  }
#custom-cart .bottom-block .total-table table { width:100%; }
#custom-cart .bottom-block .total-table td { padding:2px 0px; }
#custom-cart .bottom-block .total-table td:first-child { font-weight: 500; }
#custom-cart .bottom-block .total-table td:last-child { text-align: right; }
#custom-cart .bottom-block .total-table tr:last-child td { font-size: 20px; font-weight: 700; padding-top: 20px; }
#custom-cart .bottom-block .total-table table .discount { color: var(--orange); }
#custom-cart .bottom-block .total-table a.btn { background: #3F3F3F; color: #fff; }

#custom-cart .bottom-block .total-table .free-shipping { padding: 10px 0px; margin: 10px 0px; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; font-size: 14px; font-weight: bold; color:#000; }
#custom-cart .bottom-block .total-table .free-shipping i { margin-right: 7px; font-size: 18px; color: #9b9b9b; vertical-align: middle; margin-top: -3px; }
#custom-cart .bottom-block .total-table .free-shipping .green { color:#00bb00 !important; }
#custom-cart .bottom-block .total-table table:last-child td:first-child { color:#000; }
#custom-cart .bottom-block .total-table .button { margin-top:30px; }
#custom-cart .bottom-block .total-table .payments { margin-top:30px; }
#custom-cart .bottom-block .total-table .payments ul { margin:0 -10px; padding:0; list-style:none; text-align:right; }
#custom-cart .bottom-block .total-table .payments ul li { display:inline-block; width:55px; }
#custom-cart .bottom-block .total-table .payments ul li img { width:100%; }


#custom-cart .cart-right { background: #F6F6F6; padding: 30px; width: 382px; }
#custom-cart .cart-right .title { cursor: pointer; font-size: 16px; font-weight: 700; margin-bottom: 5px; }
#custom-cart .cart-right .title ~ p { font-weight: 500; }
#custom-cart .cart-right .title ~ p a { text-decoration: underline; }
#custom-cart .cart-right input, #custom-cart .cart-right select { border: 1px solid #E3E3E3; color: #C2C5C4; height: 50px; outline: none; padding: 0 20px; text-transform: uppercase; width: 100%; }
#custom-cart .cart-right select { color: var(--bodyText); }
#custom-cart .cart-right-inner > div:not(:last-of-type) { border-bottom: 1px solid  #D0D0D0; margin-bottom: 30px; padding-bottom: 30px; }
#custom-cart .cart-right-inner > div:not(.bottom-block-discount) > .title { margin-bottom: 15px; }
#custom-cart .bottom-block-discount form { position: relative; }
#custom-cart .bottom-block-discount form .cart-buy_btn { cursor: pointer; height: 50px; line-height: 50px; position: absolute; right: 0; text-align: center; top: 50%; transform: translateY(-50%); width: 45px; z-index: 5 !important; }
#custom-cart .bottom-block-discount form .cart-buy_btn i::before { color: var(--bodyText); }
#custom-cart .bottom-block-discount .discount-block > a { display: block; font-size: 13px; margin-top: 5px; }
#custom-cart .cart-right-inner > .hidden-content > *:not(.title) { display: none; }

#custom-cart .shipping-costs-wrap .input-wrap { display: flex; justify-content: space-between; margin-top: 10px; }
#custom-cart .shipping-costs-wrap .input-wrap a.btn { background: var(--accent); border-color: var(--accent); color: #fff; margin-left: 10px; }

#custom-cart .favorites ul { list-style: none; padding-left: 0; }
#custom-cart .favorites ul li:not(:last-of-type) { margin-bottom: 10px; }
#custom-cart .favorites ul li a { color: var(--bodyText); text-decoration: none !important; }
#custom-cart .favorites ul li .text { width: calc(100% - 50px - 30px - 30px); }
#custom-cart .favorites ul li .title { display: block; font-size: 14px; font-weight: 500; margin-bottom: 0; text-transform: uppercase; }
#custom-cart .favorites ul li .price { font-weight: 500; }
#custom-cart .favorites ul li .price .old { color: var(--orange); margin-right: 5px; text-decoration: line-through; }
#custom-cart .favorites ul li .add { align-items: center; background: var(--accent); border-radius: var(--borderRadius); display: flex; height: 30px; justify-content: center; width: 30px; }
#custom-cart .favorites ul li .add i { color: #fff; font-size: 10px; }
#custom-cart .favorites ul li .add.disabled { opacity: 0.5; pointer-events: none; }


/* ----- GUI ----- */
.gui-form label, .gui-checkout .gui-separator { display: none; }
.gui-progressbar { background-color: #76c61b; }
.gui a.gui-button-facebook, .gui-login .gui-content-title, .gui-block-title span, .gui-content-subtitle, .gui-block-linklist li.gui-active a, .gui-form .gui-radio span, .gui-popover-title, .gui-popover-title a, .gui-progressbar ul li.gui-active a, .gui-progressbar ul li.gui-done a, .gui-blog-commentlist header cite, .gui-banner, .gui a.gui-bold, .gui h1, .gui h2, .gui h3, .gui h4, .gui h5, .gui h6, .gui-table thead tr th, .gui-form .gui-checkbox label, .gui-form .gui-radio label { font-weight: 500 !important; }
.gui-form .gui-input { margin: 5px 0; }
.gui-page-content { font-size: 14px; }
.gui-div-cart-coupons .gui-field .gui-input { margin: 0; }
#root .gui a.gui-button-large, .gui a.gui-button-small { background: #3F3F3F; border-radius: 5px; border: none; color: #fff; font-size: 14px; font-weight: 500; height: 46px; line-height: 46px; padding: 0 20px; text-transform: uppercase; width: 100%; }
#root .gui a.gui-button-small.gui-button-action, #root .gui-wishlist .gui-buttons a.gui-button-small { background: var(--orange); border: 1px solid var(--orange); color: #fff; }
@media screen and (max-width:992px) {
  .gui a.gui-button-large, .gui a.gui-button-small { background: var(--orange) !important; border-radius: 0 !important; border:none !important; color:#fff !important; font-size:15px !important; font-weight:500; height:46px !important; line-height:46px !important; padding:0px 50px !important; text-transform: uppercase; }
  .gui-checkout .gui-form .gui-right a { margin-bottom: 5px; }
}
.gui-block-option { background-color: #fff; border-color: #fff; }
.gui-table thead tr th { background-color: #fff; }
.gui-image a img { max-width: 50px !important; }
.gui a.gui-button-small.gui-button-outline { background: #cbcbcb !important; border: 1px solid #cbcbcb !important color: #fff !important; }
.gui-block-linklist li.gui-active a { color: var(--orange) !important; }
.gui-block-subcontent, .gui-content-subtitle { border-color: #dcdcdc; font-size: 15px; line-height: 19px; }
.gui-payment-method-service .gui-payment-method-price, .gui-checkout .gui-form small.gui-right, .gui-table tbody tr td, .gui-payment-method-name, .gui-checkout-steps { font-size:14px; }
.gui a.gui-button-large.gui-button-action, .gui-checkout .gui-form a.gui-button-primary, .gui-checkout .gui-form a.gui-button-action { background: var(--orange) !important; }
#root .gui-input input, #root .gui-select select, #root .gui-text textarea { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: #fff; border-radius: var(--borderRadius); border: 1px solid var(--lightgrey); height: 50px; line-height: 50px; outline: none; padding: 0 20px; width: 100%; }
#root .gui-select select { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; }
.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus { border-color: none !important; box-shadow: none !important; }
.gui-select.gui-focus .gui-handle, .gui-input, .gui-text { border: none !important; }
.gui-payment-provider-klarnade label, .gui-payment-provider-klarna label { display: block !important; }
.gui-payment-methods, #gui-checkout-shipment-methods { background: #f9f9f9 !important; padding: 5px 15px !important; }
#gui-checkout-shipment-methods .gui-block-option { background: #f9f9f9 !important; border-color: #f9f9f9 !important; }
.gui-block-option { padding: 10px 0 !important; }
.gui p { font-size: 15px; margin-bottom:15px; }
.gui-block-content { padding: 0; }
.gui-block-title, .gui-content-title { font-size: 16px; margin-bottom: 10px; padding: 0; text-transform: uppercase; }
.gui-block-subtitle, .gui-content-subtitle { font-size: 15px;font-weight: 500; }
.gui-form .gui-checkbox label, .gui-form .gui-radio label, .gui a.gui-button-link { font-size: 15px; line-height: normal; }
.gui-popover { z-index: 999999 !important; }
.gui-page-title { font-size: 34px; font-weight: 500; margin-bottom: 20px; text-transform: uppercase; }
.gui-block-linklist li { border-bottom: 1px solid var(lightgrey) !important; }
.gui-block-linklist li.gui-active a { color: var(--blue); }
.gui-account-loyalty-content { font-size: 14px; }
.gui-account-cart .gui-block-productlist li { padding-left: 0; }
.gui-account-cart .gui-buttons { align-items: center; display: flex; justify-content: space-between; padding: 0; }

.shipping-thankyou { background: url(top-header.jpg?20240108101452); background-size: cover; color: #fff; font-size: 18px; font-weight: bold; text-align: center; padding: 30px 15px; margin: -25px 0 25px; }
.shipping-thankyou span { display: block; font-size: 24px; }
.shipping-thankyou i { font-size: 20px; margin-right: 6px; }
.shipping-thankyou span.days { background: linear-gradient(271deg,#e54114,#e8620b 47%,#f49b05); padding: 1px 5px; border-radius: 3px; display: inline-block; margin: 0 5px; min-width: 34px; text-align: center; }
.gui-input-phone-number-code-wrapper .select:before { display:none; }
.gui-input.gui-input-phone-number { overflow:unset !important; }
.gui-input-phone-number .gui-input-phone-number-code-wrapper { position: absolute !important; width: 100px !important; height: 22px !important; z-index: 2 !important; margin: 0 !important; top: 50% !important; transform: translateY(-50%) !important; font-size: 14px !important; left: 5px !important; }
.gui-input-phone-number #gui-form-details-phone-number { padding-left: 100px !important; line-height: unset !important; }
.gui-input-phone-number .gui-input-phone-number-code-placeholder { width: 60px !important; }

/* AFTERPAY */
#ap-widget { display:none; }
.ap-widget-active #ap-widget { bottom:0; display:block; position:fixed; width:100%; z-index: 999; }
#ap-widget-toggle { background:var(--orange); color:#fff; font-size: 14px; padding:10px 20px; text-align: center; }
#ap-widget p { display:inline-block; font-weight:800; margin-bottom:0; }
#ap-widget span { display:inline-block; font-size:13px; font-weight:normal; margin-left:10px; }
#ap-widget img { display:inline-block; height: auto; margin-left:10px; width: 120px; }
#ap-widget span.close { cursor: pointer; font-size: 17px; line-height: 30px; position: absolute; right: 15px; }
/* END AFTERPAY */


#comment .gui-block {border:none;background: rgba(233, 234, 238, 0.58);}
.gui-blog-article h1 a {font-size:30px; font-weight:900;}
.gui-block-title {background:none;font-size:24px; font-weight:500;}
.gui-block, .gui-block-title, .gui-buttons.gui-border, .gui-block-inner, .gui-image {border:none;}
.gui-blog-article-more {display: inline-block;padding: 15px 20px;font-size: 16px;background: transparent;border: 1px solid #000;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;}
.gui .gui-blog-article-more a {color: #000;}

.gui-blog-comment {background: rgba(233, 234, 238, 0.58);}
.gui-form .gui-input input {border:none;}
.gui-form .gui-input {border:1px solid #ccc;;}
.gui-form .gui-text {border:none;}
.gui-form .gui-input input:focus {outline:none;}
.gui-form textarea:focus {outline:none;}
#comments h3 {font-weight:600;font-size:20px;}



/* ----- Search ----- */
/* The overlay effect with black background */
.overlay { background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.8); /* Black with a little bit see-through */ display: none; height: 100%; left: 0; padding:0 15%; position: fixed; top: 0; width: 100%; z-index: 9999; }

/* The content */
.overlay-content { position: relative; text-align: center; top: 50%; transform: translateY(-50%); width: 100%; }

/* Close button */
.overlay .closebtn { color: #fff; cursor: pointer; font-size: 30px; position: absolute; right: 5%; top: 5%; }
.overlay .closebtn:hover { color: #ccc; }
.overlay .closebtn i { font-size: 25px; }

/* Style the search field */
.overlay input[type=text] { background: none; border-bottom: 2px solid #ccc !important; border-radius: 0; border: none; color: #fff; font-size: 35px; padding-bottom: 15px; text-transform: uppercase; width: 80%; }
.overlay input[type=text]:focus { border-color: var(--orange); }

/* Style the submit button */
.overlay button { background: none; border: none; color: #fff; cursor: pointer; display: inline-block; float: none; font-size: 30px; padding-bottom: 15px; padding-left: 20px; }
.overlay button:hover { color: var(--orange); }

#searchOverlay .autocomplete { display: none; text-align: left; }
#searchOverlay .autocomplete .more { text-align:center; }
#searchOverlay .autocomplete .more a { border: 1px solid; color: #fff; font-size: 16px; padding: 10px 12px; }
#searchOverlay .autocomplete .more a:hover { color: var(--orange); }
#searchOverlay .autocomplete.noresults .more { display: none; }
#searchOverlay .autocomplete .notfound { color: #fff; display: none; font-size: 13px; font-style: italic; padding: 10px 0px; }
#searchOverlay .autocomplete.noresults .notfound { display: block; }
#searchOverlay .autocomplete.noresults .search-products { display: none; }
.search-products .product { border-bottom: none; padding: 25px; width: 50%; }
.search-products .product:nth-child(n+3) { border: none; }
.search-products .product .image-wrap,
.search-products .product .info { display: table-cell; vertical-align: middle; }
.search-products .product .info span { color: #b7b7b7; display:inline-block; font-size:12px; letter-spacing:0.3px; margin: 10px 0; }
.search-products .product .image-wrap { width: 170px; }
.search-products .product .image-wrap img { width: 150px; }
.search-products .product a { text-decoration: none; }
.search-products .product .info { padding-left: 10px; }
.search-products .product .info h4 { color: #fff; font-size: 18px; margin: 0; }
.search-products .product .info .price { color: #fff; font-size: 18px; font-weight: 600; }
.search-products .product .info .price .old-price { color: var(--orange); font-size: 14px; font-weight:normal; margin-right:5px; text-decoration:line-through; }
.search-products .product .info .price .inc-tax { font-size: 11px; font-weight: normal; margin-left: 5px; }


/* ----- Gui elements ----- */


/* ----- Mobile menu ----- */
#top > .menu { align-items: center; display: flex; height: var(--topbarHeight); left: 5%; padding: 0 25px; top: 0; position: absolute; top: 0; }
#top > .menu .hamburger { background-color: #fff; border-radius: 1px; height: 2px; left: 0; position: absolute; width: 22px; }
#top > .menu .hamburger:before, #top > .menu .hamburger:after { background-color: #fff; border-radius: 1px; content: ""; display: block; height: 2px; position: absolute; width: 22px; }
#top > .menu .hamburger:before { top: -7.5px; }
#top > .menu .hamburger:after { bottom: -7.5px; }

.menu-active #top > .menu .hamburger { transform: rotate(45deg); }
.menu-active #top > .menu .hamburger:before { display: none; }
.menu-active #top > .menu .hamburger:after { bottom: 0; transform: rotate(-90deg); }

#mobile { background: #fff; border-right: 1px solid #E1E1E1; bottom: 0; box-shadow: 0 14px 14px rgba(0,0,0,.05); left: -100%; margin: 0; max-width: 100%; position: fixed; right: auto; top: var(--topbarHeight); width: 375px; z-index: 9999; }
  #mobile > nav { overflow-x: hidden; overflow-y: auto; position: absolute; right: 0; top: 0; bottom: 0; width: 100%; }
  #mobile > nav > ul { display: block !important; left: 0; list-style: none; margin: 0; padding: 0; position: relative; }
  #mobile > nav > ul > li { border-bottom: 1px solid #E1E1E1; font-size: 14px; position: relative; width: 100%; }
  #mobile > nav > ul > li > a { display: block; padding: 20px; color: #000; font-weight: 500; text-transform: uppercase; text-decoration: none; }	
  #mobile > nav > ul > li.sub > a { padding-right: 60px; }
    #mobile > nav > ul > li > .toggle { align-items: center; cursor: pointer; display: flex; height: 60px; justify-content: center; position: absolute; right: 0; top: 0; width: 60px; }
    #mobile > nav > ul > li > .toggle:before { color: var(--orange); content: "\e91a"; font-family: i; font-size: 7px; font-weight: 400; line-height: 20px; text-align: center; transform: rotate(-90deg); }
		#mobile > nav > ul > li.toggle > .toggle:before { transform: rotate(0); }
  #mobile > nav > ul > li > ul { position: absolute; left: -3000em; top: 0; list-style: none; margin: 0 0 20px; padding: 0 20px; }
    #mobile > nav > ul > li.toggle > ul { position: relative; left: 0; }
    #mobile > nav > ul > li > ul li a { color: #000; display: block; font-weight: 500; padding: 10px 20px; text-decoration: none; text-transform: uppercase; }
  #mobile ul + ul li.mobile-hide { position: relative; left: 0; top: 0; }
    #mobile > nav.sub > ul li a { height: 52px; padding: 20px 0; background-position: center center; background-repeat: no-repeat; background-size: auto 32px; }
    #mobile > nav.sub > ul li a img { display: block; position: relative; left: -3000em; width: auto !important; height: 32px !important; }
	#mobile > nav > ul:nth-child(2) > li > a { font-size: 13px; }
		#mobile > nav > ul:nth-child(2) > li > a i { display: none; }
	#mobile .sub-category > h5 { margin-bottom: 0; }
	#mobile .sub-sub-categories { padding-left: 0; }
  #mobile .sub-sub-categories > p { margin-bottom: 0; }
  #mobile .sub-sub-categories > p > a { padding-left: 40px; }
.menu-active #top #search { display: none; }

#shadow { visibility: hidden; position: fixed; left: 0; top: 0; z-index: 15; width: 100%; height: 100%; background: rgba(9,9,9,.54); opacity: 0; cursor: pointer; }



/* HERO LINK */
.hero-link { bottom:0; display:inline-block !important; left:0; position:absolute !important; right:0; top:0; width:100% !important; }
.header-notification { background: #000; color: #fff; height: 47px; left: 0; position: fixed; right: 0; text-align: center; top: -9999px; width: 100%; }
.homepage-notification { background: #000; color: #fff; display: none; height: 47px; text-align: center; width: 100%; }
.header-notification p,
.homepage-notification p { font-size:14px; line-height:47px; margin:0; text-transform:uppercase; }
.header-notification a,
.homepage-notification a { color: #fff !important; display: inline-block; font-size: 14px; font-weight: 700; line-height: 47px; margin-left: 10px; margin: 0; padding-left: 20px; position: relative; text-transform: uppercase; }
.header-notification a:before,
.homepage-notification a:before { background: #fff; content: ""; height: 14px; left: 0; margin-left: 10px; margin-top: 17px; position: absolute; width: 1px; }
.header-notification span,
.homepage-notification span { cursor: pointer; font-size: 17px; line-height: 45px; position: absolute; right: 15px; }
.notify-active:not(.homepage) #root { padding-top:47px; }
/* .notify-active:not(.homepage) #top { top:47px; } */
.notify-active:not(.homepage) .header-notification { top:0; }
.notify-active.homepage .homepage-notification:not(.hidden-xs) { display:block; }

.header-notification.announcement-block { min-height: 47px; height: auto; position: relative; top: 0; }
.header-notification.announcement-block .container { align-items: center; display: flex; justify-content: center; padding-left: 30px; padding-right: 30px; position: relative; }
.header-notification.announcement-block p { line-height: 2; margin: 10px 0; }
.header-notification.announcement-block .icon-x { cursor: pointer; opacity: 0.8; position: absolute; right: 0; transition: 0.2s; }
.header-notification.announcement-block .icon-x:hover { opacity: 1; }

@media (max-width: 767px) {
  .notify-active #top > .menu { bottom: 0; top: auto; }
  .notify-active.menu-active #mobile { max-width: 85%; }
  .header-notification.announcement-block p { line-height: normal; margin: 5px 0; }
  
  .notify-active .header-notification > p.visible-xs,
  .notify-active .homepage-notification > p.visible-xs { display: inline-block !important; }
  .notify-active-only-desktop.notify-active:not(.homepage) #root { padding-top: 0; }
/*   .notify-active-only-desktop.notify-active:not(.homepage) #top { top: 0; } */
  .notify-active-only-desktop.notify-active:not(.homepage) .header-notification { top: -9999px; }
}
@media (max-width: 400px) {
  .homepage-notification { position: relative; }
  .header-notification.announcement-block .container { padding-left: 0; padding-right: 20px; }
  .header-notification p, .homepage-notification p { line-height: 33px; }
  .homepage-notification a, .header-notification a { display: block; line-height: 0px; margin: 0; padding: 0; }
  .header-notification a:before, .homepage-notification a:before { opacity: 0; visibility: hidden; }
  .header-notification span, .homepage-notification span { top: 0; }
}


/* ----- Service ----- */
.about-page .textpage-top .aboutus-subtitle {font-size: 15px;font-weight: lighter;margin-bottom: 5px;letter-spacing: 4px;text-transform: uppercase; margin-bottom:20px;}
.about-page .textpage-top h1 {font-size:30px;font-weight:900;margin-bottom:20px;}
.about-page img {max-width: 100%;height: auto;}

.sidebar h3 {font-size:14px;font-weight:500;margin:0;padding:12px 0;}
.sidebar ul.side-cats {margin:0;list-style:none;padding:0;font-weight:bold;margin-bottom:30px;}
.sidebar ul.side-cats li {position:relative;}
.sidebar ul.side-cats li > a {display:block;padding:0;min-height:40px;line-height:40px;padding-right:55px;border-bottom:1px solid #d6d6d6;text-transform:uppercase;}
.sidebar ul.side-cats li.active > a {color:var(--orange);}
.sidebar ul.side-cats ul li a {display:block;padding:0;min-height:40px;line-height:40px;padding-right:55px;border-bottom:1px solid #d6d6d6;text-decoration: none !important;}
.sidebar ul.side-cats ul li:last-child a {border-bottom:none;}
.sidebar ul.side-cats ul {list-style:none;padding-left:0;margin:0;border-bottom:1px solid #ececec;font-weight:normal;font-size:14px;display:none;}
.sidebar ul.side-cats ul.active {display:block;}
.sidebar ul.side-cats ul ul {border:none;padding:5px 0px;padding-left:15px;display:none;}
.sidebar ul.side-cats ul ul.active {display:block;}
.sidebar ul.side-cats ul ul li a {color:#8a8a8a;}
.sidebar ul.side-cats li .more-cats {position:absolute;right:0;top:0;height:40px;width:40px;text-align:right;line-height:40px;color:var(--orange);z-index:99;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;cursor:pointer;}
.sidebar ul.side-cats ul li .more-cats {height:27px;width:27px;line-height:40px;}
.sidebar ul.side-cats li > .more-cats .plus-min {width:10px;height:10px;display:inline-block;position:relative;}
.sidebar ul.side-cats li > .more-cats .plus-min:before,.sidebar ul.side-cats li > .more-cats .plus-min:after {display:block;content:'';width:10px;height:2px;background:var(--orange);position:absolute;top:50%;margin-top:-1px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.sidebar ul.side-cats li > .more-cats .plus-min:after {transform:rotate(90deg);}
.sidebar ul.side-cats li.active > .more-cats .plus-min:after {transform:rotate(0deg);opacity:0;}

.recently-watched {margin-bottom:50px;}
.recently-watched table {width:100%;}
.recently-watched table td {border-bottom:1px solid #f3f3f3;padding-bottom:10px;}
.recently-watched .product a { color: var(--bodyText); }
.recently-watched .product a:hover { text-decoration: none; }
.recently-watched .product .info {padding-left:10px; padding-top: 0; text-align:left;}
.recently-watched .product .info .title { font-weight:500; }
.recently-watched .price .new-price {font-weight:500;}
.recently-watched .price .old-price {font-size: 13px;margin-right: 5px;text-decoration: line-through;}

.side-usp {margin-bottom:30px;}
.side-usp ul {margin:0;padding:0;list-style:none;font-size:13px;padding:0 15px 15px 0;}
.side-usp ul li {display:table;width:100%;padding:10px 0px;}
.side-usp ul li .icon {display:table-cell;vertical-align:middle;color:#5abc71;width:30px;}
.side-usp ul li .text {display:table-cell;vertical-align:middle;}
.side-usp ul li a {color:var(--bodyText);font-size:15px;text-decoration:none;}
.side-usp ul li i {margin-right:20px;}
.side-usp.mobile-usp {border:none;}
.side-usp.mobile-usp ul {padding-top:0;padding-bottom:0;}



/* ----- Responsive ----- */
@media screen and (max-width: 1400px) {
  .container { padding-left: 0; padding-right: 0; width: 90%; }
}
@media screen and (min-width: 75em) { /* 1200 */
  .hide-desktop { display: none !important; }
}
@media screen and (max-width: 75em) { /* 1200 */
  #top > form { margin-right: -480px; }
  #top { }
    #nav { }
      #nav > ul { }
        #nav > ul > li { font-size: 1.2em; }
        #nav > ul > li > a { padding: 0 4px; }
          #nav > ul > li.sub > a { padding-right: 16px; }
            #nav > ul > li.sub > a:before { right: 4px; font-size: 4px; }
            #nav > ul > li.sub > span.toggle { width: 15px; }
          #nav #search { padding-right: 0; }
            #nav #search > a { padding-right: 28px; }
            #nav #search > a:after { font-size: 14px; }
          #nav #cart { margin-left: 10px; }
            #nav #cart > a { padding-left: 28px; }
            #nav #cart > a:after { margin-top: -16px; font-size: 16px; }
            #nav #cart > a span { top: 29px; min-width: 21px; height: 21px; padding: 0; line-height: 16px; }
    #sub { padding-left: 20px; padding-right: 20px; }
      #sub > ul { right: 20px; }
      #sub > ul:first-child { float: left; }
      #sub > ul:first-child > li:first-child { padding-left: 0; }
      #sub > ul:first-child > li { padding-left: 20px; }
  #footer { }
    #footer > nav { margin-left: -30px; }	
      #footer > nav > * { border-left-width: 30px; }
      #footer > nav > *:before { left: -30px; }

  .double.b { }
    .double.b > * { width: 32.25%; }
    .double.b > *:first-child { width: 67.75%; }

  .gallery-a { }
    .gallery-a.mobile-hide .item { width: 225px !important; }
    .gallery-a.mobile-hide .img { height: 225px; }
      .gallery-a .bx-prev { right: 50px; }
      .gallery-a .bx-next { right: 0; }
    .gallery-a.a.mobile-hide .item { width: 226.5px !important; }
    .gallery-a.a.mobile-hide .img { height: 226.5px; }
    .gallery-a .item > li, .gallery-a > li { padding-bottom: 100px; }
    .gallery-a li div h1, .gallery-a li div h2, .gallery-a li div h3, .gallery-a li div h4, .gallery-a li div h5, .gallery-a li div h6 { min-height: 81px; font-size: 1.4em; }
  .header-b { margin-left: 0; margin-right: 0; }
  .list-a { }
    .list-a li { padding: 0; }
    .list-a li:before { left: -3000em; }
    .list-a img { position: relative; margin-bottom: 10px; }
  
  
  #footer > nav > .wide{ float: left; width: 100%; margin-top: 10px; }
  
  .menu-active #mobile { left: 0; }
  #root #nav > ul:first-child { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; }
  .no-mobile #top:hover:before { display: none; }
  #root #top #nav > ul > li > a { color: #fff; }
  .no-mobile #top:hover > .menu:after,
  .no-mobile #top:hover > .menu:before { border-color: white; }
  
  
  
  
  
  .featured-collections .blocks > article .img { height: 225px; }
  .product-categories article .text { right: 20px; }
  
  .product-info .tabs ul li .product > div .select.wide { width: 100%; }
  
  #footer .social-wrap > *:first-of-type, #footer .copy { padding-left: 0; }
  
  #custom-cart .cart-table .product-info .select { margin-right: 7px; }
  
  .overlay { padding: 0 10%; }
}
@media screen and (max-width: 1000px) {
  :root {
    --topHeight: 80px;
  }
  
  #top { }
    #top > .menu { cursor: pointer; }
    #top:before, .ie9 #top:before { background: #000; opacity: 1; }
      .scrolled #top:before { background: -moz-linear-gradient(top,  #fdfdfd 0%, #fbfbfb 100%); background: -webkit-linear-gradient(top,  #fdfdfd 0%,#fbfbfb 100%); background: linear-gradient(to bottom,  #fdfdfd 0%,#fbfbfb 100%); }
      .ie9.scrolled #top:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmZiZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); }
      #root #top #nav > ul > li.sub > a:before, #root #top #nav > ul > #search > a:after { color: var(--orange); }
      #root #top #nav > ul > #cart > a span { border-color: var(--orange); }
      #root #top > .menu:before, #root #top > .menu:after { border-color: #fff; }
      .scrolled #root #top #nav > ul > li > a { color: #2c2c2c; }
      .scrolled #mobile > nav:first-child { border-color: #dcdcdc; background: #fff; }
      .scrolled #mobile > nav > ul > li > ul { background: none; }
      #root #nav #cart.toggle > a { color: #2c2c2c; }
    #top > form { right: 0; width: 100%; height: auto; margin: 0; }
      #top > form > p { float: none; padding: 0; border-bottom: 1px solid #dcdcdc; font-size: 1.4em; }
        #top > form > p input { height: 40px; padding: 0 20px; }
      #top > form > div { left: 0; right: 0; width: auto; padding: 20px 20px 5px; }
      #top > form .list-a { margin-bottom: 20px; }

    .menu-active #top > form { padding-left: 320px; }
      .menu-active #top > form > div { left: 320px; }
  .menu-active #shadow { visibility: visible; opacity: 1; }
  #footer { }
    #footer > nav > .wide { margin-top: 0; }

  .double.a, .double.b { margin-left: -10px; }
    .double.a > *, .double.b > * { border-left-width: 10px; }
    .double.b > * { width: 31.5%; }
    .double.b > *:first-child { width: 68.5%; }

  .gallery-a { }
    .gallery-a.mobile-hide .item { width: 226.6666666666px !important; }
    .gallery-a.mobile-hide .img { height: 226.6666666666px; }
    .gallery-a.a.mobile-hide .item { width: 171.5px !important; }
    .gallery-a.a.mobile-hide .img { height: 171.5px; }
  .gallery-b { }
    .gallery-b > li { width: 33.33333333333%; }
      .gallery-b > li:nth-child(6n) + li { clear: none; }
      .gallery-b > li:nth-child(3n) + li { clear: both; }
  .module-a { }
    .module-a header, .double > .module-a:first-child header { width: auto; }

  #root .desktop-hide, #root .tablet-only, #nav > ul #cart, #nav > ul #search { position: relative; left: 0; top: 0; }
  #root .desktop-only, #root .tablet-hide, #root #sub, #nav > ul > li, #top > form > div:before { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit;}
  
  
  
  #top .logo img { width: 165px; }

  .featured-collections { margin-top: 50px; }
  .featured-collections .blocks > article .img { height: 200px; }
  .product-categories article { height: 160px; }
  .product-categories article .text { font-size: 18px; right: 15px; }
  
  .products .product .info a.title { font-size: 18px; }
  
  #custom-cart > .parenter { flex-wrap: wrap; }
  #custom-cart .cart-left { table-layout: fixed; width: calc(100% - 300px); }
  #custom-cart .cart-right { padding: 25px 20px; width: 300px; }
  #custom-cart .cart-table .info .info-bottom { flex-wrap: wrap; }
  
  #custom-cart .cart-table td:first-child { width: 85px; }
	#custom-cart .cart-table .image-wrap { margin-right: 15px; width: 70px; }
  
  #custom-cart .cart-table .product-info .select { height: 40px; margin-right: 5px; min-width: 51px; }
  #custom-cart .cart-table .info .info-bottom .extra-info .select select { padding-left: 10px; }
  #custom-cart .cart-table .product-info .select select { padding-left: 10px; padding-right: 20px; }
  #custom-cart .cart-table .product-info .select i { right: 15px; z-index: 2; }
  #custom-cart .cart-table .info .info-bottom .add-qty { font-size: 20px; height: 40px; width: 40px; }
  #custom-cart .cart-table .option-icons ul li a { font-size: 17px; height: 40px; width: 40px; }
  #custom-cart .cart-table .option-icons ul li a.delete { font-size: 17px; }
  
  #custom-cart .bottom-block .total-table { width: 100%; }
  
  .overlay { padding: 0 5%; }
}
@media screen and (max-width: 991px) {
  .product-info { padding-left: 0; }
}
@media screen and (max-width: 800px) {
  .hide-800 { display: none !important; }
  .show-800 { display: block !important; }
  
  table tr.show-800 { display: table-row !important; }
  
  #custom-cart .title-wrap h1 { font-size: 28px; }
  #custom-cart .btn:not(.product-add-cart-btn) { padding: 0 12px; }
  #custom-cart .cart-table .info { margin-bottom: 0; margin-top: 0; }
  #custom-cart .cart-table .info .info-bottom { margin-top: 0; }
  #custom-cart .cart-table tr.product td { padding-bottom: 0; }
  #custom-cart .cart-table tr.product td.remote { padding-bottom: 20px; }
  #custom-cart .cart-table tr.product + tr td { border-top: none; }
  #custom-cart .cart-table .subtotal { font-size: 12px; margin-top: 5px; text-align: left; }
  #custom-cart .cart-table .option-icons { margin-left: 5px; margin-top: 0; }
  #custom-cart .cart-table .option-icons ul li:not(:last-of-type) { margin-right: 0; }
}
@media screen and (max-width:767px) {
  :root {
    --topHeight: 53px;
  }
  
   #content, #footer, #featured > * { width: auto; }
  #content, #footer, #featured { padding-left: 20px; padding-right: 20px; }

  #top { }
    #top > form:after, #top > form > div:after { content: ""; visibility: hidden; position: absolute; left: 0; top: 0; z-index: 8; width: 100%; height: 100%; background: rgba(9,9,9,.54); opacity: 0; }
    .menu-active #top > form { padding-left: 0; }
      .menu-active #top > form > div { left: 0; }
      .menu-active #top > form:after, .menu-active #top > form > div:after { visibility: visible; opacity: 1; }
    #nav { height: 81px; }
    #nav > ul { position: static; right: 0; }
      #nav > ul #cart { position: static; }
      .mobile #root #nav #cart > .toggle { width: 40px; }
    #nav #search, #nav #cart { margin: 0; padding: 0; }
      #nav #search > a, #nav #cart > a { width: 40px; padding: 0; text-align: left; text-indent: -3000em; }
      #nav #search > a:after, #nav #cart > a:after { right: 0; left: 0; text-align: center; text-indent: 0; }
      #nav #cart > ul { left: auto; right: 0; margin: 0; }
      #nav #cart > div { left: 0; right: 0; top: 100%; width: auto; padding: 17px 20px 20px; background: #fff; }
        #nav #cart > div .list-b > li:before { left: -20px; right: -20px; }
          .no-mobile #top:hover #nav > ul > li.sub > a:before, #nav > ul:first-child > li.sub > a:before, .scrolled #top #nav > ul > li.sub > a:before, .no-mobile #top:hover #nav #search > a:after, .scrolled #top #nav #search > a:after, .search-active #top #nav #search > a:after, .search-active #top #nav > ul > li.sub > a:before, .menu-active #top #nav #search > a:after, .menu-active #top #nav > ul > li.sub > a:before, #nav #cart.toggle > a:before, .list-b a.close:hover { color: var(--orange); }
          .no-mobile #top:hover #nav #cart > a span, .scrolled #top #nav #cart > a span, .search-active #top #nav #cart > a span, .menu-active #top #nav #cart > a span, #nav #cart.toggle > a span, #nav #cart.toggle > a { border-color: var(--orange); }
      #root #nav #cart > a span { position: absolute; right: 4px; top: 24px; left: auto; z-index: 9; min-width: 15px; height: 15px; margin: 0; padding: 0 4px; border: 0; background: var(--orange); color: #fff; font-size: 10px; line-height: 14px; text-align: center; text-indent: 0; }

  .overlay .closebtn i { font-size: 20px; }
  
  #featured { padding-bottom: 100px; padding-left: 0; padding-right: 0; }
    #featured h1, #featured h2, #featured h3, #featured h4, #featured h5, #featured h6 { font-size: 3.5em; }
  #footer { }
    #footer > nav ul.cols li { float: none; width: auto; }

  #root .double > * { float: none; width: auto; }

  .gallery-a { }
    #root .gallery-a.slider li { margin-bottom: 0; }
    #root .gallery-a .img { height: auto; padding: 1em; }
      .gallery-a .img img { position: relative; left: 0; top: 0; width: 100% !important; max-width: 100% !important; max-height: none !important; }
    .gallery-a .item > li, .gallery-a > li, .gallery-a.a .item > li, .gallery-a.a > li { padding-bottom: 80px; }
    .gallery-a li div h1, .gallery-a li div h2, .gallery-a li div h3, .gallery-a li div h4, .gallery-a li div h5, .gallery-a li div h6, .gallery-a.a li div h1, .gallery-a.a li div h2, .gallery-a.a li div h3, .gallery-a.a li div h4, .gallery-a.a li div h5, .gallery-a.a li div h6 { min-height: 61px; padding: 0 0 26px; font-size: 1.73607142857em; font-weight: 500; font-size: 1.2em; }
      .gallery-a.a li div h1 span, .gallery-a.a li div h2 span, .gallery-a.a li div h3 span, .gallery-a.a li div h4 span, .gallery-a.a li div h5 span, .gallery-a.a li div h6 span, .gallery-a li div h1 span, .gallery-a li div h2 span, .gallery-a li div h3 span, .gallery-a li div h4 span, .gallery-a li div h5 span, .gallery-a li div h6 span  { left: 0; font-size: .78173215387em; }
    .gallery-a ul { position: relative; left: 0; bottom: 0; margin: 0; padding: 0; }
      #root .gallery-a ul li { float: none; width: auto; padding: 4px 0 0; border-left: 0; font-size: 12px; }
      #root .gallery-a ul li a { padding: 8px; }
      #root .gallery-a.a ul li a { padding: 0; }
    .gallery-a li div:before { left: 0; }
  #root .gallery-a.mobile-only { margin-left: -14px; }	
    #root .gallery-a.mobile-only > li { float: left; width: 50%; margin-bottom: 30px; border-left-width: 14px; }
    .gallery-a li div { padding-left: 0; padding-right: 0; }
      .no-mobile .gallery-a li:hover > div, .mobile .gallery-a li.toggle > div { bottom: 0; }
      .no-mobile .gallery-a.a li:hover > div, .mobile .gallery-a.a li.toggle > div { bottom: 0; }
  .gallery-a.a { margin-bottom: 0; }
  .gallery-b { }
    .gallery-b > li { width: 50%; }
      .gallery-b > li:nth-child(3n) + li, .gallery-a.mobile-only > li:nth-child(3n) + li { clear: none; }
      .gallery-b > li:nth-child(2n) + li, .gallery-a.mobile-only > li:nth-child(2n) + li { clear: both; }
      .gallery-b > li > a, .gallery-b > li ul, .gallery-b > li:before { visibility: visible; opacity: 1; }
      .gallery-b > li > a, .gallery-b > li ul, .gallery-b > li:before { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; }
    .gallery-b ul { padding-left: 12px; }
  .header-a { padding-right: 20px; }
  .header-b { margin-right: 0; }
    .header-b .small { left: auto; right: 0; background: #e6e6e6; }
  .list-b { }
    .list-b > li { padding-left: 81px; }

  .gallery-a .img img, .gallery-a ul { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; }
  .gallery-a p { display: none; }
  #root .tablet-hide, #root .mobile-only { position: relative; left: 0; top: 0; }
  #root .tablet-only, #root .mobile-hide, #root .gallery-a .bx-prev, #root .gallery-a .bx-next, .gallery-b ul:before { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; }
  
  
  
  #root { padding-top: var(--topHeight); }
  #root #top > .menu .hamburger:before, #root #top > .menu .hamburger:after { border-color: #000; }
  #top .logo { position: absolute; left: 50%; transform: translateX(-50%); }
  #top .logo img { width: 115px; }
  #top a.cart { margin-left: 15px; }
  #search span { display: none; }
  
  #top > .menu { height: var(--topHeight); left: 5%; }
  .menu-active #top > .menu { left: auto; right: 5%; }
  .menu-active #top > .menu .hamburger { left: auto; right: 0; }
  #top > .menu .hamburger, #top > .menu .hamburger:before, #top > .menu .hamburger:after { background-color: #000; }
  .menu-active #top > .menu .hamburger, .menu-active #top > .menu .hamburger:after { background-color: var(--orange); }
  
  #sync1 { left: -5vw; width: 100vw; }
  #sync1 .owl-controls { display: none !important; }
  
  .productpage .p-l-10 { padding-left: 0; }
  .product-option .ui.selection.dropdown { height: 40px; line-height: 40px; width: 100%; }
  
  .productpage .product-info-col { padding-left: 0; padding-right: 0; }
  .product-info { margin-bottom: 0; margin-top: 20px; }
  .product-info h1 { font-size: 20px; }
  .product-info .title-wrap { margin-bottom: 15px; }
  .product-info .code-price .price { margin-bottom: 20px; }
  .product-info .product-option { width: calc(100% - 79px); }
  .product-info .select { height: 40px; margin-right: 0; }
  .product-info .select .custom { right: 0; }
  .product-info .cart a.btn { height: 40px; line-height: 40px; width: calc(100% - 50px); }
  .product-info .wishlisht-wrapper a { height: 40px; line-height: 38px; width: 40px; }
  .product-info .tabs { margin-top: 10px; }
  .product-info .tabs ul li:not(.tab) a i { right: 5px; }
  .product-info .tabs ul li:not(.tab) a:hover { color: #000; }
  .product-info .tabs ul li:not(.tab) a.active { color: var(--orange); }
  .product-info .tabs ul li .product { flex-wrap: wrap; margin-top: 15px; }
  .product-info .tabs ul li .product .img { width: 100px; }
  .product-info .tabs ul li .product > div { margin-left: 10px; width: calc(100% - 110px); }
  .product-info .tabs ul li .product > div h5 { font-size: 16px; }
  .product-info .tabs ul li .product > div:last-of-type { margin-left: 0; margin-top: 15px; width: 100%; }
  .product-info .tabs ul li .product > div .select.wide { margin-right: 10px; width: 100%; }
  
  .wrapper-products { margin-bottom: 30px !important; padding-bottom: 10px; padding-top: 30px; }
  .wrapper-products.related { border-top: none; padding-top: 20px; }
  .wrapper-products .header-b { margin-bottom: 20px; }
  
  #custom-cart .cart-left, #custom-cart .cart-right { width: 100%; }
  #custom-cart .main-cart-content { padding-right: 0; }
  #custom-cart .cart-table tr.product + tr td { padding-bottom: 14px; padding-top: 12px; }
  #custom-cart .bottom-block .total-table a.btn { height: 40px; line-height: 40px; width: 100%; }
  
  #custom-cart .cart-table .product-info .select { border: 1px solid #E3E3E3; border-radius: 5px; }
  #custom-cart .cart-table .product-info .select select { border: none; }
  #custom-cart .cart-table .product-info .extra-info > .select { width: 110px; }
  #custom-cart .cart-table .product-info .info-bottom > .select { width: 69px; }
  
  #custom-cart .cart-right { margin-top: 25px; }
  #custom-cart .cart-right-inner > div:not(:last-of-type) { margin-bottom: 20px; padding-bottom: 20px; }
  #custom-cart .cart-right .title, #custom-cart .cart-right-inner > div:not(.bottom-block-discount) > .title { margin-bottom: 0; position: relative; }
  #custom-cart .cart-right .title::after { content: "\f123"; font-family: Ionicons; font-size: 8px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
  #custom-cart .cart-right-inner > div:not(.hidden-content) .title { margin-bottom: 20px; }
  #custom-cart .cart-right-inner > div:not(.hidden-content) .title::after { transform: translateY(-50%) rotate(180deg); }
  
  .overlay input[type=text], .overlay button { font-size: 20px; padding: 0; }
  
  #searchOverlay .autocomplete { max-height: 70vh; overflow-y: scroll; }
  #searchOverlay .autocomplete .search-products .product { width: 100%; }
}
@media only screen and (max-width: 600px) {
  #footer { padding-top: 30px; }
    #footer > nav > .wide { z-index: 9; }
      #footer > div h1, #footer > div h2, #footer > div h3, #footer > div h4, #footer > div h5, #footer > div h6, #footer > nav > .wide h1, #footer > nav > .wide h2, #footer > nav > .wide h3, #footer > nav > .wide h4, #footer > nav > .wide h5, #footer > nav > .wide h6 { float: none; margin: 0 0 10px; padding: 0; }
      #root #footer > div .drop-a, #footer > nav > .wide .drop-a { float: none; }

  .drop-a { }
    #root .drop-a > li { width: 50%; }
    .drop-a > li > a, .drop-a > li > span { float: none; width: auto; padding: 0 30px 0 15px; }
      .drop-a > li > a:after, .drop-a > li > span:after { right: 0; width: 36px; text-align: center; }
      #root .drop-a > li > ul li a { padding: 10px 15px 9px; }
  .list-a { }
    .list-a li { width: 50%; }
      .list-a li:nth-child(4n) + li { clear: none; }
      .list-a li:nth-child(2n) + li { clear: both; }
  
  
  
  .col-lg-12 { padding-left: 0; padding-right: 0; }
  .header-b { font-size: 18px; margin-bottom: 30px; }
  .textpage-top h1, .textpage-top h2, .collection-top h1 { font-size: 20px; }
  
  #top .top-bar > div > ul li a img.cart { filter: none; }
  
  #root #featured > figure { height: 300px; }
  #root #featured > figure img { height: 100%; object-fit: cover; }
  .featured-collections { margin-top: 30px; }
  .featured-collections .blocks article { width: 100%; }
  .featured-collections .blocks article .img { height: 222px; margin-bottom: 15px; }
  .featured-collections .blocks article .text { height: auto; }
  .featured-collections .blocks article h2 { font-size: 16px; }
  .featured-collections .owl-controls { margin-top: 20px; position: relative; }
  .featured-collections .owl-controls .owl-nav > div { top: -13px; }
  
  .product-categories { margin-bottom: 50px; }
  .product-tabs > h2 { margin-bottom: 10px; }
  .product-categories .blocks { flex-wrap: wrap; }
  .product-categories article { width: 100%; }
  .product-categories article:not(:last-of-type) { margin-bottom: 10px; }
  .product-categories article { height: 100px; }
  
  .product-tabs { margin-bottom: 40px; }
  .product-tabs ul.tabs-list { justify-content: space-around; }
  .product-tabs ul.tabs-list li { margin-right: 0; }
  .product-tabs ul.tabs-list li a span { font-size: 16px; padding-bottom: 15px; }
  .product-tabs .products .item { width: 50%; }
  .product-tabs .tab-wrapper { padding-bottom: 20px; }
  .products .product { padding: 10px; }
  .products .product.slider-product { padding: 7.5px; }
  .products .product .productlabel { min-width: 60px; width: auto; }
  .products .product .product-like-btn { font-size: 20px; right: 15px; top: 9px; }
  .products .product .product-inner { height: auto; }
  .products .product .info a.title { font-size: 14px; height: auto; min-height: 55px; overflow: visible; }
  .products .product.special-product .info { padding: 8px 0; }
  .products .product.special-product .price .old-price { font-size: 10px; }
  .products .product.special-product .price .new-price { font-size: 12px; }
  .data-product:hover .available-sizes { display: none; }
  
  .brands-wrapper { margin-bottom: 40px; }
  .brands-wrapper h2 { margin-bottom: 10px; }
  .brands-wrapper .owl-controls .owl-dots, #footer .usps .owl-controls .owl-dots { display: none !important; }
  
  #footer { padding-top: 30px; }
  #footer .usps { border-bottom: none; margin-bottom: 0; padding-bottom: 40px; }
  #footer .usps .item img { margin-bottom: 25px; }
  #footer .usps .owl-controls .owl-nav > div { top: 45px; }
  
  #footer > nav > * { width: 100% !important; }
  #footer nav h3, #footer .social-wrap h3 { border-top: 1px solid var(--lightgrey); font-size: 14px; margin-bottom: 0; margin-top: 0 !important; padding-bottom: 20px; padding-top: 20px; position: relative; }
  #footer nav h3::before, #footer .social-wrap h3::before { content: "\f123"; font-family: "Ionicons"; font-size: 6px; position: absolute; right: 1px; top: 50%; transform: translateY(-50%); }
  #footer nav ul { padding-bottom: 20px; display: none; }
  
  #footer .social-wrap { border-top: none; flex-direction: column; margin: 0; padding: 0; }
  #footer .social-wrap > *:first-of-type { flex-wrap: wrap; width: 100%; }
  #footer .social-wrap h3 { margin-right: 0; width: 100%; }
  #footer .social-wrap form { display: none; margin-top: 20px; width: 100%; }
  #footer .social-wrap .social-a { flex-wrap: wrap; justify-content: center; padding-bottom: 20px; padding-top: 20px; }
  #footer .social-wrap .social-a .label { font-size: 14px; margin: 0 0 20px; width: 100%; }
  
  #footer .copy { padding-top: 15px; }
  #footer .copy ul { justify-content: center; }
  
  #custom-cart > .parenter { margin-bottom: 20px; }
  #custom-cart .title-wrap .sub-title { margin-bottom: 5px; }
  #custom-cart .title-wrap h1 { font-size: 20px; }
  #custom-cart .cart-table .product-info .select i { right: 11px; }
  #custom-cart .cart-right-inner > div:not(:last-of-type) { margin-bottom: 20px; padding-bottom: 20px; }
  #custom-cart .btn:not(.product-add-cart-btn) { font-size: 12px; height: 40px; line-height: 40px; padding: 0 10px; }
  #custom-cart .cart-right .title { font-size: 14px; }
  #custom-cart .cart-right input, #custom-cart .cart-right select { padding: 0 12px; }
  #custom-cart .shipping-costs-wrap .input-wrap a.btn { height: 50px; line-height: 50px; }
  
  .page-top { margin-bottom: 0; }
  
  #mobile { width: 100%; }
  
  .gui-page-title { font-size: 18px; }
}
@media only screen and (max-width: 31.25em) { /* 500 */
	.js .header-b:before { top: 16px; margin: 0; }
	.header-b .small { position: relative; left: auto; right: auto; top: auto; margin: 0; padding: 0; background: none; }	
  
  #stocknotify-popup .title { font-size: 1.3em !important; }
  #stocknotify-popup .input-wrap { flex-wrap: wrap; }
  #stocknotify-popup form .input-wrap input { margin-bottom: 10px; margin-right: 0; }
  #stocknotify-popup .btn { justify-content: center; width: 100%; }
}
@media only screen and (max-width: 25em) { /* 400 */
  @-ms-viewport { width: device-width; }
  @viewport { width: device-width; }	
}


/* UPDATE 23-03-2021 */

nav .sub .category-menu {
  padding: 0 0 30px!important;
}
#contactForm {
 text-align: center; 
}
#contactForm #file {
  margin: 0 auto;
  display: flex;
  height: unset;
  padding: 30px 10px;
  text-align: center;
}
#contactForm input[type="submit"] {
  margin: 0 auto;
  float: none;
}
#root.custom-pages {
 font-size: 14px; 
}
.productlabel.long.new, .productpagelabel.long.new {
  width: 130px;
  left: -30px;
  top: 37px;
}
@media only screen and (max-width: 600px) {
/*   #root #featured > figure { height: 175px!important; } */
  #root #featured > figure { height: auto; }
}
.gui-checkout-steps #gui-checkout-payment-methods .gui-field label { display: block !important; }
.gui-checkout-steps #gui-checkout-payment-methods .gui-field .gui-input { border: 1px solid #eee !important; background: #fff; padding: 5px 10px; }

#contactForm { max-width: 600px; margin: 20px auto; }
#contactForm label { text-align: left; }
#contactForm label, #contactForm input, #contactForm textarea, #contactForm select { width: 100%; }
#contactForm input.button { text-align: center; background-color: var(--orange); color: #fff; padding: 10px; border: none; }

.modal {
  display: none;
  position: fixed;
  z-index: 99999;
	width: 400px;  
  background-color: #fefefe;
  padding: 35px;
  border: none;
  overflow: auto; 
  bottom: unset;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal.active {
  display: block
}
.modal h4{
  font-size: 20px;
  font-weight: 700;
}
.modal p {
 font-size: 15px;
font-weight: 500;
}
.modal p > a {
  color: var(--orange);
  font-size: 15px;
}
.close {
  color: black;
  font-size: 28px;
  font-weight: 500;
  opacity: .4;
  position: absolute;
  right: 20px;
  top: 11px;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.close-overlay {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  text-align: left;
  text-indent: -3000em;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
}
.modal.active ~ .close-overlay {
  visibility: visible;
  opacity: 1;
}
.close-overlay::before {
  content: '';
  background: black;
  opacity: .3;
  display: block;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  text-align: left;
  text-indent: -3000em;
}
@media screen and (max-width: 767px) {
.modal.active {
  width: 90%;
}