/*---------------------------------------
The css is build for mobile first.
---------------------------------------*/
/*---------------------------------------
1. MAIN STYLES

2. HEADER
	2.0 HEADER
		2.0.1 TOP HEADER
	2.1 LOGO
	2.2 HAMBURGER ICON
	2.3 SEARCH IN HEADER
	2.4 BASKET
		2.4.1 BASKET SUMMARY MOBILE
	2.5 NAVIGATION
	2.6 LANGUAGE SELECTOR
	2.7 ACCOUNT
	2.8 STICKY HEADER

3. FOOTER
	
4. HOMEPAGE
	4.1 IMAGE SLIDER
	4.2 COLUMNS
	4.3 IMAGE TILES
		4.3.1 VIDEO PLAYER
	4.4 NEWS BLOCK
		4.4.0 RECENT NEWS
		4.4.1 AGENDA
	4.5 COUPON
	4.6 BUTTONS
	4.7 USPS
		4.7.1 STANDARD USPS
		4.7.2 BLOCK USPS
	4.8 HOMEPAGE MISC

5. PRODUCTLIST PAGE
	5.1 PRODUCTLIST MAIN PAGE
	5.2 PRODUCTLIST OVERVIEW PAGE
		5.2.1 IMAGE
		5.2.2 INFORMATION
		5.2.3 PRICE
		5.2.4 STOCK
		5.2.5 THUMBNAILS
		5.2.6 FILTERS
			5.2.6.1 MOBILE FILTERS
			5.2.6.2 DESKTOP FILTERS
		5.2.7 PANEL HEADER
	5.3 BANNERS
	5.4 SLIDER

6. PRODUCT PAGE
	6.1 IMAGES
	6.2 ORDER BLOCK
		6.2.1 VARIANT ICONS
		6.2.2 STOCK
			6.2.2.1 STOCK INFORMATION
	6.3 STICKY ORDER BLOCK	
	6.4 BOTTOM INFO
		6.4.1 NAVIGATOR
		6.4.2 SUMMARY
			6.4.2.1 DESCRIPTION
			6.4.2.2 SPECIFICATIONS
			6.4.2.3 DOWNLOADS
			6.4.2.4 360 DEGREES
			6.4.2.5 RELATED
	6.5 LAST VIEWED PRODUCTS
	6.6 PRINT
	
7. BASKET/CHECKOUT PAGE
	7.1 BASKET
	7.2 CHECKOUT
		7.2.1 ORDER ADDRESS
		7.2.2 SHIPPINGMETHODS
		7.2.3 ORDER OVERVIEW
	7.3 QUICKORDER
	
8. ACCOUNT PAGE
	8.1 LOGIN PAGE
	8.2 FORGOT PASSWORD
	8.3 ACCOUNT DASHBOARD	
	8.4 MY ACCOUNT
	8.5 ACCOUNT SUMMARY
	8.6 ORDERS
	8.7 RMA
	8.8 ORDER TEMPLATES

	
9. NEWS PAGE
	9.1 NEWS INDEX PAGE
	9.2 NEWS ITEM PAGE

10. CONTACT PAGE

11. FLEXIPAGE

12.	FORMS
	12.1 TEXT INPUTS
	12.2 RADIO
	12.3 CHECKBOX
	12.4 SELECT
	12.5 SPINNER
	12.6 BUTTONS
	12.7 MISC

13. PAGINATION
	13.1 JUMP PAGINATION
	
14. FAQ (ACCORDION)

15. BREADCRUMBS

16. TOOLTIPSTER

20.	HELPERS
	20.1 LOADER

-----------------------------------------*/

@media (min-width:320px) { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }
@media (min-width:480px) { /* smartphones, Android phones, landscape iPhone */ }
@media (min-width:600px) { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ }
@media (min-width:801px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }
/*---------------------------------------
	1. MAIN STYLES
---------------------------------------*/
body {
	font-family: "Century Gothic", CenturyGothic, Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #7A7A7A;
}
h1, h2, h3, h4, .font-h4,.banner h1, .banner h2 {
	font-family: "Century Gothic", CenturyGothic, Helvetica, Arial, sans-serif;
}
.h1-holder, h1, h2, h3, h4, .font-h4 {
	margin-bottom: 20px;
}
h1 {
    font-size: 2.3em
}
.banner h1 {
	font-size: 4em;
}
h2 {
    font-size: 1.8em
}

.banner h2 {
	font-size: 3em;
}
h3 {
    font-size: 1.4em
}

h4,
.font-h4 {
    font-size: 1.2em
}
a, .font-a, .font-btn, .btn-like-link, .btn.btn-white {
	color: #7A7A7A;
	font-weight: 900;
}
header a {
	font-weight: 300;
}
a.btn {
	font-weight: 300;
	text-transform: initial;
}
.banner {
	text-align: left;
}
.center,
.top-header,
.middle-header,
.product-detaisl-page .details-info {
	max-width: 1440px;
}
@media (min-width: 1024px) {
	header.sticky-mode {
		z-index: 11;
	}
	header.sticky-mode .header-blocks-wrapper {
		max-width: 1440px;
		width: initial;
	}
	.center,
	.top-header,
	.middle-header,
	.product-detaisl-page .details-info,
	header.sticky-mode .header-blocks-wrapper {
		padding: 0 15px;
	}
	.middle-header {
		margin: 0 auto;
	}
}
.content {
	padding-top: 0;
	z-index: initial;
}
@media (max-width: 767px) {
	.productlist-list-page .content {
		padding-top: 10px;
	}
}
.content-home .content {
	padding-top: 0;
}
.columns-general.compact {
	width: 100%;
	margin: 0;
}
.columns-general.divided {
	width: 104%;
	margin: 0 -2%;
}
.columns-general.compact>.wide {
    width: 75%;
	padding: 0 15px;
}
.html-wrapper h1 {
	margin-bottom: 18px;
}
.ui-tabs-anchor, .hidden-tabs-name {
	font-family: "Century Gothic", CenturyGothic, Helvetica, Arial, sans-serif;
	font-size: 24px;
    font-weight: 900;
    color: #000;
    margin-bottom: 24px;
}

.mm-page.add-margin {
	margin-bottom: 75px;
}

@media (min-width: 1024px) {
	.mm-page.add-margin {
		margin-bottom: 0;
	}
}
/*---------------------------------------
	2. HEADER
---------------------------------------*/

/*---------------------------------------
	2.0 HEADER
---------------------------------------*/
.nav-opener-wrapper {
	display: none;
}
.nav-is-closed .header-blocks-wrapper {
	height: auto;
	overflow: initial;
}
.logo,
.custom-nav-opener,
.search,
.basket-wrapper,
.basket {
	box-sizing: border-box;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.mm-wrapper_opening header {
	position: absolute;
}
header.sticky-mode .logo,
header.sticky-mode .search {
	margin: 0;
}

/*---------------------------------------
	2.0.1 TOP HEADER
---------------------------------------*/

.top-header-wrapper {
	max-width: 100%;
	background: #555;
    border-bottom: 1px solid #555;
	padding: 0;
}

.top-header {
	position: initial;
}
@media screen and (min-width: 1024px) {
	header.sticky-mode .top-header-wrapper .top-action {
		margin-left: 14px;
	}
}

.top-header .call-us {
	color: #fff;
}

.top-header .call-us:hover {
	text-decoration: none;
}
.top-info.phone-icon {
	color: #fff;
}
.top-info.phone-icon:before {
	display: none;
}
.top-dropdown {
	border-width: 0;
	cursor: pointer;
}
.top-dropdown:hover .opener, .top-dropdown.hover .opener {
	color: #333;
	background: #fff;
}

.top-action .login {
	margin-left: 0 !important;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	height: 34px;
	line-height: 34px;
	color: #fff;
}
.login .opener {
	font-weight: 900;
	padding: 0 10px;
}
.login .opener:before {
	font-weight: 900;
	font-family: Font Awesome\ 5 Free;
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
	font-size: 18px;
    color: #fff;
	line-height: initial;
	text-align: center;
	background: none;
	position: relative;
	right: auto;
	width: auto;
	height: auto;
    content: "\f007";
	
	margin-bottom: 4px;
    margin-right: 9px;
}

.login:hover .opener:before,
.login.hover .opener:before {
	color: #333;
}
.opener:after {
    display: none;
}
.login.impersonated .opener {
	width: auto;
}

.login .person {
	margin: 0 auto;
	display: inline-block
}
.login-title {
	display: inline-block;
	font-size: 14px;
}

.top-dropdown .summary {
	color: #333;
	min-width: 218px;
    width: auto !important;
}

.login.top-dropdown .summary {
	border-bottom-width: 0px;
	border-bottom-color: transparent;
    border-top: 1px solid #555;
}
.login.top-dropdown .summary .stop-representing  {
	margin: 0;
}
.login.top-dropdown .summary .stop-representing:hover {
	background: #f7f7f7;
}
.login.top-dropdown .summary .stop-representing a {
	color: #333;
	width: calc(100% - 40px);
	padding: 0 20px;
}
.login.top-dropdown .summary .stop-representing:hover a {
	text-decoration: none;
}

.login.top-dropdown .summary .welcome  {
	margin: 0;
	padding: 0 20px;
	line-height: 34px;
}
.login.top-dropdown .summary .welcome:hover {
	background: #f7f7f7;
}

.login.top-dropdown .summary .hyp {
	padding: 0 20px;
	border-bottom: 1px solid #e6e6e6;
	line-height: 34px;
	white-space: nowrap;
}

.login.top-dropdown .summary .logout {
	border-top-width: 0px;
	border-top-color: transparent;
	border-bottom: 1px solid #e6e6e6;
	line-height: 34px;
	margin: 0;
}
.login.top-dropdown .summary .logout:hover {
	background: #f7f7f7;
}

.login.top-dropdown .summary .logout a {
	color: #333;
	width: calc(100% - 40px);
	padding: 0 20px;
}
.login.top-dropdown .summary .logout:hover a {
	text-decoration: none;
}


.language.top-dropdown .summary {
	width: auto !important;
	padding-top: 0;
    border-top: 1px solid #555;
}

.top-action .language {
	margin-left: 0 !important;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	height: 34px;
	line-height: 34px;
	color: #fff;
}
.language.top-dropdown .opener {
	width: auto;
	margin-right: 10px;
	padding: 0 10px;
}

.language .opener:before {
	font-weight: 900;
	font-family: Font Awesome\ 5 Free;
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
	font-size: 18px;
    color: #fff;
	line-height: initial;
	text-align: center;
	background: none;
	position: relative;
	right: auto;
	width: auto;
	height: auto;
    content: "\f0ac";
	
	margin-bottom: 4px;
    margin-right: 9px;
}
.language.top-dropdown .opener .flag {
	display: none;
}

.language.top-dropdown .opener .selected-language {
	display: inline-block;
	color: #fff;
	font-weight: 900;
	text-transform: uppercase;
}

.language.top-dropdown:hover .opener .selected-language,
.language.top-dropdown:hover .opener:before {
	color: #333;
}
/*---------------------------------------
	2.1 LOGO
---------------------------------------*/
.logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;	
	flex-basis: calc(100% - 180px);
	max-width: calc(100% - 180px);
	width: calc(100% - 180px);
	height: 60px;
	padding-right: 12px;
	padding-left: 12px;
	margin: 0;
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
	.logo img,
	header.sticky-mode .logo img {
		max-height: inherit;
		max-width: inherit;
		height: 60px;
	}
	
	@media screen and (min-width: 200px) and (max-width: 639px) {
		.logo {
			display: inline-block;
			background: #ffffff;
		}
	.top-header {
			display: inline-block!important;
			margin-inline:10px;
		}
	}
@media screen and (min-width: 640px) and (max-width: 1023px) {
		.logo {
			display: inline-block;
			background: #ffffff;
		}
	.top-header {
			display: inline-block!important;
			margin-inline:10px;
		}
	.middle-header {
			margin-top: 40px!important;
			
		}
	}	
	
		
	
	@media screen and (min-width: 1024px){
		.logo {
			flex-basis: 180px;
			max-width: 180px;
			width: 180px;
			padding: 0;
			margin-right: auto;
		}
	}


/*---------------------------------------
	2.2 HAMBURGER ICON
---------------------------------------*/	
.custom-nav-opener {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	
	flex-basis: 150px;
	max-width: 150px;
	width: 150px;
	order: 3;
	
	padding: 5px 12px 12px 12px;
}

@media screen and (min-width: 1024px){
	.custom-nav-opener {
		display: none;
	}	
}
.custom-nav-opener a {
	width: 100%;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-right: 8px;
	padding-left: 8px;
	border: 1px solid #555;
	color: #555;
	border-radius: 2px;
	cursor: pointer;
}

.custom-nav-opener a:hover {
	text-decoration: none;
}

.custom-nav-opener a:before {
	font-weight: 900;
	font-family: Font Awesome\ 5 Free;
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
	font-size: 18px;
    color: #555;
	line-height: initial;
	text-align: center;
    content: "\f0c9";
	background: none;
     width: auto !important;
    height: auto !important;
    padding-right: 8px;
	display: inline-block;
	text-transform: none;
    vertical-align: text-bottom;
}

@media screen and (min-width: 1024px){
	.custom-nav-opener a:before {
		padding-top: 20px;		
	}
}
/*---------------------------------------
	2.3 SEARCH IN HEADER
---------------------------------------*/
.search {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	flex-basis: calc(100% - 150px);
	max-width: calc(100% - 150px);
	width: calc(100% - 150px);
	order: 4;
	padding: 5px 12px 12px 12px;
	border: 0px solid transparent;
}
.search .search-wrapper {
	width: 100%;
}
.search .tbx-main-search {
	border-color: #555;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.search .btn {
	border-color: #555;
	background: #555;
}
.btn-search:before {
	font-weight: 900;
	font-family: Font Awesome\ 5 Free;
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
	font-size: 18px;
    color: #fff;
	line-height: initial;
	text-align: center;
    content: "\f002";
	background: none;
}

.search .ui-menu {
	position: absolute;
	width: calc(100% - 2px) !important;
	top: 42px !important;
	left: 0 !important;
	border-color: #555;
}
.suggest-item .suggest-img {
	display: none;
}

@media screen and (min-width: 1024px){
	.search {
		order: 1;
		flex-basis: 500px;
		max-width: 500px;
		width: 500px;
		padding: 0;
		margin: 0;
		flex: 1 1 auto;
	}
		
	.suggest-item .suggest-img {
		display: table-cell;
	}
	.tbx-main-search input {
		height: 35px;
	}
	.btn-search {
		height: 37px;
	}
	.search .ui-menu {
		top: 36px !important;
	}
}
/*---------------------------------------
	2.4 BASKET
---------------------------------------*/
.basket-wrapper {
	flex-basis: 120px;
	max-width: 120px;
	width: 120px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	order: 1;
	justify-content: flex-end;
}

@media screen and (min-width: 640px) and (max-width: 1023px){
	.basket-wrapper {
		margin-right: 60px;
	}
}
@media screen and (min-width: 1024px){
	.basket-wrapper {
		display: none;
	}
}
.basket {
	flex-basis: 60px;
	max-width: 60px;
	min-width: 60px;
	width: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	order: 2;
	justify-content: flex-end;
	cursor: pointer;
}
.basket:hover .basket-summary {
	display: none;
}
.basket-summary-holder {
	display: none;
}
.basket-wrapper .hyp {
	display: inline-block;
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	font-family: Open Sans,Arial,Helvetica,Verdana,sans-serif;
	letter-spacing: -.03rem;
	font-weight: bold;
	overflow: visible;
}
.basket .over-summary {
	font-weight: 900;
	font-family: Font Awesome\ 5 Free;
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
	font-size: 24px;
    color: #555;
	line-height: initial;
	z-index: 11;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}

@media screen and (min-width: 1024px){	
	.basket .over-summary {
		line-height: 30px;
	}
}
@media screen and (min-width: 639px) and (max-width: 1023px){
	.over-summary {
		border-width: 0;
		height: auto;
		line-height: 62px;
		position: static;
		padding: 0;
	}
}
.basket .over-summary:before {
    content: "\f291";
}
.basket .hyp:before,
header.sticky-mode .over-summary .hyp:before {
	display: none;
}

.basket {
	padding: 10px;
	line-height: initial;
	position: relative;
	border: 0px solid transparent;
}
.basket-wrapper .icon {
	display: none;
	position: relative;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
}
.basket .over-summary i,
.basket-wrapper .icon i {
	font-size: 24px;
	color: #555;
}
.basket-wrapper a span.text-below {
    display: block;
    line-height: 15px;
    color: rgba(251, 186, 0, 1);
    font-weight: bold;
    bottom: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.over-summary-number {
	display: block;
	position: absolute;
	top: 8px;
	right: 5px;
	width: 19px;
	background-color: rgba(251, 186, 0, 1);
	border-radius: 50%;
	color: #fff;
	line-height: 19px;
	font-size: 11px;
	text-align: center;
	padding-right: .1rem;
	z-index: 11;
}
.over-summary .hyp {
	font-family: Open Sans,Arial,Helvetica,Verdana,sans-serif;
	font-weight: bold;
}
.over-summary.over-summary-just-changed {
	display: none !important;
}
.over-summary-just-changed:before {
	display: none;
}
.over-summary-just-changed>* {
	display: none;
}
.icon .badge {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	color: rgba(251, 186, 0, 1);
	line-height: 15px;
	font-family: Open Sans,Arial,Helvetica,Verdana,sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
    text-transform: uppercase;
}
.mobile-basket-close-button {
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 48px;
	font-size: 24px;
    font-weight: bold;
    padding: 0;
    border: 0;
	border-right: 1px solid #d9e4eb;
    border-radius: 0;
    outline: none;
    background: #fff;
    line-height: 0;
    color: #1398a6;
    cursor: pointer;
    z-index: 3;
}
.basket-summary.mm-menu .mm-panels {
	display: none;
}

.top-header .basket {
	position: fixed;
	top: 0;
	right: 0;
	height: 60px;
	z-index: 3;
}
.basket-summary .summary-footer {
	color: #333;
}
@media screen and (min-width: 1024px){
	.basket {
		flex-basis: auto;
		max-width: inherit;
		width: auto;
		background-color: rgba(251, 186, 0, 1);
		color: #fff;
		padding: 0 20px;
		height: 37px;
		margin-left: 15px;
	}
	.basket:empty,
	.basket:-moz-only-whitespace {
		display: none;
	}
	.basket:hover {
		background-color: rgba(251, 186, 0, 0.8);
	}
	.basket .icon {
		display: none;
	}
	.basket .over-summary {
		font-size: 20px;
		color: #fff;
		padding: 0 15px;
		height: 35px;
		width: auto;
		border: 0px solid transparent;
	}
	.basket:hover .over-summary:not(.is-empty) {
		background-color: transparent;
	}
	
	.basket .over-summary:before,
	.basket .over-summary i,
	.basket .over-summary .hyp {
		color: #fff;
		vertical-align: middle;
		margin-right: 8px;
	}
	
	.basket .over-summary i {
		margin-right: 10px;
		vertical-align: middle;
	}
	.basket .over-summary .hyp span {
		text-transform: initial;
	}
	.over-summary-number {
		display: inline-block;
		position: relative;
		top: auto;
		right: auto;
		width: auto;
		background-color: transparent;
		border-radius: 0;
		line-height: initial;
		font-size: inherit;
		text-align: left;
	}
	.basket:hover .basket-summary {
		display: block;
	}
}
/*---------------------------------------
	2.4.1 BASKET SUMMARY MOBILE
---------------------------------------*/
@media screen and (min-width: 640px) and (max-width: 1023px) {
	.basket-loading {
		padding: 20px;
		position: fixed;
		margin-left: -100px;
		margin-top: -50px;
		top: 50%;
		left: 50%;
		right: auto;
		width: 150px;
		z-index: 1000004;
	}
}
.basket-summary.just-added {
	display: block !important;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
	padding: 0;
    z-index: 100;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.4);
    box-shadow: 0 5px 10px rgba(0,0,0,.4);
}
.just-added .summary-title.alt {
	background-color: #f0f0f0;
    color: #555;
	font-size: 12px;
    height: 34px;
    line-height: 34px!important;
    padding-left: 12px!important;
    padding-right: 12px!important;
	white-space: nowrap;
	margin: 0;
}

@media screen and (max-width: 1024px) {
	.just-added .summary-title.alt {
		font-size: 16px;
	}
}
.just-added .added-product .product-img {
	padding: 12px 0 12px 12px;
}
.just-added .added-product .product-info {
	padding: 12px 12px 12px 0;
}

.just-added .product-description {
	position: relative;
}
.just-added .product-title {
	margin-right: 90px;
	margin-right: 90px;
	color: #555;
}
.just-added .qty-price {
}
.just-added .added-product .quantity {
	display: none;
}
.just-added .added-product .lbl-price {
	font-weight: 900;
	font-size: 16px !important;
	top: 0;
    position: absolute;
    right: 0;
}
.just-added .panel-footer {
	padding: 12px;
	width: calc(100% - 24px);
	display: block;
}
.just-added .panel-footer>div {
	display: block;
	padding: 0;
}
.just-added .panel-footer.summary-footer {
	display: none;
}
.just-added .panel-footer .arrow-blue {
	display: block;
    margin: 4px 0 12px 0;
}
.just-added .panel-footer .btn {
	display: block;
}

@media screen and (min-width: 1024px) {
	.basket-summary.just-added {	
		position: absolute;
		top: 100%;
		left: initial;
		right: initial;
		width: initial;
	}
	header.sticky-mode .basket-summary.just-added {	
		right: 0;
	}
}




/*---------------------------------------
	2.5 NAVIGATION
---------------------------------------*/
.mobile-menu-close-button {
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
	height: 48px;
	font-size: 24px;
    font-weight: bold;
    padding: 0;
    border: 0;
	border-left: 1px solid #d9e4eb;
    border-radius: 0;
    outline: none;
    background: #fff;
    line-height: 0;
    color: #555;
    cursor: pointer;
    z-index: 3;
}

.hyp-top-lvl.has-children {
	background: none;
}
nav .hyp-top-lvl {
	font-family: "Century Gothic", CenturyGothic, Helvetica, Arial, sans-serif;
	text-transform: initial;
	font-size: 14px;
}
nav .selected .hyp-top-lvl {
	color: #000;
}
.nav-item-root .hyp-top-lvl {
	padding: 0 9px 3px 10px;
}
@media screen and (max-width: 1023px) {
	.nav-item-root .hyp-top-lvl {
		border-width: 0;
		clear: both;
		overflow: hidden;
		line-height: normal;
		padding: 12px 9px 12px 10px;
	}
}
@media screen and (max-width: 639px) {
	.mm-navbar>* {
		padding: 14px 0;
	}
	.nav-item-root .hyp-top-lvl {
		padding: 17px 9px 17px 10px;
	}
	.nav-item-sub .hyp {
		padding-top: 17px !important;
		padding-bottom: 17px !important;
	}
	.nav-item-sub .hyp span {
		font-size: 13px;
	}
}
.nav-list-sub{
	border-width: 0;
	position: relative;
	width: auto;
}


.nav-item-root.hover .hyp-top-lvl {
	background-color: transparent;
}
.nav-item .hyp-top-lvl span {
	display: block;
	font-weight: 300;
}
.nav-item.selected .hyp-top-lvl span:after {
	display: none;
}
.nav-item-sub .hyp {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
	font-weight: 300;
}
.nav-item-sub .hyp.has-children {
	background: none;
}

.arrow-blue:before,
.arrow-grey:before,
.arrow-black:before,
.arrow-red:before {
	display: none;
}

@media screen and (min-width: 1023px) {
	header .bottom-header {
		background: #fff;
		border-bottom: 2px solid #555;
	}
	.nav-list {
		margin-bottom: -2px;
	}
	.nav-list-sub {
		position: absolute;
		background-color: #f0f0f0;
		padding: 0;
		margin-top: 2px;
		width: auto;
		min-width: 100%;
		overflow: visible;
	}
	.state-to-left .nav-list-sub {
		right: auto;
	}
	
	.nav-list-sub .nav-list-sub {
		padding: 0;
		top: 0 !important;
		margin-top: 0;
	}
	.state-to-left .nav-list-sub .nav-list-sub {
		left: 100%;
		right: auto;
	}
	header .nav-item-root {
	    border-bottom: 2px solid rgba(0,0,0,0);
	}
	header .nav-item-root.hover,
	header .nav-item-root.selected {
		border-color: rgba(251, 186, 0, 1);
	}
	
	.mm-menu .nav-item-root,
	.mm-menu .nav-item-root.hover,
	.mm-menu .nav-item-root.selected	{
		padding: 10px 9px 10px 10px;
	}
	.nav-item-root .hyp-top-lvl {
		line-height: 32px;
		font-size: 16px;
	}
	.nav-item-root.hover .hyp-top-lvl {
		border-color: transparent;
	}
	.nav-is-hovered .hyp-top-lvl {
		color: initial;
	}
	.nav-item-sub {
		background-color: #fff;
		padding: 0 20px;
		border-left: 1px solid #dee4e6;
		border-right: 1px solid #dee4e6;
	}
	.mm-menu .nav-item-sub {
		padding: 0;
	}
	.nav-list-sub .nav-list-sub .nav-item-sub:first-of-type {
		border-top: 1px solid #dee4e6;
	}
	.nav-item-sub:last-of-type {
		border-bottom: 1px solid #dee4e6;
	}
	.nav-item-sub.hover {
		background-color: rgba(253, 222, 132, 1);
	}
	.nav-item-sub .hyp {
		font-size: 14px;
		white-space: nowrap;
	}
	.mm-panel .nav-item-root .hyp-top-lvl {
		line-height: normal;
		text-transform: initial;
	}
	.mm-panel .nav-list-sub {
		background-color: transparent;
	}
	.mm-panel .nav-item-sub {
		background-color: transparent;
	}
}
.mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited {
	font-weight: 300;
}
/*---------------------------------------
	2.6 LANGUAGE SELECTOR
---------------------------------------*/

.top-action .top-dropdown {
	display: none;
}

@media screen and (min-width: 200px) and (max-width: 639px) {
	.top-action .top-dropdown {
		display: inline-block!important;
		background: #555;
	}
	.top-header-wrapper{
		display: inline-block!important;
		background: #555;
		width: 100%;
	}
	.opener.collapsed{
		background: #555;
	}		
}	



@media screen and (min-width: 640px) and (max-width: 1023px) {
	.top-action .top-dropdown {
		display: inline-block!important;
		
		
	}
		.top-header-wrapper{
			position: absolute!important;
		display: inline-block!important;
		background: #555;
		width: 100%;
	}
		
}



@media screen and (min-width: 1024px){
	.top-action .top-dropdown {
		display: inline-block;
	}
}
.top-action .top-hyp {
	display: none;
}
.top-dropdown.language.mm-menu .mm-panels,
.top-dropdown.language.mm-menu .opener {
	display: none;
}
.top-dropdown.language.mm-menu .summary {
	position: absolute;
	display: block;
	top: 49px;
	width: 100% !important;
	border: 0px solid transparent;
}
.top-dropdown.language.mm-menu .summary a {
	border-bottom: 1px solid #d9e4eb;
}
.mobile-language-close-button {
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 48px;
	font-size: 24px;
    font-weight: bold;
    padding: 0;
    border: 0;
	border-right: 1px solid #d9e4eb;
    border-radius: 0;
    outline: none;
    background: #fff;
    line-height: 0;
    color: #1398a6;
    cursor: pointer;
    z-index: 3;
	
}
/*---------------------------------------
	2.7 ACCOUNT
---------------------------------------*/

.top-dropdown.login.mm-menu .mm-panels,
.top-dropdown.login.mm-menu .opener {
	display: none;
}
.top-dropdown.login.mm-menu .summary {
	position: absolute;
	display: block;
	top: 49px;
	width: 100%!important;
	border-width: 0;
}
.top-dropdown.login.mm-menu .summary a {
	border-bottom: 1px solid #d9e4eb;
	display: block;
}
.top-dropdown.login.mm-menu .summary .welcome {
    display: none;
}
.top-dropdown.login.mm-menu .summary .logout,
.top-dropdown.login.mm-menu .summary .stop-representing {
	padding: 0 20px;
	margin: 0;
	line-height: 37px;
	border-top-width: 0px;
	border-bottom: 1px solid #d9e4eb;
}
@media (max-width: 639px) {
	.top-dropdown.login.mm-menu .summary .logout,
	.top-dropdown.login.mm-menu .summary .stop-representing,
	.login.top-dropdown .summary .hyp,
	.language .hyp	{
		line-height: 47px;
	}
	.top-dropdown.login.mm-menu .mm-navbars_top .mm-navbar {
		margin-left: 49px;
	}
	
	.top-dropdown.login.mm-menu .mm-navbars_top .mm-navbar>* {
		font-size: 13px;
	}
}
.top-dropdown.login.mm-menu .summary .logout:hover,
.top-dropdown.login.mm-menu .summary .stop-representing:hover {
      background: #f7f7f7;
}
.top-dropdown.login.mm-menu .summary .logout a,
.top-dropdown.login.mm-menu .summary .stop-representing a {
	border: 0px solid transparent;
	padding-left: 0;
}
.mobile-user-close-button {
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 48px;
	font-size: 24px;
    font-weight: bold;
    padding: 0;
    border: 0;
	border-right: 1px solid #d9e4eb;
    border-radius: 0;
    outline: none;
    background: #fff;
    line-height: 0;
    color: #1398a6;
    cursor: pointer;
    z-index: 3;	
}

/*---------------------------------------
	2.8 STICKY HEADER
---------------------------------------*/

@media screen and (min-width: 640px) and (max-width: 1023px){
	header.sticky-mode {
		height:  auto;
	}
	header.sticky-mode .middle-header {
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

@media screen and (min-width: 1024px){
	
	header.sticky-mode .top-header-wrapper {
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2;
		-webkit-box-flex: 1;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		margin: 0;
		padding: 0;
		min-height: inherit;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		position: relative;
		max-width: 1000px;
		z-index: 2;
		background: transparent;
		border-bottom: 0px solid transparent;
	}
	header.sticky-mode .top-header .basket {
		padding: 0;
		margin: 0;
	}
	header.sticky-mode .over-summary {
		height: 60px;
		line-height: 60px;
	}
	header.sticky-mode .over-summary-number {
		display: block;
		position: absolute;
		top: 10px;
		right: 9px;
		width: 19px;
		color: #fff;
		line-height: 19px;
		font-size: 15px;
		text-align: center;
	}
	header.sticky-mode .top-header .top-dropdown {
		height: 60px;
		line-height: 60px;
		border-left: 1px solid #e6e6e6;
		color: #000;
	}
	header.sticky-mode .top-header .opener {
		width: 60px;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	header.sticky-mode .top-header .opener:before {
		margin: 0;
		color: #555;
		vertical-align: baseline;
	}
	header.sticky-mode .top-header .language.top-dropdown .opener .selected-language	{
		color: #555;
	}
	header.sticky-mode .top-header .login-title {
		display: none;
	}
	
	header.sticky-mode .top-dropdown .summary {
		border-top: 1px solid #555;
	}
	header.sticky-mode .stop-representing {
		padding-bottom: 0;
		line-height: 34px;
	}
	header.sticky-mode .middle-header {
		order: 1;
	}
	
	header.sticky-mode .middle-header .logo {
		order: 1;
		flex: 1 1 auto;
		margin-left: 40px;
	}
	
	header.sticky-mode .middle-header .custom-nav-opener {
		order: 0;
		padding: 0;
		height: 60px;
		flex: 1 1 auto;
		flex-basis: 60px;
		max-width: 60px;
		width: 60px;
	}
	
	header.sticky-mode .middle-header .custom-nav-opener a {
		padding: 0;
		line-height: 60px;
		height: 60px;
		border-radius: 0;
		font-size: 0;
		border-color: #e6e6e6;
		border-top-width: 0;
		border-bottom-width: 0;
	}
	header.sticky-mode .middle-header .custom-nav-opener a:before {
		padding-right: 0;		
		width: 60px;
		height: 60px;
		background-position: center;
	}
	
	header.sticky-mode .middle-header .search {
		flex-basis: calc(100% - 275px);
		max-width: calc(100% - 275px);
		width: calc(100% - 275px);
	}
	header.sticky-mode .middle-header .search .search-wrapper{
		padding-right: 0;
	}
	
	header.sticky-mode .bottom-header {
		display: none;
	}
	.sticky-mode .top-header .basket {
		position: relative;
		display: inline-block;
		top: auto;
		right: auto;
	}
	
	.sticky-mode .custom-nav-opener {
		display: flex;
	}
}

/*---------------------------------------
	3. FOOTER
---------------------------------------*/
footer {
	background-color: #ddd;
	border-top-width: 0px;
	border-top-color: transparent;
	margin-top: 30px;
}
footer .center {
	padding: 0;
    width: 100%;
    max-width: 100%;
}
footer .columns-general.top,
footer .columns-general.bottom .columns .column {
	display: block;	
	padding: 0 15px;
    max-width: 1200px;
	width: auto;
    margin: 0 auto;
	box-sizing: inherit;
}
footer a {
	font-weight: 300;
}
@media screen and (min-width: 1024px){
	footer .columns-general.top {
		padding: 0 2%;
	}
}

footer .columns-general.top .columns {
	box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -14px;
	padding-top: 50px;
    width: calc(100% + 28px);
}

footer .columns-general.top .column {
    display: block;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 14px;
    margin: 0 0 28px 0;
}
footer .columns-general.top .column.sitemap {
	-ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
	order: 2;
}
footer .columns-general.top .column.newsletter {
	-ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
	order: 1;
}
footer .columns-general.top .column.footer-nav {
	-ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
	order: 3;
}
@media screen and (min-width: 640px) and (max-width: 1023px){
	footer .columns-general.top .column.sitemap {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%;
		width: 50%;
		order: 2;
	}
	footer .columns-general.top .column.newsletter {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		width: 100%;
		order: 1;
	}
	footer .columns-general.top .column.footer-nav {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%;
		width: 50%;
		order: 3;
	}
}
@media screen and (min-width: 1024px){
	footer .columns-general.top .column.sitemap {
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
		max-width: 25%;
		width: 25%;
		order: 1;
	}
	footer .columns-general.top .column.newsletter {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%;
		width: 50%;
		order: 3;
	}
	footer .columns-general.top .column.footer-nav {
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
		max-width: 25%;
		width: 25%;
		order: 2;
	}
}


.sitemap-nav li {
    float: none;
	display: block;
    padding: 0;
    width: auto;
}
.sitemap-nav li a{
    text-decoration: none;
	color: #4c4c4c;
	line-height: 28px;
}
.footer-nav .font-h4 {
	text-align: left;
}
.footer-nav .hyp {
	display: block;
	text-align: left;
    text-decoration: none;
	color: #4c4c4c;
	line-height: 28px;
	padding: 0;
}

.sitemap-nav li a:hover,
.footer-nav .hyp:hover {
	color: #000;
	font-weight: bold;
}
footer .font-h4 {
	text-transform:	initial;
}
footer .columns-general.bottom {
	margin: 0;
	padding: 15px 0;
	width: 100%;
	background-color: #555;
}
footer .columns-general.bottom .copyright {
	color: #fff;
}
/*---------------------------------------
	4. HOMEPAGE
---------------------------------------*/
.content-home {
}
@media screen and (max-width: 639px){
	.content-home .wrapit {
		display: flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 0;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}
/*---------------------------------------
	4.1 IMAGE SLIDER
---------------------------------------*/

.image-slider .item {
	position: relative;
	margin-bottom: 15px;
}
.lightSlider li {
	line-height: 0;
}
.lSAction a img {
	display: none;
}
.navigator-inPage {
	position: absolute;
	top: initial;
    bottom: 40px;
    left: auto;
    right: auto;
    width: 100%;
}

.lSSlideOuter ul li a {
	z-index: 1 !important;
}
/*---------------------------------------
	4.2 COLUMNS
---------------------------------------*/
.content .columns-general.flow-img-tiles {
	box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -7px;
	padding: 0;
	width: calc(100% + 14px);
}
.content .columns-general.flow-img-tiles .column{
	display: block;
	box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 7px;
	margin: 0 0 14px 0;
	position: relative;
	height: auto;
}

.one-fourth,
.three-fourth,
.one-third,
.one-half,
.one-whole {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	max-width: 100%;
	width: 100%
}
@media screen and (min-width: 640px) and (max-width: 1023px) {	
	.one-fourth {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%;
		width: 50%;
		-ms-flex: 1 auto;
		flex: 1 auto;
	}
	.three-fourth {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%;
		width: 50%;
		-ms-flex: 1 auto;
		flex: 1 auto;
	}
	.one-third {
		-ms-flex-preferred-size: 33.333%;
		flex-basis: 33.333%;
		max-width: 33.333%;
		width: 33.333%;
		-ms-flex: 1 auto;
		flex: 1 auto;
	}
	.one-half {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%;
		width: 50%;
		-ms-flex: 1 auto;
		flex: 1 auto;
	}
	.one-whole {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		width: 100%;
	}
	.columns-general.flow-img-tiles .column {
		margin: 0;
	}
	.columns-general.flow-img-tiles .one-fourth:first-of-type {
		margin-bottom: 28px;
	}
}
@media screen and (min-width: 1024px){	
	.one-fourth {
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
		max-width: 25%;
		width: 25%;
		-ms-flex: 1 auto;
		flex: 1 auto;
	}
	.three-fourth {
		-ms-flex-preferred-size: 75%;
		flex-basis: 75%;
		max-width: 75%;
		width: 75%;
		-ms-flex: 1 auto;
		flex: 1 auto;
	}
	.one-third {
		-ms-flex-preferred-size: 33.333%;
		flex-basis: 33.333%;
		max-width: 33.333%;
		width: 33.333%;
		-ms-flex: 1 auto;
		flex: 1 auto;
	}
	.one-half {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%;
		width: 50%;
		-ms-flex: 1 auto;
		flex: 1 auto;
	}
	.one-whole {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		width: 100%;
	}
	.content .flow-img-tiles .columns-general .column {
		margin: 0;
	}
	/* PNI 20220330 - orderpage scrumbled up */
	.orders-index-page .one-fourth {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		width: 100%;
		-ms-flex: 1 auto;
		flex: 1 auto;
		display: block;
	}
	
}

.content .flow-img-tiles .column div {
	line-height: 0;
	overflow: hidden;
}

.content .flow-img-tiles .column img {
	width: 100%;
     -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.content .flow-img-tiles .column img:hover {
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.content .flow-img-tiles .column .html-wrapper {
	background-color: rgba(255,255,255,0.8);
	color: #000;
	padding: 5px 10px;
	font-size: 16px;
	line-height: 24px;
	position: absolute;
	bottom: 0;
	left: 7px;
	right: 7px;
	transition: background-color 0.2s ease;
	display:none; /* added 20210305 mvl fix for hiding element until pageload */
}	
.content .flow-img-tiles .column:hover .html-wrapper {
	background-color: rgba(255,255,255,1);
}
/*---------------------------------------
	4.3 IMAGE TILES
---------------------------------------*/
.img-columns {
	margin-bottom: 28px;
}
.img-columns .columns {
	display: -ms-grid;
	display: grid;
	grid-gap: 14px;
}
.img-columns .columns .column:nth-child(1) {
	grid-column: 1/5;
	grid-row: 1/1;
}
.img-columns .columns .column:nth-child(2) {
	grid-column: 5/7;
	grid-row: 1/span 2;
}
.img-columns .columns .column:nth-child(3) {
	grid-column: 1/3;
	grid-row: 2;
}
.img-columns .columns .column:nth-child(4) {
	grid-column: 3/5;
	grid-row: 2;
}
.img-columns .columns .column:nth-child(5) {
	grid-column: 1/4;
}

.img-columns .columns .column:nth-child(6) {
	grid-column: 4/7;
}
.img-columns .columns .wrap {
	width: 100%;
	height: 100%
}
.img-columns a {
     display: block;
    line-height: 0;
     width: 100%;
    height: 100%;
}

.img-columns img {
	object-fit: cover;
    width: 100%;
    height: 100%;
}
.img-columns .wrap {
	position: relative;
     width: 100%;
    height: 100%;
}
.img-columns .html-wrapper {
	background-color: rgba(60, 60, 60, 0.75);
	color: #fff;
	padding: 5px 10px;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	
	
}
/*---------------------------------------
	4.3.1 VIDEO PLAYER
---------------------------------------*/
.video-container {
	position: relative;
	padding-bottom: 75%; /*16:9*/ 
	height: 0; 
	overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*---------------------------------------
	4.4 NEWS BLOCK
---------------------------------------*/
/*---------------------------------------
	4.4.0 RECENT NEWS
---------------------------------------*/
.latest-news {
	
}
.latest-news img {
	padding: 0 10px 0 3px;
}
/*---------------------------------------
	4.4.1 AGENDA
---------------------------------------*/
.agenda {
}
.agenda .wrap {
	border-left: 1px solid #ccc;
	padding-left: 20px;
}
.agenda ul {
	list-style-type: none;
	padding-left: 0;	
}
.agenda ul li {
	font-size: 18px;
	font-weight: 900;
}
.agenda li li {
	font-size: 14px;
	font-weight: 300;
}
.agenda strong {
	font-weight: 900;
}
/*---------------------------------------
	4.5 COUPON
---------------------------------------*/

.coupon {
      display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.coupon .columns {
	position: relative;
    width: 100%;
    min-height: 1px;
	background-color: #c5cfd8;
    color: #000;
}

@media screen and (min-width: 1024px){	
	.coupon .columns {
	-ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
	}
}
.coupon .columns:first-child {
    padding: 15px;
}
.coupon .columns>*,
.coupon .columns>* a {
	font-size: 18px;
	color: #000;
	text-decoration: none;
}
.coupon .columns h4,
.coupon .columns h4 a {
	font-size: 34px;
}
.coupon .columns p {
	
}
.coupon .columns img {
	display: block;
    padding: 0;
    height: 100%;
    width: 100%;
}
/*---------------------------------------
	4.6 BUTTONS
---------------------------------------*/


.content-home .content .text_tile_wrapper {
    height: 50px;
    overflow: hidden;
    position: relative;
}
.content-home .content .text_tile_wrapper img {
	height: 100%;
}
.content-home .content .text_tile_wrapper a {
	height: 100%;
	display: block;
	position: relative;
}
.content-home .content .text_tile_wrapper .html-wrapper {
	background-color: transparent !important;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	text-align: center;
	
	color: #333 !important;
	text-transform: initial !important;
	font-size: 18px !important;
	font-weight: 900;
	line-height: 50px !important;
	height: 50px;
	padding: 0 !important;
}
/*---------------------------------------
	4.7 USPS
---------------------------------------*/
/*---------------------------------------
	4.7.1 STANDARD USPS
---------------------------------------*/
.usp {
    box-shadow: 0 0 0 1px #e4e6eb !important;
    border-radius: 2px;
    background-color: white;
    position: relative;
    overflow: hidden;
}
ul.usp-list {
    margin: 0;
	padding: 0;
}
ul.usp-list li {
	font-family: "Century Gothic", CenturyGothic, Helvetica, Arial, sans-serif;
	font-size: 16px;
     padding: 15px;
}
@media screen and (min-width: 640px){	
	.usp-list li:first-child {
		padding-left: 50px;
	}
	.usp-list li:last-child {
		padding-right: 50px;
	}
}
ul.usp-list li img {
    margin-right: 15px;
    height: 43px;
    width: 59px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    backface-visibility: hidden;
    transform: translateZ(0);
}
ul.usp-list li:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    cursor: pointer;
}
ul.usp-list li .usp-text {
	display: inline-block;
}
.usp .separator-dark {
	display: none;
}
/*---------------------------------------
	4.7.2 BLOCK USPS
---------------------------------------*/
.usps {
      display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.usp-item {
	-ms-flex: 1 0;
	flex: 1 0;
	position: relative;
	margin-left: 14px;
	margin-right: 14px;
	padding-bottom: 15px;
}
.usp-item:first-of-type {
	margin-left: 0;
}
.usp-item:last-of-type {
	margin-right: 0;
}
.usp-item h2 {
	color: #333;
    font-size: 18px;
    font-weight: 900;
}
.usp-item .img {
	float: left;
	max-width: 125px;
	margin-right: 10px;
}
.usp-item .img img {
	float: none !important;
	padding: 0;
	width: auto;
}
.usp-item .text {
	width: auto;
}
.usp-item a {
	position: absolute;
	bottom: 0;
	right: 0;
}
/*---------------------------------------
4.8 HOMEPAGE MISC
---------------------------------------*/

.hoempage-text {
	border: 1px solid #ccc;
	background: #eee;
	padding: 10px;
}
/*---------------------------------------
5. PRODUCTLIST PAGE
---------------------------------------*/
/*---------------------------------------
5.1 PRODUCTLIST MAIN PAGE
---------------------------------------*/
.product-list-main #flexiPage {
      display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.product-list-main #flexiPage .flexi-row {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		width: 100%;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		display: block;
		padding: 0;
}
.product-list-main #flexiPage aside {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		width: 100%;
		-ms-flex: 1 auto;
		flex: 1 auto;
		display: none;
		padding: 0;
}
.product-list-main #flexiPage .landing {
	
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		width: 100%;
		-ms-flex: 1 auto;
		flex: 1 auto;
}

@media (min-width: 640px){	
	.product-list-main #flexiPage aside {
		-ms-flex-preferred-size: 24.37%;
		flex-basis: 24.37%;
		max-width: 24.37%;
		width: 24.37%;
		display: block;
	}
	.product-list-main #flexiPage .landing {
		-ms-flex-preferred-size: 75%;
		flex-basis: 75%;
		max-width: 75%;
		width: 75%;
	}
}
.product-list-main #flexiPage aside ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.product-list-main #flexiPage aside ul li {
	
}

.product-list-main #flexiPage aside ul li a {
	color: #333;
}

.product-list-main #flexiPage aside ul li.current a {
	font-weight: 900;
}
.product-list-main #flexiPage aside ul ul {
	display: none;
	border-left: 1px solid #EAEAEA;
    padding-left: 10px;
    margin-bottom: 10px;
}
.product-list-main #flexiPage aside ul ul.current {
	display: block;
}

.product-list-main #flexiPage aside ul ul li {
	
}

.product-list-main #flexiPage aside ul ul li a {
	font-weight: 300 !important;
	
}
.product-list-main .landing .columns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
}

.product-list-main .landing .columns .column {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	max-width: 100%;
	width: 100%;
	-ms-flex: 1 auto;
	flex: 1 auto;
	display: block;
	padding: 0;
	margin-bottom: 20px;
	position: relative;
}

@media (min-width: 480px) and (max-width: 1023px){
	.product-list-main .landing .columns .column {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%;
		width: 50%;
	}
}
@media (min-width: 1024px){
	.product-list-main .landing .columns .column {
		-ms-flex-preferred-size: 33.333%;
		flex-basis: 33.333%;
		max-width: 33.333%;
		width: 33.333%;
	}
}
.product-list-main .landing .columns .column .wrapper {
		padding: 0;
		margin: 0 10px;
		background: #eaeaea;
}
.product-list-main .landing a {
	text-decoration: none;
}
.product-list-main .landing .html-wrapper {
	padding: 10px;
	color: #333;
	text-align: center;
	margin-bottom: 50px;
}

.product-list-main .landing h2 {
	text-transform: initial;
	font-size: 22px;
	margin-bottom: 5px
}

.product-list-main .landing strong {
	background-color: #888;
	color: #fff;
	font-weight: 300;
	margin-top: 10px;
	padding: 5px;
	display: block;
	text-align: center;
	position: absolute;
	bottom: 10px;
    width: calc(100% - 50px);
}
.product-list-main .landing strong:after {
	content: "chevron_right";
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 20px;  /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;

	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

	/* Support for IE. */
	font-feature-settings: 'liga';	
	
	vertical-align: middle;
	margin-left: 10px;
}
/*---------------------------------------
5.2 PRODUCTLIST OVERVIEW PAGE
---------------------------------------*/
.productlist-search-page .content .center,
.productlist-list-page .content .center {
	max-width: 100%;
}

.columns-general.compact>.wide {
	padding: 0;
}
@media (min-width: 768px){
	.productlist-search-page .content,
	.productlist-list-page .content {
		padding: 0;
		overflow: hidden;
	}
	.productlist-search-page .content .center,
	.productlist-list-page .content .center {
		padding: 0;
	}
	.columns-general.compact>.wide {
		padding: 0 0 0 15px !important;
	}

	.productlist-search-page .columns-general.compact,
	.productlist-list-page .columns-general.compact {
		padding: 12px 15px;
	}
}
.product-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px !important;
}

.product-list li {
    flex: 0 0 20%; /* 100% / 5 products = 20% */
    max-width: 20%;
    margin-bottom: 15px;
    padding: 0 !important;
}

@media only screen and (max-width: 640px) {
    .product-list li {
        flex: 0 0 100%; /* Full width for smaller screens */
        max-width: 100%;
    }
}

@media only screen and (min-width: 641px) and (max-width: 1023px) {
    .product-list li {
        flex: 0 0 50%; /* 2 products per row */
        max-width: 50%;
    }
}

@media only screen and (min-width: 1024px) {
    .product-list li {
        flex: 0 0 20%; /* 5 products per row */
        max-width: 20%;
    }
}


.product-list li:before,
.product-list li:after {
	display: none;
}

.product-list li a {
	text-decoration: none;
	 font-weight: 300;
}
.product-list .product-tile {
	background-color: #fff;
	border: 1px solid #dee4e6;
	text-align: left;
	margin: 0 8px;
	padding: 8px 25px;
	position: relative;
}

.product-list .product-tile:hover {
	box-shadow: 0 0 35px rgba(0,0,0,.2);
}

/*---------------------------------------
5.2.1 IMAGE
---------------------------------------*/
.product-list .product-tile .product-img {
	padding: 12px 0 5px 0;
}
.product-list .product-tile .product-img .hyp-thumbnail {
    height: 185px;
	width: 100%;
}
@media only screen and (min-width: 1280px) {
	.product-list .product-tile .product-img .hyp-thumbnail {
		height: 220px;
	}
}
/*---------------------------------------
5.2.2 INFORMATION
---------------------------------------*/
.product-list .product-tile .product-info {
    max-width: 100%;
    margin: 0 auto;
	padding: 0;
    text-align: left;
}
.product-list .product-tile .product-info .eq{
	display: block;
}
.product-list .product-tile .product-id {
	color: #333;
}
.product-list .product-tile .color-name {
	color: #333;
}
.product-list .product-tile .color-name:empty:before {
	display: none;
}
.product-list .product-tile .color-name:before {
	content: '/';
	display: inline-block;
	margin-right: 4px;
}
.product-list .product-tile .product-title {
	font-size: 16px;
	padding: 8px 0;
	line-height: 22px;
	display: block;
	min-height: 34px;
	height: auto;
}

@media only screen and (min-width:1279px) {
		
	.product-list .product-tile .product-title {
		font-size: 16px;
	}
}
.product-list .product-tile .description,
.product-list .product-tile .select-variants {
	display: none;
}

/*---------------------------------------
5.2.3 PRICE
---------------------------------------*/
.product-list .product-tile .price-holder {
    max-width: 100%;
    margin: 0 auto;
    text-align: left;
}
.product-tile .prices {
	display: inline-block;
}
.product-tile .list-price {
	display: none;
}
.product-tile .action-price {
	color: #737373;
    display: inline-block;
    font-size: 14px;
    line-height: 33px;
    text-decoration: none;
	margin-right: 10px;
	vertical-align: text-bottom;
	position: relative;
}
.product-tile .action-price:empty {
	display: none;
}
.product-tile .action-price:after {
    border-top: 1px solid red;
    content: " ";
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: rotate(-22deg);
    -ms-transform: rotate(-22deg);
    transform: rotate(-22deg);
}
.product-tile .lbl-price {
	color: #333 !important;
	font-size: 23px;
    line-height: 33px;
	font-weight: 800;
}
/*---------------------------------------
5.2.4 STOCK
---------------------------------------*/
.product-list .product-tile .stock {
    max-width: 100%;
    margin: 0 auto;
	padding-bottom: 16px;
    text-align: left;
	color: #333;
}

.product-list .product-tile .stock .lbl-stock {
	display: none;
	font-weight:  normal;
}

.product-list .product-tile .stock .lbl-stock.show {
	display: block;
}
.product-list .product-tile .stock .lbl-stock {
	color: #333;
}
.product-list .product-tile .stock .lbl-stock i {
	margin-right: 8px;
}

.product-list .product-tile .stock .in-stock i {
	color: #3cb300;
}
.product-list .product-tile .stock .out-stock i {
	color: #c00;
}
.product-list .product-tile .stock .low-stock i {
	color: #f28100;
}
.product-list .product-tile .stock .new-stock i {
	color: #f2c500;
}
.product-list .product-tile .stock .outflow-stock i {
	color: #ad9534;
}

.product-list .product-tile .stock .lbl-stock-hidden {
	display: none;
}

.product-list .product-tile .stock .lbl-stock-hidden.show {
	display: block;
}
.product-list .product-tile .product-action {
	display: none;
}
/*---------------------------------------
5.2.5 THUMBNAILS
---------------------------------------*/
.product-list .slider li {
	display: none;
}
.product-list .slider li:first-of-type {
	display: block;
}
/* Thumbnail slider*/
.product-list .variant-colors {
	text-align: left;
	padding: 0 25px;
	margin: 5px -24px;
	height: 91px;
}
@media (min-width: 640px) {	
	.product-list .variant-colors {
		height: 60px;
	}
}
.product-list .variant-colors .color-icon {
	display: inline-block;
	max-width: 75px;
	border: 1px solid #dee4e6;
	margin-right: 5px;
	overflow: hidden;
	max-height: 75px;
	height: 100%;
}

@media (min-width: 640px) {	
	.product-list .variant-colors .color-icon {
		max-width: 44px;
		max-height: 44px;
	}
}
.product-list .variant-colors .color-icon.active {
	    border-color: #555;
}
.product-list .variant-colors .color-icon img {
	vertical-align: top;
    object-fit: cover;
    height: 75px;
}

@media (min-width: 640px) {	
	.product-list .variant-colors .color-icon img {
		height: 44px;
	}
}
.product-list .thumbnail-prev {
	left: 1px;
	position: absolute;
	top: 0;
	outline: none;
	z-index: 99;
	overflow: hidden;
	height: 100%;
}
.product-list .thumbnail-next {
	right: 1px;
	position: absolute;
	top: 0;
	outline: none;
	z-index: 99;
	overflow: hidden;
	height: 100%;
}
.product-list .thumbnail-prev span,
.product-list .thumbnail-next span {
    display: block;
    height: 50px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 30px;
	height: 100%;
	color: #1398a6;
}

.product-list .thumbnail-prev span:before,
.product-list .thumbnail-next span:after {
    border: none;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    outline: none;
	
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;  /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;

	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

	/* Support for IE. */
	font-feature-settings: 'liga';
  
  
}
.product-list .thumbnail-next span:after {
    right: 0;
    content: "chevron_right";
}
.product-list .thumbnail-prev span:before {
    left: -26px;
    content: "chevron_left";
}
/*---------------------------------------
5.2.6 FILTERS
---------------------------------------*/
.column-facets {
	display: none !important;
	padding: 0 !important;
}
.columns-general.compact>.wide {
	width: 100%;
	border: 0px solid transparent;
}
@media (min-width: 768px){
	.column-facets {
		display: table-cell !important;
		max-width: 250px !important;
		width: 250px !important;
	}	
	.columns-general.compact>.wide {
		width: auto;
		overflow: hidden;
		padding: 0;
	}
}
.list-facets li .chb {
    margin-top: -14px;
}
.facet .facet-item {
     margin-left: 7px;
	 font-weight: 300;
}
/*---------------------------------------
5.2.6.1 MOBILE FILTERS
---------------------------------------*/
/* Button */
.view-filters span {
	display: block;
	background: rgba(251, 186, 0, 1);
	text-align: center;
	color: white;
	margin: 0 0 11px 0;
	padding: 20px 0;
	cursor: pointer;
	font-size: 24px;
	font-weight: 900;
}

@media (min-width: 768px){
	.view-filters {
		display: none;
	}
}

.view-filters:hover span {
	background-color: rgba(251, 186, 0, 0.7);
}
.view-filters:focus span {
	background-color: #0084C3;
}

.view-filters span:before {
	content: "filter_list";
	border: none;
	outline: none;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	margin-right: 8px;
	vertical-align: bottom;
}
/* Filters */
.new-filters-wrapper {
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    overflow-x: hidden;
	
	-webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    position: fixed;
    top: 0;
	-webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    
	width: 100%;
    z-index: 1000;
}
.new-filters-wrapper.is-active {
	-webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.new-filters-wrapper .filter-title {
	display: block;
    background-color: #004f75;
    color: #fff;
	text-transform: none;
	line-height: 57px;
    text-align: center;
}
.new-filters-wrapper .filter-title:after {
	display: none;
}
.close-filter {
    float: left;
    display: block!important;
    height: auto!important;
    line-height: 57px;
	width: 57px;
	text-align: center;
    top: 0;
    left: 0;
    position: absolute;
    color: #fff;
    cursor: pointer;
    font-size: 24px;
}
.new-filters-wrapper .facets {
	padding-top: 0
}

.new-filters-wrapper .facets > h4 {
	    padding: 12px 20px;
}
.new-filters-wrapper .facets .facet-selected {
	    padding: 12px 20px;
}
.new-filters-wrapper .facets .clear-facets-selection {
	    padding: 12px 20px;
}


.new-filters-wrapper .facet {
	margin-bottom: 0;
}
.new-filters-wrapper .facet .hdr {
	border-bottom: 1px solid #dee4e6;
	padding: 12px 20px;
}
.new-filters-wrapper .facet .hdr.expanded,
.new-filters-wrapper .facet .hdr.collapsed {
	background-image: none;
}

.new-filters-wrapper .facet .hdr h4 {
	text-transform: none;
	font-size: 14px;
	position: relative;
	margin-bottom: 0;
}

.new-filters-wrapper .facet .hdr h4:after {
	font-weight: 900;
	font-family: Font Awesome\ 5 Free;
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
	font-size: 18px;
    color: #fff;
	line-height: initial;
	text-align: center;
    content: "\f054";
	color: #ddd;
	
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.new-filters-wrapper .facet .hdr.active h4:after {
    content: "\f00d";
}
.new-filters-wrapper .facet .cnt {
	display: none;
	border-bottom: 1px solid #dee4e6;
	padding: 12px 20px;
}
.new-filters-wrapper .facet .cnt.active {
	display: block;
}
.new-filters-wrapper .list-facets li {
	display: block !important;
}
.new-filters-wrapper .hyp-toggle {
	display: none;
}
@media (min-width: 768px){
	.new-filters-wrapper {
		display: none;
	}
}
.mm-page__blocker.is_hidden {
	display: none;
}
/*---------------------------------------
5.2.6.2 DESKTOP FILTERS
---------------------------------------*/
.filters-wrapper {
	display: none;
}
@media screen and (min-width: 768px){
	.filters-wrapper {
		display: block;
		padding-bottom: 15px;
		 background: #fff;
		border: 1px solid #dee4e6;
	}
}
.filters-wrapper .facets {
	padding-top: 0;
}
.filters-wrapper .facet {
	margin-bottom: 0;
}

.filters-wrapper .facets > h4 {
	    padding: 12px 20px;
}
.filters-wrapper .facets .facet-selected {
	    padding: 12px 20px;
}
.filters-wrapper .facets .clear-facets-selection {
	    padding: 12px 20px;
}
.filters-wrapper .facet .hdr {
	background: #eaeaea;
	padding: 10px 15px;
}

.filters-wrapper .facet .hdr h4 {
	font-size: 16px;
	color: #333;
	margin-bottom: 0;
	text-transform: initial;
}
.filters-wrapper .facet .cnt {
	padding: 15px;
	max-height: 200px;
	overflow-y: auto;
}

.filters-wrapper .facet .cnt li {
	display: block !important;
}

.filters-wrapper .hyp-toggle {
	display: none;
}

.chosen-filters {
	display: none;
}

@media screen and (min-width: 768px){
	.facet-selected {
		display: none;
	}
	.chosen-filters {
		display: block;
		margin: 0 8px;
		padding: 0 0 11px 0;
	}
	
	.chosen-filters .chosen-header {		
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		justify-content: space-between;
		margin-bottom: 15px;
	}
	
	.chosen-filters h4 {
		flex: 0 0 auto;
	}
	.chosen-filters .clear-facets-selection {
		margin: 0;
		flex: 0 0 auto;
	}
	.chosen-filters .wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.chosen-filters .facet-selected {
		display: inline-block;
		padding-bottom: 15px;
	}
	.chosen-filters .facet-selected .hdr {
		display: none;
	}
	.chosen-filters .facet-selected li {
		padding-left: 0;
		display: inline-block;
		margin-right: 5px;
	}
	.chosen-filters .hyp,
	.chosen-filters .remove-filter {
		position: relative;
		font-weight: 400;
		line-height: 24px;
		text-decoration: none;
		border: 1px solid #e6e6e6;
		border-radius: 2px;
		background-clip: padding-box;
		background-color: #f1f1f1;
		padding: 2px 8px;
		margin: 0 5px 5px 0;
		display: inline-block;
		cursor: pointer;
	}
	.chosen-filters .hyp:after,
	.chosen-filters .remove-filter:after {
		font-family: 'Material Icons';
		font-weight: 900;
		font-style: normal;
		font-size: 13px;
		display: inline-block;
		line-height: 1;
		text-transform: none;
		letter-spacing: normal;
		word-wrap: normal;
		white-space: nowrap;
		direction: ltr;

		-webkit-font-smoothing: antialiased;
		text-rendering: optimizeLegibility;

		-moz-osx-font-smoothing: grayscale;

		font-feature-settings: 'liga';
		content: "close";
		vertical-align: middle;	
	}
	.chosen-filters .remove-filter:hover {
		color: #ce8d9b;
		border-color: #ce8d9b;
		text-decoration: line-through;
	}
	
	
}
/*---------------------------------------
5.2.7 PANEL HEADER
---------------------------------------*/
.panel-wrapper {
		
}
.panel-header .counter-inside {
	display: none;
}
.panel-header .show-amount {
	display: none;
}
.panel-header .sorter-inside .lbl {
	display: none;
}
.panel-header .sorter-inside .ddlb-sorting {
	width: 100%	
}
@media (min-width: 639px) {
	.panel-wrapper {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0;
		padding: 8px;
		background-color: #eaeaea;
		border: 1px solid #dee4e6;
		color: #333;
	}
	.panel-header .counter-inside {
		display: block;
		line-height: initial;
	}
	.panel-header .right-view {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.panel-header .show-amount {
		display: block;
	}
	.panel-header .sorter-inside {
		width: auto;
		margin-left: 15px;
	}
	.panel-header .jump-page {
		margin-left: 15px;
	}

	.panel-header .junp-page .wrapper {
		display: inline-block;
		vertical-align: middle;
		text-align: left;
	}

	.panel-header .right-view .ddlb {
		height: 35px;
	}

	.panel-header .right-view .lbl {
		display: none;
	}
}
@media screen and (max-width: 639px) {
	.counter-inside, .sorting {
		display: block;
	}
}
.panel-header .view-changer {
	display: none;
}

/*---------------------------------------
5.3 BANNER
---------------------------------------*/
.productlist-list-page .colored-header-desktop:before {
	display: none;
}
.productlist-list-page .colored-header-desktop h1{
	text-transform: initial;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}

@media (min-width: 769px) {
	.productlist-list-page .colored-header-desktop {
		display: none;
	}
}
/*---------------------------------------
5.4 SLIDER
---------------------------------------*/
.productlist-list-page .image-slider {
	position:relative;
	display: none;
}
.productlist-list-page .image-slider .center {
	max-width: 1440px;
	padding: 0 15px;
	bottom: 25px;
	margin-left: 280px;
    position: absolute;
    z-index: 1;
}
.productlist-list-page .image-slider .center h2 {
		text-transform: initial;
		font-size: 50px;
		color: #fff;
		font-weight: 700;
		text-shadow: 1px 1px 1px #000;
	}
@media (min-width: 769px) {
	.productlist-list-page .image-slider .center {
	bottom: 25px;
		margin-left: 280px;
	}
	
	.productlist-list-page .image-slider .center h2 {
		font-size: 50px;
	}
}
@media (min-width: 769px) {
	.productlist-list-page .image-slider {
		display: block;
	}
}

.productlist-list-page .slider .new,
.productlist-search-page .slider .new {
    top: 0;
    left: 0;
    margin: 0 0 3px 0;
    padding: 0;
    background-size: 55px;
    color: black;
}

.new {
    position: absolute;
    bottom: 0;
    right: 0;
    width: auto;
    height: auto;
    background-image: url(/content/files/images/site_images/new.png);
    background-repeat: no-repeat;
    background-position: right 3px bottom 3px;
    background-size: 25% 25%;
    padding: 50%;
    margin: 0;
}
/*---------------------------------------
6. PRODUCT PAGE
---------------------------------------*/
.product-details-page .details-img {
	display: none;
}
.product-details-page .above-content{
}
@media (max-width: 1023px) and (min-width: 640px) {
	.product-details-page .details-info {
		margin-left: 0;
	}
}

.product-details-page .details-info {
	display: block;
}
@media screen and (min-width: 1024px) {
	.product-details-page .details-info {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		position: relative;
		margin-left: 0;
	}
}
.details-info .font-product-title,
.details-info .product-id {
	display: block;
}
@media screen and (min-width: 1024px) {
	.details-info .font-product-title,
	.details-info .product-id {
		display: none;
	}
}
.image-player {
}
.image-player .slick-slide{
	position: relative;
}
.item-desc {
	
}
@media screen and (min-width: 1024px) {
	.image-player {
		-webkit-box-flex: 1;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
	.item-desc {
		width: calc(100% - 500px);
		min-width: 450px;
		-webkit-box-flex: 1;
		-webkit-flex: 1 0 auto;
		-ms-flex: 1 0 auto;
		flex: 1 0 auto;
		top: 0;
		right: 0;
		position: absolute;
	}
	.item-desc.sticky {
		width: 450px;
	}
}
.item-desc-wrap {
    box-shadow: 0 0 0 1px #e4e6eb !important;
	padding: 16px;
	margin-top: 25px;
    background: #fff;
}
@media screen and (min-width: 1024px) {
	.item-desc-wrap.sticky {
		box-shadow: 0 0 0 1px #e4e6eb !important;	
		padding: 16px;
		margin-left: 0;
	}
	.item-desc-wrap {
		position: relative;
		background: #fff;
		margin-left: 30px;
		margin-top: 0;
		padding: 0;
		box-shadow: none !important;
	}
}
.item-desc-wrap.sticky {
	z-index: 1;
    position: fixed;
    top: 80px;
}

.product-details-page .related-info {
	display: none;
}
/*---------------------------------------
6.1 IMAGES
---------------------------------------*/
.image-player .details-images {
	background: #fff;
	padding: 0;
	text-align: center;
}
@media screen and (min-width: 1024px) {
	.image-player {
		width: calc(100% - 450px);
		max-width: 500px;
		min-height: 500px;
	}
}
.image-player .details-images .carousel {
	 border-radius: 3px;
	-webkit-border-radius: 3px;
	  box-shadow: 0 0 0 1px #e4e6eb !important;
}
/*
.image-player .details-images .carousel #imageGallery div,
.image-player .details-images .thumb-carousel #thumbGallery div {
	visibility: hidden;
	height: 0;
}
.image-player .details-images .carousel #imageGallery div:first-of-type,
.image-player .details-images .thumb-carousel #thumbGallery div:first-of-type {
	visibility: visible;
	height: auto;	
}
.image-player .details-images .carousel #imageGallery.slick-initialized div,
.image-player .details-images .thumb-carousel #thumbGallery.slick-initialized div {
	visibility: visible;
	height: auto;
}
*/
.slick-slide>* {
	margin: 0 auto;
}
.image-player .details-images img {
	opacity: 0;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
    color: #ffffff;
	z-index: 11;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
        background-color: rgba(0,0,0,.75);
}
.thumb-slider .slick-slide {
	position: relative;
	border: 1px solid transparent;
}
.thumb-slider .slick-slide>* {
	object-fit: cover;
    height: 100px;
}

.thumb-slider .slick-current {
	border-color: #555;
}
.spinner-text {
	height: auto !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	font-size: 24px;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

/*---------------------------------------
6.2 ORDER BLOCK
---------------------------------------*/

.details-info .id-holder {
	color: #333;
	font-size: 15px;
}
.details-info .h1-product-title {
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 15px;
}
.details-info .h1-product-title,
.item-desc h1,
.item-desc .title-holder {
	font-weight: 900;
	color: #000;
	text-transform: initial;
}
@media screen and (min-width: 1024px) {
	.details-info .h1-product-title,
	.item-desc h1,
	.item-desc .title-holder {
			margin-right: 34px;
	}
}
.item-desc h1,
.item-desc .title-holder {
	font-size: 22px !important;
	line-height: 22px !important;
	margin-bottom: 0 !important;
}

.item-desc .id-holder-orderbox {
	font-size: 15px;
	color: #333;
	margin: 10px 0 15px 0;
}
.item-desc .color-name {
	font-size: 14px;
	color: #333;
	display: block;
	margin-bottom: 7px;
}

.product-details-page .hyp-print-preview:before {
    border: none;
    position: absolute;
    top: 50%;
    outline: none;
	
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;  /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;

	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

	/* Support for IE. */
	font-feature-settings: 'liga';
  
    content: "print";
	
	float: left;
    line-height: 16px;
    margin: 0;
    text-indent: 0;
	color: #7A7A7A;
	
}
.item-desc .hyp-print-preview {
	position: absolute;
	top:-6px;
	right: 16px;
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
    width: 24px;
	padding: 0;
}

.item-desc.sticky .hyp-print-preview {
	top: 10px;
}
@media screen and (max-width: 1023px) {	
	.item-desc .hyp-print-preview {
		display: none !important;
	}
}

.upper-link.hyp-print-preview {
	float: right;
	padding-left: 30px;
}
.upper-link.hyp-print-preview:before {
	top: 0;
	line-height: initial;
}
@media screen and (min-width: 1024px) {	
	.upper-link.hyp-print-preview {
		display: none;
	}
	.title-holder {
		display: none;
	}
	.id-holder {
		display: none;
	}
}

.order-box .form-row.row-quantity .label {
	display: none;
}
.order-box .form-row.row-quantity .selected-color-name {
	display: inline-block;
    margin-left: 15px;
}
.order-box .form-row.row-price {
	margin-bottom: 0;
}
.order-box .form-row.row-price .label {
	display: none;
}
.order-box .lbl-price,
.item-desc-wrap .lbl-price {
	font-family: "Century Gothic", CenturyGothic, Helvetica, Arial, sans-serif;
	color: #333 !important;
	font-size: 33px;
    line-height: 43px;
	font-weight: 800;
}
.order-box .list-price,
.item-desc-wrap .list-price {
	display: none;
}

.order-box .action-price,
.item-desc-wrap .action-price {
	color: #737373;
    display: inline-block;
    font-size: 14px;
    line-height: 33px;
    text-decoration: none;
	margin-right: 10px;
	vertical-align: text-bottom;
	position: relative;
}
.order-box .action-price:empty,
.item-desc-wrap .action-price:empty {
	display: none;
}
.order-box .action-price:after,
.item-desc-wrap .action-price:after {
    border-top: 1px solid red;
    content: " ";
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: rotate(-22deg);
    -ms-transform: rotate(-22deg);
    transform: rotate(-22deg);
}
.order-box .row-btn-add .btn-add-to-basket,
.item-desc-wrap .row-btn-add .btn-add-to-basket {
	margin-top: 20px;
}
.item-desc-wrap .specifications .name {
	padding-right: 15px;
	color: #7a7a7a;
}
@media screen and (min-width: 1024px){
	.item-desc-wrap .specifications .name {
		width: 250px;
	}
}
.item-desc-wrap .specifications .value {
	word-break: break-word;
	color: #7a7a7a;
}
.item-desc-wrap .order-box-description p {
	margin: 0
}
.item-desc-wrap .login_explanation p {
	margin-top: 0;
}
.item-desc-wrap .arrow-blue {
	display: block;
	padding-left: 0;
}
.item-desc-wrap .msg-block {
	background-color: rgba(198, 5, 5, 1);
	color: #fff;
}
/*---------------------------------------
	6.3 STICKY ORDER BLOCK	
---------------------------------------*/
.sticky-product.is-visible-sticky {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.sticky-product {
	background-color: #fff;
	border-top: 1px solid #d9e4eb;
	display: block;
	left: 0;
	height: 75px;
	overflow: hidden;
	position: fixed;
	right: 0;
	bottom: 0;
	margin: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform .4s;
	transition: -webkit-transform .4s;
	transition: transform .4s;
	transition: transform .4s,-webkit-transform .4s;
	will-change: transform;
	z-index: 101;
}
.st-img {
	top: 0;
	left: 0;
	position: absolute;
	width: 75px;
	height: 75px;
}
.st-img img {
	height: auto;
	left: 50%;
	max-height: 75px;
	max-width: 75px;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: auto;
}
.st-header {
	font-size: 16px;
	font-weight: 900;
	margin-bottom: 0;
	padding: 10px 65px 0 90px;
	display: block;
	display: -webkit-box;
	margin: 0 auto;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: initial;
}
.sticky-product form {
	display: none;
}



.sticky-product .st-price {
	margin: 10px 0;
	padding: 5px 25% 0 90px;
	display: block;
	display: -webkit-box;
	margin: 0 auto;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: initial;
}
.sticky-product .prices-action .lbl-price {
	font-family: "Century Gothic", CenturyGothic, Helvetica, Arial, sans-serif;
	font-size: 16px;
}
.sticky-product .prices-action .prices-action>div {
	vertical-align: top;
}
.sticky-product .prices-action .lbl-price sup {
	font-size: 100%;
	top: 0;
}
.sticky-product .prices-action .after-prices div {
	display: inline-block;
}
.sticky-product .hyp-volume-prices {
	display: none;
}

.sticky-product .btn {
     top: 10px;
    right: 10px;
    position: absolute;
}
.sticky-product button.btn {
	padding: 0 18px 0 18px;
	max-width: 136px;
}
.sticky-product button.btn:after {
	display: none;
}

@media screen and (min-width: 1024px){
	.sticky-product {
		display: none;
	}
}


.item-desc-wrap.sticky .order-box-description,
.item-desc-wrap.sticky .specifications {
	display: none;
}

/*---------------------------------------
6.2.1 VARIANT ICONS
---------------------------------------*/
ul.detailVariantColors {
	list-style: none;
    margin: 15px 0 0 0;
    padding: 0;
}
ul.detailVariantColors li {
	display: block;
	position: relative;
    padding: 0 0 15px 0;
}

@media screen and (min-width: 640px){
	ul.detailVariantColors li {
		padding: 0 0 4px 0;
	}
}
ul.detailVariantColors li .color-icon-btn {
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;	
    overflow: hidden;
    flex-wrap: nowrap;
}
ul.detailVariantColors li img {
	display: inline-block;
	margin-right: 7px;
    overflow: hidden;
    border: 1px solid #dee4e6;
	max-height: 50px;
	width: 50px;
	vertical-align: super;
}

@media screen and (min-width: 640px){
	ul.detailVariantColors li img {
		width: auto;
		max-height: 30px;
		vertical-align: middle;
	}
}


.item-desc .sticky ul.detailVariantColors li img {
	vertical-align: top;
	margin-top: 8px;
}
ul.detailVariantColors li.active img{
	border-color: #555;
}

ul.detailVariantColors li.inactive img {
	border-color: red;
}

ul.detailVariantColors li i.in-stock {
	color: #3cb300;
}
ul.detailVariantColors li i.out-stock {
	color: #c00;
}
ul.detailVariantColors li i.low-stock {
	color: #f28100;
}
ul.detailVariantColors li i.new-stock {
	color: #f2c500;
}
ul.detailVariantColors li i.outflow-stock {
	color: #ad9534;
}
/*---------------------------------------
6.2.2 STOCK
---------------------------------------*/

.item-desc .product-inventory {
	display: inline-block;
}
.item-desc .product-name {
	display: block;
	width: auto;
}

@media screen and (min-width: 640px){
	.item-desc .product-name {
		display: inline-block;
		width: 250px;
		margin-right: 7px;
	}
}
.item-desc .sticky .product-name {
	width: auto;
	display: block;
}
.item-desc .active .product-name {
	font-weight:  bold;
}
.item-desc .stock {
	display: inline-block;
    text-align: left;
	color: #333;
}
@media screen and (min-width: 640px){
	.item-desc .stock {
		display: inline-block;
		margin-right: 7px;
	}
}
.item-desc .stock .stock-indication{
	display: inline-block;
	margin-right: 10px;
}
.item-desc .stock .stock-available{
	display: inline-block;
	margin-right: 8px;
}
.item-desc .stock .lbl-stock {
	display: none;
	font-weight:  normal;
	color: #333;
}

.item-desc .stock .lbl-stock.show {
	display: block;
}
.item-desc .stock .lbl-stock i {
	margin-right: 8px;
}

.item-desc .stock .in-stock i {
	color: #3cb300;
}
.item-desc .stock .out-stock i {
	color: #c00;
}
.item-desc .stock .low-stock i {
	color: #f28100;
}
.item-desc .stock .new-stock i {
	color: #f2c500;
}
.item-desc .stock .outflow-stock i {
	color: #ad9534;
}

.item-desc .stock .lbl-stock-hidden {
	display: none;
}
.orrHref.hidden {
	display: none;
}

/*---------------------------------------
6.2.2.1 STOCK INFORMATION
---------------------------------------*/

.tooltip_templates  {
	display: none;
}
i.stock-explanation-btn {
	cursor: pointer;
}
@media screen and (max-width: 1023px){
	i.stock-explanation-btn:before {
		font-size: 24px;
	}
}
.stock-explanation > span {
	display: none;
}
div.actionbox {
	-webkit-animation: scale-actionbox .1s ease-out;
	animation: scale-actionbox .1s ease-out;
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: 2px 2px 3px 0 rgba(50,50,50,.24);
	margin: 0;
	padding: 0;
	position: relative;
	-webkit-transform-origin: left;
	transform-origin: left;
	width: 200px;
	z-index: 1000;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
.actionbox_title {
	padding: 24px 24px 0 24px;
}
.actionbox_title .actionbox_title_header {
	padding-right: 24px;
	line-height: 26px;
	font-size: 22px;
}
.actionbox-close {
	color: #f78400;
	position: absolute;
	right: 24px;
	top: 24px;
	width: 24px;
	height: 24px;
	text-align: center;
	font-size: 24px;
}
.actionbox-close:hover {
	color: #ac5c00;
}
.actionbox_content {
	margin-top: 1rem;
	padding: 0 24px 24px 24px;
	position: relative;
}
.actionbox_arrow {
	left: 0;
	position: absolute;
	top: 0;
	width: 22px;
	height: 22px;
}

.actionbox_arrow:before, .actionbox_arrow:after {
	border: 1px solid transparent;
	content: "";
	height: 0;
	position: absolute;
	right: 100%;
	width: 0;
}
.actionbox_arrow:after {
	border-right-color: #fff;
	border-width: 10px;
	top: 17px;
}

.actionbox_arrow:before {
	border-right-color: #ccc;
	border-width: 11px;
	top: 16px;
}
@-webkit-keyframes scale-actionbox {
	0% {
		-webkit-transform: scale(.7);
		transform: scale(.7)
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes scale-actionbox {
	0% {
		-webkit-transform: scale(.7);
		transform: scale(.7)
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

/*---------------------------------------
6.4 BOTTOM INFO
---------------------------------------*/

.product-bottom-info {
	max-width: 1440px;
	width: 100%;
	padding: 0 1%;
	margin: 0;
	display: block;
	position: relative;
}

@media screen and (min-width: 1024px) {
	.product-bottom-info {
		width: calc(100% - 450px);
	}
}
/*---------------------------------------
6.4.1 NAVIGATOR
---------------------------------------*/
@media screen and (min-width: 1024px) {
	.product-anchor-wrapper {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
	}
}
.product-anchor-links {
	background-color: #fff;
	border-top: 1px solid #d9e4eb;
	border-bottom: 1px solid #d9e4eb;
	margin: 0 1%;
    z-index: 1;
    transition: all .2s ease-out;
}
.product-anchor-links.sticky {
	position: fixed;
	width: 100%;
	left: 0;
	right: 0;
	background-color: #f1f1f1;
	border-top: 0px solid transparent;
    margin: 0;
    padding: 0;
    z-index: 10;
}
.product-anchor-links .center {
	padding: 0 10px;
}
.product-anchor-links ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.product-anchor-links.sticky ul {
	padding: 0 1%;
}
.product-anchor-links ul li {
    display: inline-block;
}
.product-anchor-links ul li a {
	line-height: 39px;
	padding: 0 5px;
	text-decoration: none;
	display: block;
	color: #333;
	border-bottom: 3px solid transparent;
}
.product-anchor-links ul li a:hover {
	border-color: rgba(251, 186, 0, 1);
}

.product-anchor-links ul li a.active {
	border-color: rgba(251, 186, 0, 1);;
}


/*---------------------------------------
6.4.2 SUMMARY
---------------------------------------*/
.product-summary-information {
	background: #fff;
}
@media screen and (min-width: 1024px) {
	.product-summary-information {
		padding-top: 44px;
	}
}
.product-summary-information>div {
	border-bottom: 1px solid #d9e4eb;
	margin-top: 24px;
	padding: 0 0 24px 0;
}

.product-summary-information .title,
.related-header {
	font-size: 24px;
	font-weight: 900;
	color: #000;
	margin-bottom: 24px;
}

/*---------------------------------------
6.4.2.1 DESCRIPTION
---------------------------------------*/
.product-summary-information .description p {
	margin: 0;
}
/*---------------------------------------
6.4.2.2 SPECIFICATIONS
---------------------------------------*/
.product-summary-information .specifications tr td {
	color: #7A7A7A;
	padding: 2px 5px;
}
.product-summary-information .specifications tr td:first-of-type {
	border-right: 10px solid #fff;
	width: 50%;
}
.product-summary-information .specifications tr:nth-child(even) td {
	background: #f1f1f1;
}

/*---------------------------------------
6.4.2.3 DOWNLOADS
---------------------------------------*/

.product-summary-information .attachments tr:last-of-type td {
	border-color: transparent;
}
.product-summary-information .attachments tr:nth-child(even) td {
	background: #f1f1f1;
}
.product-summary-information .attachments tr td.name {
	width: 100%;
	padding: 5px 0;
}
.product-summary-information .attachments tr td.value {
	display: none;
}
/*---------------------------------------
6.4.2.4 360 DEGREES
---------------------------------------*/
.product-summary-information #sirv_spin,
.product-anchor-links ul li.sirv_spin {
    display: none; /* Initially hide these elements */
}

.spin {
    display: flex;            /* Use flexbox layout */
    flex-wrap: wrap;         /* Allow items to wrap to the next line */
    justify-content: flex-start; /* Align items to the start of the row */
}

.spin .Sirv {
    flex: 0 0 calc(33.33% - 10px); /* Fixed width of 33.33% with a margin */
    margin: 5px;              /* Space between items */
    box-sizing: border-box;   /* Include padding and border in width */
}

/* Ensures that if there are fewer than 3 images, they still take up 33.33% of the space */
.spin .Sirv:nth-child(n+1):nth-last-child(-n+3) {
    flex: 0 0 calc(33.33% - 10px); /* Maintain the width for 1 to 3 items */
}

/* Media Queries */
@media screen and (min-width: 480px) and (max-width: 1280px) {
    .spin {
        /* Adjusting for medium screens with auto-fill */
        flex-direction: row;  /* Ensure items are in rows */
    }
}

@media screen and (min-width: 1281px) {
    .spin {
        /* Adjusting for larger screens */
        flex-direction: row;  /* Ensure items are in rows */
    }
}

.spin .Sirv:empty {
    order: 1; /* Place empty items at the end */
}

/*---------------------------------------
6.4.2.5 RELATED
---------------------------------------*/

#related {
}
#relatedProductsTabSerie {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;	
    overflow: hidden;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.related-products {
	border-bottom: 1px solid #d9e4eb;
	padding-top: 24px;
	padding-bottom: 24px;
}
.related-products .simple-product-tile {
	border: 1px solid #d9e4eb;	
	flex: 0 0 auto;
	max-width: initial;
	width: calc(100% - 20px);
	margin: 10px;
}

@media screen and (min-width: 480px) and (max-width: 1280px) {
	.related-products .simple-product-tile {
		width: calc(50% - 20px);
	}
}
@media screen and (min-width: 1281px) {
	.related-products .simple-product-tile {
		width: calc(33% - 20px);
	}
}
.related-products .simple-product-tile>div {
	padding: 10px;
}
.related-products .simple-product-tile .text-left {
	padding-top: 10px;
	text-align: center;
}

/*---------------------------------------
6.5 LAST VIEWED PRODUCTS
---------------------------------------*/
.last-viewed .ui-tabs-nav {
	margin-bottom: 0;
}
#lastViewedProductsTab {
	border-bottom: 1px solid #e6e6e6;
}
#lastViewedProductsTab .blocks-row {
	margin: 0;
	padding: 0;
}

@media (min-width: 640px) {
	#lastViewedProductsTab .blocks-row-item {
		border-left: 1px solid #e6e6e6;
	}
	#lastViewedProductsTab .blocks-row-item:first-of-type {
		border-left: 0px solid transparent;
	}
}


@media (max-width: 1023px) {
	.column .products-group .blocks-row-item {
		width: 50%;
	}
}
@media (min-width: 640px) and (max-width: 1023px) {
	.product-details-page #lastViewedProductsTab .blocks-row-item {
		width: 33.333%;
	}
	

}
@media (min-width: 1024px) {
	.product-details-page #lastViewedProductsTab .blocks-row-item {
		width: 25%;
	}
}
@media (min-width: 1024px) and (max-width: 1439px) {
	.column .products-group .blocks-row-item {
		width: 33.333%;
	}
}

@media (min-width: 1440px) {
	.column .products-group .blocks-row-item {
		width: 25%;
	}
	.column .products-group .blocks-row-item:nth-child(4) {
		display: block;
	}
}
#lastViewedProductsTab .product-tile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;	
    overflow: hidden;
}

#lastViewedProductsTab .product-tile .product-description {
      margin-bottom: 5px;
}
#lastViewedProductsTab .product-tile .list-price {
	margin-right: 10px;
}
#lastViewedProductsTab .product-tile .list-price.show {
	display: inline-block;
}
#lastViewedProductsTab .slick-dots {
	bottom: -17px;
}
#lastViewedProductsTab  .product-tile .lbl-price {
	font-size: 20px;
     line-height: initial;
}
#lastViewedProductsTab .blocks-row-item .product-id,
#lastViewedProductsTab .blocks-row-item .product-action .btn {
	display: none;
}
.last-viewed .hyp-tab-action:not(#clearLastViewedProducts) {
	display: none;
}

/*---------------------------------------
7. BASKET/CHECKOUT PAGE
---------------------------------------*/
.basket-page-cnt {
	display: block;
}
@media screen and (min-width: 1024px) {
	.basket-page-cnt {
		display: flex;
	}
}
.columns-general.compact.checkout-page-cnt>.column,
.columns-general.compact.basket-page-cnt>.column {
	-ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
    -ms-flex:0;
    flex: 0;
	padding: 0 !important;
}

@media screen and (min-width: 1024px) {
	.columns-general.compact.checkout-page-cnt>.column,
	.columns-general.compact.basket-page-cnt>.column {
		width: 300px;
		-ms-flex-preferred-size: 300px;
		flex-basis: 300px;
		max-width: 300px;
		-ms-flex: 1 auto;
		flex: 1 auto;
		padding: 0;
	}
	.columns-general.compact.basket-page-cnt {
		position: relative;
	}
	.columns-general.compact.basket-page-cnt>.column.border-simple-left.sticky {
		height: auto;
		top: 0;
		right: 0;
		position: absolute;
	}
	.columns-general.compact.checkout-page-cnt>.column.wide,
	.columns-general.compact.basket-page-cnt>.column.wide {
		/*width: calc(100% - 300px) !important;*/
		-ms-flex-preferred-size: calc(100% - 300px);
		flex-basis: calc(100% - 300px);
		max-width: calc(100% - 300px);
	}
	
	.basket-details-page .columns-general.compact .column.wide {
		padding: 0 15px 0 0 !important;
	}
}

@media screen and (min-width: 640px) {
	.basket-page-cnt .panel-header {
		display: none;
	}
}
@media screen and (max-width: 639px) {
	.list-wrapper {
		margin: 0;
	}
	.list-wrapper li {
		padding: 0;
	}
}
.checkout-shippingmethods-page .method-title span,
.orders-details-page .gvi-name-value span.none,
.checkout-orderoverview-page .checkout-summary span.none {
    display: none;
}
.checkout-shippingmethods-page .checkout-step tbody tr td.col-method-description,
.checkout-shippingmethods-page .checkout-step tbody tr td.col-method-cost,
.checkout-shippingmethods-page .checkout-step thead tr th.col-method-description,
.checkout-shippingmethods-page .checkout-step thead tr th.col-method-cost {
    display: none;
}


/*---------------------------------------
7.1 BASKET
---------------------------------------*/

.basket-totals-wrapper .list-totals {
	font-size: 12px;
}
/* TABLE */

@media screen and (min-width: 640px){
	.gvi-basket,
	.gvi-basket thead,
	.gvi-basket tbody,
	.gvi-basket tr, 
	.gvi-basket td {
		display: block;
	}
	.gvi-basket tr {
		width: 100%;
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		flex-wrap: nowrap;
	}
	.gvi-basket td {
		box-sizing: border-box;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
	
}
.gvi-basket-wrapper .row-service {
	display: none !important;
}
.gvi-basket .row-state {
	opacity: 1 !important;
}
/* TABLE HEADER */
/* TABLE BODY */
.gvi-basket .col-first {
	width: 100px !important;	
}
.gvi-basket .text-left,
.gvi-basket .col-info {
	width: auto;
    flex: 1 1 auto;
}
.gvi-basket thead .col-price,
.gvi-basket thead .col-total {
	flex-grow: 0;
}
.gvi-basket .col-price {
		width: 90px;
}
.gvi-basket .col-quantity,
.gvi-basket .col-qty {
	width: 95px;
}
.gvi-basket .col-total {
		width: 95px;
}

.gvi-basket thead tr,
.gvi-basket thead th {
	border-color: transparent;
	line-height: 28px;
}
.gvi-basket thead .col-price,
.gvi-basket thead .col-quantity,
.gvi-basket thead .col-total {
	text-align: right;
}
.gvi-basket .inner-row .col-info .product-img {
	margin-right: 15px;
}
.gvi-basket td,
.gvi-basket .font-lighter {
	color: #333;
}
.gvi-basket a {
	font-weight: 300;
}
.gvi-basket .upper-row td {
	border-style: solid;
	padding: 10px 0;
}
/* THUMBNAIL */
.gvi-basket .product-img, .gvi-basket .hyp-thumbnail,
.basket-b2b-mode .gvi-basket .product-img, .basket-b2b-mode .gvi-basket .hyp-thumbnail {
    height: 85px;
    width: 85px;
}

.gvi-basket .product-img,
.gvi-basket .hyp-thumbnail img,
.gvi-basket .thumbnail img {
    object-fit: fill;
    width: 85px;
    height: 85px;
}
.checkout-page-cnt .border-simple-left,
.basket-details-page .border-simple-left {
	border-left-width: 0;
	border-left-color: transparent;
}
.checkout-page-cnt .border-simple-left {
	padding: 0 !important;
}
.checkout-page-cnt .checkout-step {
	margin-bottom: 20px;
	padding-top: 0;
}
.checkout-page-cnt .checkout-details,
.basket-details-page .columns-general.compact .column .basket-details {
	background: rgba(244, 244, 244, 0.4);
	border: 1px solid #e6e6e6;
	padding: 10px;
}
.basket-details-page .columns-general.compact .column .basket-details.sticky {
     position: fixed;
}
.checkout-page-cnt .checkout-details:after {
	clear: both;
	content: '';
	display: block;
}
#orderAdressPage .form-row,
#guestOrderAdressPage .form-row {
    max-width: 100%;
}
@media screen and (min-width: 640px){
	.gvi-basket thead {
		background: rgba(244, 244, 244, 0.4);
	}
	.gvi-basket thead tr th:first-of-type {
		margin-left: 10px;
	}
	.gvi-basket thead tr th:last-of-type {
		margin-right: 10px;
	}
	.gvi-basket .list-wrapper {
		margin: 0;
	}
	.gvi-basket .list-wrapper li {
		padding: 0;
	}
}

@media screen and (max-width: 639px){
	.gvi-basket-wrapper {
		margin: 0;
	}
	.basket-details-page .columns-general.compact .column .basket-details {
		margin-top: 15px !important;
	}
	.gvi-basket .upper-row.row-collapsed .col-total,
	.gvi-basket .upper-row.row-expanded .col-total,
	.gvi-basket .upper-row.row-collapsed .col-first span,
	.gvi-basket .upper-row.row-expanded .col-first span {
		display: none;
	}
	.gvi-basket .upper-row.row-collapsed td,
	.gvi-basket .upper-row.row-expanded td {
		padding: 0;
	}
	
	.gvi-basket .upper-row.row-collapsed .col-first,
	.gvi-basket .upper-row.row-expanded .col-first,
	.gvi-basket .upper-row.row-collapsed .col-info,
	.gvi-basket .upper-row.row-expanded .col-info {
		padding-top: 10px;
	}
	.gvi-basket .row-state {
		display: block !important;
	}
	.id-variant-aria .product-id,
	.id-variant-aria .product-variant {
		display: inline-block;
	}
}

.gvi-basket .vertical-line {
	margin-left: 0;
}
.gvi-basket .vertical-line:before {
	display: none;
}


.gvi-basket .product-title-super {
    font-family: "Century Gothic", CenturyGothic, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 900;
}
.gvi-basket .id-variant-aria .product-id {
	width: auto;
}
.gvi-basket .id-variant-aria .product-variant .cell-name {
	display: none;
}
.gvi-basket .id-variant-aria .product-variant:before {
	content: " / ";
}
.gvi-basket .hyp-view {
	display: none;
}

.gvi-basket .action-links {
	position: relative;
	margin-top: 5px;
}
.gvi-basket .action-links .hyp+.hyp:before,
.gvi-basket .inner-row .action-links .hyp-remove:before {
	font-weight: 900;
    font-family: Font Awesome\ 5 Free;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 16px;
    line-height: initial;
    text-align: center;
    background: none;
    position: relative;
    right: auto;
    width: auto;
    height: auto;
    content: "\F1F8";
    margin-right: 5px;
}
.gvi-basket .action-links .hyp+.hyp,
.gvi-basket .inner-row .action-links .hyp-remove {
	border-left: 0px solid transparent;
	padding: 0;
	margin: 0;

	color: #333;
}
.gvi-basket .inner-row .action-links .hyp-remove {
	top: 16px;
}
.gvi-basket .action-links .hyp+.hyp:hover,
.gvi-basket .inner-row .action-links .hyp-remove:hover {
	text-decoration: none;
}

.gvi-basket tbody tr .col-total {
	border-left: 1px solid #e6e6e6;
}
.gvi-basket tr.row-service .col-total {
	border-left-width: 0px;
	border-left-color: transparent;
}
.gvi-basket tr .col-total .product-total {
	font-weight: 900;
	font-size: 16px;
}
.gvi-basket tr .col-total .product-total .cell-name {
	font-weight: 300;
	font-size: 14px;
}
.gvi-basket tr.inner-row .col-total .product-total {
	font-size: 14px;
}
/* VARIANTS */
.gvi-basket .row-header .action-links,
.gvi-basket .row-header .qty-control  {
	display: none;
}
@media screen and (min-width: 640px){
	.gvi-basket .btn-show-hide {
		display: none;
	}
}
.gvi-basket .inner-row.row-variant-product .col-first {
	width: 0;
	display: none;
}
/*---------------------------------------
7.2 CHECKOUT
---------------------------------------*/
@media screen and (min-width: 640px) {
	.columns-general.compact.checkout-page-cnt>.wide {
		padding: 0 15px 0 0 !important;
	}
}
@media screen and (max-width: 1023px) and (min-width: 640px) {
	.columns-general.compact.checkout-page-cnt>.column,
	.columns-general.compact.basket-page-cnt>.column {
		padding: 0 !important;
	}
}

/* BUTTONS */
.next-inside {
	width: 100%;
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.next-inside a,
.next-inside .btn {
	box-sizing: border-box;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
}
.next-inside a,
.pay-row a {
    padding: 0 54px 0 18px;
    background: #444;
    border-color: #444;
	    font-size: 16px;
		color: #fff;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
    font-family: "Century Gothic", CenturyGothic, Helvetica, Arial, sans-serif;
    height: 45px;
    line-height: 43px;
	position: relative;
    border-radius: 2px;
    padding: 0 18px 0 54px;
}

.next-inside a:before,
.pay-row a:before {
    content: '';
    display: block;
	width: 38px;
    height: 45px;
    background: url(../../files/icons/btn-arrow-right.png) center center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
	transform: rotate(180deg);
}
.next-inside a:after,
.pay-row a:after {
    content: '';
	width: 38px;
    height: 45px;
    background: url(../../files/icons/btn-bg-left-bottom.png) left top no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

.next-inside a:hover,
.pay-row a:hover,
.next-inside a:focus,
.pay-row a:focus {
    background: #666;
    border-color: #666;
	text-decoration: none;
	color: #fff;
}
@media only screen and (max-width: 639px) {	

	.gvi-basket-overview-wrapper {
		margin: 0;
	}

	/* SHIPMENT */
	.gvi-methods-wrapper .gvi-methods td,
	.gvi-methods-wrapper .responsive-table tbody td	{
		padding-left: 0 !important;		
	}
	.gvi-methods {
		margin-bottom: 20px;
	}
	.gvi-methods tr {
		display: table-row!important;
	}

	.gvi-methods tr:not(:first-of-type) .col-method-selection:before {
		content: '';
	}
	.gvi-methods .col-method-name,
	.gvi-methods.responsive-table td	{
     padding: 12px 15px 12px 0;
		display: table-cell;
	} 
	
	/* CHECKOUT STEPS */
	.current-step {
		font-size: 18px;
		margin-bottom: 10px;
		color: #333;
	}
	.current-step span i,
	.current-step span span{
		display: none;
	}
	.checkout-steps {
		display: block;
		padding: 0 0 4px 4px;
	}
	.checkout-steps ol {
		-ms-box-orient: horizontal;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: row;
		flex-flow: row;
		padding: 0;
		list-style: none;
		counter-reset: item;
	}
	.checkout-steps li {
		border-color: #dfe7ec;
		border-style: solid;
		border-width: 2px 0;
		display: block;
		float: left;
		list-style: none;
		margin: 12px 0;
		padding: 0;
		counter-increment: item;
		position: relative;
		-webkit-flex: 1;
		flex: 1;
	}
	.checkout-steps li.completed {
		border-color: rgba(253, 222, 132, 1);
	}
	.checkout-steps li.active {
		border-color: rgba(251, 186, 0, 1);
	}
	.checkout-steps li:first-child {
		width: 25px;
		-webkit-flex: none;
		flex: none;
	}
	.checkout-steps li:not(:first-child) {
		width: 20%;
	}
	
	.checkout-steps li:before {
		background: #dfe7ec;
		background-clip: padding-box;
		border-radius: 100rem;
		content: counter(item);
		display: block;
		height: 29px;
		right: 0;
		position: absolute;
		top: -16px;
		width: 29px;
		font-size: 20px;
		color: #000;
		font-weight: 900;
		text-align: center;
	}
	.checkout-steps li.completed:before {
		background-color: rgba(253, 222, 132, 1);
		content: '';
		color: #000;
	}
	.checkout-steps li.active:before {
		background-color: rgba(251, 186, 0, 1);
	}
	.checkout-steps li.completed:after {
		font-weight: 900;
		font-family: Font Awesome\ 5 Free;
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		line-height: 1;
		font-size: 14px;
		color: #000;
		line-height: initial;
		text-align: center;
		background: none;
		position: relative;
		right: auto;
		width: auto;
		height: auto;
		content: "\f00c";
			
		position: absolute;
		right: 4px;
		text-align: center;
		top: -9px;
		width: 22px;
		
	}

		.checkout-steps li h2 {
			display: block;
			height: 2.5rem;
			position: absolute;
			right: 0;
			top: -.2rem;
			width: 2.5rem;
		}
		.checkout-steps li h2 i,
		.checkout-steps li h2 span {
			display: none;
		}
}
@media only screen and (min-width: 640px) and (max-width: 1023px) {
	.columns-general.compact.checkout-page-cnt {
		display: table;
	}
}
.gvi-basket-overview td,
.gvi-basket-overview .font-lighter {
    color: #333;
}
.gvi-basket-overview td.col-first {
    width: 100px !important;
	min-width: 100px !important;
	max-width: 100px !important;
    padding: 20px 0;
	padding-left: 0 !important
}

.gvi-basket-overview .product-img,
.gvi-basket-overview .hyp-thumbnail {
    height: 85px;
    width: 85px;
}
.gvi-basket-overview .product-img,
.gvi-basket-overview .hyp-thumbnail img,
.gvi-basket-overview .thumbnail img {
    object-fit: fill;
    width: 85px;
    height: 85px;
}
.gvi-basket-overview .col-info a {
	display: block;
	width: 100%;
}
.gvi-basket-overview .col-info div {
	width: auto;
	display: inline-block;
}
.gvi-basket-overview .col-info .product-variant:before {
    content: " / ";
}
.gvi-basket-overview tr .col-total .price-node {
    font-weight: 900;
    font-size: 16px;
}
.gvi-basket-overview .product-title-super {
	font-family: "Century Gothic", CenturyGothic, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 900;
}
.responsive-table-0 tbody td:nth-of-type(1):before {
	content: '' !important;
}
	.gvi-basket-overview .upper-row.row-service .product-id {
		display: none;
	}	
@media only screen and (max-width: 639px) {
	.gvi-basket-overview .row-header {
		display: none;
	}

	.gvi-basket-overview-wrapper {
		 padding: 0 15px;
	}
	.gvi-basket-overview-wrapper td.col-price,
	.gvi-basket-overview-wrapper td.col-qty {
		padding-right: 0;
		
	}
	.gvi-basket-overview-wrapper td.col-total {
		padding: 9px 15px;
		margin: 15px -15px 0;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		overflow: hidden;
		width: auto;
	}
	.gvi-basket-overview .inner-row {
		border-color: transparent;
	}
	.gvi-basket-overview.responsive-table td:before {
		margin-left: 0;
	}
	.gvi-basket-overview.responsive-table td.col-total:before {
		margin-left: 15px;
	}
	.gvi-basket-overview .row-service .col-first {
	    width: 0 !important;
		min-width: 0 !important;
	}
	.gvi-basket-overview .col-info {
		margin-left: 0;
	}
}
@media only screen and (min-width: 640px) {
	/* BASKET OVERVIEW */
	.gvi-basket-overview thead {
		background: rgba(244, 244, 244, 0.4);
		border-bottom: 1px solid #e6e6e6;
	}
	.gvi-basket-overview thead tr th:first-of-type {
		padding-left: 10px;
	}
	.gvi-basket-overview thead tr th:last-of-type {
		padding-right: 10px;
	}
	.gvi-basket-overview thead tr,
	.gvi-basket-overview thead th {
		line-height: 28px;
	}
	.gvi-basket-overview .inner-row td {
		padding: 10px 0;
	}
	.gvi-basket-overview .col-info {
		 max-width: calc(100% - 380px);
	}
	.gvi-basket-overview .col-price {
			width: 90px;
	}
	.gvi-basket-overview .col-qty {
		width: 95px;
	}
	.gvi-basket-overview .col-total {
		width: 95px;
	}
	.gvi-basket-overview .upper-row td {
		border-style: solid;
		padding: 0;
	}
	.gvi-basket-overview .upper-row td.col-info,
	.gvi-basket-overview .upper-row.row-service td {
		padding: 20px 0;
	}

	
	

/* CHECKOUT STEPS */
.current-step {
	display: none;
}
.checkout-steps {
	display: table-caption;
	margin: 15px 0 10px 0;
}
.checkout-steps ol {
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
	.checkout-steps li {
		width: 33.333%;
		display: block;
		float: left;
		height: 40px;
		position: relative;
		font-size: 20px;
	}
		.checkout-steps h2 {
			background: #f3f3f3;
			border: 1px solid #ddd;
			border-left-width: 0;
			border-right-width: 0;
			color: #000;
			display: block;
			font-weight: 600;
			font-size: 16px;
			line-height: 38px;
			margin-right: 10px;
			padding-left: 20px;
			padding-right: 8px;
			text-transform: capitalize;
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
		}
		.checkout-steps li:first-of-type h2 {
			border-left-width: 1px;
			border-radius: 3px 0 0 3px;
			background-clip: padding-box;
			padding-left: 10px;
		}
		
		.checkout-steps li:last-of-type h2 {
			border-right-width: 1px;
			border-radius: 0 3px 3px 0;
			background-clip: padding-box;
			margin-right: 1px;
		}
		.checkout-steps .active h2,
		.checkout-steps .active.completed h2 {
			background-color: rgba(251, 186, 0, 1);
			border-color: rgba(251, 186, 0, 1);
			color: #111;
			font-weight: 700;
		}
		.checkout-steps .completed h2 {
			background-color: rgba(253, 222, 132, 1);
			border-color: rgba(253, 222, 132, 1);
			padding-right: 20px;
		}
			.checkout-steps li i {
				display: none;
			}
			.checkout-steps .completed i {
				display: block;
				position: absolute;
				right: 1.6rem;
				top: .7rem;
			}

	.checkout-steps .arrow {
		height: 0;
		line-height: 0;
		position: absolute;
		top: 0;
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		width: 0;
	}
		.checkout-steps .current .arrow {
			height: 0;
			line-height: 0;
			position: absolute;
			top: 0;
			width: 0;
		}
	.checkout-steps .arrowEnd {
		background: #fff;
		border-bottom: 20px solid transparent;
		border-left: 10px solid #ccc;
		border-top: 20px solid transparent;
		right: 1px;
	}
		.checkout-steps .active .arrowEnd,
		.checkout-steps .active.completed .arrowEnd {
			background-color: #fff;
			background-image: none;
			border-bottom: 20px solid transparent;
			border-left: 10px solid  rgba(251, 186, 0, 1);
			border-top: 20px solid transparent;
			right: 1px;
		}
		.checkout-steps .completed .arrowEnd {
			background-color: #fff;
			background-image: none;
			border-bottom: 20px solid transparent;
			border-left: 10px solid  rgba(253, 222, 132, 1);
			border-top: 20px solid transparent;
			right: 1px;
		}
	.checkout-steps .arrowEndOverlay {
		border-bottom: 20px solid transparent;
		border-left: 10px solid #f3f3f3;
		border-top: 20px solid transparent;
		right: 2px;
	}
		.checkout-steps .active .arrowEndOverlay,
		.checkout-steps .active.completed .arrowEndOverlay {
			background-image: none;
			border-bottom: 20px solid transparent;
			border-left: 10px solid  rgba(251, 186, 0, 1);
			border-top: 20px solid transparent;
			display: block;
			right: 2px;
		}
		.checkout-steps .completed .arrowEndOverlay {
			background-image: none;
			border-bottom: 20px solid transparent;
			border-left: 10px solid  rgba(253, 222, 132, 1);
			border-top: 20px solid transparent;
			display: block;
			right: 2px;
		}
	.checkout-steps .arrowStart {
		border-bottom: 20px solid transparent;
		border-left: 10px solid #ccc;
		border-top: 20px solid transparent;
		left: 1px;
	}
		.checkout-steps .active .arrowStart,
		.checkout-steps .active.completed .arrowStart {
			border-left-color: rgba(251, 186, 0, 1);
		}
		.checkout-steps .completed .arrowStart {
			border-left-color: rgba(253, 222, 132, 1);
		}
	.checkout-steps .arrowStartOverlay {
		border-bottom: 20px solid transparent;
		border-left: 10px solid #fff;
		border-top: 20px solid transparent;
		left: 0;
	}
	
}
/*---------------------------------------
7.2.1 ORDER ADDRESS
---------------------------------------*/
/*---------------------------------------
7.2.2 SHIPPINGMETHODS
---------------------------------------*/
/*---------------------------------------
7.2.3 ORDER OVERVIEW
---------------------------------------*/
/*---------------------------------------
	7.3 QUICKORDER
---------------------------------------*/
#quickOrder {
	border-bottom: 1px solid #e6e6e6;
    /*
	border: 1px solid #e6e6e6;
    padding: 10px;
    background: rgba(244, 244, 244, 0.4);
	*/
}
#quickOrder .choose-product {
	border-top-style: solid;
	border-bottom: 0px solid transparent;
	margin: 29px 0 0;
}
@media screen and (min-width: 640px) {
	.qo-input-area .tbx-search {
		max-width: 400px;
	}
}
#quickOrder  .ddlb {
    height: 35px;
}
.btn-quick-order-add {
    background-color: rgba(251, 186, 0, 1) !important;
    border-color: #ac5c00 !important;
}
.btn-quick-order-add:hover, .btn-quick-order-add:focus {
    background-color: rgba(251, 186, 0, 0.8) !important;
    border-color: #ac5c00 !important; 
}
/*---------------------------------------
8. ACCOUNT PAGE
---------------------------------------*/
/*---------------------------------------
8.1 LOGIN PAGE
---------------------------------------*/
#loginPage .semicolumn {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;	
    flex-wrap: wrap;
}
#loginPage .semicolumn > div {
	box-sizing: border-box;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
}
@media (min-width: 768px) {
	#loginPage .semicolumn > div {
		box-sizing: border-box;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
	}
}
#loginPage .semicolumn .form-holder {
	order: 0;
	padding: 20px;
     border: 1px solid #ddd;
    border-radius: 3px;
    overflow: hidden;
	margin: 0 auto 20px auto;
}

@media (min-width: 768px) {
	#loginPage .semicolumn .form-holder {
		order: 2;
		margin: 0;
	max-width: 400px;
	}
}
#loginPage .semicolumn .text {
	order: 1;
	padding-right: 20px;
	margin-bottom: 20px;
}

@media (min-width: 768px) {	
	#loginPage .semicolumn .text {
		order: 0;
	}
}
#loginPage .semicolumn > div:nth-child(3) {
	display: none;
}

/* FORM */

#loginPage .semicolumn .form-row .validation {
	padding-left: 0;
} 
#loginPage .semicolumn .row-username .label,
#loginPage .semicolumn .row-username .field,
#loginPage .semicolumn .row-password .label,
#loginPage .semicolumn .row-password .field {
	width: 100%;
	display: block;
}
#loginPage .semicolumn .form-row:last-child {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;	
    flex-wrap: wrap;
	margin-bottom: 0;
}

#loginPage .semicolumn .form-row:last-child span,
#loginPage .semicolumn .form-row:last-child button {
	box-sizing: border-box;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
}

#loginPage .semicolumn .form-row:last-child span {
	order: 0;
	margin-bottom: 10px;
}

#loginPage .semicolumn .form-row:last-child span.left-part {
	order: 2;
	margin-bottom: 0
}

#loginPage .semicolumn .form-row:last-child button {
	order: 1;
}
/*---------------------------------------
8.2 FORGOT PASSWORD
---------------------------------------*/
#forgotPasswordPage {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;	
    flex-wrap: wrap;
	
}
#forgotPasswordPage > div {
	box-sizing: border-box;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	margin-bottom: 20px;
}
@media (min-width: 768px) {
	#forgotPasswordPage > div {
		box-sizing: border-box;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		
	padding-right: 20px;
	}
}
#forgotPasswordPage .h1-holder {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	padding-right: 0;
}
#forgotPasswordPage .columns-general {
	
	max-width: 400px;
	padding: 20px;
    border: 1px solid #ddd;
    border-radius: 3px;
    overflow: hidden
}
#forgotPasswordPage .columns-general.compact .wide {
	width: 100% !important;
}
#forgotPasswordPage .columns-general.compact .column {
	width: auto;
}
#forgotPasswordPage .columns-general.compact>.wide .wrapper,
#forgotPasswordPage .columns-general.compact>.wide .form-holder,
#forgotPasswordPage .columns-general.compact>.wide .form-button {
	padding: 0;
}
/* FORM */
#forgotPasswordPage .form-row .label,
#forgotPasswordPage .form-row .field,
#forgotPasswordPage .form-button,
#forgotPasswordPage .form-button .btn {
	width: 100%;
	display: block;
	padding-left: 0;
}

#forgotPasswordPage .validation {
	padding-left: 0;
} 

/*---------------------------------------
8.3 ACCOUNT DASHBOARD
---------------------------------------*/

@media (min-width: 1024px) {	
	.profile-page-cnt.columns-general.compact>.column {
		width: 290px;
		padding: 0;
	}
	.profile-page-cnt.columns-general.compact>.wide {
		width: calc(100% - 0%);	
	}
}

@media (min-width: 640px) and (max-width: 1023px) {	
	.profile-page-cnt.columns-general.compact>.column {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		width: 100%;
		padding: 0;
	}
}
.profile-page-cnt .aside-links {
	/*
	margin-top: 0;
	padding-top: 13px;
	*/
}
.profile-page-cnt .aside-links a {
	padding-left: 0;
	margin-top: 2px;
	margin-bottom: 2px;
	color: #000;
}
.profile-page-cnt .aside-links a.current {
	font-weight: 900;
}

@media (max-width: 639px) {	
	.profile-page-cnt a.arrow-blue {
		padding-left: 0;
	}
	.account-info-inside .font-darkest:last-of-type {
		 margin-right: 40px;
		display: inline-block;
	}
	.account-info-inside .columns-general .column:last-of-type {
		margin-top: 35px;
	}
	
	.account-info-inside .columns-general .column:last-of-type .account-info-content {
		margin-bottom: 0;
	}
	.gvi-orders tr {
		padding: 5px;
	}
	.gvi-orders tr:nth-child(even) {
		background: #f7f7f7;
	}
	.profile-page-cnt .panel-footer .more-inside,
	#representCustomerPage .panel-footer .more-inside {
		text-align: left;
	}
	#representCustomerPage .panel-footer div:first-of-type {
		display: none;
	}
}
/*---------------------------------------
8.4 MY ACCOUNT
---------------------------------------*/

/*---------------------------------------
8.5 ACCOUNT SUMMARY
---------------------------------------*/

/*---------------------------------------
8.6 ORDERS
---------------------------------------*/
.row-orderdetail_promiseddeliverydate,
.row-paymentmethod {
	display:none;
}
@media screen and (max-width: 639px) {
	.gvi-order-lines .responsive-table tbody td {
		margin-right: 15px;
	}
	.gvi-order-lines .responsive-table tbody td.col-total {
		margin-right: 0;
	}
	.gvi-order-lines .upper-row {
		background-color: #eaeaea;
	}
}
/*---------------------------------------
8.7 RMA
---------------------------------------*/

/*---------------------------------------
8.8 ORDER TEMPLATES
---------------------------------------*/




/*---------------------------------------
9. NEWS PAGE
---------------------------------------*/
/*---------------------------------------
	9.1 NEWS INDEX PAGE
---------------------------------------*/
.news-index-page #News .columns-general .column:first-of-type {
	display: none;
}

#newsOverviewPage ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    flex-wrap: wrap;
}
#newsOverviewPage li {
	width: 100%;
    border: 0;
    flex: 0 0 auto;	
}

@media (min-width: 640px) and (max-width: 1023px) {	
	#newsOverviewPage li {
		width: 50%;
	}
}
@media (min-width: 1024px){
	#newsOverviewPage li {
		width: 33.333%;
	}
}
#newsOverviewPage li .news-wrap {
    border: 1px solid #f1f1f1;
    background: #fcfcfc;
    padding: 22px 30px 55px 30px;
    margin: 0 10px 20px 10px;
	position: relative;
     height: calc(100% - 75px);
}
#newsOverviewPage .news-title {
	display: block;
    font-size: 22px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 8px;
}
#newsOverviewPage div {
	
}
#newsOverviewPage img {
	width: 100%;
	max-width: 600px;
	margin: 0;
}

#newsOverviewPage .read-more {
	position: absolute;
    bottom: 20px;
    left: 30px;
}
#newsOverviewPage .read-more:after {
   font-family: 'Material Icons';
	font-weight: 900;
	font-style: normal;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	
    z-index: 1;
    content: "chevron_right";
	margin-left: 5px;
	vertical-align: middle;
}
#newsOverviewPage .news-date {
	position: absolute;
	bottom: 20px;
	right: 30px;
	font-size: 11px;
	color: #333;
}
#newsOverviewPage .news-date:before {
    font-family: Font Awesome\ 5 Free;
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
	font-size: 16px;
    content: "\f073";
    margin-right: 10px;
}

/*---------------------------------------
	9.2 NEWS ITEM PAGE
---------------------------------------*/
.news-item-page #News .columns-general .column:first-of-type {
	display: none;
}
#newsPage .html-wrapper:nth-child(3) {
    display: none;
}
#newsPage .news-date:before {
    font-family: Font Awesome\ 5 Free;
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
	font-size: 16px;
    content: "\f073";
    margin-right: 10px;
}

/*---------------------------------------
10. CONTACT PAGE
---------------------------------------*/
.content-contactus-page #contactUsPage {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;	
    flex-wrap: wrap;
     justify-content: space-between;
}

.content-contactus-page #contactUsPage > div{
	box-sizing: border-box;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.content-contactus-page #contactUsPage .h1-holder {
    flex: 0 0 100%;
}

.content-contactus-page #contactUsPage > div:nth-child(2),
.content-contactus-page #contactUsPage .semicolumn {
	width: calc(100%);
    padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #d9e4eb;
	background-color: #fbfbfb;
}

@media (min-width: 768px){
	.content-contactus-page #contactUsPage > div:nth-child(2) {
		width: calc(30% - 10px);
		margin: 0 10px 0 0;
	}
	.content-contactus-page #contactUsPage .semicolumn {
		width: calc(70% - 10px);
		margin: 0 0 0 10px;
	}
}
@media (max-width: 399px){
	.content-contactus-page #contactUsPage .label,
	.content-contactus-page #contactUsPage .field {
		display: block;
		width: 100%;
	}
	
	.content-contactus-page #contactUsPage .form-row .validation {
		padding-left: 0;
	} 
}
/*---------------------------------------
11. FLEXIPAGE
---------------------------------------*/


/*---------------------------------------
12. FORMS
---------------------------------------*/

/*---------------------------------------
12.1 TEXT INPUTS
---------------------------------------*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
}

.tbx, .tar {
    border-width: 1px;
    border-style: solid;
	border-radius: 2px;
}
.tbx, .tar, .uploader {
	background: #fff;
	border-color: #ccc;
}
.tbx.focused, .tar.focused {
	border-color: #555;
}

/* Errors */
.tbx:after,
.tar:after,
.ui-selectmenu-button:after,
.uploader:after {
	position: absolute;
    content: "";
    right: 0;
    top: 0;
    z-index: 1;
    width: 34px;
    height: 100%;
	background: rgba(0,0,0,0);
}

.tbx-search input {
	height: 34px;
}
.tbx-search:after {
	font-family: 'Material Icons';
	font-weight: 900;
	font-style: normal;
	font-size: 18px;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	
    z-index: 1;
    content: "search";
	color: #333;
	line-height: 34px;
	text-align: center;
	
}
.row-error .tbx:after,
.row-error .tar:after,
.row-error .ui-selectmenu-button:after,
.row-error .uploader:after {
	font-family: 'Material Icons';
	font-weight: 900;
	font-style: normal;
	font-size: 18px;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	
    z-index: 1;
    content: "close";
	color: #cb2245;
	line-height: 34px;
	text-align: center;
}
.row-passed .tbx:after,
.row-passed .tar:after,
.row-passed .ui-selectmenu-button:after,
.row-passed .uploader:after {
	position: absolute;
    content: "";
    right: 0;
    top: 0;
    z-index: 1;
    width: 34px;
    height: 100%;
	
	font-family: 'Material Icons';
	font-weight: 900;
	font-style: normal;
	font-size: 14px;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	
    z-index: 1;
    content: "check";
	color: green;
	line-height: 34px;
	text-align: center;
}

.tbx-date:after {
    background: url(../../files/icons/date.png);
    top: 50% !important;
    right: 15px !important;
    width: 16px !important;
    height: 16px !important;
    margin-top: -8px !important;
	content: " " !important;
}
.row-error .tbx.focused,
.row-error .tar.focused {
	border-color: #ce8d9b;
	background-color: #fff;
}

.row-error .ui-selectmenu-icon.ui-icon,
.row-passed .ui-selectmenu-icon.ui-icon {
    right: 44px;
}
.form-row .validation {
	margin-top: 8px;
}
.form-row .field-validation-error,
.form-row .feedback-message {
	background: none;
	line-height: 24px;
	padding-left: 28px;
    margin-right: 1px;
	position: relative;
}
.msg-block-error,
.validation-summary-errors,
.form-row .field-validation-error,
.tbx-quantity .field-validation-error {
    background-color: #d95c5c;
    color: #fff;
	border-radius: 2px;
}
.tbx-quantity .field-validation-error {

      display: block;
    line-height: 24px;
    background-image: none;
	}
.msg-block-error:after,
.validation-summary-errors:after,
.form-row .field-validation-error:after,
.tbx-quantity .field-validation-error:after {
	
	position: absolute;
    content: "";
    left: 10px;
    
	font-family: 'Material Icons';
	font-weight: 900;
	font-style: normal;
	font-size: 14px;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	
    z-index: 1;
    content: "close";
	color: #fff;
	line-height: 24px;
	text-align: center;
}

.validation-summary-errors:after {
	top: 10px;
}
.msg-block-error:before,
.form-row .field-validation-error:before,
.tbx-quantity .field-validation-error:before {
	margin-left: -.3em;
    top: -.3em;
    left: 50%;
    position: absolute;
    content: "";
    width: .6em;
    height: .6em;
    background-image: none;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 2;
    -webkit-transition: background .1s linear;
    -moz-transition: background .1s linear;
    transition: background .1s linear;
    background-color: #d95c5c!important;
}

.validation-summary-errors:before {
	display: none;
}
#notFoundPage .msg-block-error:after,
#notFoundPage .msg-block-error:before,
#errorPage .msg-block-error:after,
#errorPage .msg-block-error:before {
	display: none;
}
.compact-sign-error {
	position: absolute !important;
	width: auto;
	height: auto;
	padding: 5px !important;
	top: 30px;
	
}
.compact-sign-error:before {
	left: 16px !important;
}
.compact-sign-error:after {
	display: none;
}
.compact-sign-error span {
	display: block !important;
}
#notFoundPage .msg-block-error a,
#errorPage .msg-block-error a {
      color: #fff;
    font-weight: 900;
    padding: 5px 0;
}
/*---------------------------------------
12.2 RADIO
---------------------------------------*/
label .rdb {
	width: 16px;
	height: 16px;
}
label .rdb ins {
	width: 14px;
	height: 14px;
	border-radius: 50%;
}
label .rdb input[type="radio"]:checked+input+ins:after,
label .rdb input[type="radio"]:checked+ins:after {
	width: 6px;
    height: 6px;
	top: 4px;
	left: 4px;
	border-radius: 50%;
}

/*---------------------------------------
12.3 CHECKBOX
---------------------------------------*/

label .chb ins {
	background: none;
	border: 1px solid #ccc;
	position: relative;
}
label:hover .chb ins {
	border-color: #a6a6a6;
}
label .chb input[type="checkbox"]:checked+ins:after {
   	font-family: 'Material Icons';
	font-weight: 900;
	font-style: normal;
	font-size: 14px;  /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;

	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

	/* Support for IE. */
	font-feature-settings: 'liga';
    content: "check";
	color: #fff;
	background: rgba(251, 186, 0, 1);
}

.list-facets label .chb ins {
	position: relative;
}
.list-facets label .chb input[type="checkbox"]:checked+ins:after {
	position: absolute;
	top: 0;
}
/*---------------------------------------
12.4 SELECT
---------------------------------------*/
.ui-selectmenu-button.ui-button {
	border-width: 1px;
	border-style: solid;
	border-radius: 2px;
	background: #fff;
	border-color: #ccc;
	width: calc(100% - 2px) !important;
}
.ui-selectmenu-text {
	line-height: 35px;
}
.ddlb {
	height: 50px;
}
@media (min-width: 768px){
	.ui-selectmenu-text {
		line-height: 35px;
	}	
	.ddlb {
		height: 50px;
	}
}
.row-error .ui-selectmenu-button {
	background: #fcf5f5;
    border-color: #ce8d9b;
}
.row-error .ui-selectmenu-button-open {
	background: #fff;
}

/*---------------------------------------
12.5 SPINNER
---------------------------------------*/
.tbx-quantity {
	margin: 0 27px;
}
.tbx-quantity.focussed {
	border-color: #1f7bc9;
}
.tbx-quantity:after {
	display: none !important;
}
.tbx-quantity.spinner-hidden-initially:not(.focused) .ui-spinner-button {
	display: block;
}

.ui-spinner-button {
	height: 29px;
	margin-top: -1px;
}
.ui-spinner-up {
	right: -28px;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}
.ui-spinner-down {
    left: -28px;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}
@media (max-width: 1023px){
	.tbx-quantity {
		margin: 0 40px;
	}
	.tbx-quantity input {
		height: 40px;
	}
	.ui-spinner-button {
		height: 42px;
		width: 42px;
	}
	.ui-spinner-up {
		right: -42px;
	}
	.ui-spinner-down {
		left: -42px;
	}
}

.quantity-compact .tbx-quantity {
     margin: 0 15px;
}
.quantity-compact .tbx-quantity .ui-spinner-button {
	top: 0;
}
.quantity-compact .ui-spinner-up {
	right: -15px;
}
.quantity-compact .ui-spinner-down {
	left: -15px;
}

@media (max-width: 1023px){
	.tbx-quantity,
	.quantity-compact .tbx-quantity {
		margin: 0 40px;
	}
	.quantity-compact .tbx-quantity {
		width: 60px;
	}
	.quantity-compact .tbx-quantity {
		margin-bottom: 0;
	}
	.tbx-quantity input,
	.quantity-compact .tbx-quantity input {
		height: 40px;
	}
	.ui-spinner-button,
	.quantity-compact .ui-spinner-button {
		height: 42px;
		width: 42px;
	}
	.ui-spinner-up,
	.quantity-compact .ui-spinner-up {
		right: -42px;
	}
	.ui-spinner-down,
	.quantity-compact .ui-spinner-down {
		left: -42px;
	}
}

/*---------------------------------------
12.6 BUTTONS
---------------------------------------*/
.btn,
.font-btn {
	font-family: "Century Gothic", CenturyGothic, Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-shadow: 0 0 0 rgba(0, 0, 0, 0);
	font-weight: 300;
}
.btn {
	background: #444;
    border-color: #444;
}
.btn:hover,
.btn:focus {
	background: #666;
    border-color: #666;
}
.btn-medium {
    font-size: 14px;
}
.btn-big, .font-btn-big {
    font-size: 16px;
	text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
}
.btn-action {
    background-color: rgba(251, 186, 0, 1);
    border-color: #ac5c00;
}
.btn-action:hover,
.btn-action:focus {
    background-color: rgba(251, 186, 0, 0.8);
    border-color: #ac5c00;
}
.font-btn {
	
}
.font-btn:focus,
.font-btn:hover {
	text-decoration: underline;
	color: #7a7a7a;
}
.font-btn:focus:before,
.font-btn:hover:before {
	text-decoration: none;
}

.btn-back:before {
	
}
.btn-load-more.loading .btn-cnt:after {
	background-image: url(../files/icons/btn-arrow-down.png);
}
/*---------------------------------------
12.7 MISC
---------------------------------------*/
.form-row .in-line.left-part {
	width: 48%;
}

@media (min-width: 640px) {
	.form-row .in-line.left-part {
		width: 36%;
	}
}

/*---------------------------------------
13. PAGINATION
---------------------------------------*/

.paginate {
	display: block;
	width: 100%;
	font-size: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both;
}

.paginate li { font-weight: bold;}

.paginate li a,
.paginate li.disabled span {
  display: block;
  float: left;
  color: #333;
  background: #eaeaea;
  text-decoration: none;
  padding: 13px 19px;
  margin-right: 2px;
  border: solid 1px #dee4e6;
}
.paginate li.disabled span {
  color: #9e9e9e;
}
.paginate li span {
  display: block;
  float: left;
  color: #333;
  background: none;
  text-decoration: none;
  padding: 13px 19px;
  margin-right: 2px;
}
@media (min-width: 640px){	
	.paginate li a,
	.paginate li.disabled span,
	.paginate li span {
		margin-right: 6px;
		padding: 3px 9px;
	}
}
.paginate li.current span {
	background: #6d6e72;
	color: #ffffff;
	border: solid 1px #6d6e72;
}
.paginate li a:hover {
  background: #efefef;
  color: #555;
}

.paginate li.current a {
  display: block;
  float: left;
  border: solid 1px #c0c0c0;
  padding: 5px 5px;
  margin-right: 6px;
  border-radius: 3px;
  color: #444;
}
.paging-top,
.pagin-bottom,
.panel .panel-footer {
	display: table;
    width: 100%;
	margin: 0;
	padding: 0 0 11px 0;
}
ul.pager-list {
	margin: 0;
}
.paging-links .btn-paging,
.pager-list li {
	margin: 0 6px 0 0;
	padding: 0 6px;
	color: #717171;
	background: #e9e9e9;
	text-decoration: none;
	border-radius: 3px;
	border: solid 1px #c0c0c0;
	box-shadow: inset 0px 1px 0px rgba(255,255,255, .7), 0px 1px 3px rgba(0,0,0, .1);
	text-shadow: 1px 1px 0px rgba(255,255,255, 0.7);
}


.paging-links .btn-paging {
    padding: 14px 6px;
}
.pager-list li.pager-selected {
	  background: #6d6e72;
    color: #ffffff;
    border: solid 1px #6d6e72;
    box-shadow: 0px 1px 3px rgba(0,0,0, .1);
    text-shadow: none;
}
.pager-list li a,
.pager-list li span {
	padding: 0;
}
.pager-list li:hover {
	background: #eee;
	color: #555;
}
.pager-list li:active {
	-webkit-box-shadow: inset -1px 2px 5px rgba(0,0,0,0.25);
	-moz-box-shadow: inset -1px 2px 5px rgba(0,0,0,0.25);
	box-shadow: inset -1px 2px 5px rgba(0,0,0,0.25);
}


/*---------------------------------------
13.1 JUMP PAGINATION
---------------------------------------*/
.jump-page {
	
}
.jump-page .wrapper {
	display: flex;
	justify-content: flex-end;
	height: auto;
}
.jump-page .ddlb {
	
}
.paging-left,
.paging-right {
	display: inline-block;
	color: #333;
    background: #fff;
    text-decoration: none;
    padding: 0 13px;
    border: solid 1px #ccc;
	line-height: 35px;
}

.paging-right {
	margin-left: 2px;
	border-left: 0px solid transparent;
}
.paging-left {
	border-right: 0px solid transparent;
}
.paging-left.disabled,
.paging-right.disabled {
	color: #9e9e9e;
}

/*---------------------------------------
14. FAQ (ACCORDION)
---------------------------------------*/
.accordion .accordion-header h4:before, .accordion .accordion-header h4:after {
  transition: all 0.25s ease-in-out;
}

.accordion {
	border-bottom: 0px solid transparent;
}
.accordion .accordion-header {
	padding: 0;
	background: #f1f1f1;
	border-color:#e6e6e6;
}
.accordion .accordion-header .btn {
	display: none;
}
.accordion .accordion-header h4 {
	text-transform: initial;
	padding: 10px 5px 10px 10px;
	color: #7a7a7a;
	font-size: 15px;
	font-weight: bold;
	margin-right: 20px;
	position: relative;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.accordion .accordion-header h4:before, .accordion .accordion-header h4:after {
  content: "";
  position: absolute;
  background-color: #7a7a7a;
  width: 3px;
  height: 9px;
  top: 16px;
  right: -2px;
}
.accordion .accordion-header h4:before {
  transform: translate(2px, 0) rotate(45deg);
}
.accordion .accordion-header h4:after {
  transform: translate(-2px, 0) rotate(-45deg);
}

.accordion .accordion-header.expanded h4:before {
  transform: translate(-2px, 0) rotate(45deg);
}
.accordion .accordion-header.expanded h4:after {
  transform: translate(2px, 0) rotate(-45deg);
}

.accordion .accordion-section {
	color: #333;
	position: relative;
	overflow: hidden;
     padding: 14px 20px;
    border: 1px solid #f1f1f1;
    background: #fcfcfc;
	z-index: 2;
}


/*---------------------------------------
15. BREADCRUMBS
---------------------------------------*/
@media screen and (max-width: 639px) {
	.breadcrumbs {
		display: block;
	}
	.breadcrumbs li {
		display: none;
	}
	.productlist-list-page .breadcrumbs li:nth-last-child(2) {
		display: block;
	}
	.breadcrumbs li a:before {
		
		content: "chevron_left";
		font-family: 'Material Icons';
		font-weight: normal;
		font-style: normal;
		font-size: 12px;  /* Preferred icon size */
		display: inline-block;
		line-height: 1;
		text-transform: none;
		letter-spacing: normal;
		word-wrap: normal;
		white-space: nowrap;
		direction: ltr;

		/* Support for all WebKit browsers. */
		-webkit-font-smoothing: antialiased;
		/* Support for Safari and Chrome. */
		text-rendering: optimizeLegibility;

		/* Support for Firefox. */
		-moz-osx-font-smoothing: grayscale;

		/* Support for IE. */
		font-feature-settings: 'liga';	
		vertical-align: middle;
	}
}

@media screen and (min-width: 640px) {
	.productlist-list-page .breadcrumbs {
		padding: 12px 15px 0 15px;
	}
	.back-wrapper+.breadcrumbs {
     padding-left: 5px;
    margin-left: 14px;
		
	}
	.breadcrumbs li {
		position: relative;
		padding: 0 0 0 10px;
	}
	
	.breadcrumbs li .hyp {
		margin: 0 15px 0 0 !important;
		color: #999;
	}
	.breadcrumbs li:last-child .hyp {
		color: #333;
	}
	.breadcrumbs li a:after {
	   content: '\2022';
		line-height: 1;
		text-align: center;
		font-family: "Arial", sans-serif;
		font-size: 18px;
		color: #000;
		top: 50%;
		right: 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		position: absolute;
	}
	
	.breadcrumbs li:last-of-type a:after {
		display: none;
	}
}

/*---------------------------------------
16. TOOLTIPSTER
---------------------------------------*/
.tooltipster-base {

}
.tooltipster-sidetip.tooltipster-light .tooltipster-box 	{
	background-color: #fff;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background {
	border-right-color: #fff;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background {
	border-left-color: #fff;	
}
.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background {
	border-bottom-color: #fff;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background {
	border-top-color: #fff;
}
.tooltipster-sidetip .tooltipster-content {
	line-height: 22px;
	padding: 10px 14px;
}
/*---------------------------------------
	20. HELPERS
---------------------------------------*/
.is-hidden {
	display: none !important;
}

.productsetfilter-tab-filter a,
.productsetfilter-filter-trigger,
.productsetfilter-filter-block h4,
.productsetfilter-filters a,
h1,
h2,
h3,
h4,
.font-h4,
.btn,
.font-btn,
.gvi .product-title-super,
.over-summary .hyp,
.summary-title,
nav .hyp-top-lvl,
.ui-tabs .ui-tabs-nav .ui-tabs-anchor,
.hidden-tabs-name,
.gvi-variants th,
.gvi-prepacks th,
.usp-list li,
.productsetfilter-tab-filter a,
.productsetfilter-filter-trigger,
.productsetfilter-filter-block h4,
.productsetfilter-filters a,
.msg-not-available,
.gvi-methods .hyp-more {
	text-transform: none;
}
/*---------------------------------------
	20.1 LOADER
---------------------------------------*/
.loading-indicator {
    background: #555;
    border: 1px solid #555;
    color: #fff;
}
.loading-indicator img {
	display: none;
}
.loader,
.loading-indicator:before {
	content: '';
	display: block;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.loading-indicator:before {
  margin: 20px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 5px solid rgba(255, 255, 255, 0.2);
  border-right: 5px solid rgba(255, 255, 255, 0.2);
  border-bottom: 5px solid rgba(255, 255, 255, 0.2);
  border-left: 5px solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}







#description iframe {
	display: none;
}
.method-img {
	max-height: 75px;
}