/** Shopify CDN: Minification failed

Line 5180:0 Unexpected "#"
Line 11017:38 Expected identifier but found whitespace
Line 11146:31 Expected identifier but found whitespace
Line 11864:60 Expected identifier but found ","
Line 11871:60 Expected identifier but found ","

**/
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.main-brasizecalculator .ui-helper-hidden {
	display: none;
}
.main-brasizecalculator .ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.main-brasizecalculator .ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.main-brasizecalculator .ui-helper-clearfix:before,
.main-brasizecalculator .ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.main-brasizecalculator .ui-helper-clearfix:after {
	clear: both;
}
.main-brasizecalculator .ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.main-brasizecalculator .ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.main-brasizecalculator .ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.main-brasizecalculator .ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.main-brasizecalculator .ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.main-brasizecalculator .ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.main-brasizecalculator .ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.main-brasizecalculator .ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.main-brasizecalculator .ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.main-brasizecalculator .ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.main-brasizecalculator .ui-menu .ui-menu {
	position: absolute;
}
.main-brasizecalculator .ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.main-brasizecalculator .ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.main-brasizecalculator .ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.main-brasizecalculator .ui-menu .ui-state-focus,
.main-brasizecalculator .ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.main-brasizecalculator .ui-menu-icons {
	position: relative;
}
.main-brasizecalculator .ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.main-brasizecalculator .ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.main-brasizecalculator .ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.main-brasizecalculator .ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.main-brasizecalculator .ui-button,
.main-brasizecalculator .ui-button:link,
.main-brasizecalculator .ui-button:visited,
.main-brasizecalculator .ui-button:hover,
.main-brasizecalculator .ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.main-brasizecalculator .ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
.main-brasizecalculator input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.main-brasizecalculator .ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.main-brasizecalculator .ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

.main-brasizecalculator input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
.main-brasizecalculator input.ui-button::-moz-focus-inner,
.main-brasizecalculator button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.main-brasizecalculator .ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.main-brasizecalculator .ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.main-brasizecalculator .ui-controlgroup > .ui-controlgroup-item:focus,
.main-brasizecalculator .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.main-brasizecalculator .ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.main-brasizecalculator .ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.main-brasizecalculator .ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.main-brasizecalculator .ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.main-brasizecalculator .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.main-brasizecalculator .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.main-brasizecalculator .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.main-brasizecalculator .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.main-brasizecalculator .ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.main-brasizecalculator .ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.main-brasizecalculator .ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.main-brasizecalculator .ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.main-brasizecalculator .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.main-brasizecalculator .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.main-brasizecalculator .ui-checkboxradio-disabled {
	pointer-events: none;
}
.main-brasizecalculator .ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.main-brasizecalculator .ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.main-brasizecalculator .ui-datepicker .ui-datepicker-prev,
.main-brasizecalculator .ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.main-brasizecalculator .ui-datepicker .ui-datepicker-prev-hover,
.main-brasizecalculator .ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.main-brasizecalculator .ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.main-brasizecalculator .ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.main-brasizecalculator .ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.main-brasizecalculator .ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.main-brasizecalculator .ui-datepicker .ui-datepicker-prev span,
.main-brasizecalculator .ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.main-brasizecalculator .ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.main-brasizecalculator .ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.main-brasizecalculator .ui-datepicker select.ui-datepicker-month,
.main-brasizecalculator .ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.main-brasizecalculator .ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.main-brasizecalculator .ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.main-brasizecalculator .ui-datepicker td {
	border: 0;
	padding: 1px;
}
.main-brasizecalculator .ui-datepicker td span,
.main-brasizecalculator .ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.main-brasizecalculator .ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.main-brasizecalculator .ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.main-brasizecalculator .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.main-brasizecalculator .ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.main-brasizecalculator .ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.main-brasizecalculator .ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.main-brasizecalculator .ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.main-brasizecalculator .ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.main-brasizecalculator .ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.main-brasizecalculator .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.main-brasizecalculator .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.main-brasizecalculator .ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.main-brasizecalculator .ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.main-brasizecalculator .ui-datepicker-rtl {
	direction: rtl;
}
.main-brasizecalculator .ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.main-brasizecalculator .ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.main-brasizecalculator .ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.main-brasizecalculator .ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.main-brasizecalculator .ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.main-brasizecalculator .ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.main-brasizecalculator .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.main-brasizecalculator .ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.main-brasizecalculator .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.main-brasizecalculator .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.main-brasizecalculator .ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.main-brasizecalculator .ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.main-brasizecalculator .ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.main-brasizecalculator .ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.main-brasizecalculator .ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.main-brasizecalculator .ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.main-brasizecalculator .ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.main-brasizecalculator .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.main-brasizecalculator .ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.main-brasizecalculator .ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.main-brasizecalculator .ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.main-brasizecalculator .ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.main-brasizecalculator .ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.main-brasizecalculator .ui-dialog .ui-resizable-se,
.main-brasizecalculator .ui-dialog .ui-resizable-sw,
.main-brasizecalculator .ui-dialog .ui-resizable-ne,
.main-brasizecalculator .ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.main-brasizecalculator .ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.main-brasizecalculator .ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.main-brasizecalculator .ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.main-brasizecalculator .ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.main-brasizecalculator .ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.main-brasizecalculator .ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.main-brasizecalculator .ui-resizable {
	position: relative;
}
.main-brasizecalculator .ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.main-brasizecalculator .ui-resizable-disabled .ui-resizable-handle,
.main-brasizecalculator .ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.main-brasizecalculator .ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.main-brasizecalculator .ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.main-brasizecalculator .ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.main-brasizecalculator .ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.main-brasizecalculator .ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.main-brasizecalculator .ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.main-brasizecalculator .ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.main-brasizecalculator .ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.main-brasizecalculator .ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.main-brasizecalculator .ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.main-brasizecalculator .ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.main-brasizecalculator .ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.main-brasizecalculator .ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.main-brasizecalculator .ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.main-brasizecalculator .ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.main-brasizecalculator .ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.main-brasizecalculator .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.main-brasizecalculator .ui-selectmenu-open {
	display: block;
}
.main-brasizecalculator .ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.main-brasizecalculator .ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.main-brasizecalculator .ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.main-brasizecalculator .ui-slider {
	position: relative;
	text-align: left;
}
.main-brasizecalculator .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.main-brasizecalculator .ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.main-brasizecalculator .ui-slider.ui-state-disabled .ui-slider-handle,
.main-brasizecalculator .ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.main-brasizecalculator .ui-slider-horizontal {
	height: .8em;
}
.main-brasizecalculator .ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.main-brasizecalculator .ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.main-brasizecalculator .ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.main-brasizecalculator .ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.main-brasizecalculator .ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.main-brasizecalculator .ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.main-brasizecalculator .ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.main-brasizecalculator .ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.main-brasizecalculator .ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.main-brasizecalculator .ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.main-brasizecalculator .ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.main-brasizecalculator .ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.main-brasizecalculator .ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.main-brasizecalculator .ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.main-brasizecalculator .ui-spinner-up {
	top: 0;
}
.main-brasizecalculator .ui-spinner-down {
	bottom: 0;
}
.main-brasizecalculator .ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.main-brasizecalculator .ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.main-brasizecalculator .ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.main-brasizecalculator .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.main-brasizecalculator .ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.main-brasizecalculator .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.main-brasizecalculator .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.main-brasizecalculator .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.main-brasizecalculator .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.main-brasizecalculator .ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.main-brasizecalculator .ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .main-brasizecalculator .ui-tooltip {
	border-width: 2px;
}
/* Component containers
----------------------------------*/
.main-brasizecalculator .ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.main-brasizecalculator .ui-widget .ui-widget {
	font-size: 1em;
}
.main-brasizecalculator .ui-widget input,
.main-brasizecalculator .ui-widget select,
.main-brasizecalculator .ui-widget textarea,
.main-brasizecalculator .ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.main-brasizecalculator .ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.main-brasizecalculator .ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.main-brasizecalculator .ui-widget-content a {
	color: #333333;
}
.main-brasizecalculator .ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.main-brasizecalculator .ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.main-brasizecalculator .ui-state-default,
.main-brasizecalculator .ui-widget-content .ui-state-default,
.main-brasizecalculator .ui-widget-header .ui-state-default,
.main-brasizecalculator .ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .main-brasizecalculator .ui-button.ui-state-disabled:hover,
html .main-brasizecalculator .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.main-brasizecalculator .ui-state-default a,
.main-brasizecalculator .ui-state-default a:link,
.main-brasizecalculator .ui-state-default a:visited,
.main-brasizecalculator a.ui-button,
.main-brasizecalculator a:link.ui-button,
.main-brasizecalculator a:visited.ui-button,
.main-brasizecalculator .ui-button {
	color: #454545;
	text-decoration: none;
}
.main-brasizecalculator .ui-state-hover,
.main-brasizecalculator .ui-widget-content .ui-state-hover,
.main-brasizecalculator .ui-widget-header .ui-state-hover,
.main-brasizecalculator .ui-state-focus,
.main-brasizecalculator .ui-widget-content .ui-state-focus,
.main-brasizecalculator .ui-widget-header .ui-state-focus,
.main-brasizecalculator .ui-button:hover,
.main-brasizecalculator .ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.main-brasizecalculator .ui-state-hover a,
.main-brasizecalculator .ui-state-hover a:hover,
.main-brasizecalculator .ui-state-hover a:link,
.main-brasizecalculator .ui-state-hover a:visited,
.main-brasizecalculator .ui-state-focus a,
.main-brasizecalculator .ui-state-focus a:hover,
.main-brasizecalculator .ui-state-focus a:link,
.main-brasizecalculator .ui-state-focus a:visited,
.main-brasizecalculator a.ui-button:hover,
.main-brasizecalculator a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.main-brasizecalculator .ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.main-brasizecalculator .ui-state-active,
.main-brasizecalculator .ui-widget-content .ui-state-active,
.main-brasizecalculator .ui-widget-header .ui-state-active,
.main-brasizecalculator a.ui-button:active,
.main-brasizecalculator .ui-button:active,
.main-brasizecalculator .ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.main-brasizecalculator .ui-icon-background,
.main-brasizecalculator .ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.main-brasizecalculator .ui-state-active a,
.main-brasizecalculator .ui-state-active a:link,
.main-brasizecalculator .ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.main-brasizecalculator .ui-state-highlight,
.main-brasizecalculator .ui-widget-content .ui-state-highlight,
.main-brasizecalculator .ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.main-brasizecalculator .ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.main-brasizecalculator .ui-state-highlight a,
.main-brasizecalculator .ui-widget-content .ui-state-highlight a,
.main-brasizecalculator .ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.main-brasizecalculator .ui-state-error,
.main-brasizecalculator .ui-widget-content .ui-state-error,
.main-brasizecalculator .ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.main-brasizecalculator .ui-state-error a,
.main-brasizecalculator .ui-widget-content .ui-state-error a,
.main-brasizecalculator .ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.main-brasizecalculator .ui-state-error-text,
.main-brasizecalculator .ui-widget-content .ui-state-error-text,
.main-brasizecalculator .ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.main-brasizecalculator .ui-priority-primary,
.main-brasizecalculator .ui-widget-content .ui-priority-primary,
.main-brasizecalculator .ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.main-brasizecalculator .ui-priority-secondary,
.main-brasizecalculator .ui-widget-content .ui-priority-secondary,
.main-brasizecalculator .ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.main-brasizecalculator .ui-state-disabled,
.main-brasizecalculator .ui-widget-content .ui-state-disabled,
.main-brasizecalculator .ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.main-brasizecalculator .ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.main-brasizecalculator .ui-icon {
	width: 16px;
	height: 16px;
}
.main-brasizecalculator .ui-icon,
.main-brasizecalculator .ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.main-brasizecalculator .ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.main-brasizecalculator .ui-state-hover .ui-icon,
.main-brasizecalculator .ui-state-focus .ui-icon,
.main-brasizecalculator .ui-button:hover .ui-icon,
.main-brasizecalculator .ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.main-brasizecalculator .ui-state-active .ui-icon,
.main-brasizecalculator .ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.main-brasizecalculator .ui-state-highlight .ui-icon,
.main-brasizecalculator .ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.main-brasizecalculator .ui-state-error .ui-icon,
.main-brasizecalculator .ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.main-brasizecalculator .ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
.main-brasizecalculator .ui-icon-blank { background-position: 16px 16px; }
.main-brasizecalculator .ui-icon-caret-1-n { background-position: 0 0; }
.main-brasizecalculator .ui-icon-caret-1-ne { background-position: -16px 0; }
.main-brasizecalculator .ui-icon-caret-1-e { background-position: -32px 0; }
.main-brasizecalculator .ui-icon-caret-1-se { background-position: -48px 0; }
.main-brasizecalculator .ui-icon-caret-1-s { background-position: -65px 0; }
.main-brasizecalculator .ui-icon-caret-1-sw { background-position: -80px 0; }
.main-brasizecalculator .ui-icon-caret-1-w { background-position: -96px 0; }
.main-brasizecalculator .ui-icon-caret-1-nw { background-position: -112px 0; }
.main-brasizecalculator .ui-icon-caret-2-n-s { background-position: -128px 0; }
.main-brasizecalculator .ui-icon-caret-2-e-w { background-position: -144px 0; }
.main-brasizecalculator .ui-icon-triangle-1-n { background-position: 0 -16px; }
.main-brasizecalculator .ui-icon-triangle-1-ne { background-position: -16px -16px; }
.main-brasizecalculator .ui-icon-triangle-1-e { background-position: -32px -16px; }
.main-brasizecalculator .ui-icon-triangle-1-se { background-position: -48px -16px; }
.main-brasizecalculator .ui-icon-triangle-1-s { background-position: -65px -16px; }
.main-brasizecalculator .ui-icon-triangle-1-sw { background-position: -80px -16px; }
.main-brasizecalculator .ui-icon-triangle-1-w { background-position: -96px -16px; }
.main-brasizecalculator .ui-icon-triangle-1-nw { background-position: -112px -16px; }
.main-brasizecalculator .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.main-brasizecalculator .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.main-brasizecalculator .ui-icon-arrow-1-n { background-position: 0 -32px; }
.main-brasizecalculator .ui-icon-arrow-1-ne { background-position: -16px -32px; }
.main-brasizecalculator .ui-icon-arrow-1-e { background-position: -32px -32px; }
.main-brasizecalculator .ui-icon-arrow-1-se { background-position: -48px -32px; }
.main-brasizecalculator .ui-icon-arrow-1-s { background-position: -65px -32px; }
.main-brasizecalculator .ui-icon-arrow-1-sw { background-position: -80px -32px; }
.main-brasizecalculator .ui-icon-arrow-1-w { background-position: -96px -32px; }
.main-brasizecalculator .ui-icon-arrow-1-nw { background-position: -112px -32px; }
.main-brasizecalculator .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.main-brasizecalculator .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.main-brasizecalculator .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.main-brasizecalculator .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.main-brasizecalculator .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.main-brasizecalculator .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.main-brasizecalculator .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.main-brasizecalculator .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.main-brasizecalculator .ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.main-brasizecalculator .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.main-brasizecalculator .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.main-brasizecalculator .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.main-brasizecalculator .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.main-brasizecalculator .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.main-brasizecalculator .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.main-brasizecalculator .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.main-brasizecalculator .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.main-brasizecalculator .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.main-brasizecalculator .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.main-brasizecalculator .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.main-brasizecalculator .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.main-brasizecalculator .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.main-brasizecalculator .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.main-brasizecalculator .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.main-brasizecalculator .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.main-brasizecalculator .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.main-brasizecalculator .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.main-brasizecalculator .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.main-brasizecalculator .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.main-brasizecalculator .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.main-brasizecalculator .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.main-brasizecalculator .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.main-brasizecalculator .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.main-brasizecalculator .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.main-brasizecalculator .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.main-brasizecalculator .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.main-brasizecalculator .ui-icon-arrow-4 { background-position: 0 -80px; }
.main-brasizecalculator .ui-icon-arrow-4-diag { background-position: -16px -80px; }
.main-brasizecalculator .ui-icon-extlink { background-position: -32px -80px; }
.main-brasizecalculator .ui-icon-newwin { background-position: -48px -80px; }
.main-brasizecalculator .ui-icon-refresh { background-position: -64px -80px; }
.main-brasizecalculator .ui-icon-shuffle { background-position: -80px -80px; }
.main-brasizecalculator .ui-icon-transfer-e-w { background-position: -96px -80px; }
.main-brasizecalculator .ui-icon-transferthick-e-w { background-position: -112px -80px; }
.main-brasizecalculator .ui-icon-folder-collapsed { background-position: 0 -96px; }
.main-brasizecalculator .ui-icon-folder-open { background-position: -16px -96px; }
.main-brasizecalculator .ui-icon-document { background-position: -32px -96px; }
.main-brasizecalculator .ui-icon-document-b { background-position: -48px -96px; }
.main-brasizecalculator .ui-icon-note { background-position: -64px -96px; }
.main-brasizecalculator .ui-icon-mail-closed { background-position: -80px -96px; }
.main-brasizecalculator .ui-icon-mail-open { background-position: -96px -96px; }
.main-brasizecalculator .ui-icon-suitcase { background-position: -112px -96px; }
.main-brasizecalculator .ui-icon-comment { background-position: -128px -96px; }
.main-brasizecalculator .ui-icon-person { background-position: -144px -96px; }
.main-brasizecalculator .ui-icon-print { background-position: -160px -96px; }
.main-brasizecalculator .ui-icon-trash { background-position: -176px -96px; }
.main-brasizecalculator .ui-icon-locked { background-position: -192px -96px; }
.main-brasizecalculator .ui-icon-unlocked { background-position: -208px -96px; }
.main-brasizecalculator .ui-icon-bookmark { background-position: -224px -96px; }
.main-brasizecalculator .ui-icon-tag { background-position: -240px -96px; }
.main-brasizecalculator .ui-icon-home { background-position: 0 -112px; }
.main-brasizecalculator .ui-icon-flag { background-position: -16px -112px; }
.main-brasizecalculator .ui-icon-calendar { background-position: -32px -112px; }
.main-brasizecalculator .ui-icon-cart { background-position: -48px -112px; }
.main-brasizecalculator .ui-icon-pencil { background-position: -64px -112px; }
.main-brasizecalculator .ui-icon-clock { background-position: -80px -112px; }
.main-brasizecalculator .ui-icon-disk { background-position: -96px -112px; }
.main-brasizecalculator .ui-icon-calculator { background-position: -112px -112px; }
.main-brasizecalculator .ui-icon-zoomin { background-position: -128px -112px; }
.main-brasizecalculator .ui-icon-zoomout { background-position: -144px -112px; }
.main-brasizecalculator .ui-icon-search { background-position: -160px -112px; }
.main-brasizecalculator .ui-icon-wrench { background-position: -176px -112px; }
.main-brasizecalculator .ui-icon-gear { background-position: -192px -112px; }
.main-brasizecalculator .ui-icon-heart { background-position: -208px -112px; }
.main-brasizecalculator .ui-icon-star { background-position: -224px -112px; }
.main-brasizecalculator .ui-icon-link { background-position: -240px -112px; }
.main-brasizecalculator .ui-icon-cancel { background-position: 0 -128px; }
.main-brasizecalculator .ui-icon-plus { background-position: -16px -128px; }
.main-brasizecalculator .ui-icon-plusthick { background-position: -32px -128px; }
.main-brasizecalculator .ui-icon-minus { background-position: -48px -128px; }
.main-brasizecalculator .ui-icon-minusthick { background-position: -64px -128px; }
.main-brasizecalculator .ui-icon-close { background-position: -80px -128px; }
.main-brasizecalculator .ui-icon-closethick { background-position: -96px -128px; }
.main-brasizecalculator .ui-icon-key { background-position: -112px -128px; }
.main-brasizecalculator .ui-icon-lightbulb { background-position: -128px -128px; }
.main-brasizecalculator .ui-icon-scissors { background-position: -144px -128px; }
.main-brasizecalculator .ui-icon-clipboard { background-position: -160px -128px; }
.main-brasizecalculator .ui-icon-copy { background-position: -176px -128px; }
.main-brasizecalculator .ui-icon-contact { background-position: -192px -128px; }
.main-brasizecalculator .ui-icon-image { background-position: -208px -128px; }
.main-brasizecalculator .ui-icon-video { background-position: -224px -128px; }
.main-brasizecalculator .ui-icon-script { background-position: -240px -128px; }
.main-brasizecalculator .ui-icon-alert { background-position: 0 -144px; }
.main-brasizecalculator .ui-icon-info { background-position: -16px -144px; }
.main-brasizecalculator .ui-icon-notice { background-position: -32px -144px; }
.main-brasizecalculator .ui-icon-help { background-position: -48px -144px; }
.main-brasizecalculator .ui-icon-check { background-position: -64px -144px; }
.main-brasizecalculator .ui-icon-bullet { background-position: -80px -144px; }
.main-brasizecalculator .ui-icon-radio-on { background-position: -96px -144px; }
.main-brasizecalculator .ui-icon-radio-off { background-position: -112px -144px; }
.main-brasizecalculator .ui-icon-pin-w { background-position: -128px -144px; }
.main-brasizecalculator .ui-icon-pin-s { background-position: -144px -144px; }
.main-brasizecalculator .ui-icon-play { background-position: 0 -160px; }
.main-brasizecalculator .ui-icon-pause { background-position: -16px -160px; }
.main-brasizecalculator .ui-icon-seek-next { background-position: -32px -160px; }
.main-brasizecalculator .ui-icon-seek-prev { background-position: -48px -160px; }
.main-brasizecalculator .ui-icon-seek-end { background-position: -64px -160px; }
.main-brasizecalculator .ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.main-brasizecalculator .ui-icon-seek-first { background-position: -80px -160px; }
.main-brasizecalculator .ui-icon-stop { background-position: -96px -160px; }
.main-brasizecalculator .ui-icon-eject { background-position: -112px -160px; }
.main-brasizecalculator .ui-icon-volume-off { background-position: -128px -160px; }
.main-brasizecalculator .ui-icon-volume-on { background-position: -144px -160px; }
.main-brasizecalculator .ui-icon-power { background-position: 0 -176px; }
.main-brasizecalculator .ui-icon-signal-diag { background-position: -16px -176px; }
.main-brasizecalculator .ui-icon-signal { background-position: -32px -176px; }
.main-brasizecalculator .ui-icon-battery-0 { background-position: -48px -176px; }
.main-brasizecalculator .ui-icon-battery-1 { background-position: -64px -176px; }
.main-brasizecalculator .ui-icon-battery-2 { background-position: -80px -176px; }
.main-brasizecalculator .ui-icon-battery-3 { background-position: -96px -176px; }
.main-brasizecalculator .ui-icon-circle-plus { background-position: 0 -192px; }
.main-brasizecalculator .ui-icon-circle-minus { background-position: -16px -192px; }
.main-brasizecalculator .ui-icon-circle-close { background-position: -32px -192px; }
.main-brasizecalculator .ui-icon-circle-triangle-e { background-position: -48px -192px; }
.main-brasizecalculator .ui-icon-circle-triangle-s { background-position: -64px -192px; }
.main-brasizecalculator .ui-icon-circle-triangle-w { background-position: -80px -192px; }
.main-brasizecalculator .ui-icon-circle-triangle-n { background-position: -96px -192px; }
.main-brasizecalculator .ui-icon-circle-arrow-e { background-position: -112px -192px; }
.main-brasizecalculator .ui-icon-circle-arrow-s { background-position: -128px -192px; }
.main-brasizecalculator .ui-icon-circle-arrow-w { background-position: -144px -192px; }
.main-brasizecalculator .ui-icon-circle-arrow-n { background-position: -160px -192px; }
.main-brasizecalculator .ui-icon-circle-zoomin { background-position: -176px -192px; }
.main-brasizecalculator .ui-icon-circle-zoomout { background-position: -192px -192px; }
.main-brasizecalculator .ui-icon-circle-check { background-position: -208px -192px; }
.main-brasizecalculator .ui-icon-circlesmall-plus { background-position: 0 -208px; }
.main-brasizecalculator .ui-icon-circlesmall-minus { background-position: -16px -208px; }
.main-brasizecalculator .ui-icon-circlesmall-close { background-position: -32px -208px; }
.main-brasizecalculator .ui-icon-squaresmall-plus { background-position: -48px -208px; }
.main-brasizecalculator .ui-icon-squaresmall-minus { background-position: -64px -208px; }
.main-brasizecalculator .ui-icon-squaresmall-close { background-position: -80px -208px; }
.main-brasizecalculator .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.main-brasizecalculator .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.main-brasizecalculator .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.main-brasizecalculator .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.main-brasizecalculator .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.main-brasizecalculator .ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.main-brasizecalculator .ui-corner-all,
.main-brasizecalculator .ui-corner-top,
.main-brasizecalculator .ui-corner-left,
.main-brasizecalculator .ui-corner-tl {
	border-top-left-radius: 3px;
}
.main-brasizecalculator .ui-corner-all,
.main-brasizecalculator .ui-corner-top,
.main-brasizecalculator .ui-corner-right,
.main-brasizecalculator .ui-corner-tr {
	border-top-right-radius: 3px;
}
.main-brasizecalculator .ui-corner-all,
.main-brasizecalculator .ui-corner-bottom,
.main-brasizecalculator .ui-corner-left,
.main-brasizecalculator .ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.main-brasizecalculator .ui-corner-all,
.main-brasizecalculator .ui-corner-bottom,
.main-brasizecalculator .ui-corner-right,
.main-brasizecalculator .ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.main-brasizecalculator .ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.main-brasizecalculator .ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

/* ================ */

.main-brasizecalculator .extralargefont.mainheader-text {
    font-size: 50px;
    line-height: 56px
}

.main-brasizecalculator .largefont.mainheader-text {
    font-size: 40px;
    line-height: 46px
}

.main-brasizecalculator .mediumfont.mainheader-text {
    font-size: 30px;
    line-height: 36px
}

.main-brasizecalculator .smallfont.mainheader-text {
    font-size: 20px;
    line-height: 26px
}

.main-brasizecalculator .extrasmallfont.mainheader-text {
    font-size: 15px;
    line-height: 21px
}

.main-brasizecalculator .extralargefont.description-text {
    font-size: 50px;
    line-height: 56px
}

.main-brasizecalculator .largefont.description-text {
    font-size: 40px;
    line-height: 46px
}

.main-brasizecalculator .mediumfont.description-text {
    font-size: 30px;
    line-height: 36px
}

.main-brasizecalculator .smallfont.description-text {
    font-size: 20px;
    line-height: 26px
}

.main-brasizecalculator .extrasmallfont.description-text {
    font-size: 15px;
    line-height: 21px
}

.main-brasizecalculator .light.mainheader-text {
    font-family: var(--font-family-base);
}

.main-brasizecalculator .regular.mainheader-text {
    font-family: var(--font-family-sub-heading);
}

.main-brasizecalculator .bold.mainheader-text {
    font-family: var(--font-family-heading);
}

.main-brasizecalculator :invalid {
    box-shadow: none
}

.main-brasizecalculator :-moz-submit-invalid {
    box-shadow: none
}

.main-brasizecalculator :-moz-ui-invalid {
    box-shadow: none
}

.main-brasizecalculator a,
.main-brasizecalculator img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline: 0
}

.main-brasizecalculator img {
    -ms-interpolation-mode: bicubic;
    border: none;
    border-style: none
}

.main-brasizecalculator :focus {
    outline: 0
}

.main-brasizecalculator .svgbase {
    display: none
}

.main-brasizecalculator .svgicon {
    display: inline-block;
    overflow: visible
}

.main-brasizecalculator b,
.main-brasizecalculator strong {
    font-family: var(--font-family-sub-heading);
    font-weight: 700
}

.main-brasizecalculator em,
.main-brasizecalculator i {
    font-style: italic;
    color: #6a6f74
}

.main-brasizecalculator ::-moz-selection {
    background: #aeb2b1;
    color: #fff;
    text-shadow: none
}

.main-brasizecalculator ::selection {
    background: #aeb2b1;
    color: #fff;
    text-shadow: none
}

.main-brasizecalculator .clear {
    clear: both
}

.main-brasizecalculator .floatleft {
    float: left
}

.main-brasizecalculator .floatright {
    float: right
}

.main-brasizecalculator address,
.main-brasizecalculator article,
.main-brasizecalculator footer,
.main-brasizecalculator header,
.main-brasizecalculator main,
.main-brasizecalculator nav,
.main-brasizecalculator section {
    display: block
}

.main-brasizecalculator address.hide,
.main-brasizecalculator article.hide,
.main-brasizecalculator footer.hide,
.main-brasizecalculator header.hide,
.main-brasizecalculator main.hide,
.main-brasizecalculator nav.hide,
.main-brasizecalculator section.hide {
    display: none;
}


.main-brasizecalculator hr {
    display: block;
    height: 1px;
    background-color: #cfd1d0;
    border: none;
    outline: 0;
    margin-top: 35px;
    margin-bottom: 35px
}
.main-brasizecalculator hr.hide {
    display: none;
}

.main-brasizecalculator hr.c-orange {
    background-color: #bfa4b6
}

@media screen and (max-width:580px) {
   .main-brasizecalculator hr {
        margin-top: 25px;
        margin-bottom: 25px
    }
}

.main-brasizecalculator small {
    font-size: smaller
}

.main-brasizecalculator .overlaybackground {
    position: absolute;
    width: 100%;
    background: #fff;
    opacity: .4;
    z-index: 4
}

@media print {
    body,
    html {
        background: 0 0
    }
    .main-brasizecalculator #container {
        width: 100%!important;
        margin: 0!important;
        padding: 0!important
    }
    .main-brasizecalculator #container #header-old #logo-wrapper {
        float: none;
        margin: 0 auto
    }
    .main-brasizecalculator #container #header-old #logo-wrapper img {
        padding: 20px 0
    }
    .main-brasizecalculator #container #mainContent #myAccountContainer {
        margin: 0
    }
    .main-brasizecalculator #container .pt_cart.wishlist {
        width: 100%!important
    }
    .main-brasizecalculator #container .pt_cart.wishlist .teaserOpener-headline,
    .main-brasizecalculator #container .pt_cart.wishlist h1 {
        margin: 0 0 30px!important
    }
    .main-brasizecalculator #footer-old,
    .main-brasizecalculator #links-wrapper,
    .main-brasizecalculator #menu,
    .main-brasizecalculator #mobilemenu-wrapper,
    .main-brasizecalculator #myAccountMenu,
    .main-brasizecalculator #searchbar-wrapper,
    .main-brasizecalculator .wishlist .linkactions {
        display: none!important
    }
}

.main-brasizecalculator .primary.advice-teaser,
.main-brasizecalculator .primary.badge.newsletter,
.main-brasizecalculator .primary.campaignslider-teaser .campaignslider-text,
.main-brasizecalculator .primary.campaignslider-teaser .campaignslider-text .crown .crownicon,
.main-brasizecalculator .primary.largeteaser .teasertext,
.main-brasizecalculator .primary.largeteaser .teasertext .crown .crownicon,
.main-brasizecalculator .primary.promo-ticker {
    background-color: #000000;
    color: #fff
}

.main-brasizecalculator .primary.advice-teaser a:not(.button),
.main-brasizecalculator .primary.badge.newsletter a:not(.button),
.main-brasizecalculator .primary.campaignslider-teaser .campaignslider-text .crown .crownicon a:not(.button),
.main-brasizecalculator .primary.campaignslider-teaser .campaignslider-text a:not(.button),
.main-brasizecalculator .primary.largeteaser .teasertext .crown .crownicon a:not(.button),
.main-brasizecalculator .main-brasizecalculator .primary.largeteaser .teasertext a:not(.button),
.main-brasizecalculator .primary.promo-ticker a:not(.button) {
    color: #fff
}

.main-brasizecalculator .primary.badge.newsletter:active,
.main-brasizecalculator .primary.badge.newsletter:focus,
.main-brasizecalculator .primary.badge.newsletter:hover,
.main-brasizecalculator .primary.promo-ticker:active,
.main-brasizecalculator .primary.promo-ticker:focus,
.main-brasizecalculator .primary.promo-ticker:hover {
    background-color: #ce2332
}

@media screen and (max-width:980px) {
    .main-brasizecalculator .primary.campaignslider-teaser .campaignslider-text.withcrown .campaignslider-more .button {
        color: #000000
    }
}

.main-brasizecalculator .primary.campaignslider-text,
.main-brasizecalculator .primary.teasertext {
    border-color: #000000
}

.main-brasizecalculator .advice-teaser .inner .text-primary,
.main-brasizecalculator .advice-teaser .inner .text-primary a:not(.button),
.main-brasizecalculator .badge.newsletter .text-primary,
.main-brasizecalculator .badge.newsletter .text-primary a:not(.button),
.main-brasizecalculator .campaignslider-teaser .campaignslider-text .text-primary,
.main-brasizecalculator .campaignslider-teaser .campaignslider-text .text-primary a:not(.button),
.main-brasizecalculator .largeteaser .teasertext .text-primary,
.main-brasizecalculator .largeteaser .teasertext .text-primary a:not(.button),
.main-brasizecalculator .promo-ticker .text-primary,
.main-brasizecalculator .promo-ticker .text-primary a:not(.button),
.main-brasizecalculator .text-primary,
.main-brasizecalculator .text-primary a:not(.button) {
    color: #000000
}

@media screen and (max-width:767px) {
    .main-brasizecalculator .mainMenu .mainItem .primary.background,
    .main-brasizecalculator .mainMenu .mainItem .primary.background a {
        background-color: #000000;
        color: #fff
    }
    .main-brasizecalculator .mainMenu .mainItem .primary.background a a:not(.button),
    .main-brasizecalculator .mainMenu .mainItem .primary.background a:not(.button) {
        color: #fff
    }
    .main-brasizecalculator .mainMenu .mainItem .primary,
    .main-brasizecalculator .mainMenu .mainItem .primary a {
        color: #000000
    }
}

.main-brasizecalculator .triumphred.advice-teaser,
.main-brasizecalculator .triumphred.badge.newsletter,
.main-brasizecalculator .triumphred.campaignslider-teaser .campaignslider-text,
.main-brasizecalculator .triumphred.campaignslider-teaser .campaignslider-text .crown .crownicon,
.main-brasizecalculator .triumphred.largeteaser .teasertext,
.main-brasizecalculator .triumphred.largeteaser .teasertext .crown .crownicon,
.main-brasizecalculator .triumphred.promo-ticker {
    background-color: #000000;
    color: #fff
}

.main-brasizecalculator .triumphred.advice-teaser a:not(.button),
.main-brasizecalculator .triumphred.badge.newsletter a:not(.button),
.main-brasizecalculator .triumphred.campaignslider-teaser .campaignslider-text .crown .crownicon a:not(.button),
.main-brasizecalculator .triumphred.campaignslider-teaser .campaignslider-text a:not(.button),
.main-brasizecalculator .triumphred.largeteaser .teasertext .crown .crownicon a:not(.button),
.main-brasizecalculator .triumphred.largeteaser .teasertext a:not(.button),
.main-brasizecalculator .triumphred.promo-ticker a:not(.button) {
    color: #fff
}

.main-brasizecalculator .triumphred.badge.newsletter:active,
.main-brasizecalculator .triumphred.badge.newsletter:focus,
.main-brasizecalculator .triumphred.badge.newsletter:hover,
.main-brasizecalculator .triumphred.promo-ticker:active,
.main-brasizecalculator .triumphred.promo-ticker:focus,
.main-brasizecalculator .triumphred.promo-ticker:hover {
    background-color: #ce2332
}

@media screen and (max-width:980px) {
    .main-brasizecalculator .triumphred.campaignslider-teaser .campaignslider-text.withcrown .campaignslider-more .button {
        color: #000000
    }
}

.main-brasizecalculator .triumphred.campaignslider-text,
.main-brasizecalculator .triumphred.teasertext {
    border-color: #000000
}

.main-brasizecalculator .advice-teaser .inner .text-triumphred,
.main-brasizecalculator .advice-teaser .inner .text-triumphred a:not(.button),
.main-brasizecalculator .badge.newsletter .text-triumphred,
.main-brasizecalculator .badge.newsletter .text-triumphred a:not(.button),
.main-brasizecalculator .campaignslider-teaser .campaignslider-text .text-triumphred,
.main-brasizecalculator .campaignslider-teaser .campaignslider-text .text-triumphred a:not(.button),
.main-brasizecalculator .largeteaser .teasertext .text-triumphred,
.main-brasizecalculator .largeteaser .teasertext .text-triumphred a:not(.button),
.main-brasizecalculator .promo-ticker .text-triumphred,
.main-brasizecalculator .promo-ticker .text-triumphred a:not(.button),
.main-brasizecalculator .text-triumphred,
.main-brasizecalculator .text-triumphred a:not(.button) {
    color: #000000
}

@media screen and (max-width:767px) {
    .mainMenu .mainItem .triumphred.background,
    .mainMenu .mainItem .triumphred.background a {
        background-color: #000000;
        color: #fff
    }
    .mainMenu .mainItem .triumphred.background a a:not(.button),
    .mainMenu .mainItem .triumphred.background a:not(.button) {
        color: #fff
    }
    .mainMenu .mainItem .triumphred,
    .mainMenu .mainItem .triumphred a {
        color: #000000
    }
}

.secondary.advice-teaser,
.secondary.badge.newsletter,
.secondary.campaignslider-teaser .campaignslider-text,
.secondary.campaignslider-teaser .campaignslider-text .crown .crownicon,
.secondary.largeteaser .teasertext,
.secondary.largeteaser .teasertext .crown .crownicon,
.secondary.promo-ticker {
    background-color: #aeb2b1;
    color: #fff
}

.secondary.advice-teaser a:not(.button),
.secondary.badge.newsletter a:not(.button),
.secondary.campaignslider-teaser .campaignslider-text .crown .crownicon a:not(.button),
.secondary.campaignslider-teaser .campaignslider-text a:not(.button),
.secondary.largeteaser .teasertext .crown .crownicon a:not(.button),
.secondary.largeteaser .teasertext a:not(.button),
.secondary.promo-ticker a:not(.button) {
    color: #fff
}

.secondary.badge.newsletter:active,
.secondary.badge.newsletter:focus,
.secondary.badge.newsletter:hover,
.secondary.promo-ticker:active,
.secondary.promo-ticker:focus,
.secondary.promo-ticker:hover {
    background-color: #bbbdbc
}

@media screen and (max-width:980px) {
    .secondary.campaignslider-teaser .campaignslider-text.withcrown .campaignslider-more .button {
        color: #000000
    }
}

.secondary.campaignslider-text,
.secondary.teasertext {
    border-color: #aeb2b1
}

.advice-teaser .inner .text-secondary,
.advice-teaser .inner .text-secondary a:not(.button),
.badge.newsletter .text-secondary,
.badge.newsletter .text-secondary a:not(.button),
.campaignslider-teaser .campaignslider-text .text-secondary,
.campaignslider-teaser .campaignslider-text .text-secondary a:not(.button),
.largeteaser .teasertext .text-secondary,
.largeteaser .teasertext .text-secondary a:not(.button),
.promo-ticker .text-secondary,
.promo-ticker .text-secondary a:not(.button),
.text-secondary,
.text-secondary a:not(.button) {
    color: #aeb2b1
}

@media screen and (max-width:767px) {
    .mainMenu .mainItem .secondary.background,
    .mainMenu .mainItem .secondary.background a {
        background-color: #aeb2b1;
        color: #fff
    }
    .mainMenu .mainItem .secondary.background a a:not(.button),
    .mainMenu .mainItem .secondary.background a:not(.button) {
        color: #fff
    }
    .mainMenu .mainItem .secondary,
    .mainMenu .mainItem .secondary a {
        color: #aeb2b1
    }
}

.tertiary.advice-teaser,
.tertiary.badge.newsletter,
.tertiary.campaignslider-teaser .campaignslider-text,
.tertiary.campaignslider-teaser .campaignslider-text .crown .crownicon,
.tertiary.largeteaser .teasertext,
.tertiary.largeteaser .teasertext .crown .crownicon,
.tertiary.promo-ticker {
    background-color: #fff;
    color: #494e53
}

.tertiary.advice-teaser a:not(.button),
.tertiary.badge.newsletter a:not(.button),
.tertiary.campaignslider-teaser .campaignslider-text .crown .crownicon a:not(.button),
.tertiary.campaignslider-teaser .campaignslider-text a:not(.button),
.tertiary.largeteaser .teasertext .crown .crownicon a:not(.button),
.tertiary.largeteaser .teasertext a:not(.button),
.tertiary.promo-ticker a:not(.button) {
    color: #494e53
}

.tertiary.badge.newsletter:active,
.tertiary.badge.newsletter:focus,
.tertiary.badge.newsletter:hover,
.tertiary.promo-ticker:active,
.tertiary.promo-ticker:focus,
.tertiary.promo-ticker:hover {
    background-color: #fff
}

@media screen and (max-width:980px) {
    .tertiary.campaignslider-teaser .campaignslider-text.withcrown .campaignslider-more .button {
        color: #000000
    }
}

.tertiary.campaignslider-text,
.tertiary.teasertext {
    border-color: #fff
}

.advice-teaser .inner .text-tertiary,
.advice-teaser .inner .text-tertiary a:not(.button),
.badge.newsletter .text-tertiary,
.badge.newsletter .text-tertiary a:not(.button),
.campaignslider-teaser .campaignslider-text .text-tertiary,
.campaignslider-teaser .campaignslider-text .text-tertiary a:not(.button),
.largeteaser .teasertext .text-tertiary,
.largeteaser .teasertext .text-tertiary a:not(.button),
.promo-ticker .text-tertiary,
.promo-ticker .text-tertiary a:not(.button),
.text-tertiary,
.text-tertiary a:not(.button) {
    color: #fff
}

@media screen and (max-width:767px) {
    .mainMenu .mainItem .tertiary.background,
    .mainMenu .mainItem .tertiary.background a {
        background-color: #fff;
        color: #494e53
    }
    .mainMenu .mainItem .tertiary.background a a:not(.button),
    .mainMenu .mainItem .tertiary.background a:not(.button) {
        color: #494e53
    }
    .mainMenu .mainItem .tertiary,
    .mainMenu .mainItem .tertiary a {
        color: #fff
    }
}

.white.advice-teaser,
.white.badge.newsletter,
.white.campaignslider-teaser .campaignslider-text,
.white.campaignslider-teaser .campaignslider-text .crown .crownicon,
.white.largeteaser .teasertext,
.white.largeteaser .teasertext .crown .crownicon,
.white.promo-ticker {
    background-color: #fff;
    color: #494e53
}

.white.advice-teaser a:not(.button),
.white.badge.newsletter a:not(.button),
.white.campaignslider-teaser .campaignslider-text .crown .crownicon a:not(.button),
.white.campaignslider-teaser .campaignslider-text a:not(.button),
.white.largeteaser .teasertext .crown .crownicon a:not(.button),
.white.largeteaser .teasertext a:not(.button),
.white.promo-ticker a:not(.button) {
    color: #494e53
}

.white.badge.newsletter:active,
.white.badge.newsletter:focus,
.white.badge.newsletter:hover,
.white.promo-ticker:active,
.white.promo-ticker:focus,
.white.promo-ticker:hover {
    background-color: #fff
}

@media screen and (max-width:980px) {
    .white.campaignslider-teaser .campaignslider-text.withcrown .campaignslider-more .button {
        color: #000000
    }
}

.white.campaignslider-text,
.white.teasertext {
    border-color: #fff
}

.advice-teaser .inner .text-white,
.advice-teaser .inner .text-white a:not(.button),
.badge.newsletter .text-white,
.badge.newsletter .text-white a:not(.button),
.campaignslider-teaser .campaignslider-text .text-white,
.campaignslider-teaser .campaignslider-text .text-white a:not(.button),
.largeteaser .teasertext .text-white,
.largeteaser .teasertext .text-white a:not(.button),
.promo-ticker .text-white,
.promo-ticker .text-white a:not(.button),
.text-white,
.text-white a:not(.button) {
    color: #fff
}

@media screen and (max-width:767px) {
    .mainMenu .mainItem .white.background,
    .mainMenu .mainItem .white.background a {
        background-color: #fff;
        color: #494e53
    }
    .mainMenu .mainItem .white.background a a:not(.button),
    .mainMenu .mainItem .white.background a:not(.button) {
        color: #494e53
    }
    .mainMenu .mainItem .white,
    .mainMenu .mainItem .white a {
        color: #fff
    }
}

@media screen and (max-width:980px) {
    .tertiary.campaignslider-teaser .campaignslider-text,
    .tertiary.campaignslider-teaser .campaignslider-text .crown .crownicon,
    .white.campaignslider-teaser .campaignslider-text,
    .white.campaignslider-teaser .campaignslider-text .crown .crownicon {
        background-color: #f4f2ef
    }
}

.black.advice-teaser,
.black.badge.newsletter,
.black.campaignslider-teaser .campaignslider-text,
.black.campaignslider-teaser .campaignslider-text .crown .crownicon,
.black.largeteaser .teasertext,
.black.largeteaser .teasertext .crown .crownicon,
.black.promo-ticker {
    background-color: #000;
    color: #fff
}

.black.advice-teaser a:not(.button),
.black.badge.newsletter a:not(.button),
.black.campaignslider-teaser .campaignslider-text .crown .crownicon a:not(.button),
.black.campaignslider-teaser .campaignslider-text a:not(.button),
.black.largeteaser .teasertext .crown .crownicon a:not(.button),
.black.largeteaser .teasertext a:not(.button),
.black.promo-ticker a:not(.button) {
    color: #fff
}

.black.badge.newsletter:active,
.black.badge.newsletter:focus,
.black.badge.newsletter:hover,
.black.promo-ticker:active,
.black.promo-ticker:focus,
.black.promo-ticker:hover {
    background-color: #000
}

@media screen and (max-width:980px) {
    .black.campaignslider-teaser .campaignslider-text.withcrown .campaignslider-more .button {
        color: #000000
    }
}

.black.campaignslider-text,
.black.teasertext {
    border-color: #000
}

.advice-teaser .inner .text-black,
.advice-teaser .inner .text-black a:not(.button),
.badge.newsletter .text-black,
.badge.newsletter .text-black a:not(.button),
.campaignslider-teaser .campaignslider-text .text-black,
.campaignslider-teaser .campaignslider-text .text-black a:not(.button),
.largeteaser .teasertext .text-black,
.largeteaser .teasertext .text-black a:not(.button),
.promo-ticker .text-black,
.promo-ticker .text-black a:not(.button),
.text-black,
.text-black a:not(.button) {
    color: #000
}

@media screen and (max-width:767px) {
    .mainMenu .mainItem .black.background,
    .mainMenu .mainItem .black.background a {
        background-color: #000;
        color: #fff
    }
    .mainMenu .mainItem .black.background a a:not(.button),
    .mainMenu .mainItem .black.background a:not(.button) {
        color: #fff
    }
    .mainMenu .mainItem .black,
    .mainMenu .mainItem .black a {
        color: #000
    }
}

.nevadagrey.advice-teaser,
.nevadagrey.badge.newsletter,
.nevadagrey.campaignslider-teaser .campaignslider-text,
.nevadagrey.campaignslider-teaser .campaignslider-text .crown .crownicon,
.nevadagrey.largeteaser .teasertext,
.nevadagrey.largeteaser .teasertext .crown .crownicon,
.nevadagrey.promo-ticker {
    background-color: #494e53;
    color: #fff
}

.nevadagrey.advice-teaser a:not(.button),
.nevadagrey.badge.newsletter a:not(.button),
.nevadagrey.campaignslider-teaser .campaignslider-text .crown .crownicon a:not(.button),
.nevadagrey.campaignslider-teaser .campaignslider-text a:not(.button),
.nevadagrey.largeteaser .teasertext .crown .crownicon a:not(.button),
.nevadagrey.largeteaser .teasertext a:not(.button),
.nevadagrey.promo-ticker a:not(.button) {
    color: #fff
}

.nevadagrey.badge.newsletter:active,
.nevadagrey.badge.newsletter:focus,
.nevadagrey.badge.newsletter:hover,
.nevadagrey.promo-ticker:active,
.nevadagrey.promo-ticker:focus,
.nevadagrey.promo-ticker:hover {
    background-color: #494e53
}

@media screen and (max-width:980px) {
    .nevadagrey.campaignslider-teaser .campaignslider-text.withcrown .campaignslider-more .button {
        color: #000000
    }
}

.nevadagrey.campaignslider-text,
.nevadagrey.teasertext {
    border-color: #494e53
}

.advice-teaser .inner .text-nevadagrey,
.advice-teaser .inner .text-nevadagrey a:not(.button),
.badge.newsletter .text-nevadagrey,
.badge.newsletter .text-nevadagrey a:not(.button),
.campaignslider-teaser .campaignslider-text .text-nevadagrey,
.campaignslider-teaser .campaignslider-text .text-nevadagrey a:not(.button),
.largeteaser .teasertext .text-nevadagrey,
.largeteaser .teasertext .text-nevadagrey a:not(.button),
.promo-ticker .text-nevadagrey,
.promo-ticker .text-nevadagrey a:not(.button),
.text-nevadagrey,
.text-nevadagrey a:not(.button) {
    color: #494e53
}

@media screen and (max-width:767px) {
    .mainMenu .mainItem .nevadagrey.background,
    .mainMenu .mainItem .nevadagrey.background a {
        background-color: #494e53;
        color: #fff
    }
    .mainMenu .mainItem .nevadagrey.background a a:not(.button),
    .mainMenu .mainItem .nevadagrey.background a:not(.button) {
        color: #fff
    }
    .mainMenu .mainItem .nevadagrey,
    .mainMenu .mainItem .nevadagrey a {
        color: #494e53
    }
}

.triumphgrey.advice-teaser,
.triumphgrey.badge.newsletter,
.triumphgrey.campaignslider-teaser .campaignslider-text,
.triumphgrey.campaignslider-teaser .campaignslider-text .crown .crownicon,
.triumphgrey.largeteaser .teasertext,
.triumphgrey.largeteaser .teasertext .crown .crownicon,
.triumphgrey.promo-ticker {
    background-color: #494e53;
    color: #fff
}

.triumphgrey.advice-teaser a:not(.button),
.triumphgrey.badge.newsletter a:not(.button),
.triumphgrey.campaignslider-teaser .campaignslider-text .crown .crownicon a:not(.button),
.triumphgrey.campaignslider-teaser .campaignslider-text a:not(.button),
.triumphgrey.largeteaser .teasertext .crown .crownicon a:not(.button),
.triumphgrey.largeteaser .teasertext a:not(.button),
.triumphgrey.promo-ticker a:not(.button) {
    color: #fff
}

.triumphgrey.badge.newsletter:active,
.triumphgrey.badge.newsletter:focus,
.triumphgrey.badge.newsletter:hover,
.triumphgrey.promo-ticker:active,
.triumphgrey.promo-ticker:focus,
.triumphgrey.promo-ticker:hover {
    background-color: #494e53
}

@media screen and (max-width:980px) {
    .triumphgrey.campaignslider-teaser .campaignslider-text.withcrown .campaignslider-more .button {
        color: #000000
    }
}

.triumphgrey.campaignslider-text,
.triumphgrey.teasertext {
    border-color: #494e53
}

.advice-teaser .inner .text-triumphgrey,
.advice-teaser .inner .text-triumphgrey a:not(.button),
.badge.newsletter .text-triumphgrey,
.badge.newsletter .text-triumphgrey a:not(.button),
.campaignslider-teaser .campaignslider-text .text-triumphgrey,
.campaignslider-teaser .campaignslider-text .text-triumphgrey a:not(.button),
.largeteaser .teasertext .text-triumphgrey,
.largeteaser .teasertext .text-triumphgrey a:not(.button),
.promo-ticker .text-triumphgrey,
.promo-ticker .text-triumphgrey a:not(.button),
.text-triumphgrey,
.text-triumphgrey a:not(.button) {
    color: #494e53
}

@media screen and (max-width:767px) {
    .mainMenu .mainItem .triumphgrey.background,
    .mainMenu .mainItem .triumphgrey.background a {
        background-color: #494e53;
        color: #fff
    }
    .mainMenu .mainItem .triumphgrey.background a a:not(.button),
    .mainMenu .mainItem .triumphgrey.background a:not(.button) {
        color: #fff
    }
    .mainMenu .mainItem .triumphgrey,
    .mainMenu .mainItem .triumphgrey a {
        color: #494e53
    }
}

.loyalty.advice-teaser,
.loyalty.badge.newsletter,
.loyalty.campaignslider-teaser .campaignslider-text,
.loyalty.campaignslider-teaser .campaignslider-text .crown .crownicon,
.loyalty.largeteaser .teasertext,
.loyalty.largeteaser .teasertext .crown .crownicon,
.loyalty.promo-ticker {
    background-color: #bfa4b6;
    color: #fff
}

.loyalty.advice-teaser a:not(.button),
.loyalty.badge.newsletter a:not(.button),
.loyalty.campaignslider-teaser .campaignslider-text .crown .crownicon a:not(.button),
.loyalty.campaignslider-teaser .campaignslider-text a:not(.button),
.loyalty.largeteaser .teasertext .crown .crownicon a:not(.button),
.loyalty.largeteaser .teasertext a:not(.button),
.loyalty.promo-ticker a:not(.button) {
    color: #fff
}

.loyalty.badge.newsletter:active,
.loyalty.badge.newsletter:focus,
.loyalty.badge.newsletter:hover,
.loyalty.promo-ticker:active,
.loyalty.promo-ticker:focus,
.loyalty.promo-ticker:hover {
    background-color: #fff
}

@media screen and (max-width:980px) {
    .loyalty.campaignslider-teaser .campaignslider-text.withcrown .campaignslider-more .button {
        color: #000000
    }
}

.loyalty.campaignslider-text,
.loyalty.teasertext {
    border-color: #bfa4b6
}

.advice-teaser .inner .text-loyalty,
.advice-teaser .inner .text-loyalty a:not(.button),
.badge.newsletter .text-loyalty,
.badge.newsletter .text-loyalty a:not(.button),
.campaignslider-teaser .campaignslider-text .text-loyalty,
.campaignslider-teaser .campaignslider-text .text-loyalty a:not(.button),
.largeteaser .teasertext .text-loyalty,
.largeteaser .teasertext .text-loyalty a:not(.button),
.promo-ticker .text-loyalty,
.promo-ticker .text-loyalty a:not(.button),
.text-loyalty,
.text-loyalty a:not(.button) {
    color: #bfa4b6
}

@media screen and (max-width:767px) {
    .mainMenu .mainItem .loyalty.background,
    .mainMenu .mainItem .loyalty.background a {
        background-color: #bfa4b6;
        color: #fff
    }
    .mainMenu .mainItem .loyalty.background a a:not(.button),
    .mainMenu .mainItem .loyalty.background a:not(.button) {
        color: #fff
    }
    .mainMenu .mainItem .loyalty,
    .mainMenu .mainItem .loyalty a {
        color: #bfa4b6
    }
}

.advice-teaser.loyalty .inner {
    padding-top: 15px;
    padding-bottom: 15px
}

.sand.advice-teaser,
.sand.badge.newsletter,
.sand.campaignslider-teaser .campaignslider-text,
.sand.campaignslider-teaser .campaignslider-text .crown .crownicon,
.sand.largeteaser .teasertext,
.sand.largeteaser .teasertext .crown .crownicon,
.sand.promo-ticker {
    background-color: #e1d3c6;
    color: #fff
}

.sand.advice-teaser a:not(.button),
.sand.badge.newsletter a:not(.button),
.sand.campaignslider-teaser .campaignslider-text .crown .crownicon a:not(.button),
.sand.campaignslider-teaser .campaignslider-text a:not(.button),
.sand.largeteaser .teasertext .crown .crownicon a:not(.button),
.sand.largeteaser .teasertext a:not(.button),
.sand.promo-ticker a:not(.button) {
    color: #fff
}

.sand.badge.newsletter:active,
.sand.badge.newsletter:focus,
.sand.badge.newsletter:hover,
.sand.promo-ticker:active,
.sand.promo-ticker:focus,
.sand.promo-ticker:hover {
    background-color: #e1d3c6
}

@media screen and (max-width:980px) {
    .sand.campaignslider-teaser .campaignslider-text.withcrown .campaignslider-more .button {
        color: #000000
    }
}

.sand.campaignslider-text,
.sand.teasertext {
    border-color: #e1d3c6
}

.advice-teaser .inner .text-sand,
.advice-teaser .inner .text-sand a:not(.button),
.badge.newsletter .text-sand,
.badge.newsletter .text-sand a:not(.button),
.campaignslider-teaser .campaignslider-text .text-sand,
.campaignslider-teaser .campaignslider-text .text-sand a:not(.button),
.largeteaser .teasertext .text-sand,
.largeteaser .teasertext .text-sand a:not(.button),
.promo-ticker .text-sand,
.promo-ticker .text-sand a:not(.button),
.text-sand,
.text-sand a:not(.button) {
    color: #e1d3c6
}

@media screen and (max-width:767px) {
    .mainMenu .mainItem .sand.background,
    .mainMenu .mainItem .sand.background a {
        background-color: #e1d3c6;
        color: #fff
    }
    .mainMenu .mainItem .sand.background a a:not(.button),
    .mainMenu .mainItem .sand.background a:not(.button) {
        color: #fff
    }
    .mainMenu .mainItem .sand,
    .mainMenu .mainItem .sand a {
        color: #e1d3c6
    }
}

.darksand.advice-teaser,
.darksand.badge.newsletter,
.darksand.campaignslider-teaser .campaignslider-text,
.darksand.campaignslider-teaser .campaignslider-text .crown .crownicon,
.darksand.largeteaser .teasertext,
.darksand.largeteaser .teasertext .crown .crownicon,
.darksand.promo-ticker {
    background-color: #c5c1ae;
    color: #fff
}

.darksand.advice-teaser a:not(.button),
.darksand.badge.newsletter a:not(.button),
.darksand.campaignslider-teaser .campaignslider-text .crown .crownicon a:not(.button),
.darksand.campaignslider-teaser .campaignslider-text a:not(.button),
.darksand.largeteaser .teasertext .crown .crownicon a:not(.button),
.darksand.largeteaser .teasertext a:not(.button),
.darksand.promo-ticker a:not(.button) {
    color: #fff
}

.darksand.badge.newsletter:active,
.darksand.badge.newsletter:focus,
.darksand.badge.newsletter:hover,
.darksand.promo-ticker:active,
.darksand.promo-ticker:focus,
.darksand.promo-ticker:hover {
    background-color: #a4a08d
}

@media screen and (max-width:980px) {
    .darksand.campaignslider-teaser .campaignslider-text.withcrown .campaignslider-more .button {
        color: #000000
    }
}

.darksand.campaignslider-text,
.darksand.teasertext {
    border-color: #c5c1ae
}

.advice-teaser .inner .text-darksand,
.advice-teaser .inner .text-darksand a:not(.button),
.badge.newsletter .text-darksand,
.badge.newsletter .text-darksand a:not(.button),
.campaignslider-teaser .campaignslider-text .text-darksand,
.campaignslider-teaser .campaignslider-text .text-darksand a:not(.button),
.largeteaser .teasertext .text-darksand,
.largeteaser .teasertext .text-darksand a:not(.button),
.promo-ticker .text-darksand,
.promo-ticker .text-darksand a:not(.button),
.text-darksand,
.text-darksand a:not(.button) {
    color: #c5c1ae
}

@media screen and (max-width:767px) {
    .mainMenu .mainItem .darksand.background,
    .mainMenu .mainItem .darksand.background a {
        background-color: #c5c1ae;
        color: #fff
    }
    .mainMenu .mainItem .darksand.background a a:not(.button),
    .mainMenu .mainItem .darksand.background a:not(.button) {
        color: #fff
    }
    .mainMenu .mainItem .darksand,
    .mainMenu .mainItem .darksand a {
        color: #c5c1ae
    }
}

.dustygrey.advice-teaser,
.dustygrey.badge.newsletter,
.dustygrey.campaignslider-teaser .campaignslider-text,
.dustygrey.campaignslider-teaser .campaignslider-text .crown .crownicon,
.dustygrey.largeteaser .teasertext,
.dustygrey.largeteaser .teasertext .crown .crownicon,
.dustygrey.promo-ticker {
    background-color: #b4a4a7;
    color: #fff
}

.dustygrey.advice-teaser a:not(.button),
.dustygrey.badge.newsletter a:not(.button),
.dustygrey.campaignslider-teaser .campaignslider-text .crown .crownicon a:not(.button),
.dustygrey.campaignslider-teaser .campaignslider-text a:not(.button),
.dustygrey.largeteaser .teasertext .crown .crownicon a:not(.button),
.dustygrey.largeteaser .teasertext a:not(.button),
.dustygrey.promo-ticker a:not(.button) {
    color: #fff
}

.dustygrey.badge.newsletter:active,
.dustygrey.badge.newsletter:focus,
.dustygrey.badge.newsletter:hover,
.dustygrey.promo-ticker:active,
.dustygrey.promo-ticker:focus,
.dustygrey.promo-ticker:hover {
    background-color: #bfb3b5
}

@media screen and (max-width:980px) {
    .dustygrey.campaignslider-teaser .campaignslider-text.withcrown .campaignslider-more .button {
        color: #000000
    }
}

.dustygrey.campaignslider-text,
.dustygrey.teasertext {
    border-color: #b4a4a7
}

.advice-teaser .inner .text-dustygrey,
.advice-teaser .inner .text-dustygrey a:not(.button),
.badge.newsletter .text-dustygrey,
.badge.newsletter .text-dustygrey a:not(.button),
.campaignslider-teaser .campaignslider-text .text-dustygrey,
.campaignslider-teaser .campaignslider-text .text-dustygrey a:not(.button),
.largeteaser .teasertext .text-dustygrey,
.largeteaser .teasertext .text-dustygrey a:not(.button),
.promo-ticker .text-dustygrey,
.promo-ticker .text-dustygrey a:not(.button),
.text-dustygrey,
.text-dustygrey a:not(.button) {
    color: #b4a4a7
}

@media screen and (max-width:767px) {
    .mainMenu .mainItem .dustygrey.background,
    .mainMenu .mainItem .dustygrey.background a {
        background-color: #b4a4a7;
        color: #fff
    }
    .mainMenu .mainItem .dustygrey.background a a:not(.button),
    .mainMenu .mainItem .dustygrey.background a:not(.button) {
        color: #fff
    }
    .mainMenu .mainItem .dustygrey,
    .mainMenu .mainItem .dustygrey a {
        color: #b4a4a7
    }
}

.altrosa.advice-teaser,
.altrosa.badge.newsletter,
.altrosa.campaignslider-teaser .campaignslider-text,
.altrosa.campaignslider-teaser .campaignslider-text .crown .crownicon,
.altrosa.largeteaser .teasertext,
.altrosa.largeteaser .teasertext .crown .crownicon,
.altrosa.promo-ticker {
    background-color: #ccaeb6;
    color: #fff
}

.altrosa.advice-teaser a:not(.button),
.altrosa.badge.newsletter a:not(.button),
.altrosa.campaignslider-teaser .campaignslider-text .crown .crownicon a:not(.button),
.altrosa.campaignslider-teaser .campaignslider-text a:not(.button),
.altrosa.largeteaser .teasertext .crown .crownicon a:not(.button),
.altrosa.largeteaser .teasertext a:not(.button),
.altrosa.promo-ticker a:not(.button) {
    color: #fff
}

.altrosa.badge.newsletter:active,
.altrosa.badge.newsletter:focus,
.altrosa.badge.newsletter:hover,
.altrosa.promo-ticker:active,
.altrosa.promo-ticker:focus,
.altrosa.promo-ticker:hover {
    background-color: #d4bcc2
}

@media screen and (max-width:980px) {
    .altrosa.campaignslider-teaser .campaignslider-text.withcrown .campaignslider-more .button {
        color: #000000
    }
}

.altrosa.campaignslider-text,
.altrosa.teasertext {
    border-color: #ccaeb6
}

.advice-teaser .inner .text-altrosa,
.advice-teaser .inner .text-altrosa a:not(.button),
.badge.newsletter .text-altrosa,
.badge.newsletter .text-altrosa a:not(.button),
.campaignslider-teaser .campaignslider-text .text-altrosa,
.campaignslider-teaser .campaignslider-text .text-altrosa a:not(.button),
.largeteaser .teasertext .text-altrosa,
.largeteaser .teasertext .text-altrosa a:not(.button),
.promo-ticker .text-altrosa,
.promo-ticker .text-altrosa a:not(.button),
.text-altrosa,
.text-altrosa a:not(.button) {
    color: #ccaeb6
}

@media screen and (max-width:767px) {
    .mainMenu .mainItem .altrosa.background,
    .mainMenu .mainItem .altrosa.background a {
        background-color: #ccaeb6;
        color: #fff
    }
    .mainMenu .mainItem .altrosa.background a a:not(.button),
    .mainMenu .mainItem .altrosa.background a:not(.button) {
        color: #fff
    }
    .mainMenu .mainItem .altrosa,
    .mainMenu .mainItem .altrosa a {
        color: #ccaeb6
    }
}

.lightgrey.advice-teaser,
.lightgrey.badge.newsletter,
.lightgrey.campaignslider-teaser .campaignslider-text,
.lightgrey.campaignslider-teaser .campaignslider-text .crown .crownicon,
.lightgrey.largeteaser .teasertext,
.lightgrey.largeteaser .teasertext .crown .crownicon,
.lightgrey.promo-ticker {
    background-color: #efefef;
    color: #494e53
}

.lightgrey.advice-teaser a:not(.button),
.lightgrey.badge.newsletter a:not(.button),
.lightgrey.campaignslider-teaser .campaignslider-text .crown .crownicon a:not(.button),
.lightgrey.campaignslider-teaser .campaignslider-text a:not(.button),
.lightgrey.largeteaser .teasertext .crown .crownicon a:not(.button),
.lightgrey.largeteaser .teasertext a:not(.button),
.lightgrey.promo-ticker a:not(.button) {
    color: #494e53
}

.lightgrey.badge.newsletter:active,
.lightgrey.badge.newsletter:focus,
.lightgrey.badge.newsletter:hover,
.lightgrey.promo-ticker:active,
.lightgrey.promo-ticker:focus,
.lightgrey.promo-ticker:hover {
    background-color: #f9f9f9
}

@media screen and (max-width:980px) {
    .lightgrey.campaignslider-teaser .campaignslider-text.withcrown .campaignslider-more .button {
        color: #000000
    }
}

.lightgrey.campaignslider-text,
.lightgrey.teasertext {
    border-color: #efefef
}

.advice-teaser .inner .text-lightgrey,
.advice-teaser .inner .text-lightgrey a:not(.button),
.badge.newsletter .text-lightgrey,
.badge.newsletter .text-lightgrey a:not(.button),
.campaignslider-teaser .campaignslider-text .text-lightgrey,
.campaignslider-teaser .campaignslider-text .text-lightgrey a:not(.button),
.largeteaser .teasertext .text-lightgrey,
.largeteaser .teasertext .text-lightgrey a:not(.button),
.promo-ticker .text-lightgrey,
.promo-ticker .text-lightgrey a:not(.button),
.text-lightgrey,
.text-lightgrey a:not(.button) {
    color: #efefef
}

@media screen and (max-width:767px) {
    .mainMenu .mainItem .lightgrey.background,
    .mainMenu .mainItem .lightgrey.background a {
        background-color: #efefef;
        color: #494e53
    }
    .mainMenu .mainItem .lightgrey.background a a:not(.button),
    .mainMenu .mainItem .lightgrey.background a:not(.button) {
        color: #494e53
    }
    .mainMenu .mainItem .lightgrey,
    .mainMenu .mainItem .lightgrey a {
        color: #efefef
    }
}

.canaryellow.advice-teaser,
.canaryellow.badge.newsletter,
.canaryellow.campaignslider-teaser .campaignslider-text,
.canaryellow.campaignslider-teaser .campaignslider-text .crown .crownicon,
.canaryellow.largeteaser .teasertext,
.canaryellow.largeteaser .teasertext .crown .crownicon,
.canaryellow.promo-ticker {
    background-color: #fff48c;
    color: #5a5b5f
}

.canaryellow.advice-teaser a:not(.button),
.canaryellow.badge.newsletter a:not(.button),
.canaryellow.campaignslider-teaser .campaignslider-text .crown .crownicon a:not(.button),
.canaryellow.campaignslider-teaser .campaignslider-text a:not(.button),
.canaryellow.largeteaser .teasertext .crown .crownicon a:not(.button),
.canaryellow.largeteaser .teasertext a:not(.button),
.canaryellow.promo-ticker a:not(.button) {
    color: #5a5b5f
}

.canaryellow.badge.newsletter:active,
.canaryellow.badge.newsletter:focus,
.canaryellow.badge.newsletter:hover,
.canaryellow.promo-ticker:active,
.canaryellow.promo-ticker:focus,
.canaryellow.promo-ticker:hover {
    background-color: #fffcc1
}

@media screen and (max-width:980px) {
    .canaryellow.campaignslider-teaser .campaignslider-text.withcrown .campaignslider-more .button {
        color: #000000
    }
}

.canaryellow.campaignslider-text,
.canaryellow.teasertext {
    border-color: #fff48c
}

.advice-teaser .inner .text-canaryellow,
.advice-teaser .inner .text-canaryellow a:not(.button),
.badge.newsletter .text-canaryellow,
.badge.newsletter .text-canaryellow a:not(.button),
.campaignslider-teaser .campaignslider-text .text-canaryellow,
.campaignslider-teaser .campaignslider-text .text-canaryellow a:not(.button),
.largeteaser .teasertext .text-canaryellow,
.largeteaser .teasertext .text-canaryellow a:not(.button),
.promo-ticker .text-canaryellow,
.promo-ticker .text-canaryellow a:not(.button),
.text-canaryellow,
.text-canaryellow a:not(.button) {
    color: #fff48c
}

@media screen and (max-width:767px) {
    .mainMenu .mainItem .canaryellow.background,
    .mainMenu .mainItem .canaryellow.background a {
        background-color: #fff48c;
        color: #5a5b5f
    }
    .mainMenu .mainItem .canaryellow.background a a:not(.button),
    .mainMenu .mainItem .canaryellow.background a:not(.button) {
        color: #5a5b5f
    }
    .mainMenu .mainItem .canaryellow,
    .mainMenu .mainItem .canaryellow a {
        color: #fff48c
    }
}

.brightgrey.advice-teaser,
.brightgrey.badge.newsletter,
.brightgrey.campaignslider-teaser .campaignslider-text,
.brightgrey.campaignslider-teaser .campaignslider-text .crown .crownicon,
.brightgrey.largeteaser .teasertext,
.brightgrey.largeteaser .teasertext .crown .crownicon,
.brightgrey.promo-ticker {
    background-color: #5a5b5f;
    color: #fff48c
}

.brightgrey.advice-teaser a:not(.button),
.brightgrey.badge.newsletter a:not(.button),
.brightgrey.campaignslider-teaser .campaignslider-text .crown .crownicon a:not(.button),
.brightgrey.campaignslider-teaser .campaignslider-text a:not(.button),
.brightgrey.largeteaser .teasertext .crown .crownicon a:not(.button),
.brightgrey.largeteaser .teasertext a:not(.button),
.brightgrey.promo-ticker a:not(.button) {
    color: #fff48c
}

.brightgrey.badge.newsletter:active,
.brightgrey.badge.newsletter:focus,
.brightgrey.badge.newsletter:hover,
.brightgrey.promo-ticker:active,
.brightgrey.promo-ticker:focus,
.brightgrey.promo-ticker:hover {
    background-color: #67686b
}

@media screen and (max-width:980px) {
    .brightgrey.campaignslider-teaser .campaignslider-text.withcrown .campaignslider-more .button {
        color: #000000
    }
}

.brightgrey.campaignslider-text,
.brightgrey.teasertext {
    border-color: #5a5b5f
}

.advice-teaser .inner .text-brightgrey,
.advice-teaser .inner .text-brightgrey a:not(.button),
.badge.newsletter .text-brightgrey,
.badge.newsletter .text-brightgrey a:not(.button),
.campaignslider-teaser .campaignslider-text .text-brightgrey,
.campaignslider-teaser .campaignslider-text .text-brightgrey a:not(.button),
.largeteaser .teasertext .text-brightgrey,
.largeteaser .teasertext .text-brightgrey a:not(.button),
.promo-ticker .text-brightgrey,
.promo-ticker .text-brightgrey a:not(.button),
.text-brightgrey,
.text-brightgrey a:not(.button) {
    color: #5a5b5f
}

@media screen and (max-width:767px) {
    .mainMenu .mainItem .brightgrey.background,
    .mainMenu .mainItem .brightgrey.background a {
        background-color: #5a5b5f;
        color: #fff48c
    }
    .mainMenu .mainItem .brightgrey.background a a:not(.button),
    .mainMenu .mainItem .brightgrey.background a:not(.button) {
        color: #fff48c
    }
    .mainMenu .mainItem .brightgrey,
    .mainMenu .mainItem .brightgrey a {
        color: #5a5b5f
    }
}

.cyprusblue.advice-teaser,
.cyprusblue.badge.newsletter,
.cyprusblue.campaignslider-teaser .campaignslider-text,
.cyprusblue.campaignslider-teaser .campaignslider-text .crown .crownicon,
.cyprusblue.largeteaser .teasertext,
.cyprusblue.largeteaser .teasertext .crown .crownicon,
.cyprusblue.promo-ticker {
    background-color: #0c3955;
    color: #ded8d1
}

.cyprusblue.advice-teaser a:not(.button),
.cyprusblue.badge.newsletter a:not(.button),
.cyprusblue.campaignslider-teaser .campaignslider-text .crown .crownicon a:not(.button),
.cyprusblue.campaignslider-teaser .campaignslider-text a:not(.button),
.cyprusblue.largeteaser .teasertext .crown .crownicon a:not(.button),
.cyprusblue.largeteaser .teasertext a:not(.button),
.cyprusblue.promo-ticker a:not(.button) {
    color: #ded8d1
}

.cyprusblue.badge.newsletter:active,
.cyprusblue.badge.newsletter:focus,
.cyprusblue.badge.newsletter:hover,
.cyprusblue.promo-ticker:active,
.cyprusblue.promo-ticker:focus,
.cyprusblue.promo-ticker:hover {
    background-color: #124464
}

@media screen and (max-width:980px) {
    .cyprusblue.campaignslider-teaser .campaignslider-text.withcrown .campaignslider-more .button {
        color: #000000
    }
}

.cyprusblue.campaignslider-text,
.cyprusblue.teasertext {
    border-color: #0c3955
}

.advice-teaser .inner .text-cyprusblue,
.advice-teaser .inner .text-cyprusblue a:not(.button),
.badge.newsletter .text-cyprusblue,
.badge.newsletter .text-cyprusblue a:not(.button),
.campaignslider-teaser .campaignslider-text .text-cyprusblue,
.campaignslider-teaser .campaignslider-text .text-cyprusblue a:not(.button),
.largeteaser .teasertext .text-cyprusblue,
.largeteaser .teasertext .text-cyprusblue a:not(.button),
.promo-ticker .text-cyprusblue,
.promo-ticker .text-cyprusblue a:not(.button),
.text-cyprusblue,
.text-cyprusblue a:not(.button) {
    color: #0c3955
}

@media screen and (max-width:767px) {
    .mainMenu .mainItem .cyprusblue.background,
    .mainMenu .mainItem .cyprusblue.background a {
        background-color: #0c3955;
        color: #ded8d1
    }
    .mainMenu .mainItem .cyprusblue.background a a:not(.button),
    .mainMenu .mainItem .cyprusblue.background a:not(.button) {
        color: #ded8d1
    }
    .mainMenu .mainItem .cyprusblue,
    .mainMenu .mainItem .cyprusblue a {
        color: #0c3955
    }
}

.lavenderviolet.advice-teaser,
.lavenderviolet.badge.newsletter,
.lavenderviolet.campaignslider-teaser .campaignslider-text,
.lavenderviolet.campaignslider-teaser .campaignslider-text .crown .crownicon,
.lavenderviolet.largeteaser .teasertext,
.lavenderviolet.largeteaser .teasertext .crown .crownicon,
.lavenderviolet.promo-ticker {
    background-color: #e9f1fb;
    color: #0c3955
}

.lavenderviolet.advice-teaser a:not(.button),
.lavenderviolet.badge.newsletter a:not(.button),
.lavenderviolet.campaignslider-teaser .campaignslider-text .crown .crownicon a:not(.button),
.lavenderviolet.campaignslider-teaser .campaignslider-text a:not(.button),
.lavenderviolet.largeteaser .teasertext .crown .crownicon a:not(.button),
.lavenderviolet.largeteaser .teasertext a:not(.button),
.lavenderviolet.promo-ticker a:not(.button) {
    color: #0c3955
}

.lavenderviolet.badge.newsletter:active,
.lavenderviolet.badge.newsletter:focus,
.lavenderviolet.badge.newsletter:hover,
.lavenderviolet.promo-ticker:active,
.lavenderviolet.promo-ticker:focus,
.lavenderviolet.promo-ticker:hover {
    background-color: #f0f7ff
}

@media screen and (max-width:980px) {
    .lavenderviolet.campaignslider-teaser .campaignslider-text.withcrown .campaignslider-more .button {
        color: #000000
    }
}

.lavenderviolet.campaignslider-text,
.lavenderviolet.teasertext {
    border-color: #e9f1fb
}

.advice-teaser .inner .text-lavenderviolet,
.advice-teaser .inner .text-lavenderviolet a:not(.button),
.badge.newsletter .text-lavenderviolet,
.badge.newsletter .text-lavenderviolet a:not(.button),
.campaignslider-teaser .campaignslider-text .text-lavenderviolet,
.campaignslider-teaser .campaignslider-text .text-lavenderviolet a:not(.button),
.largeteaser .teasertext .text-lavenderviolet,
.largeteaser .teasertext .text-lavenderviolet a:not(.button),
.promo-ticker .text-lavenderviolet,
.promo-ticker .text-lavenderviolet a:not(.button),
.text-lavenderviolet,
.text-lavenderviolet a:not(.button) {
    color: #e9f1fb
}

@media screen and (max-width:767px) {
    .mainMenu .mainItem .lavenderviolet.background,
    .mainMenu .mainItem .lavenderviolet.background a {
        background-color: #e9f1fb;
        color: #0c3955
    }
    .mainMenu .mainItem .lavenderviolet.background a a:not(.button),
    .mainMenu .mainItem .lavenderviolet.background a:not(.button) {
        color: #0c3955
    }
    .mainMenu .mainItem .lavenderviolet,
    .mainMenu .mainItem .lavenderviolet a {
        color: #e9f1fb
    }
}

.bonjourgrey.advice-teaser,
.bonjourgrey.badge.newsletter,
.bonjourgrey.campaignslider-teaser .campaignslider-text,
.bonjourgrey.campaignslider-teaser .campaignslider-text .crown .crownicon,
.bonjourgrey.largeteaser .teasertext,
.bonjourgrey.largeteaser .teasertext .crown .crownicon,
.bonjourgrey.promo-ticker {
    background-color: #ded8d1;
    color: #0c3955
}

.bonjourgrey.advice-teaser a:not(.button),
.bonjourgrey.badge.newsletter a:not(.button),
.bonjourgrey.campaignslider-teaser .campaignslider-text .crown .crownicon a:not(.button),
.bonjourgrey.campaignslider-teaser .campaignslider-text a:not(.button),
.bonjourgrey.largeteaser .teasertext .crown .crownicon a:not(.button),
.bonjourgrey.largeteaser .teasertext a:not(.button),
.bonjourgrey.promo-ticker a:not(.button) {
    color: #0c3955
}

.bonjourgrey.badge.newsletter:active,
.bonjourgrey.badge.newsletter:focus,
.bonjourgrey.badge.newsletter:hover,
.bonjourgrey.promo-ticker:active,
.bonjourgrey.promo-ticker:focus,
.bonjourgrey.promo-ticker:hover {
    background-color: #e7e4e0
}

@media screen and (max-width:980px) {
    .bonjourgrey.campaignslider-teaser .campaignslider-text.withcrown .campaignslider-more .button {
        color: #000000
    }
}

.bonjourgrey.campaignslider-text,
.bonjourgrey.teasertext {
    border-color: #ded8d1
}

.advice-teaser .inner .text-bonjourgrey,
.advice-teaser .inner .text-bonjourgrey a:not(.button),
.badge.newsletter .text-bonjourgrey,
.badge.newsletter .text-bonjourgrey a:not(.button),
.campaignslider-teaser .campaignslider-text .text-bonjourgrey,
.campaignslider-teaser .campaignslider-text .text-bonjourgrey a:not(.button),
.largeteaser .teasertext .text-bonjourgrey,
.largeteaser .teasertext .text-bonjourgrey a:not(.button),
.promo-ticker .text-bonjourgrey,
.promo-ticker .text-bonjourgrey a:not(.button),
.text-bonjourgrey,
.text-bonjourgrey a:not(.button) {
    color: #ded8d1
}

@media screen and (max-width:767px) {
    .mainMenu .mainItem .bonjourgrey.background,
    .mainMenu .mainItem .bonjourgrey.background a {
        background-color: #ded8d1;
        color: #0c3955
    }
    .mainMenu .mainItem .bonjourgrey.background a a:not(.button),
    .mainMenu .mainItem .bonjourgrey.background a:not(.button) {
        color: #0c3955
    }
    .mainMenu .mainItem .bonjourgrey,
    .mainMenu .mainItem .bonjourgrey a {
        color: #ded8d1
    }
}

.cardinalred.advice-teaser,
.cardinalred.badge.newsletter,
.cardinalred.campaignslider-teaser .campaignslider-text,
.cardinalred.campaignslider-teaser .campaignslider-text .crown .crownicon,
.cardinalred.largeteaser .teasertext,
.cardinalred.largeteaser .teasertext .crown .crownicon,
.cardinalred.promo-ticker {
    background-color: #b2152c;
    color: #ded8d1
}

.cardinalred.advice-teaser a:not(.button),
.cardinalred.badge.newsletter a:not(.button),
.cardinalred.campaignslider-teaser .campaignslider-text .crown .crownicon a:not(.button),
.cardinalred.campaignslider-teaser .campaignslider-text a:not(.button),
.cardinalred.largeteaser .teasertext .crown .crownicon a:not(.button),
.cardinalred.largeteaser .teasertext a:not(.button),
.cardinalred.promo-ticker a:not(.button) {
    color: #ded8d1
}

.cardinalred.badge.newsletter:active,
.cardinalred.badge.newsletter:focus,
.cardinalred.badge.newsletter:hover,
.cardinalred.promo-ticker:active,
.cardinalred.promo-ticker:focus,
.cardinalred.promo-ticker:hover {
    background-color: #c4233a
}

@media screen and (max-width:980px) {
    .cardinalred.campaignslider-teaser .campaignslider-text.withcrown .campaignslider-more .button {
        color: #000000
    }
}

.cardinalred.campaignslider-text,
.cardinalred.teasertext {
    border-color: #b2152c
}

.advice-teaser .inner .text-cardinalred,
.advice-teaser .inner .text-cardinalred a:not(.button),
.badge.newsletter .text-cardinalred,
.badge.newsletter .text-cardinalred a:not(.button),
.campaignslider-teaser .campaignslider-text .text-cardinalred,
.campaignslider-teaser .campaignslider-text .text-cardinalred a:not(.button),
.largeteaser .teasertext .text-cardinalred,
.largeteaser .teasertext .text-cardinalred a:not(.button),
.promo-ticker .text-cardinalred,
.promo-ticker .text-cardinalred a:not(.button),
.text-cardinalred,
.text-cardinalred a:not(.button) {
    color: #b2152c
}

@media screen and (max-width:767px) {
    .mainMenu .mainItem .cardinalred.background,
    .mainMenu .mainItem .cardinalred.background a {
        background-color: #b2152c;
        color: #ded8d1
    }
    .mainMenu .mainItem .cardinalred.background a a:not(.button),
    .mainMenu .mainItem .cardinalred.background a:not(.button) {
        color: #ded8d1
    }
    .mainMenu .mainItem .cardinalred,
    .mainMenu .mainItem .cardinalred a {
        color: #b2152c
    }
}

.brandyrose.advice-teaser,
.brandyrose.badge.newsletter,
.brandyrose.campaignslider-teaser .campaignslider-text,
.brandyrose.campaignslider-teaser .campaignslider-text .crown .crownicon,
.brandyrose.largeteaser .teasertext,
.brandyrose.largeteaser .teasertext .crown .crownicon,
.brandyrose.promo-ticker {
    background-color: #b3876f;
    color: #f0e3e0
}

.brandyrose.advice-teaser a:not(.button),
.brandyrose.badge.newsletter a:not(.button),
.brandyrose.campaignslider-teaser .campaignslider-text .crown .crownicon a:not(.button),
.brandyrose.campaignslider-teaser .campaignslider-text a:not(.button),
.brandyrose.largeteaser .teasertext .crown .crownicon a:not(.button),
.brandyrose.largeteaser .teasertext a:not(.button),
.brandyrose.promo-ticker a:not(.button) {
    color: #f0e3e0
}

.brandyrose.badge.newsletter:active,
.brandyrose.badge.newsletter:focus,
.brandyrose.badge.newsletter:hover,
.brandyrose.promo-ticker:active,
.brandyrose.promo-ticker:focus,
.brandyrose.promo-ticker:hover {
    background-color: #bb917a
}

@media screen and (max-width:980px) {
    .brandyrose.campaignslider-teaser .campaignslider-text.withcrown .campaignslider-more .button {
        color: #000000
    }
}

.brandyrose.campaignslider-text,
.brandyrose.teasertext {
    border-color: #b3876f
}

.advice-teaser .inner .text-brandyrose,
.advice-teaser .inner .text-brandyrose a:not(.button),
.badge.newsletter .text-brandyrose,
.badge.newsletter .text-brandyrose a:not(.button),
.campaignslider-teaser .campaignslider-text .text-brandyrose,
.campaignslider-teaser .campaignslider-text .text-brandyrose a:not(.button),
.largeteaser .teasertext .text-brandyrose,
.largeteaser .teasertext .text-brandyrose a:not(.button),
.promo-ticker .text-brandyrose,
.promo-ticker .text-brandyrose a:not(.button),
.text-brandyrose,
.text-brandyrose a:not(.button) {
    color: #b3876f
}

@media screen and (max-width:767px) {
    .mainMenu .mainItem .brandyrose.background,
    .mainMenu .mainItem .brandyrose.background a {
        background-color: #b3876f;
        color: #f0e3e0
    }
    .mainMenu .mainItem .brandyrose.background a a:not(.button),
    .mainMenu .mainItem .brandyrose.background a:not(.button) {
        color: #f0e3e0
    }
    .mainMenu .mainItem .brandyrose,
    .mainMenu .mainItem .brandyrose a {
        color: #b3876f
    }
}

.powderpink.advice-teaser,
.powderpink.badge.newsletter,
.powderpink.campaignslider-teaser .campaignslider-text,
.powderpink.campaignslider-teaser .campaignslider-text .crown .crownicon,
.powderpink.largeteaser .teasertext,
.powderpink.largeteaser .teasertext .crown .crownicon,
.powderpink.promo-ticker {
    background-color: #f0e3e0;
    color: #b3876f
}

.powderpink.advice-teaser a:not(.button),
.powderpink.badge.newsletter a:not(.button),
.powderpink.campaignslider-teaser .campaignslider-text .crown .crownicon a:not(.button),
.powderpink.campaignslider-teaser .campaignslider-text a:not(.button),
.powderpink.largeteaser .teasertext .crown .crownicon a:not(.button),
.powderpink.largeteaser .teasertext a:not(.button),
.powderpink.promo-ticker a:not(.button) {
    color: #b3876f
}

.powderpink.badge.newsletter:active,
.powderpink.badge.newsletter:focus,
.powderpink.badge.newsletter:hover,
.powderpink.promo-ticker:active,
.powderpink.promo-ticker:focus,
.powderpink.promo-ticker:hover {
    background-color: #f4ebe9
}

@media screen and (max-width:980px) {
    .powderpink.campaignslider-teaser .campaignslider-text.withcrown .campaignslider-more .button {
        color: #000000
    }
}

.powderpink.campaignslider-text,
.powderpink.teasertext {
    border-color: #f0e3e0
}

.advice-teaser .inner .text-powderpink,
.advice-teaser .inner .text-powderpink a:not(.button),
.badge.newsletter .text-powderpink,
.badge.newsletter .text-powderpink a:not(.button),
.campaignslider-teaser .campaignslider-text .text-powderpink,
.campaignslider-teaser .campaignslider-text .text-powderpink a:not(.button),
.largeteaser .teasertext .text-powderpink,
.largeteaser .teasertext .text-powderpink a:not(.button),
.promo-ticker .text-powderpink,
.promo-ticker .text-powderpink a:not(.button),
.text-powderpink,
.text-powderpink a:not(.button) {
    color: #f0e3e0
}

@media screen and (max-width:767px) {
    .mainMenu .mainItem .powderpink.background,
    .mainMenu .mainItem .powderpink.background a {
        background-color: #f0e3e0;
        color: #b3876f
    }
    .mainMenu .mainItem .powderpink.background a a:not(.button),
    .mainMenu .mainItem .powderpink.background a:not(.button) {
        color: #b3876f
    }
    .mainMenu .mainItem .powderpink,
    .mainMenu .mainItem .powderpink a {
        color: #f0e3e0
    }
}

.almondrosa.advice-teaser,
.almondrosa.badge.newsletter,
.almondrosa.campaignslider-teaser .campaignslider-text,
.almondrosa.campaignslider-teaser .campaignslider-text .crown .crownicon,
.almondrosa.largeteaser .teasertext,
.almondrosa.largeteaser .teasertext .crown .crownicon,
.almondrosa.promo-ticker {
    background-color: #eed1c9;
    color: #494e53
}

.almondrosa.advice-teaser a:not(.button),
.almondrosa.badge.newsletter a:not(.button),
.almondrosa.campaignslider-teaser .campaignslider-text .crown .crownicon a:not(.button),
.almondrosa.campaignslider-teaser .campaignslider-text a:not(.button),
.almondrosa.largeteaser .teasertext .crown .crownicon a:not(.button),
.almondrosa.largeteaser .teasertext a:not(.button),
.almondrosa.promo-ticker a:not(.button) {
    color: #494e53
}

.almondrosa.badge.newsletter:active,
.almondrosa.badge.newsletter:focus,
.almondrosa.badge.newsletter:hover,
.almondrosa.promo-ticker:active,
.almondrosa.promo-ticker:focus,
.almondrosa.promo-ticker:hover {
    background-color: #f4ddd6
}

@media screen and (max-width:980px) {
    .almondrosa.campaignslider-teaser .campaignslider-text.withcrown .campaignslider-more .button {
        color: #000000
    }
}

.almondrosa.campaignslider-text,
.almondrosa.teasertext {
    border-color: #eed1c9
}

.advice-teaser .inner .text-almondrosa,
.advice-teaser .inner .text-almondrosa a:not(.button),
.badge.newsletter .text-almondrosa,
.badge.newsletter .text-almondrosa a:not(.button),
.campaignslider-teaser .campaignslider-text .text-almondrosa,
.campaignslider-teaser .campaignslider-text .text-almondrosa a:not(.button),
.largeteaser .teasertext .text-almondrosa,
.largeteaser .teasertext .text-almondrosa a:not(.button),
.promo-ticker .text-almondrosa,
.promo-ticker .text-almondrosa a:not(.button),
.text-almondrosa,
.text-almondrosa a:not(.button) {
    color: #eed1c9
}

@media screen and (max-width:767px) {
    .mainMenu .mainItem .almondrosa.background,
    .mainMenu .mainItem .almondrosa.background a {
        background-color: #eed1c9;
        color: #494e53
    }
    .mainMenu .mainItem .almondrosa.background a a:not(.button),
    .mainMenu .mainItem .almondrosa.background a:not(.button) {
        color: #494e53
    }
    .mainMenu .mainItem .almondrosa,
    .mainMenu .mainItem .almondrosa a {
        color: #eed1c9
    }
}

.rumswizzlesand.advice-teaser,
.rumswizzlesand.badge.newsletter,
.rumswizzlesand.campaignslider-teaser .campaignslider-text,
.rumswizzlesand.campaignslider-teaser .campaignslider-text .crown .crownicon,
.rumswizzlesand.largeteaser .teasertext,
.rumswizzlesand.largeteaser .teasertext .crown .crownicon,
.rumswizzlesand.promo-ticker {
    background-color: #f1e5d2;
    color: #494e53
}

.rumswizzlesand.advice-teaser a:not(.button),
.rumswizzlesand.badge.newsletter a:not(.button),
.rumswizzlesand.campaignslider-teaser .campaignslider-text .crown .crownicon a:not(.button),
.rumswizzlesand.campaignslider-teaser .campaignslider-text a:not(.button),
.rumswizzlesand.largeteaser .teasertext .crown .crownicon a:not(.button),
.rumswizzlesand.largeteaser .teasertext a:not(.button),
.rumswizzlesand.promo-ticker a:not(.button) {
    color: #494e53
}

.rumswizzlesand.badge.newsletter:active,
.rumswizzlesand.badge.newsletter:focus,
.rumswizzlesand.badge.newsletter:hover,
.rumswizzlesand.promo-ticker:active,
.rumswizzlesand.promo-ticker:focus,
.rumswizzlesand.promo-ticker:hover {
    background-color: #faf1e2
}

@media screen and (max-width:980px) {
    .rumswizzlesand.campaignslider-teaser .campaignslider-text.withcrown .campaignslider-more .button {
        color: #000000
    }
}

.rumswizzlesand.campaignslider-text,
.rumswizzlesand.teasertext {
    border-color: #f1e5d2
}

.advice-teaser .inner .text-rumswizzlesand,
.advice-teaser .inner .text-rumswizzlesand a:not(.button),
.badge.newsletter .text-rumswizzlesand,
.badge.newsletter .text-rumswizzlesand a:not(.button),
.campaignslider-teaser .campaignslider-text .text-rumswizzlesand,
.campaignslider-teaser .campaignslider-text .text-rumswizzlesand a:not(.button),
.largeteaser .teasertext .text-rumswizzlesand,
.largeteaser .teasertext .text-rumswizzlesand a:not(.button),
.promo-ticker .text-rumswizzlesand,
.promo-ticker .text-rumswizzlesand a:not(.button),
.text-rumswizzlesand,
.text-rumswizzlesand a:not(.button) {
    color: #f1e5d2
}

@media screen and (max-width:767px) {
    .mainMenu .mainItem .rumswizzlesand.background,
    .mainMenu .mainItem .rumswizzlesand.background a {
        background-color: #f1e5d2;
        color: #494e53
    }
    .mainMenu .mainItem .rumswizzlesand.background a a:not(.button),
    .mainMenu .mainItem .rumswizzlesand.background a:not(.button) {
        color: #494e53
    }
    .mainMenu .mainItem .rumswizzlesand,
    .mainMenu .mainItem .rumswizzlesand a {
        color: #f1e5d2
    }
}

.sloggiwomen.advice-teaser,
.sloggiwomen.badge.newsletter,
.sloggiwomen.campaignslider-teaser .campaignslider-text,
.sloggiwomen.campaignslider-teaser .campaignslider-text .crown .crownicon,
.sloggiwomen.largeteaser .teasertext,
.sloggiwomen.largeteaser .teasertext .crown .crownicon,
.sloggiwomen.promo-ticker {
    background-color: #0088c9;
    color: #fff
}

.sloggiwomen.advice-teaser a:not(.button),
.sloggiwomen.badge.newsletter a:not(.button),
.sloggiwomen.campaignslider-teaser .campaignslider-text .crown .crownicon a:not(.button),
.sloggiwomen.campaignslider-teaser .campaignslider-text a:not(.button),
.sloggiwomen.largeteaser .teasertext .crown .crownicon a:not(.button),
.sloggiwomen.largeteaser .teasertext a:not(.button),
.sloggiwomen.promo-ticker a:not(.button) {
    color: #fff
}

.sloggiwomen.badge.newsletter:active,
.sloggiwomen.badge.newsletter:focus,
.sloggiwomen.badge.newsletter:hover,
.sloggiwomen.promo-ticker:active,
.sloggiwomen.promo-ticker:focus,
.sloggiwomen.promo-ticker:hover {
    background-color: #1296d5
}

@media screen and (max-width:980px) {
    .sloggiwomen.campaignslider-teaser .campaignslider-text.withcrown .campaignslider-more .button {
        color: #000000
    }
}

.sloggiwomen.campaignslider-text,
.sloggiwomen.teasertext {
    border-color: #0088c9
}

.advice-teaser .inner .text-sloggiwomen,
.advice-teaser .inner .text-sloggiwomen a:not(.button),
.badge.newsletter .text-sloggiwomen,
.badge.newsletter .text-sloggiwomen a:not(.button),
.campaignslider-teaser .campaignslider-text .text-sloggiwomen,
.campaignslider-teaser .campaignslider-text .text-sloggiwomen a:not(.button),
.largeteaser .teasertext .text-sloggiwomen,
.largeteaser .teasertext .text-sloggiwomen a:not(.button),
.promo-ticker .text-sloggiwomen,
.promo-ticker .text-sloggiwomen a:not(.button),
.text-sloggiwomen,
.text-sloggiwomen a:not(.button) {
    color: #0088c9
}

@media screen and (max-width:767px) {
    .mainMenu .mainItem .sloggiwomen.background,
    .mainMenu .mainItem .sloggiwomen.background a {
        background-color: #0088c9;
        color: #fff
    }
    .mainMenu .mainItem .sloggiwomen.background a a:not(.button),
    .mainMenu .mainItem .sloggiwomen.background a:not(.button) {
        color: #fff
    }
    .mainMenu .mainItem .sloggiwomen,
    .mainMenu .mainItem .sloggiwomen a {
        color: #0088c9
    }
}

.sloggimen.advice-teaser,
.sloggimen.badge.newsletter,
.sloggimen.campaignslider-teaser .campaignslider-text,
.sloggimen.campaignslider-teaser .campaignslider-text .crown .crownicon,
.sloggimen.largeteaser .teasertext,
.sloggimen.largeteaser .teasertext .crown .crownicon,
.sloggimen.promo-ticker {
    background-color: #30485e;
    color: #fff
}

.sloggimen.advice-teaser a:not(.button),
.sloggimen.badge.newsletter a:not(.button),
.sloggimen.campaignslider-teaser .campaignslider-text .crown .crownicon a:not(.button),
.sloggimen.campaignslider-teaser .campaignslider-text a:not(.button),
.sloggimen.largeteaser .teasertext .crown .crownicon a:not(.button),
.sloggimen.largeteaser .teasertext a:not(.button),
.sloggimen.promo-ticker a:not(.button) {
    color: #fff
}

.sloggimen.badge.newsletter:active,
.sloggimen.badge.newsletter:focus,
.sloggimen.badge.newsletter:hover,
.sloggimen.promo-ticker:active,
.sloggimen.promo-ticker:focus,
.sloggimen.promo-ticker:hover {
    background-color: #3c556c
}

@media screen and (max-width:980px) {
    .sloggimen.campaignslider-teaser .campaignslider-text.withcrown .campaignslider-more .button {
        color: #000000
    }
}

.sloggimen.campaignslider-text,
.sloggimen.teasertext {
    border-color: #30485e
}

.advice-teaser .inner .text-sloggimen,
.advice-teaser .inner .text-sloggimen a:not(.button),
.badge.newsletter .text-sloggimen,
.badge.newsletter .text-sloggimen a:not(.button),
.campaignslider-teaser .campaignslider-text .text-sloggimen,
.campaignslider-teaser .campaignslider-text .text-sloggimen a:not(.button),
.largeteaser .teasertext .text-sloggimen,
.largeteaser .teasertext .text-sloggimen a:not(.button),
.promo-ticker .text-sloggimen,
.promo-ticker .text-sloggimen a:not(.button),
.text-sloggimen,
.text-sloggimen a:not(.button) {
    color: #30485e
}

@media screen and (max-width:767px) {
    .mainMenu .mainItem .sloggimen.background,
    .mainMenu .mainItem .sloggimen.background a {
        background-color: #30485e;
        color: #fff
    }
    .mainMenu .mainItem .sloggimen.background a a:not(.button),
    .mainMenu .mainItem .sloggimen.background a:not(.button) {
        color: #fff
    }
    .mainMenu .mainItem .sloggimen,
    .mainMenu .mainItem .sloggimen a {
        color: #30485e
    }
}

.promopink.advice-teaser,
.promopink.badge.newsletter,
.promopink.campaignslider-teaser .campaignslider-text,
.promopink.campaignslider-teaser .campaignslider-text .crown .crownicon,
.promopink.largeteaser .teasertext,
.promopink.largeteaser .teasertext .crown .crownicon,
.promopink.promo-ticker {
    background-color: #ee4f6e;
    color: #fff
}

.promopink.advice-teaser a:not(.button),
.promopink.badge.newsletter a:not(.button),
.promopink.campaignslider-teaser .campaignslider-text .crown .crownicon a:not(.button),
.promopink.campaignslider-teaser .campaignslider-text a:not(.button),
.promopink.largeteaser .teasertext .crown .crownicon a:not(.button),
.promopink.largeteaser .teasertext a:not(.button),
.promopink.promo-ticker a:not(.button) {
    color: #fff
}

.promopink.badge.newsletter:active,
.promopink.badge.newsletter:focus,
.promopink.badge.newsletter:hover,
.promopink.promo-ticker:active,
.promopink.promo-ticker:focus,
.promopink.promo-ticker:hover {
    background-color: #f65e7b
}

@media screen and (max-width:980px) {
    .promopink.campaignslider-teaser .campaignslider-text.withcrown .campaignslider-more .button {
        color: #000000
    }
}

.promopink.campaignslider-text,
.promopink.teasertext {
    border-color: #ee4f6e
}

.advice-teaser .inner .text-promopink,
.advice-teaser .inner .text-promopink a:not(.button),
.badge.newsletter .text-promopink,
.badge.newsletter .text-promopink a:not(.button),
.campaignslider-teaser .campaignslider-text .text-promopink,
.campaignslider-teaser .campaignslider-text .text-promopink a:not(.button),
.largeteaser .teasertext .text-promopink,
.largeteaser .teasertext .text-promopink a:not(.button),
.promo-ticker .text-promopink,
.promo-ticker .text-promopink a:not(.button),
.text-promopink,
.text-promopink a:not(.button) {
    color: #ee4f6e
}

@media screen and (max-width:767px) {
    .mainMenu .mainItem .promopink.background,
    .mainMenu .mainItem .promopink.background a {
        background-color: #ee4f6e;
        color: #fff
    }
    .mainMenu .mainItem .promopink.background a a:not(.button),
    .mainMenu .mainItem .promopink.background a:not(.button) {
        color: #fff
    }
    .mainMenu .mainItem .promopink,
    .mainMenu .mainItem .promopink a {
        color: #ee4f6e
    }
}

.promorose.advice-teaser,
.promorose.badge.newsletter,
.promorose.campaignslider-teaser .campaignslider-text,
.promorose.campaignslider-teaser .campaignslider-text .crown .crownicon,
.promorose.largeteaser .teasertext,
.promorose.largeteaser .teasertext .crown .crownicon,
.promorose.promo-ticker {
    background-color: #fba9a5;
    color: #fff
}

.promorose.advice-teaser a:not(.button),
.promorose.badge.newsletter a:not(.button),
.promorose.campaignslider-teaser .campaignslider-text .crown .crownicon a:not(.button),
.promorose.campaignslider-teaser .campaignslider-text a:not(.button),
.promorose.largeteaser .teasertext .crown .crownicon a:not(.button),
.promorose.largeteaser .teasertext a:not(.button),
.promorose.promo-ticker a:not(.button) {
    color: #fff
}

.promorose.badge.newsletter:active,
.promorose.badge.newsletter:focus,
.promorose.badge.newsletter:hover,
.promorose.promo-ticker:active,
.promorose.promo-ticker:focus,
.promorose.promo-ticker:hover {
    background-color: #febbb7
}

@media screen and (max-width:980px) {
    .promorose.campaignslider-teaser .campaignslider-text.withcrown .campaignslider-more .button {
        color: #000000
    }
}

.promorose.campaignslider-text,
.promorose.teasertext {
    border-color: #fba9a5
}

.advice-teaser .inner .text-promorose,
.advice-teaser .inner .text-promorose a:not(.button),
.badge.newsletter .text-promorose,
.badge.newsletter .text-promorose a:not(.button),
.campaignslider-teaser .campaignslider-text .text-promorose,
.campaignslider-teaser .campaignslider-text .text-promorose a:not(.button),
.largeteaser .teasertext .text-promorose,
.largeteaser .teasertext .text-promorose a:not(.button),
.promo-ticker .text-promorose,
.promo-ticker .text-promorose a:not(.button),
.text-promorose,
.text-promorose a:not(.button) {
    color: #fba9a5
}

@media screen and (max-width:767px) {
    .mainMenu .mainItem .promorose.background,
    .mainMenu .mainItem .promorose.background a {
        background-color: #fba9a5;
        color: #fff
    }
    .mainMenu .mainItem .promorose.background a a:not(.button),
    .mainMenu .mainItem .promorose.background a:not(.button) {
        color: #fff
    }
    .mainMenu .mainItem .promorose,
    .mainMenu .mainItem .promorose a {
        color: #fba9a5
    }
}

.promodarkpink.advice-teaser,
.promodarkpink.badge.newsletter,
.promodarkpink.campaignslider-teaser .campaignslider-text,
.promodarkpink.campaignslider-teaser .campaignslider-text .crown .crownicon,
.promodarkpink.largeteaser .teasertext,
.promodarkpink.largeteaser .teasertext .crown .crownicon,
.promodarkpink.promo-ticker {
    background-color: #da2866;
    color: #fff
}

.promodarkpink.advice-teaser a:not(.button),
.promodarkpink.badge.newsletter a:not(.button),
.promodarkpink.campaignslider-teaser .campaignslider-text .crown .crownicon a:not(.button),
.promodarkpink.campaignslider-teaser .campaignslider-text a:not(.button),
.promodarkpink.largeteaser .teasertext .crown .crownicon a:not(.button),
.promodarkpink.largeteaser .teasertext a:not(.button),
.promodarkpink.promo-ticker a:not(.button) {
    color: #fff
}

.promodarkpink.badge.newsletter:active,
.promodarkpink.badge.newsletter:focus,
.promodarkpink.badge.newsletter:hover,
.promodarkpink.promo-ticker:active,
.promodarkpink.promo-ticker:focus,
.promodarkpink.promo-ticker:hover {
    background-color: #e73573
}

@media screen and (max-width:980px) {
    .promodarkpink.campaignslider-teaser .campaignslider-text.withcrown .campaignslider-more .button {
        color: #000000
    }
}

.promodarkpink.campaignslider-text,
.promodarkpink.teasertext {
    border-color: #da2866
}

.advice-teaser .inner .text-promodarkpink,
.advice-teaser .inner .text-promodarkpink a:not(.button),
.badge.newsletter .text-promodarkpink,
.badge.newsletter .text-promodarkpink a:not(.button),
.campaignslider-teaser .campaignslider-text .text-promodarkpink,
.campaignslider-teaser .campaignslider-text .text-promodarkpink a:not(.button),
.largeteaser .teasertext .text-promodarkpink,
.largeteaser .teasertext .text-promodarkpink a:not(.button),
.promo-ticker .text-promodarkpink,
.promo-ticker .text-promodarkpink a:not(.button),
.text-promodarkpink,
.text-promodarkpink a:not(.button) {
    color: #da2866
}

@media screen and (max-width:767px) {
    .mainMenu .mainItem .promodarkpink.background,
    .mainMenu .mainItem .promodarkpink.background a {
        background-color: #da2866;
        color: #fff
    }
    .mainMenu .mainItem .promodarkpink.background a a:not(.button),
    .mainMenu .mainItem .promodarkpink.background a:not(.button) {
        color: #fff
    }
    .mainMenu .mainItem .promodarkpink,
    .mainMenu .mainItem .promodarkpink a {
        color: #da2866
    }
}

.primary.base_view,
.primary.description-text,
.primary.mainheader-text,
.primary.mobile_view,
.primary.tablet_view {
    background-color: #000000;
    color: #fff
}

.primary.base_view img,
.primary.mobile_view img,
.primary.tablet_view img {
    visibility: hidden
}

.triumphred.base_view,
.triumphred.description-text,
.triumphred.mainheader-text,
.triumphred.mobile_view,
.triumphred.tablet_view {
    background-color: #000000;
    color: #fff
}

.triumphred.base_view img,
.triumphred.mobile_view img,
.triumphred.tablet_view img {
    visibility: hidden
}

.secondary.base_view,
.secondary.description-text,
.secondary.mainheader-text,
.secondary.mobile_view,
.secondary.tablet_view {
    background-color: #aeb2b1;
    color: #fff
}

.secondary.base_view img,
.secondary.mobile_view img,
.secondary.tablet_view img {
    visibility: hidden
}

.tertiary.base_view,
.tertiary.description-text,
.tertiary.mainheader-text,
.tertiary.mobile_view,
.tertiary.tablet_view {
    background-color: #fff;
    color: #494e53
}

.tertiary.base_view img,
.tertiary.mobile_view img,
.tertiary.tablet_view img {
    visibility: hidden
}

.white.base_view,
.white.description-text,
.white.mainheader-text,
.white.mobile_view,
.white.tablet_view {
    background-color: #fff;
    color: #494e53
}

.white.base_view img,
.white.mobile_view img,
.white.tablet_view img {
    visibility: hidden
}

.sand.base_view,
.sand.description-text,
.sand.mainheader-text,
.sand.mobile_view,
.sand.tablet_view {
    background-color: #e1d3c6;
    color: #fff
}

.sand.base_view img,
.sand.mobile_view img,
.sand.tablet_view img {
    visibility: hidden
}

.altrosa.base_view,
.altrosa.description-text,
.altrosa.mainheader-text,
.altrosa.mobile_view,
.altrosa.tablet_view {
    background-color: #ccaeb6;
    color: #fff
}

.altrosa.base_view img,
.altrosa.mobile_view img,
.altrosa.tablet_view img {
    visibility: hidden
}

.dustygrey.base_view,
.dustygrey.description-text,
.dustygrey.mainheader-text,
.dustygrey.mobile_view,
.dustygrey.tablet_view {
    background-color: #b4a4a7;
    color: #fff
}

.dustygrey.base_view img,
.dustygrey.mobile_view img,
.dustygrey.tablet_view img {
    visibility: hidden
}

.darksand.base_view,
.darksand.description-text,
.darksand.mainheader-text,
.darksand.mobile_view,
.darksand.tablet_view {
    background-color: #c5c1ae;
    color: #fff
}

.darksand.base_view img,
.darksand.mobile_view img,
.darksand.tablet_view img {
    visibility: hidden
}

.lightgrey.base_view,
.lightgrey.description-text,
.lightgrey.mainheader-text,
.lightgrey.mobile_view,
.lightgrey.tablet_view {
    background-color: #efefef;
    color: #494e53
}

.lightgrey.base_view img,
.lightgrey.mobile_view img,
.lightgrey.tablet_view img {
    visibility: hidden
}

.canaryellow.base_view,
.canaryellow.description-text,
.canaryellow.mainheader-text,
.canaryellow.mobile_view,
.canaryellow.tablet_view {
    background-color: #fff48c;
    color: #5a5b5f
}

.canaryellow.base_view img,
.canaryellow.mobile_view img,
.canaryellow.tablet_view img {
    visibility: hidden
}

.brightgrey.base_view,
.brightgrey.description-text,
.brightgrey.mainheader-text,
.brightgrey.mobile_view,
.brightgrey.tablet_view {
    background-color: #5a5b5f;
    color: #fff48c
}

.brightgrey.base_view img,
.brightgrey.mobile_view img,
.brightgrey.tablet_view img {
    visibility: hidden
}

.rumswizzlesand.base_view,
.rumswizzlesand.description-text,
.rumswizzlesand.mainheader-text,
.rumswizzlesand.mobile_view,
.rumswizzlesand.tablet_view {
    background-color: #f1e5d2;
    color: #494e53
}

.rumswizzlesand.base_view img,
.rumswizzlesand.mobile_view img,
.rumswizzlesand.tablet_view img {
    visibility: hidden
}

.almondrosa.base_view,
.almondrosa.description-text,
.almondrosa.mainheader-text,
.almondrosa.mobile_view,
.almondrosa.tablet_view {
    background-color: #eed1c9;
    color: #494e53
}

.almondrosa.base_view img,
.almondrosa.mobile_view img,
.almondrosa.tablet_view img {
    visibility: hidden
}

.brandyrose.base_view,
.brandyrose.description-text,
.brandyrose.mainheader-text,
.brandyrose.mobile_view,
.brandyrose.tablet_view {
    background-color: #b3876f;
    color: #f0e3e0
}

.brandyrose.base_view img,
.brandyrose.mobile_view img,
.brandyrose.tablet_view img {
    visibility: hidden
}

.powderpink.base_view,
.powderpink.description-text,
.powderpink.mainheader-text,
.powderpink.mobile_view,
.powderpink.tablet_view {
    background-color: #f0e3e0;
    color: #b3876f
}

.powderpink.base_view img,
.powderpink.mobile_view img,
.powderpink.tablet_view img {
    visibility: hidden
}

.promorose.base_view,
.promorose.description-text,
.promorose.mainheader-text,
.promorose.mobile_view,
.promorose.tablet_view {
    background-color: #fba9a5;
    color: #fff
}

.promorose.base_view img,
.promorose.mobile_view img,
.promorose.tablet_view img {
    visibility: hidden
}

.promodarkpink.base_view,
.promodarkpink.description-text,
.promodarkpink.mainheader-text,
.promodarkpink.mobile_view,
.promodarkpink.tablet_view {
    background-color: #da2866;
    color: #fff
}

.promodarkpink.base_view img,
.promodarkpink.mobile_view img,
.promodarkpink.tablet_view img {
    visibility: hidden
}

.sloggimediumblue.base_view,
.sloggimediumblue.description-text,
.sloggimediumblue.mainheader-text,
.sloggimediumblue.mobile_view,
.sloggimediumblue.tablet_view {
    background-color: #0009bb;
    color: #fff
}

.sloggimediumblue.base_view img,
.sloggimediumblue.mobile_view img,
.sloggimediumblue.tablet_view img {
    visibility: hidden
}

.sloggieasternblue.base_view,
.sloggieasternblue.description-text,
.sloggieasternblue.mainheader-text,
.sloggieasternblue.mobile_view,
.sloggieasternblue.tablet_view {
    background-color: #008ea6;
    color: #fff
}

.sloggieasternblue.base_view img,
.sloggieasternblue.mobile_view img,
.sloggieasternblue.tablet_view img {
    visibility: hidden
}

.sloggimensmalt.base_view,
.sloggimensmalt.description-text,
.sloggimensmalt.mainheader-text,
.sloggimensmalt.mobile_view,
.sloggimensmalt.tablet_view {
    background-color: #004b90;
    color: #fff
}

.sloggimensmalt.base_view img,
.sloggimensmalt.mobile_view img,
.sloggimensmalt.tablet_view img {
    visibility: hidden
}

.sloggimentoryblue.base_view,
.sloggimentoryblue.description-text,
.sloggimentoryblue.mainheader-text,
.sloggimentoryblue.mobile_view,
.sloggimentoryblue.tablet_view {
    background-color: #3d5588;
    color: #fff
}

.sloggimentoryblue.base_view img,
.sloggimentoryblue.mobile_view img,
.sloggimentoryblue.tablet_view img {
    visibility: hidden
}

.sloggifemalelightcoral.base_view,
.sloggifemalelightcoral.description-text,
.sloggifemalelightcoral.mainheader-text,
.sloggifemalelightcoral.mobile_view,
.sloggifemalelightcoral.tablet_view {
    background-color: #ee7570;
    color: #fff
}

.sloggifemalelightcoral.base_view img,
.sloggifemalelightcoral.mobile_view img,
.sloggifemalelightcoral.tablet_view img {
    visibility: hidden
}

.sloggifemalewildwaterlemon.base_view,
.sloggifemalewildwaterlemon.description-text,
.sloggifemalewildwaterlemon.mainheader-text,
.sloggifemalewildwaterlemon.mobile_view,
.sloggifemalewildwaterlemon.tablet_view {
    background-color: #fe6672;
    color: #fff
}

.sloggifemalewildwaterlemon.base_view img,
.sloggifemalewildwaterlemon.mobile_view img,
.sloggifemalewildwaterlemon.tablet_view img {
    visibility: hidden
}

.duststorm.base_view,
.duststorm.description-text,
.duststorm.mainheader-text,
.duststorm.mobile_view,
.duststorm.tablet_view {
    background-color: #e8c6be;
    color: #fff
}

.duststorm.base_view img,
.duststorm.mobile_view img,
.duststorm.tablet_view img {
    visibility: hidden
}

.advice-teaser .script,
.campaignslider-teaser .script,
.largeteaser .script,
.promo-ticker .script {
    text-transform: none;
    font-size: 45px;
    line-height: 45px
}

@media screen and (max-width:1160px) {
    .advice-teaser .script,
    .campaignslider-teaser .script,
    .largeteaser .script,
    .promo-ticker .script {
        font-size: 40px;
        line-height: 40px
    }
}

@media screen and (max-width:767px) {
    .advice-teaser .script,
    .campaignslider-teaser .script,
    .largeteaser .script,
    .promo-ticker .script {
        font-size: 35px;
        line-height: 35px
    }
}

#container {
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto
}

#container::after {
    clear: both;
    content: "";
    display: table
}

@media screen and (max-width:1160px) {
    #container #main {
        padding: 0 20px 20px
    }
    #newsletter #container #main {
        padding: 0
    }
}

@media screen and (max-width:767px) {
    #container #main {
        padding: 0 15px 15px
    }
    #cart #container #main {
        padding: 0
    }
    #cart #container #main .cartsummary .subtotal,
    #cart #container #main .carttable,
    #cart #container #main .continuecheckout,
    #cart #container #main .mobile_view_basketreminder {
        padding: 0 15px
    }
    #cart #container #main .shop-with-confidence {
        margin-right: 15px;
        margin-left: 15px
    }
    #checkout #container #main {
        padding: 0
    }
    #checkout #container #main .cartsummary .subtotal,
    #checkout #container #main .carttable,
    #checkout #container #main .continuecheckout,
    #checkout #container #main .login,
    #checkout #container #main .login-right {
        padding: 0 15px
    }
    #checkout #container #main .shop-with-confidence {
        margin-right: 15px;
        margin-left: 15px
    }
    #account #container #main {
        padding: 0
    }
    #account #container #main .cartsummary .subtotal,
    #account #container #main .carttable,
    #account #container #main .column,
    #account #container #main .goback,
    #account #container #main .headline-section-lined,
    #account #container #main .statusbar,
    #account #container #main .teaserOpener-headline,
    #account #container #main h1 {
        padding-left: 15px;
        padding-right: 15px
    }
    #account #container #main .cartsummary .subtotal .column,
    #account #container #main .carttable .column,
    #account #container #main .column .column,
    #account #container #main .column.cartordertotals,
    #account #container #main .goback .column,
    #account #container #main .headline-section-lined .column,
    #account #container #main .statusbar .column,
    #account #container #main .teaserOpener-headline .column,
    #account #container #main h1 .column,
    #servicepages #container #main {
        padding: 0
    }
    #servicepages #container #main #serviceContact,
    #servicepages #container #main #serviceNavigation,
    #servicepages #container #main #staticContent {
        padding: 0 15px
    }
}

.width-wrapper {
    width: 1160px;
    margin: 0 auto;
    position: relative
}

@media screen and (max-width:1160px) {
    .width-wrapper {
        width: auto
    }
}

@media screen and (max-width:1160px) {
    #footer-old .width-wrapper {
        padding: 0 15px
    }
}

@media screen and (max-width:580px) {
    #footer-old .width-wrapper .iconbar {
        padding: 0 15px
    }
}

@media screen and (max-width:580px) {
    #footer-old #footer-old-copyright .width-wrapper,
    #footer-old #footer-old-main .width-wrapper {
        padding: 0
    }
}

#backtotop-wrapper {
    opacity: 0;
    z-index: 999;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
    position: fixed;
    right: 3%;
    bottom: 200px
}

@media screen and (max-width:1160px) {
    #backtotop-wrapper {
        right: 0;
        bottom: 20px
    }
}

#backtotop-wrapper.btt-is-visible {
    opacity: .5
}

#backtotop-wrapper.btt-fade-out {
    opacity: 1
}

#checkout #backtotop-wrapper {
    display: none
}

@media screen and (max-width:1160px) {
    #checkout #backtotop-wrapper {
        display: block
    }
}

#backtotop-wrapper #backtotop a {
    display: block;
    width: 100%;
    background-image: url(../images/icons/spritemain.png);
    background-position: 12px -442px;
    background-repeat: no-repeat;
    padding-left: 45px
}

.svg #backtotop-wrapper #backtotop a {
    background-image: url(../images/icons/spritemain.svg)
}

@media screen and (max-width:1160px) {
    #backtotop-wrapper #backtotop a {
        padding-left: 22px
    }
}

@media screen and (max-width:767px) {
    #backtotop-wrapper #backtotop a {
        background-position: 16px -439px;
        padding-left: 27px
    }
}

@media screen and (max-width:1160px) {
    #checkout #backtotop-wrapper #backtotop a span {
        display: none
    }
}

@media screen and (max-width:767px) {
    #backtotop-wrapper #backtotop a span {
        display: none
    }
}

@media screen and (max-width:767px) {
    div[id^=tsbadgeResponsiveTop_] div[class^=trustcardResponsiveFooterArrow_] {
        background: #000000!important
    }
}

#onpage-text {
    display: none
}

#footer-old {
    margin: 40px 0 0;
    background: #f4f2ef
}

#newsletter #footer-old {
    margin: 0
}

#footer-old #footer-old-wrapper .loading {
    text-align: center
}

#footer-old #footer-old-wrapper .loading img {
    margin: 40px auto
}

#footer-old #footer-old-main {
    padding: 0 0 40px
}

@media screen and (max-width:580px) {
    #footer-old #footer-old-main {
        padding: 0
    }
}

#footer-old #footer-old-main a {
    color: #494e53
}

#footer-old #footer-old-main .tile {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 23.2317613015%;
    padding: 40px 0 0
}

#footer-old #footer-old-main .tile:last-child,
#footer-old #footer-old-main .tile:nth-child(4n) {
    margin-right: 0
}

#footer-old #footer-old-main .tile:nth-child(4n+1) {
    clear: left
}

@media screen and (max-width:980px) {
    #footer-old #footer-old-main .tile {
        float: left;
        display: block;
        margin-right: 4.8291579146%;
        width: 47.5854210427%
    }
    #footer-old #footer-old-main .tile:last-child,
    #footer-old #footer-old-main .tile:nth-child(2n) {
        margin-right: 0
    }
    #footer-old #footer-old-main .tile:nth-child(2n+1) {
        clear: left
    }
    #footer-old #footer-old-main .tile .headline-small-bold,
    #footer-old #footer-old-main .tile .moredetails-headline {
        padding-bottom: 20px
    }
    #footer-old #footer-old-main .tile .headline-small-bold:active,
    #footer-old #footer-old-main .tile .headline-small-bold:focus,
    #footer-old #footer-old-main .tile .headline-small-bold:hover,
    #footer-old #footer-old-main .tile .moredetails-headline:active,
    #footer-old #footer-old-main .tile .moredetails-headline:focus,
    #footer-old #footer-old-main .tile .moredetails-headline:hover {
        outline: 0
    }
}

@media screen and (max-width:767px) {
    #footer-old #footer-old-main .tile {
        float: left;
        display: block;
        margin-right: 10.1483979942%;
        width: 44.9258010029%
    }
    #footer-old #footer-old-main .tile:last-child {
        margin-right: 0
    }
}

@media screen and (max-width:580px) {
    #footer-old #footer-old-main .tile {
        float: left;
        display: block;
        margin-right: 38.1982059067%;
        width: 100%
    }
    #footer-old #footer-old-main .tile:last-child {
        margin-right: 0
    }
}

#footer-old #footer-old-main .tile .displayed {
    display: block!important;
    padding: 15px
}

@media screen and (max-width:767px) {
    #footer-old #footer-old-main .tile .displayed {
        padding: 0
    }
}

#footer-old #footer-old-main .tile .displayed.countryselectorwrapper {
    padding: 0
}

#footer-old #footer-old-main .iconbar::after,
#footer-old #footer-old-main .links::after {
    clear: both;
    content: "";
    display: table
}

@media screen and (max-width:980px) {
    #footer-old #footer-old-main .links {
        margin: 0;
        padding-bottom: 10px
    }
}

@media screen and (max-width:980px) and (max-width:580px) {
    #footer-old #footer-old-main .links {
        padding-bottom: 0
    }
}

@media screen and (max-width:580px) {
    #footer-old #footer-old-main .links {
        margin: 40px 0 0
    }
    #footer-old #footer-old-main .links .tile {
        padding: 0;
        border-top: 1px solid #dad4d6
    }
    #footer-old #footer-old-main .links .tile .headline-small-bold,
    #footer-old #footer-old-main .links .tile .moredetails-headline {
        padding: 21px 15px 19px;
        line-height: 14px;
        background-image: url(../images/icons/spritemain.png);
        background-position: right -170px top -683px;
        background-repeat: no-repeat
    }
    .svg #footer-old #footer-old-main .links .tile .headline-small-bold,
    .svg #footer-old #footer-old-main .links .tile .moredetails-headline {
        background-image: url(../images/icons/spritemain.svg)
    }
    #footer-old #footer-old-main .links .tile .headline-small-bold.ui-accordion-header-active,
    #footer-old #footer-old-main .links .tile .ui-accordion-header-active.moredetails-headline {
        border-bottom: 1px solid #dad4d6;
        padding-bottom: 19px;
        background-image: url(../images/icons/spritemain.png);
        background-position: right -167px top -381px;
        background-repeat: no-repeat
    }
    .svg #footer-old #footer-old-main .links .tile .headline-small-bold.ui-accordion-header-active,
    .svg #footer-old #footer-old-main .links .tile .ui-accordion-header-active.moredetails-headline {
        background-image: url(../images/icons/spritemain.svg)
    }
    #footer-old #footer-old-main .links .tile .ui-accordion-content {
        padding: 10px 15px
    }
    #footer-old #footer-old-main .links .tile:hover {
        cursor: pointer
    }
}

#footer-old #footer-old-main .links li {
    padding: 6px 0
}

#footer-old #footer-old-main .links li a {
    display: block;
    text-decoration: none
}

#footer-old #footer-old-main .links li a:active,
#footer-old #footer-old-main .links li a:focus,
#footer-old #footer-old-main .links li a:hover {
    text-decoration: underline
}

#footer-old #footer-old-main .countryselectorwrapper {
    position: relative
}

#footer-old #footer-old-main .countryselectorwrapper.displayed {
    display: block!important
}

#footer-old #footer-old-main .countryselector {
    z-index: 2;
    max-width: 960px;
    display: none;
    text-align: left;
    background-color: #fff;
    position: absolute;
    bottom: 29px;
    left: -200%;
    width: 300%
}

@media screen and (max-width:980px) {
    #footer-old #footer-old-main .countryselector {
        left: -100%;
        width: 200%
    }
}

@media screen and (max-width:767px) {
    #footer-old #footer-old-main .countryselector {
        bottom: 34px
    }
}

@media screen and (max-width:580px) {
    #footer-old #footer-old-main .countryselector {
        left: 0;
        width: 100%;
        bottom: inherit;
        display: block;
        position: inherit;
        background-color: inherit
    }
}

#footer-old #footer-old-main .countryselector .nonFunctionalLink {
    pointer-events: none;
    cursor: default
}

#footer-old #footer-old-main .countryselector .countryselector-outer {
    border: 1px solid #cfd1d0
}

@media screen and (max-width:580px) {
    #footer-old #footer-old-main .countryselector .countryselector-outer {
        border: none
    }
}

#footer-old #footer-old-main .countryselector .countryselector-items {
    margin: 0;
    padding: 0 20px 20px;
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4
}

@media screen and (max-width:767px) {
    #footer-old #footer-old-main .countryselector .countryselector-items {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3
    }
}

@media screen and (max-width:580px) {
    #footer-old #footer-old-main .countryselector .countryselector-items {
        padding: 10px 0 20px;
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2
    }
}

#footer-old #footer-old-main .countryselector .countryselector-items li {
    height: 32px;
    overflow: visible;
    padding: 0;
    break-inside: avoid;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid
}

@media screen and (max-width:767px) {
    #footer-old #footer-old-main .countryselector .countryselector-items li {
        height: auto;
        min-height: 32px
    }
}

@media screen and (max-width:580px) {
    #footer-old #footer-old-main .countryselector .countryselector-items li {
        padding: 6px 0;
        height: auto
    }
}

#footer-old #footer-old-main .countryselector .countryselector-items li .head {
    line-height: 1px;
    min-width: 30px;
    float: left
}

#footer-old #footer-old-main .countryselector .countryselector-items li .head .trail {
    min-width: 30px;
    text-align: center;
    display: inline-block;
    padding-top: 10px
}

#footer-old #footer-old-main .countryselector .countryselector-items li .head .countryicon {
    margin: 0 5px
}

#footer-old #footer-old-main .countryselector .countryselector-items li a {
    display: inline!important;
    position: relative;
    top: 2px;
    text-decoration: none;
    outline: 0
}

#footer-old #footer-old-main .countryselector .countryselector-items li a:active,
#footer-old #footer-old-main .countryselector .countryselector-items li a:focus,
#footer-old #footer-old-main .countryselector .countryselector-items li a:hover {
    text-decoration: underline
}

#footer-old #footer-old-main .countryselector .countryselector-title {
    padding: 30px 20px 15px 25px
}

@media screen and (max-width:580px) {
    #footer-old #footer-old-main .countryselector .countryselector-title {
        padding: 5px 0
    }
}

#footer-old #footer-old-main .currentcountry {
    position: relative;
    border: 1px solid #cfd1d0;
    color: #494e53;
    text-decoration: none;
    font-size: 14px;
    line-height: 14px;
    height: 30px;
    background-color: #fff;
    background-image: url(../images/icons/spritemain.png);
    background-position: right -173px top -591px;
    background-repeat: no-repeat;
    z-index: 3
}

.svg #footer-old #footer-old-main .currentcountry {
    background-image: url(../images/icons/spritemain.svg)
}

@media screen and (max-width:767px) {
    #footer-old #footer-old-main .currentcountry {
        height: 35px;
        background-position: right -173px top -589px
    }
}

#footer-old #footer-old-main .currentcountry a {
    text-decoration: none;
    color: #494e53;
    padding: 8px 10px 6px
}

@media screen and (max-width:980px) {
    #footer-old #footer-old-main .currentcountry a {
        padding-top: 7px;
        padding-bottom: 7px
    }
}

@media screen and (max-width:767px) {
    #footer-old #footer-old-main .currentcountry a {
        padding-top: 9px;
        padding-bottom: 9px
    }
}

#footer-old #footer-old-main .currentcountry a:active,
#footer-old #footer-old-main .currentcountry a:focus,
#footer-old #footer-old-main .currentcountry a:hover {
    text-decoration: none
}

#footer-old #footer-old-main .currentcountry:hover {
    cursor: pointer
}

#footer-old #footer-old-main .currentcountry.active {
    border-top: 1px solid #fff
}

#footer-old #footer-old-main .currentcountry a,
#footer-old #footer-old-main .currentcountry a span {
    display: block
}

@media screen and (max-width:580px) {
    #footer-old #footer-old-main .currentcountry {
        display: none
    }
}

#footer-old .socialmedia .icon {
    margin-top: 5px
}

#footer-old .carrier .icon,
#footer-old .payment .icon {
    margin-bottom: 5px
}

#footer-old .socialmedia .icon,
#footer-old .tile.socialmedia .icon,
.pt_confirm .socialmedia .icon,
.pt_confirm .tile.socialmedia .icon,
.social-media-section .socialmedia .icon,
.social-media-section .tile.socialmedia .icon {
    background-image: url(../images/icons/spritemain.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    opacity: .7
}

.svg #footer-old .socialmedia .icon,
.svg #footer-old .tile.socialmedia .icon,
.svg .pt_confirm .socialmedia .icon,
.svg .pt_confirm .tile.socialmedia .icon,
.svg .social-media-section .socialmedia .icon,
.svg .social-media-section .tile.socialmedia .icon {
    background-image: url(../images/icons/spritemain.svg)
}

#footer-old .socialmedia .icon:active,
#footer-old .socialmedia .icon:focus,
#footer-old .socialmedia .icon:hover,
#footer-old .tile.socialmedia .icon:active,
#footer-old .tile.socialmedia .icon:focus,
#footer-old .tile.socialmedia .icon:hover,
.pt_confirm .socialmedia .icon:active,
.pt_confirm .socialmedia .icon:focus,
.pt_confirm .socialmedia .icon:hover,
.pt_confirm .tile.socialmedia .icon:active,
.pt_confirm .tile.socialmedia .icon:focus,
.pt_confirm .tile.socialmedia .icon:hover,
.social-media-section .socialmedia .icon:active,
.social-media-section .socialmedia .icon:focus,
.social-media-section .socialmedia .icon:hover,
.social-media-section .tile.socialmedia .icon:active,
.social-media-section .tile.socialmedia .icon:focus,
.social-media-section .tile.socialmedia .icon:hover {
    opacity: 1
}

#footer-old .tile .icon,
.pt_confirm .tile .icon,
.social-media-section .tile .icon {
    background-image: url(../images/icons/spritefooter.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    opacity: .7
}

.svg #footer-old .tile .icon,
.svg .pt_confirm .tile .icon,
.svg .social-media-section .tile .icon {
    background-image: url(../images/icons/spritefooter.svg)
}

#footer-old .tile .icon:active,
#footer-old .tile .icon:focus,
#footer-old .tile .icon:hover,
.pt_confirm .tile .icon:active,
.pt_confirm .tile .icon:focus,
.pt_confirm .tile .icon:hover,
.social-media-section .tile .icon:active,
.social-media-section .tile .icon:focus,
.social-media-section .tile .icon:hover {
    opacity: 1
}

#footer-old .icon,
.pt_confirm .icon,
.social-media-section .icon {
    display: block;
    text-align: center;
    height: 20px;
    background-repeat: no-repeat
}

#footer-old .iconlink,
.pt_confirm .iconlink,
.social-media-section .iconlink {
    display: block;
    float: left;
    padding: 0 15px 0 0
}

#footer-old .iconlink:last-child,
.pt_confirm .iconlink:last-child,
.social-media-section .iconlink:last-child {
    padding: 0
}

#footer-old .iconlink .icon.facebook,
.pt_confirm .iconlink .icon.facebook,
.social-media-section .iconlink .icon.facebook {
    background-position: -100px 0;
    width: 10px
}

#footer-old .iconlink .icon.twitter,
.pt_confirm .iconlink .icon.twitter,
.social-media-section .iconlink .icon.twitter {
    background-position: -100px -50px;
    width: 23px
}

#footer-old .iconlink .icon.tumblr,
.pt_confirm .iconlink .icon.tumblr,
.social-media-section .iconlink .icon.tumblr {
    background-position: -100px -150px;
    width: 12px
}

#footer-old .iconlink .icon.googleplus,
.pt_confirm .iconlink .icon.googleplus,
.social-media-section .iconlink .icon.googleplus {
    background-position: -150px -100px;
    width: 21px
}

#footer-old .iconlink .icon.instagram,
.pt_confirm .iconlink .icon.instagram,
.social-media-section .iconlink .icon.instagram {
    background-position: -150px 0;
    width: 21px
}

#footer-old .iconlink .icon.pinterest,
.pt_confirm .iconlink .icon.pinterest,
.social-media-section .iconlink .icon.pinterest {
    background-position: -100px -100px;
    width: 20px
}

#footer-old .iconlink .icon.youtube,
.pt_confirm .iconlink .icon.youtube,
.social-media-section .iconlink .icon.youtube {
    background-position: -150px -50px;
    width: 17px
}

#footer-old .iconlink .icon.mastercard,
.pt_confirm .iconlink .icon.mastercard,
.social-media-section .iconlink .icon.mastercard {
    background-position: -50px 0;
    width: 48px;
    height: 38px
}

#footer-old .iconlink .icon.maestro,
.pt_confirm .iconlink .icon.maestro,
.social-media-section .iconlink .icon.maestro {
    background-position: -100px 0;
    width: 48px;
    height: 38px
}

#footer-old .iconlink .icon.paypal,
.pt_confirm .iconlink .icon.paypal,
.social-media-section .iconlink .icon.paypal {
    background-position: -200px 0;
    width: 88px;
    height: 35px;
    margin-top: 5px
}

#footer-old .iconlink .icon.visa,
.pt_confirm .iconlink .icon.visa,
.social-media-section .iconlink .icon.visa {
    background-position: 0 0;
    width: 49px;
    height: 32px;
    margin-top: 8px
}

#footer-old .iconlink .icon.dankort,
.pt_confirm .iconlink .icon.dankort,
.social-media-section .iconlink .icon.dankort {
    background-position: -150px -50px;
    width: 44px;
    height: 35px;
    margin-top: 4px;
    margin-bottom: 1px
}

#footer-old .iconlink .icon.ideal,
.pt_confirm .iconlink .icon.ideal,
.social-media-section .iconlink .icon.ideal {
    background-position: -100px -50px;
    width: 45px;
    height: 35px;
    margin-top: 4px
}

#footer-old .iconlink .icon.p24,
.pt_confirm .iconlink .icon.p24,
.social-media-section .iconlink .icon.p24 {
    background-position: 0 -50px;
    width: 65px;
    height: 35px;
    margin-top: 5px;
    margin-bottom: 0
}

#footer-old .iconlink .icon.invoice-de,
.pt_confirm .iconlink .icon.invoice-de,
.social-media-section .iconlink .icon.invoice-de {
    background-position: 0 -550px;
    width: 80px;
    height: 40px
}

#footer-old .iconlink .icon.invoice-nl,
.pt_confirm .iconlink .icon.invoice-nl,
.social-media-section .iconlink .icon.invoice-nl {
    background-position: -200px -500px;
    width: 80px;
    height: 40px
}

#footer-old .iconlink .icon.invoice-se,
.pt_confirm .iconlink .icon.invoice-se,
.social-media-section .iconlink .icon.invoice-se {
    background-position: -100px -600px;
    width: 80px;
    height: 40px
}

#footer-old .iconlink .icon.invoice-fr,
.pt_confirm .iconlink .icon.invoice-fr,
.social-media-section .iconlink .icon.invoice-fr {
    background-position: 0 -600px;
    width: 80px;
    height: 40px
}

#footer-old .iconlink .icon.invoice-it,
.pt_confirm .iconlink .icon.invoice-it,
.social-media-section .iconlink .icon.invoice-it {
    background-position: -100px -550px;
    width: 80px;
    height: 40px
}

#footer-old .iconlink .icon.cashondelivery-de,
.pt_confirm .iconlink .icon.cashondelivery-de,
.social-media-section .iconlink .icon.cashondelivery-de {
    background-position: 0 -650px;
    width: 88px;
    height: 30px;
    margin-top: 2px
}

#footer-old .iconlink .icon.cashondelivery-pl,
.pt_confirm .iconlink .icon.cashondelivery-pl,
.social-media-section .iconlink .icon.cashondelivery-pl {
    background-position: -200px -600px;
    width: 88px;
    height: 30px;
    opacity: 1
}

#footer-old .iconlink .icon.cashondelivery-it,
.pt_confirm .iconlink .icon.cashondelivery-it,
.social-media-section .iconlink .icon.cashondelivery-it {
    background-position: -100px -650px;
    width: 88px;
    height: 30px;
    margin-top: 10px
}

#footer-old .iconlink .icon.dhl,
.pt_confirm .iconlink .icon.dhl,
.social-media-section .iconlink .icon.dhl {
    background-position: -100px -400px;
    width: 140px;
    height: 30px
}

#footer-old .iconlink .icon.dhl-express,
.pt_confirm .iconlink .icon.dhl-express,
.social-media-section .iconlink .icon.dhl-express {
    background-position: 0 -450px;
    width: 98px;
    height: 30px
}

#footer-old .iconlink .icon.parcelforce,
.pt_confirm .iconlink .icon.parcelforce,
.social-media-section .iconlink .icon.parcelforce {
    background-position: 0 -350px;
    width: 79px;
    height: 30px
}

#footer-old .iconlink .icon.bpost,
.pt_confirm .iconlink .icon.bpost,
.social-media-section .iconlink .icon.bpost {
    background-position: -150px -450px;
    width: 56px;
    height: 30px
}

#footer-old .iconlink .icon.colissimo,
.pt_confirm .iconlink .icon.colissimo,
.social-media-section .iconlink .icon.colissimo {
    background-position: -150px -100px;
    width: 126px;
    height: 21px;
    margin-top: 4px
}

#footer-old .iconlink .icon.itella,
.pt_confirm .iconlink .icon.itella,
.social-media-section .iconlink .icon.itella {
    background-position: 0 -400px;
    width: 49px;
    height: 30px
}

#footer-old .iconlink .icon.la-poste,
.pt_confirm .iconlink .icon.la-poste,
.social-media-section .iconlink .icon.la-poste {
    background-position: -150px -350px;
    width: 110px;
    height: 31px
}

#footer-old .iconlink .icon.poczta-polska,
.pt_confirm .iconlink .icon.poczta-polska,
.social-media-section .iconlink .icon.poczta-polska {
    background-position: 0 -300px;
    width: 142px;
    height: 30px
}

#footer-old .iconlink .icon.paczka48,
.pt_confirm .iconlink .icon.paczka48,
.social-media-section .iconlink .icon.paczka48 {
    background-position: -250px -200px;
    width: 75px;
    height: 60px
}

#footer-old .iconlink .icon.post-at,
.pt_confirm .iconlink .icon.post-at,
.social-media-section .iconlink .icon.post-at {
    background-position: 0 -100px;
    width: 146px;
    height: 21px
}

#footer-old .iconlink .icon.post-danmark,
.pt_confirm .iconlink .icon.post-danmark,
.social-media-section .iconlink .icon.post-danmark {
    background-position: 0 -500px;
    width: 106px;
    height: 30px
}

#footer-old .iconlink .icon.posti,
.pt_confirm .iconlink .icon.posti,
.social-media-section .iconlink .icon.posti {
    background-position: -200px -200px;
    width: 44px;
    height: 21px;
    margin-top: 3px
}

#footer-old .iconlink .icon.post-nl,
.pt_confirm .iconlink .icon.post-nl,
.social-media-section .iconlink .icon.post-nl {
    background-position: -150px -500px;
    width: 40px;
    height: 40px
}

#footer-old .iconlink .icon.postnord,
.pt_confirm .iconlink .icon.postnord,
.social-media-section .iconlink .icon.postnord {
    background-position: 0 -250px;
    width: 144px;
    height: 30px
}

#footer-old .iconlink .icon.postnord-icon,
.pt_confirm .iconlink .icon.postnord-icon,
.social-media-section .iconlink .icon.postnord-icon {
    background-position: -200px -150px;
    width: 30px;
    height: 30px
}

#footer-old .iconlink .icon.swiss-post,
.pt_confirm .iconlink .icon.swiss-post,
.social-media-section .iconlink .icon.swiss-post {
    background-position: 0 -150px;
    width: 119px;
    height: 30px;
    margin-top: -3px
}

#footer-old .iconlink .icon.swiss-posta,
.pt_confirm .iconlink .icon.swiss-posta,
.social-media-section .iconlink .icon.swiss-posta {
    background-position: -150px -150px;
    width: 130px;
    height: 35px;
    margin-top: -3px
}

#footer-old .iconlink .icon.swiss-poste,
.pt_confirm .iconlink .icon.swiss-poste,
.social-media-section .iconlink .icon.swiss-poste {
    background-position: 0 -200px;
    width: 130px;
    height: 35px;
    margin-top: -3px
}

#footer-old .iconlink .icon.ups,
.pt_confirm .iconlink .icon.ups,
.social-media-section .iconlink .icon.ups {
    background-position: -250px -50px;
    width: 25px;
    height: 30px
}

#footer-old .iconlink .icon.correos,
.pt_confirm .iconlink .icon.correos,
.social-media-section .iconlink .icon.correos {
    background-position: -200px -650px;
    width: 130px;
    height: 40px
}

#footer-old .iconlink .icon.trustedshops,
.pt_confirm .iconlink .icon.trustedshops,
.social-media-section .iconlink .icon.trustedshops {
    background-position: -150px -300px;
    width: 40px;
    height: 40px;
    margin: -2px 0 0;
    opacity: 1
}

#footer-old-copyright {
    padding: 0 0 60px
}

@media screen and (max-width:767px) {
    #footer-old-copyright {
        padding-bottom: 15px
    }
}

#footer-old-copyright .copyright {
    border-bottom: 1px solid #cfd1d0;
    color: #575d62;
    font-size: 12px;
    padding: 15px;
    text-align: center;
    margin: 0
}

#container .ftbox {
    background: none!important
}

#footer-old .trustpilot .b-u.trustpilot-widget {
    float: left;
    position: relative;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}

#footer-old .trustpilot .b-u.trustpilot-widget iframe {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

#footer-old .trustpilot .b-u.trustpilot-widget iframe:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

#header-old {
    border-bottom: none
}

##footer-old-old:active,
##footer-old-old:focus,
##footer-old-old:hover {
    color: #3c4147
}

#header-old .languageselector {
    float: left;
    padding: 54px 0 20px 10px;
    width: 40%
}

#header-old .languageselector .language {
    text-decoration: underline;
    text-transform: uppercase
}

#header-old .languageselector .language span,
#header-old .languageselector .language:hover {
    text-decoration: none
}

#header-old .languageselector .language.current-locale {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    font-family: var(--font-family-sub-heading);
}

#header-old .languageselector .separator {
    padding: 0 8px
}

@media screen and (max-width:767px) {
    #header-old .languageselector {
        display: none
    }
}

#header-old #logo-wrapper,
#header-old .logo-wrapper {
    width: 20%;
    float: left;
    text-align: center
}

@media screen and (max-width:767px) {
    #header-old #logo-wrapper,
    #header-old .logo-wrapper {
        left: 0;
        padding: 0 10px;
        width: auto
    }
}

#header-old #logo-wrapper .logo,
#header-old #logo-wrapper .logo:active,
#header-old #logo-wrapper .logo:focus,
#header-old .logo-wrapper .logo,
#header-old .logo-wrapper .logo:active,
#header-old .logo-wrapper .logo:focus {
    outline: 0;
    background: 0 0
}

#header-old #logo-wrapper .logo img,
#header-old .logo-wrapper .logo img {
    padding: 50px 10px 16px 0
}

@media screen and (max-width:980px) {
    #header-old #logo-wrapper .logo img,
    #header-old .logo-wrapper .logo img {
        padding-top: 15px
    }
}

@media screen and (max-width:767px) {
    #header-old #logo-wrapper .logo img,
    #header-old .logo-wrapper .logo img {
        padding: 18px 0 0;
        width: 90px
    }
}

#header-old .iconbar-search-wrapper {
    padding: 25px 0 0;
    float: right;
    position: relative
}

@media screen and (max-width:980px) {
    #header-old .iconbar-search-wrapper {
        padding-right: 10px
    }
}

@media screen and (max-width:767px) {
    #header-old .iconbar-search-wrapper {
        padding: 30px 0 0;
        float: none
    }
}

#header-old .iconbar-search-wrapper .headerlinks {
    height: 50px;
    overflow: visible
}

@media screen and (max-width:767px) {
    #header-old .iconbar-search-wrapper .headerlinks {
        height: auto;
        width: 100%
    }
}

@media screen and (max-width:580px) {
    #header-old .iconbar-search-wrapper .headerlinks {
        width: 69%;
        float: left
    }
}

@media screen and (max-width:320px) {
    #header-old .iconbar-search-wrapper .headerlinks {
        width: 64%
    }
}

#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    font-size: 12px;
    text-align: right;
    margin: 0 0 6px;
    padding: 0;
    white-space: nowrap;
    overflow: visible;
    float: right
}

@media screen and (max-width:980px) {
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo {
        align-items: normal;
        margin: 0 3%
    }
}

#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .iconlink {
    height: 12px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 2em;
    margin: 0;
    padding: 0 4px;
    line-height: 15px;
    text-align: center
}

#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .iconlink:first-child {
    margin: 0
}

@media screen and (max-width:980px) {
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .iconlink {
        margin: 0
    }
}

@media screen and (max-width:767px) {
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .iconlink {
        margin: 0 15px;
        padding: 0
    }
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .iconlink:nth-child(1) {
        order: 2
    }
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .iconlink:nth-child(3) {
        order: 1
    }
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .iconlink:nth-child(4) {
        order: 3;
        margin-right: 0
    }
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .iconlink:nth-child(5) {
        order: 4
    }
}

#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .iconlink span {
    display: block;
    padding: 5px 0
}

@media screen and (max-width:980px) {
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .iconlink span {
        display: none
    }
}

#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .iconlink.minicarttotal {
    margin: 0
}

#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .fitting,
#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .mytriumph,
#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .storelocator,
#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .useraccount,
#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .userlogin,
#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .userwishlist {
    fill: #6a6f74
}

@media screen and (max-width:767px) {
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .fitting .svgicon,
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .mytriumph .svgicon,
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .storelocator .svgicon,
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .useraccount .svgicon,
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .userlogin .svgicon,
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .userwishlist .svgicon {
        width: 25px!important;
        height: 25px!important
    }
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .fitting .svgicon.mytriumph,
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .mytriumph .svgicon.mytriumph,
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .storelocator .svgicon.mytriumph,
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .useraccount .svgicon.mytriumph,
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .userlogin .svgicon.mytriumph,
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .userwishlist .svgicon.mytriumph {
        width: 27px!important;
        height: 27px!important
    }
}

#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .fitting:active,
#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .fitting:focus,
#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .fitting:hover,
#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .mytriumph:active,
#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .mytriumph:focus,
#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .mytriumph:hover,
#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .storelocator:active,
#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .storelocator:focus,
#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .storelocator:hover,
#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .useraccount:active,
#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .useraccount:focus,
#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .useraccount:hover,
#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .userlogin:active,
#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .userlogin:focus,
#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .userlogin:hover,
#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .userwishlist:active,
#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .userwishlist:focus,
#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .userwishlist:hover {
    fill: #494e53
}

#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .fitting .quantity,
#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .mytriumph .quantity,
#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .storelocator .quantity,
#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .useraccount .quantity,
#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .userlogin .quantity,
#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .userwishlist .quantity {
    display: inline-block;
    padding: 0
}

@media screen and (max-width:980px) {
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .mytriumph .svgicon {
        margin: 0 15px 0 0;
        height: 28px;
        width: 33px
    }
}

@media screen and (max-width:980px) and (max-width:767px) {
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .mytriumph .svgicon {
        margin: 0 15px 0 0
    }
}

#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .storelocator .svgicon {
    width: 20px;
    height: 25px
}

@media screen and (max-width:980px) {
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .storelocator .svgicon {
        width: 20px;
        height: 28px
    }
}

@media screen and (max-width:980px) {
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .userwishlist .svgicon {
        margin: 4px 11px 0 0;
        height: 20px;
        width: 31px
    }
}

@media screen and (max-width:980px) and (max-width:767px) {
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .userwishlist .svgicon {
        margin: 0 15px 0 0
    }
}

@media screen and (max-width:980px) {
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .useraccount .svgicon,
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .userlogin .svgicon {
        margin: 4px 3px 0 0;
        height: 20px;
        width: 30px
    }
}

@media screen and (max-width:980px) and (max-width:767px) {
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .useraccount .svgicon,
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .userlogin .svgicon {
        margin: 0 15px 0 0
    }
}

#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .userlogin.loggedin {
    background: 0 0;
    padding: 0
}

#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .userlogin.loggedin:active,
#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .userlogin.loggedin:focus,
#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .userlogin.loggedin:hover {
    background: 0 0
}

#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .headercustomerinfo-mobile {
    display: none;
    position: relative;
    padding: 10px 15px;
    width: 100%;
    background: #f4f2ef;
    clear: both;
    min-width: 176%;
    margin-left: -71%;
    margin-right: -55.5%;
    margin-top: 0;
    top: 42px
}

@media screen and (max-width:580px) {
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .headercustomerinfo-mobile {
        min-width: 100%;
        margin-left: 4%;
        margin-right: -54.7%
    }
}

#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .headercustomerinfo-mobile .mobilearrowtop {
    position: absolute;
    top: -8px;
    right: 21%;
    z-index: 1;
    background: #f4f2ef;
    width: 15px;
    height: 15px;
    margin: 0 auto;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (max-width:580px) {
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .headercustomerinfo-mobile .mobilearrowtop {
        position: absolute;
        top: -8px;
        right: 35%
    }
}

#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .headercustomerinfo-mobile .myaccount_menu li {
    display: block;
    text-align: left;
    list-style: none
}

#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .headercustomerinfo-mobile .myaccount_menu li a {
    display: block;
    padding: 5px 15px
}

#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .headercustomerinfo-mobile .myaccount_menu li a.logout {
    color: #000000
}

#header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .mmlink.search {
    display: none
}

@media screen and (max-width:767px) {
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .mmlink {
        width: 25px;
        height: 25px;
        display: block;
        padding: 0;
        box-sizing: border-box;
        float: right;
        order: 4
    }
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .mmlink.search,
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .mmlink.storelocator {
        display: block
    }
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .mmlink.storelocator {
        margin: 0;
        width: 23px
    }
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .mmlink.search {
        width: 23px;
        height: 26px;
        background-image: url(../images/icons/spritemain.png);
        background-position: 0 -150px;
        background-repeat: no-repeat
    }
    .svg #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .mmlink.search {
        background-image: url(../images/icons/spritemain.svg)
    }
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .mmlink.search.active,
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .mmlink.search:active,
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .mmlink.search:focus,
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .mmlink.search:hover {
        background-image: url(../images/icons/spritemain.png);
        background-position: 0 -200px;
        background-repeat: no-repeat
    }
    .svg #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .mmlink.search.active,
    .svg #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .mmlink.search:active,
    .svg #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .mmlink.search:focus,
    .svg #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .mmlink.search:hover {
        background-image: url(../images/icons/spritemain.svg)
    }
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .mmlink span,
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .mmlink.loggedin,
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .mmlink.userwishlist {
        display: none
    }
    #header-old .iconbar-search-wrapper .headerlinks .headercustomerinfo .mmlink:hover {
        cursor: pointer
    }
}

#header-old .iconbar-search-wrapper .shopsearch {
    position: relative;
    display: block;
    margin: 6px 0 0;
    width: 345px;
    box-sizing: border-box;
    float: right
}

@media screen and (max-width:1160px) {
    #header-old .iconbar-search-wrapper .shopsearch {
        margin: 10px;
        width: 290px
    }
}

@media screen and (max-width:980px) {
    #header-old .iconbar-search-wrapper .shopsearch {
        margin: 0 4% 5% 5%;
        width: 230px
    }
}

@media screen and (max-width:767px) {
    #header-old .iconbar-search-wrapper .shopsearch {
        position: relative;
        margin: 10px 0 0;
        width: 80%
    }
    #header-old .iconbar-search-wrapper .shopsearch .sitesearch {
        margin: 0 15px 10px
    }
    #header-old .iconbar-search-wrapper .shopsearch .sitesearch .simplesearch {
        position: relative;
        z-index: 2
    }
}

#header-old .iconbar-search-wrapper .shopsearch label {
    display: none
}

#header-old .iconbar-search-wrapper .shopsearch #searchinput {
    border: 0;
    border-bottom: 1px solid #aeb2b1;
    box-shadow: none;
    display: block;
    float: right;
    height: 30px;
    outline: 0;
    padding: 10px 0 0;
    width: 305px
}

#header-old .iconbar-search-wrapper .shopsearch #searchinput:focus {
    border-color: #aeb2b1
}

@media screen and (max-width:1160px) {
    #header-old .iconbar-search-wrapper .shopsearch #searchinput {
        width: 250px
    }
}

@media screen and (max-width:980px) {
    #header-old .iconbar-search-wrapper .shopsearch #searchinput {
        width: 225px
    }
}

@media screen and (max-width:767px) {
    #header-old .iconbar-search-wrapper .shopsearch #searchinput {
        width: 80%;
        height: 45px
    }
}

#header-old .iconbar-search-wrapper .shopsearch #searchinput::-ms-clear {
    display: none
}

#header-old .iconbar-search-wrapper .shopsearch #searchsubmit {
    background: #fff;
    cursor: pointer;
    float: left;
    outline: 0;
    padding: 4px 0 2px 3px;
    width: 40px;
    z-index: 1;
    right: 16px;
    transform: scale(0.8);
    position: absolute
}

@media screen and (max-width:767px) {
    #header-old .iconbar-search-wrapper .shopsearch #searchsubmit {
        margin-right: 9px;
        top: 8px
    }
}

@media screen and (max-width:580px) {
    #header-old .iconbar-search-wrapper .shopsearch #searchsubmit {
        margin-right: 3px
    }
}

@media screen and (max-width:980px) {
    #header-old .iconbar-search-wrapper .shopsearch #searchsubmit {
        right: 0
    }
}

#header-old .iconbar-search-wrapper .shopsearch #searchsubmit:focus {
    border-color: #aeb2b1
}

#header-old .iconbar-search-wrapper .shopsearch #searchsubmit .icon {
    display: inline-block;
    width: 25px;
    height: 25px
}

#header-old .iconbar-search-wrapper .shopsearch #searchsubmit .icon-search {
    background-image: url(../images/icons/spritemain.png);
    background-position: 0 -150px;
    background-repeat: no-repeat
}

.svg #header-old .iconbar-search-wrapper .shopsearch #searchsubmit .icon-search {
    background-image: url(../images/icons/spritemain.svg)
}

#header-old .iconbar-search-wrapper .shopsearch #searchsubmit .icon-cancel {
    background-image: url(../images/icons/spritemain.png);
    background-position: -50px -200px;
    background-repeat: no-repeat
}

.svg #header-old .iconbar-search-wrapper .shopsearch #searchsubmit .icon-cancel {
    background-image: url(../images/icons/spritemain.svg)
}

#header-old .iconbar-search-wrapper .shopsearch #searchsubmit .icon-ellipsis {
    background-image: url(../images/loader/loading.svg);
    background-repeat: no-repeat;
    background-position: center center
}

#header-old .iconbar-search-wrapper .suggestions-wrapper {
    position: absolute;
    top: 120px;
    right: 0;
    width: 156%;
    z-index: 9
}

@media screen and (max-width:980px) {
    #header-old .iconbar-search-wrapper .suggestions-wrapper {
        right: 4%;
        width: 168%
    }
}

@media screen and (max-width:767px) {
    #header-old .iconbar-search-wrapper .suggestions-wrapper {
        top: 130px;
        width: 60.4%;
        right: 15px
    }
}

@media screen and (max-width:580px) {
    #header-old .iconbar-search-wrapper .suggestions-wrapper {
        width: 58%
    }
}

#header-old .iconbar-search-wrapper .suggestions-wrapper .loading {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -35px;
    z-index: 10;
    width: 100%;
    text-align: center
}

#header-old .iconbar-search-wrapper .suggestions-wrapper .loading .indicator {
    margin: 0 auto
}

#header-old .iconbar-search-wrapper .suggestions-wrapper.loading {
    background: #fff
}

#header-old .iconbar-search-wrapper .suggestions-wrapper.loading .suggestions {
    opacity: .6
}

#header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    background: #fff;
    border: 1px solid #aeb2b1
}

#header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-phrases,
#header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products {
    flex-basis: 50%;
    width: 50%;
    padding: 20px
}

@media screen and (max-width:767px) {
    #header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-phrases,
    #header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products {
        flex-basis: 100%;
        width: 100%;
        padding: 15px
    }
}

#header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-phrases .phrase-category em,
#header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products .phrase-category em {
    font-style: normal;
    color: #bbbdbc
}

#header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products {
    order: 1
}

@media screen and (max-width:767px) {
    #header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products {
        display: none
    }
}

#header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products .product-tile {
    display: flex;
    padding: 8px 0
}

#header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products .product-tile:first-child {
    padding-top: 0
}

#header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products .product-tile:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

#header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products .product-tile a:focus {
    text-decoration: underline
}

#header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products .product-tile .image {
    line-height: 0
}

#header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products .product-tile .image img {
    width: 100px
}

@media screen and (max-width:980px) {
    #header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products .product-tile .image img {
        width: 70px
    }
}

#header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products .product-tile .details {
    padding: 0 0 0 10px
}

#header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products .product-tile .details .headline-small-bold,
#header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products .product-tile .details .moredetails-headline,
#header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products .product-tile .details .price {
    font-size: 14px;
    letter-spacing: 1px
}

@media screen and (max-width:980px) {
    #header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products .product-tile .details .headline-small-bold,
    #header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products .product-tile .details .moredetails-headline,
    #header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products .product-tile .details .price {
        font-size: 12px
    }
}

@media screen and (max-width:767px) {
    #header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products .product-tile .details .headline-small-bold,
    #header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products .product-tile .details .moredetails-headline,
    #header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products .product-tile .details .price {
        font-size: 14px
    }
}

#header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products .product-tile .details .pricing {
    text-align: left
}

#header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products .product-tile .details .price {
    margin-bottom: 2px;
    font-family: var(--font-family-sub-heading);
}

#header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products .product-tile .details .discountprice .standardprice {
    display: inline-block;
    text-decoration: line-through
}

#header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products .product-tile .details .discountprice .salesprice {
    color: #000000
}

#header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products .product-tile .details .headline-small-bold,
#header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products .product-tile .details .moredetails-headline {
    padding-bottom: 1px;
    margin: 0
}

@media screen and (max-width:1160px) {
    #header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products .product-tile .details .headline-small-bold,
    #header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products .product-tile .details .moredetails-headline {
        white-space: normal
    }
}

#header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products .product-tile .details .headline-small-spacing {
    letter-spacing: 0
}

@media screen and (max-width:980px) {
    #header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products .product-tile .details .headline-small-spacing {
        font-size: 12px
    }
}

@media screen and (max-width:767px) {
    #header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-products .product-tile .details .headline-small-spacing {
        font-size: 14px
    }
}

#header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-phrases {
    order: 2;
    background: #f9f9f9
}

#header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-phrases .headline-small-bold,
#header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-phrases .moredetails-headline {
    padding: 0;
    margin: 20px 0 5px
}

#header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-phrases a {
    display: block
}

#header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-phrases a:focus,
#header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions-phrases a:hover {
    text-decoration: underline
}

#header-old .iconbar-search-wrapper .suggestions-wrapper .suggestions .no-results {
    padding: 30px 20px
}

#header-old.headerOasis #links-wrapper {
    float: left;
    padding: 50px 0 20px;
    width: 40%
}

@media screen and (max-width:1160px) {
    #header-old.headerOasis #links-wrapper {
        padding-left: 20px
    }
}

#header-old.headerOasis #links-wrapper a {
    font-family: var(--font-family-sub-heading);
}

#header-old.headerOasis #links-wrapper .iconlink {
    float: left;
    padding: 20px 40px 20px 0
}

@media screen and (max-width:980px) {
    #header-old.headerOasis #links-wrapper .iconlink {
        padding: 0 40px 20px 20px
    }
}

#header-old.headerOasis #links-wrapper .iconlink .storeapp {
    display: table;
    font-size: 15px;
    color: #6a6f74;
    text-transform: uppercase
}

#header-old.headerOasis #links-wrapper .iconlink.store span {
    padding: 2px 0 0
}

@media screen and (max-width:980px) {
    #header-old.headerOasis #links-wrapper .iconlink.store span {
        padding: 0
    }
}

#header-old.headerOasis #links-wrapper .iconlink.logout {
    padding-right: 0;
    padding-bottom: 0
}

#header-old.headerOasis .iconbar-search-wrapper {
    padding: 15px 0 0
}

@media screen and (max-width:980px) {
    #header-old.headerOasis .iconbar-search-wrapper {
        padding: 40px 0 0
    }
}

#header-old.headerOasis .iconbar-search-wrapper .minicarttotal {
    padding: 10px 0 0
}

@media screen and (max-width:980px) {
    #header-old.headerOasis .iconbar-search-wrapper .minicarttotal {
        padding: 4px 0 0
    }
}

#header-old.headerOasis .iconbar-search-wrapper .minicarttotal span {
    display: none
}

@media screen and (max-width:980px) {
    #header-old.headerOasis .iconbar-search-wrapper .headerlinks {
        height: 0
    }
}

#header-old.headerOasis .iconbar-search-wrapper .shopsearch {
    margin-right: 30px
}

@media screen and (max-width:1160px) {
    #header-old.headerOasis .iconbar-search-wrapper .shopsearch {
        margin: 8px 20px 8px 8px
    }
}

@media screen and (max-width:980px) {
    #header-old.headerOasis .iconbar-search-wrapper .shopsearch {
        margin: 0 10px 0 0
    }
}

#header-old.headerOasis .iconbar-search-wrapper .shopsearch #searchsubmit {
    right: 5px
}

#header-old.headerOasis .minicart-dropdown .minicartcontent {
    right: -10px;
    top: 0
}

.mainMenu a:not(.button) {
    color: #494e53;
    text-decoration: none
}

.mainMenu .mainItem.active .mainLink,
.mainMenu .mainItem:active .mainLink,
.mainMenu .mainItem:focus .mainLink,
.mainMenu .mainItem:hover .mainLink,
.mainMenu a:not(.button):active,
.mainMenu a:not(.button):focus,
.mainMenu a:not(.button):hover {
    color: #000000;
    outline: 0;
    text-decoration: none
}

.menu-bg {
    position: relative
}

#menu {
    display: block;
    position: relative;
    border-bottom: 1px solid grey
}

@media screen and (max-width:767px) {
    #menu {
        border-bottom: none
    }
}

#menu #mobiletogglebutton_menu_close_outer {
    display: none
}

#menu .mainItem {
    float: left;
    font-size: 15px;
    line-height: 16px;
    height: 45px
}

#menu .mainItem.mobileAdditionalLink,
#menu .mainItem.mobileMenuTitle {
    display: none
}

#menu .mainItem .mainLink {
    display: block;
    font-family: var(--font-family-sub-heading);
    position: relative;
    padding: 17px 13px 13px
}

#menu .mainItem.new .mainLink {
    padding-left: 0
}

#menu .mainItem .arrowbottom {
    background: #fff;
    border-bottom: 2px solid #cfd1d0;
    position: relative;
    bottom: -10px
}

@media screen and (max-width:580px) {
    #menu .mainItem .arrowbottom {
        position: absolute;
        top: -8px;
        right: 28%
    }
}

#menu .mainItem:active .arrowbottom,
#menu .mainItem:focus .arrowbottom,
#menu .mainItem:hover .arrowbottom {
    display: block;
    z-index: 8;
    transition: z-index .5s step-start
}

#menu .mainItem.nosubmenu .arrowbottom {
    display: none
}

#menu .mainItem.last::after {
    margin-right: 0;
    clear: both
}

@media screen and (max-width:767px) {
    #menu .mainItem .subCategories {
        font-size: 15px
    }
}

#menu .mainItem .subCategories li {
    margin: 0;
    padding: 15px 20px 0 0;
    break-inside: avoid
}

#menu .mainItem .subCategories li a {
    display: block
}

#menu .mainItem .subCategories li a:active,
#menu .mainItem .subCategories li a:focus,
#menu .mainItem .subCategories li a:hover {
    color: #494e53;
    text-decoration: underline
}

#menu .mainItem .subCategories.twocols {
    -webkit-columns: 2 30px;
    -moz-columns: 2 30px;
    columns: 2 30px;
    width: 400px
}

@media screen and (max-width:980px) {
    #menu .mainItem .subCategories.twocols {
        -webkit-columns: 1 0;
        -moz-columns: 1 0;
        columns: 1 0;
        width: auto
    }
}

#menu .mainItem .flyoutContainer {
    display: none;
    background: #fff;
    border-bottom: 1px solid #cfd1d0;
    padding: 35px 20px 30px;
    position: absolute;
    top: 45px;
    width: 100%;
    z-index: 12
}

#menu .mainItem .menu {
    font-size: 14px
}

#menu .mainItem .menu.left .menu-bg,
#menu .mainItem .menu.right .menu-bg {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row
}

@media screen and (max-width:767px) {
    #menu .mainItem .menu.left .menu-bg,
    #menu .mainItem .menu.right .menu-bg {
        display: block
    }
}

#menu .mainItem .menu.left .menu-bg .column,
#menu .mainItem .menu.right .menu-bg .column {
    float: none
}

#menu .mainItem .menu.right .menu-bg {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end
}

#menu .mainItem .menu.left .menu-bg {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start
}

#menu .mainItem .menu .column,
#menu .mainItem .menu .columnNoAccordion {
    float: left;
    margin: 0 3% 0 0;
    min-height: 261px;
    padding: 0 10px 0 0;
    width: 17.6%;
    overflow: hidden
}

@media screen and (max-width:980px) {
    #menu .mainItem .menu .column,
    #menu .mainItem .menu .columnNoAccordion {
        width: 30%;
        margin-right: 5%;
        min-height: 309px
    }
    #menu .mainItem .menu .column:nth-child(3n),
    #menu .mainItem .menu .columnNoAccordion:nth-child(3n) {
        margin: 0;
        border-right: none
    }
    #menu .mainItem .menu .column:nth-child(4n),
    #menu .mainItem .menu .columnNoAccordion:nth-child(4n) {
        clear: both
    }
    #menu .mainItem .menu .column.last-column-after-shopbysize,
    #menu .mainItem .menu .columnNoAccordion.last-column-after-shopbysize {
        margin-top: 40px
    }
}

#menu .mainItem .menu .column.shopbysize,
#menu .mainItem .menu .columnNoAccordion.shopbysize {
    width: 21%;
    padding-right: 3%
}

@media screen and (max-width:980px) {
    #menu .mainItem .menu .column.shopbysize,
    #menu .mainItem .menu .columnNoAccordion.shopbysize {
        width: 28%;
        z-index: 300;
        position: relative
    }
}

#menu .mainItem .menu .column.column-after-shopbysize:nth-child(3n),
#menu .mainItem .menu .columnNoAccordion.column-after-shopbysize:nth-child(3n) {
    width: 15%
}

@media screen and (max-width:980px) {
    #menu .mainItem .menu .column.column-after-shopbysize:nth-child(3n),
    #menu .mainItem .menu .columnNoAccordion.column-after-shopbysize:nth-child(3n) {
        margin: -180px 1px;
        width: 38%;
        z-index: 301;
        border-right: none;
        position: absolute;
        left: 34.9%;
        top: 270px
    }
}

@media screen and (max-width:767px) {
    #menu .mainItem .menu .column.column-after-shopbysize:nth-child(3n),
    #menu .mainItem .menu .columnNoAccordion.column-after-shopbysize:nth-child(3n) {
        position: relative;
        left: auto;
        top: auto
    }
}

@media screen and (max-width:980px) {
    #menu .mainItem .menu .column.teaser.last-column-after-shopbysize.last,
    #menu .mainItem .menu .columnNoAccordion.teaser.last-column-after-shopbysize.last {
        position: absolute;
        right: 3%;
        top: 0
    }
}

#menu .mainItem .menu .column.twocols,
#menu .mainItem .menu .columnNoAccordion.twocols {
    width: 37%
}

@media screen and (max-width:980px) {
    #menu .mainItem .menu .column.twocols,
    #menu .mainItem .menu .columnNoAccordion.twocols {
        width: 30%
    }
}

#menu .mainItem .menu .column.teaser,
#menu .mainItem .menu .columnNoAccordion.teaser {
    border-right: none;
    margin-right: 3%;
    padding: 0
}

@media screen and (max-width:980px) {
    #menu .mainItem .menu .column.teaser,
    #menu .mainItem .menu .columnNoAccordion.teaser {
        margin-right: 4%
    }
    #menu .mainItem .menu .column.teaser:nth-child(3n),
    #menu .mainItem .menu .columnNoAccordion.teaser:nth-child(3n) {
        border-right: none
    }
    #menu .mainItem .menu .column.teaser:nth-child(4n),
    #menu .mainItem .menu .columnNoAccordion.teaser:nth-child(4n) {
        clear: both
    }
}

#menu .mainItem .menu .column.last,
#menu .mainItem .menu .columnNoAccordion.last {
    border-right: none;
    margin-right: 0
}

#menu .mainItem .menu .column .headline,
#menu .mainItem .menu .columnNoAccordion .headline {
    font-family: var(--font-family-sub-heading);
    margin: 10px 0 0;
    padding: 0 0 11px
}

#menu .mainItem .menu .column .headline.desktop_view,
#menu .mainItem .menu .columnNoAccordion .headline.desktop_view {
    display: block
}

@media screen and (max-width:767px) {
    #menu .mainItem .menu .column .headline.desktop_view,
    #menu .mainItem .menu .columnNoAccordion .headline.desktop_view {
        display: none
    }
}

#menu .mainItem .menu .column .advice-teaser .inner,
#menu .mainItem .menu .columnNoAccordion .advice-teaser .inner {
    height: 251px;
    padding: 0
}

@media screen and (max-width:1160px) {
    #menu .mainItem .menu .column .advice-teaser .inner,
    #menu .mainItem .menu .columnNoAccordion .advice-teaser .inner {
        height: 219px
    }
}

@media screen and (max-width:980px) {
    #menu .mainItem .menu .column .advice-teaser .inner,
    #menu .mainItem .menu .columnNoAccordion .advice-teaser .inner {
        height: 279px
    }
}

#menu .mainItem .menu .column .menu-image-teaser,
#menu .mainItem .menu .columnNoAccordion .menu-image-teaser {
    overflow: hidden
}

#menu .mainItem .menu .column .menu-image-teaser img,
#menu .mainItem .menu .columnNoAccordion .menu-image-teaser img {
    width: 100%
}

@media screen and (max-width:767px) {
    #menu .mainItem .menu .column .sizesearchfilter,
    #menu .mainItem .menu .columnNoAccordion .sizesearchfilter {
        padding: 4px 0 50px 10px;
        margin: 0
    }
}

#menu .mainItem .menu .column .sizesearchfilter .sizesearchflyout,
#menu .mainItem .menu .columnNoAccordion .sizesearchfilter .sizesearchflyout {
    display: block;
    width: 100%;
    height: 30px;
    float: left;
    background-position: right 9px top 2px;
    background-repeat: no-repeat;
    background-size: 21px 23px;
    background-image: url(../images/icons/misc/search.png)
}

@media screen and (max-width:980px) {
    #menu .mainItem .menu .column .sizesearchfilter .sizesearchflyout,
    #menu .mainItem .menu .columnNoAccordion .sizesearchfilter .sizesearchflyout {
        width: 190px
    }
}

@media screen and (max-width:767px) {
    #menu .mainItem .menu .column .sizesearchfilter .sizesearchflyout,
    #menu .mainItem .menu .columnNoAccordion .sizesearchfilter .sizesearchflyout {
        clear: both;
        width: 97%;
        height: 30px
    }
}

.svg #menu .mainItem .menu .column .sizesearchfilter .sizesearchflyout,
.svg #menu .mainItem .menu .columnNoAccordion .sizesearchfilter .sizesearchflyout {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2222.4px%22%20height%3D%2225px%22%20viewBox%3D%22484.5%20-0.5%2022.4%2025%22%20enable-background%3D%22new%20484.5%20-0.5%2022.4%2025%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Ebene_4%22%3E%0D%0A%09%3Cpath%20fill%3D%22%238F9491%22%20d%3D%22M506.9%2C21.4l-5.7-6.7c1.3-1.6%2C2.1-3.7%2C2.1-5.9c0-5.2-4.2-9.4-9.4-9.4c-5.2%2C0-9.4%2C4.2-9.4%2C9.4%0D%0A%09%09c0%2C5.2%2C4.2%2C9.4%2C9.4%2C9.4c1.2%2C0%2C2.4-0.2%2C3.5-0.7l5.9%2C6.9L506.9%2C21.4z%20M488.1%2C8.9c0-3.2%2C2.6-5.8%2C5.8-5.8c3.2%2C0%2C5.8%2C2.6%2C5.8%2C5.8%0D%0A%09%09c0%2C3.2-2.6%2C5.8-5.8%2C5.8C490.7%2C14.7%2C488.1%2C12.1%2C488.1%2C8.9z%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A")
}

#menu .mainItem .menu .column .sizesearchfilter .filter-scrollbar,
#menu .mainItem .menu .columnNoAccordion .sizesearchfilter .filter-scrollbar {
    border: 1px solid #aeb2b1;
    border-width: 0 1px 1px;
    max-height: 173px;
    width: 100%;
    padding: 19px 0
}

@media screen and (max-width:980px) {
    #menu .mainItem .menu .column .sizesearchfilter .filter-scrollbar,
    #menu .mainItem .menu .columnNoAccordion .sizesearchfilter .filter-scrollbar {
        width: 190px;
        background-color: #fff
    }
}

@media screen and (max-width:767px) {
    #menu .mainItem .menu .column .sizesearchfilter .filter-scrollbar,
    #menu .mainItem .menu .columnNoAccordion .sizesearchfilter .filter-scrollbar {
        width: 100%;
        background-color: transparent;
        display: block!important;
        padding-top: 19px;
        margin-bottom: -46px;
        border-width: 0
    }
}

#menu .mainItem .menu .column .sizesearchfilter .filter-scrollbar .sizeoptions,
#menu .mainItem .menu .column .sizesearchfilter .filter-scrollbar .sizeoptionsflyout,
#menu .mainItem .menu .columnNoAccordion .sizesearchfilter .filter-scrollbar .sizeoptions,
#menu .mainItem .menu .columnNoAccordion .sizesearchfilter .filter-scrollbar .sizeoptionsflyout {
    padding: 0
}

@media screen and (max-width:767px) {
    #menu .mainItem .menu .column .sizesearchfilter .filter-scrollbar .sizeoptions,
    #menu .mainItem .menu .column .sizesearchfilter .filter-scrollbar .sizeoptionsflyout,
    #menu .mainItem .menu .columnNoAccordion .sizesearchfilter .filter-scrollbar .sizeoptions,
    #menu .mainItem .menu .columnNoAccordion .sizesearchfilter .filter-scrollbar .sizeoptionsflyout {
        padding: 0
    }
}

#menu .mainItem .menu .column .sizesearchfilter .filter-scrollbar .sizeoptions .sizevalue,
#menu .mainItem .menu .column .sizesearchfilter .filter-scrollbar .sizeoptionsflyout .sizevalue,
#menu .mainItem .menu .columnNoAccordion .sizesearchfilter .filter-scrollbar .sizeoptions .sizevalue,
#menu .mainItem .menu .columnNoAccordion .sizesearchfilter .filter-scrollbar .sizeoptionsflyout .sizevalue {
    padding: 7px 0 8px 14px
}

#menu .mainItem .menu .column .sizesearchfilter .filter-scrollbar .sizeoptions .sizevalue a,
#menu .mainItem .menu .column .sizesearchfilter .filter-scrollbar .sizeoptionsflyout .sizevalue a,
#menu .mainItem .menu .columnNoAccordion .sizesearchfilter .filter-scrollbar .sizeoptions .sizevalue a,
#menu .mainItem .menu .columnNoAccordion .sizesearchfilter .filter-scrollbar .sizeoptionsflyout .sizevalue a {
    color: #494e53;
    display: block;
    font-family: var(--font-family-sub-heading);
}

#menu .mainItem .menu .column .sizesearchfilter .filter-scrollbar .sizeoptions .sizevalue a:hover,
#menu .mainItem .menu .column .sizesearchfilter .filter-scrollbar .sizeoptionsflyout .sizevalue a:hover,
#menu .mainItem .menu .columnNoAccordion .sizesearchfilter .filter-scrollbar .sizeoptions .sizevalue a:hover,
#menu .mainItem .menu .columnNoAccordion .sizesearchfilter .filter-scrollbar .sizeoptionsflyout .sizevalue a:hover {
    text-decoration: underline
}

#menu .mainItem .menu .column .sizesearchfilter .filter-scrollbar .mCS-dark-2.mCSB_scrollTools_vertical,
#menu .mainItem .menu .columnNoAccordion .sizesearchfilter .filter-scrollbar .mCS-dark-2.mCSB_scrollTools_vertical {
    margin: 0 10px 0 0
}

@media screen and (max-width:767px) {
    #menu .mainItem .menu .column .sizesearchfilter .filter-scrollbar .mCS-dark-2.mCSB_scrollTools_vertical,
    #menu .mainItem .menu .columnNoAccordion .sizesearchfilter .filter-scrollbar .mCS-dark-2.mCSB_scrollTools_vertical {
        margin: 0 10px 0 0
    }
}

@media screen and (max-width:767px) {
    #menu .mainItem .menu .column .sizesearchfilter .filter-scrollbar .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    #menu .mainItem .menu .column .sizesearchfilter .filter-scrollbar .mCS-dark-2.mCSB_scrollTools .mCSB_draggerContainer,
    #menu .mainItem .menu .column .sizesearchfilter .filter-scrollbar .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
    #menu .mainItem .menu .column .sizesearchfilter .filter-scrollbar .mCSB_inside>.mCSB_container,
    #menu .mainItem .menu .column .sizesearchfilter .filter-scrollbar .mCustomScrollBox,
    #menu .mainItem .menu .columnNoAccordion .sizesearchfilter .filter-scrollbar .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    #menu .mainItem .menu .columnNoAccordion .sizesearchfilter .filter-scrollbar .mCS-dark-2.mCSB_scrollTools .mCSB_draggerContainer,
    #menu .mainItem .menu .columnNoAccordion .sizesearchfilter .filter-scrollbar .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
    #menu .mainItem .menu .columnNoAccordion .sizesearchfilter .filter-scrollbar .mCSB_inside>.mCSB_container,
    #menu .mainItem .menu .columnNoAccordion .sizesearchfilter .filter-scrollbar .mCustomScrollBox {
        display: block!important
    }
}

#menu .mainItem .menu .column.mobile_view,
#menu .mainItem .menu .columnNoAccordion.mobile_view {
    display: none
}

@media screen and (max-width:767px) {
    #menu .mainItem .menu .column.mobile_view,
    #menu .mainItem .menu .columnNoAccordion.mobile_view {
        display: block
    }
}

#menu .mainItem .menu li {
    text-transform: none
}

#header-old #mobilemenu-wrapper {
    display: none;
    fill: #6a6f74
}

#header-old #mobilemenu-wrapper:active,
#header-old #mobilemenu-wrapper:focus,
#header-old #mobilemenu-wrapper:hover {
    fill: #494e53
}

@media screen and (max-width:767px) {
    #header-old #mobilemenu-wrapper {
        clear: left;
        width: 10%;
        float: left;
        display: block;
        padding: 20px 0 0 15px
    }
}

@media screen and (max-width:580px) {
    #header-old #mobilemenu-wrapper {
        position: absolute;
        top: 71px
    }
}

#header-old #mobilemenu-wrapper:hover {
    cursor: pointer
}

@media screen and (max-width:1160px) {
    #menu {
        padding: 0 10px
    }
    #menu .mainItem.additional {
        display: none
    }
    #menu .mainItem .mainLink {
        padding: 17px 7px 13px
    }
}

@media screen and (max-width:767px) {
    #menu {
        display: none;
        background: #fff;
        background: rgba(255, 255, 255, .9);
        border-bottom: none;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10
    }
    #menu .mainMenu-holder {
        position: relative;
        overflow: hidden
    }
    #menu .mainMenu-holder .mainMenu {
        width: 80%;
        background: #aeb2b1;
        border-right: 1px solid #aeb2b1;
        border-bottom: 1px solid #aeb2b1;
        min-height: 100%;
        height: 100%;
        padding-bottom: 100px;
        overflow-y: scroll;
        scroll-behavior: smooth;
        position: fixed
    }
    #menu .mainMenu-holder .mainMenu::-webkit-scrollbar {
        width: 0;
        background-color: #aeb2b1
    }
    #menu .mainMenu-holder .mainMenu .mainItem {
        display: block;
        font-size: 15px;
        width: 100%;
        float: none;
        clear: both;
        height: auto;
        border-bottom: 1px solid #cfd1d0;
        background: #fff
    }
    #menu .mainMenu-holder .mainMenu .mainItem.additional {
        display: block
    }
    #menu .mainMenu-holder .mainMenu .mainItem.mobileAdditionalLink {
        display: block;
        background: #aeb2b1
    }
    #menu .mainMenu-holder .mainMenu .mainItem.mobileAdditionalLink a {
        color: #fff
    }
    #menu .mainMenu-holder .mainMenu .mainItem.mobileAdditionalLink a:active,
    #menu .mainMenu-holder .mainMenu .mainItem.mobileAdditionalLink a:focus,
    #menu .mainMenu-holder .mainMenu .mainItem.mobileAdditionalLink a:hover,
    #menu .mainMenu-holder .mainMenu .mainItem.mobileAdditionalLink:active,
    #menu .mainMenu-holder .mainMenu .mainItem.mobileAdditionalLink:focus,
    #menu .mainMenu-holder .mainMenu .mainItem.mobileAdditionalLink:hover {
        background: #8f9493
    }
    #menu .mainMenu-holder .mainMenu .mainItem.selectlanguage .languageselector {
        color: #fff;
        font-family: var(--font-family-sub-heading);
        padding: 17px 30px 13px;
        text-transform: uppercase
    }
    #menu .mainMenu-holder .mainMenu .mainItem.selectlanguage .languageselector .language {
        text-decoration: underline
    }
    #menu .mainMenu-holder .mainMenu .mainItem.selectlanguage .languageselector .language.current-locale {
        pointer-events: none;
        text-decoration: none
    }
    #menu .mainMenu-holder .mainMenu .mainItem.selectlanguage .languageselector .separator {
        padding: 0 8px
    }
    #menu .mainMenu-holder .mainMenu .mainItem.mobileMenuTitle {
        display: block;
        padding-top: 30px
    }
    #menu .mainMenu-holder .mainMenu .mainItem.mobileMenuTitle a {
        color: #6a6f74
    }
    #menu .mainMenu-holder .mainMenu .mainItem.mobileMenuTitle #mobiletogglebutton_menu_close_inner {
        float: right
    }
    #menu .mainMenu-holder .mainMenu .mainItem.mobileMenuTitle #mobiletogglebutton_menu_close_inner img {
        width: 15px
    }
    #menu .mainMenu-holder .mainMenu .mainItem.mobileMenuTitle .mainLink,
    #menu .mainMenu-holder .mainMenu .mainItem.mobileMenuTitle .mainLink.ui-accordion-header-active,
    .svg #menu .mainMenu-holder .mainMenu .mainItem.mobileMenuTitle .mainLink,
    .svg #menu .mainMenu-holder .mainMenu .mainItem.mobileMenuTitle .mainLink.ui-accordion-header-active,
    .svg .svg #menu .mainMenu-holder .mainMenu .mainItem.mobileMenuTitle .mainLink.ui-accordion-header-active {
        background: 0 0;
        border: none
    }
    #menu .mainMenu-holder .mainMenu .mainItem .arrowbottom,
    #menu .mainMenu-holder .mainMenu .mainItem.active .arrowbottom,
    #menu .mainMenu-holder .mainMenu .mainItem:active .arrowbottom,
    #menu .mainMenu-holder .mainMenu .mainItem:focus .arrowbottom,
    #menu .mainMenu-holder .mainMenu .mainItem:hover .arrowbottom {
        display: none
    }
    #menu .mainMenu-holder .mainMenu .mainItem .mainLink {
        padding: 17px 30px 13px;
        font-family: var(--font-family-sub-heading);
        background-image: url(../images/icons/arrows/arrow_right.png);
        background-position: right 30px top 15px;
        background-repeat: no-repeat;
        background-size: 12px
    }
    .svg #menu .mainMenu-holder .mainMenu .mainItem .mainLink {
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2216.2px%22%20height%3D%2226px%22%20viewBox%3D%220%20-3.4%2016.2%2026%22%20enable-background%3D%22new%200%20-3.4%2016.2%2026%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Arrow__x23_8f9491%22%3E%0D%0A%09%3Cpolygon%20fill%3D%22%238F9491%22%20points%3D%223.2%2C22.6%200%2C19.3%209.8%2C9.6%200%2C-0.2%203.2%2C-3.4%2016.2%2C9.6%20%09%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A")
    }
    #menu .mainMenu-holder .mainMenu .mainItem .mainLink.ui-accordion-header-active {
        background-size: 18px;
        background-image: url(../images/icons/arrows/arrow_down.png);
        background-position: right 28px top 19px;
        border-bottom: 1px solid #cfd1d0
    }
    #menu .mainMenu-holder .mainMenu .mainItem .mainLink.ui-accordion-header-active a {
        color: #000000
    }
    .svg #menu .mainMenu-holder .mainMenu .mainItem .mainLink.ui-accordion-header-active {
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2226px%22%20height%3D%2216.2px%22%20viewBox%3D%220%20-3%2026%2016.2%22%20enable-background%3D%22new%200%20-3%2026%2016.2%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Arrow__x23_8f9491%22%3E%0D%0A%09%3Cpolygon%20fill%3D%22%238F9491%22%20points%3D%2213%2C13.2%200%2C0.2%203.2%2C-3%2013%2C6.8%2022.8%2C-3%2026%2C0.2%20%09%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A")
    }
    #menu .mainMenu-holder .mainMenu .mainItem .mainLink .svg .ui-state-disabled.ui-accordion-header-active,
    #menu .mainMenu-holder .mainMenu .mainItem .mainLink.ui-state-disabled,
    #menu .mainMenu-holder .mainMenu .mainItem .mainLink.ui-state-disabled.ui-accordion-header-active,
    .svg #menu .mainMenu-holder .mainMenu .mainItem .mainLink.ui-state-disabled {
        background: 0 0
    }
    #menu .mainMenu-holder .mainMenu .mainItem .menu .column,
    #menu .mainMenu-holder .mainMenu .mainItem .menu .columnNoAccordion {
        display: block;
        border-right: none;
        float: none;
        margin: 0;
        min-height: initial;
        padding: 0;
        width: auto;
        height: auto;
        overflow: visible;
        border-bottom: 1px solid #cfd1d0
    }
    #menu .mainMenu-holder .mainMenu .mainItem .menu .column.last,
    #menu .mainMenu-holder .mainMenu .mainItem .menu .column.mobilelast,
    #menu .mainMenu-holder .mainMenu .mainItem .menu .columnNoAccordion.last,
    #menu .mainMenu-holder .mainMenu .mainItem .menu .columnNoAccordion.mobilelast {
        border: none
    }
    #menu .mainMenu-holder .mainMenu .mainItem .menu .column.twocols,
    #menu .mainMenu-holder .mainMenu .mainItem .menu .columnNoAccordion.twocols {
        width: auto
    }
    #menu .mainMenu-holder .mainMenu .mainItem .menu .column.teaser,
    #menu .mainMenu-holder .mainMenu .mainItem .menu .columnNoAccordion.teaser {
        display: none
    }
    #menu .mainMenu-holder .mainMenu .mainItem .menu .column .headline,
    #menu .mainMenu-holder .mainMenu .mainItem .menu .columnNoAccordion .headline {
        font-family: var(--font-family-sub-heading);
        font-size: 15px;
        margin: 0;
        padding: 17px 40px 13px;
        background-image: url(../images/icons/arrows/arrow_right.png);
        background-position: right 30px top 15px;
        background-repeat: no-repeat;
        background-size: 12px
    }
    .svg #menu .mainMenu-holder .mainMenu .mainItem .menu .column .headline,
    .svg #menu .mainMenu-holder .mainMenu .mainItem .menu .columnNoAccordion .headline {
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2216.2px%22%20height%3D%2226px%22%20viewBox%3D%220%20-3.4%2016.2%2026%22%20enable-background%3D%22new%200%20-3.4%2016.2%2026%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Arrow__x23_8f9491%22%3E%0D%0A%09%3Cpolygon%20fill%3D%22%238F9491%22%20points%3D%223.2%2C22.6%200%2C19.3%209.8%2C9.6%200%2C-0.2%203.2%2C-3.4%2016.2%2C9.6%20%09%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A")
    }
}

@media screen and (max-width:767px) and (max-width:767px) {
    #menu .mainMenu-holder .mainMenu .mainItem .menu .column .headline.specials,
    #menu .mainMenu-holder .mainMenu .mainItem .menu .columnNoAccordion .headline.specials {
        display: none
    }
    #menu .mainMenu-holder .mainMenu .mainItem .menu .column .headline.specials+.subCategories-holder,
    #menu .mainMenu-holder .mainMenu .mainItem .menu .columnNoAccordion .headline.specials+.subCategories-holder {
        font-family: var(--font-family-sub-heading);
        font-size: 15px;
        padding: 0
    }
    #menu .mainMenu-holder .mainMenu .mainItem .menu .column .headline.specials+.subCategories-holder li,
    #menu .mainMenu-holder .mainMenu .mainItem .menu .columnNoAccordion .headline.specials+.subCategories-holder li {
        text-transform: uppercase;
        border-bottom: 1px solid #cfd1d0;
        padding: 17px 40px 13px
    }
    #menu .mainMenu-holder .mainMenu .mainItem .menu .column .headline.specials+.subCategories-holder li:last-child,
    #menu .mainMenu-holder .mainMenu .mainItem .menu .columnNoAccordion .headline.specials+.subCategories-holder li:last-child {
        border-bottom: none
    }
}

@media screen and (max-width:767px) {
    #menu .mainMenu-holder .mainMenu .mainItem .menu .column .headline.ui-accordion-header-active,
    #menu .mainMenu-holder .mainMenu .mainItem .menu .columnNoAccordion .headline.ui-accordion-header-active {
        background-size: 18px;
        background-image: url(../images/icons/arrows/arrow_down.png);
        background-position: right 28px top 19px;
        border-bottom: 1px solid #cfd1d0
    }
    #menu .mainMenu-holder .mainMenu .mainItem .menu .column .headline.ui-accordion-header-active a,
    #menu .mainMenu-holder .mainMenu .mainItem .menu .columnNoAccordion .headline.ui-accordion-header-active a {
        color: #494e53
    }
    .svg #menu .mainMenu-holder .mainMenu .mainItem .menu .column .headline.ui-accordion-header-active,
    .svg #menu .mainMenu-holder .mainMenu .mainItem .menu .columnNoAccordion .headline.ui-accordion-header-active {
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2226px%22%20height%3D%2216.2px%22%20viewBox%3D%220%20-3%2026%2016.2%22%20enable-background%3D%22new%200%20-3%2026%2016.2%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Arrow__x23_8f9491%22%3E%0D%0A%09%3Cpolygon%20fill%3D%22%238F9491%22%20points%3D%2213%2C13.2%200%2C0.2%203.2%2C-3%2013%2C6.8%2022.8%2C-3%2026%2C0.2%20%09%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A")
    }
    #menu .mainMenu-holder .mainMenu .mainItem .menu .column .headline.gifticon,
    #menu .mainMenu-holder .mainMenu .mainItem .menu .columnNoAccordion .headline.gifticon {
        background: url(../images/christmasbutton/24.png) right 20px top 5px/36px auto no-repeat;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%)
    }
    #menu .mainMenu-holder .mainMenu .mainItem .menu .column .subCategories-holder,
    #menu .mainMenu-holder .mainMenu .mainItem .menu .columnNoAccordion .subCategories-holder {
        padding: 0 0 10px
    }
}

@media screen and (max-width:767px) and (max-width:767px) {
    #menu .mainMenu-holder .mainMenu .mainItem .menu .column .subCategories-holder.subCategory-replace ul,
    #menu .mainMenu-holder .mainMenu .mainItem .menu .columnNoAccordion .subCategories-holder.subCategory-replace ul {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        flex-flow: row wrap
    }
    #menu .mainMenu-holder .mainMenu .mainItem .menu .column .subCategories-holder.subCategory-replace ul li,
    #menu .mainMenu-holder .mainMenu .mainItem .menu .columnNoAccordion .subCategories-holder.subCategory-replace ul li {
        width: 100%
    }
    #menu .mainMenu-holder .mainMenu .mainItem .menu .column .subCategories-holder.subCategory-replace ul li.last,
    #menu .mainMenu-holder .mainMenu .mainItem .menu .columnNoAccordion .subCategories-holder.subCategory-replace ul li.last {
        -webkit-box-ordinal-group: -1;
        -moz-box-ordinal-group: -1;
        box-ordinal-group: -1;
        -webkit-order: -1;
        -moz-order: -1;
        order: -1;
        -ms-flex-order: -1
    }
}

@media screen and (max-width:767px) {
    #menu .mainMenu-holder .mainMenu .mainItem .menu .column .subCategories-holder .sizesearchfilter,
    #menu .mainMenu-holder .mainMenu .mainItem .menu .columnNoAccordion .subCategories-holder .sizesearchfilter {
        margin: 20px 20px 0
    }
}

@media screen and (max-width:767px) and (max-width:767px) {
    #menu .mainMenu-holder .mainMenu .mainItem .menu .column .subCategories-holder .sizesearchfilter,
    #menu .mainMenu-holder .mainMenu .mainItem .menu .columnNoAccordion .subCategories-holder .sizesearchfilter {
        margin: 20px 20px 6px;
        z-index: 99
    }
}

@media screen and (max-width:767px) and (max-width:980px) {
    #menu .mainMenu-holder .mainMenu .mainItem .menu .column .subCategories-holder .sizesearchfilter .filter-scrollbar,
    #menu .mainMenu-holder .mainMenu .mainItem .menu .columnNoAccordion .subCategories-holder .sizesearchfilter .filter-scrollbar {
        background-color: #fff;
        z-index: 100
    }
}

@media screen and (max-width:767px) and (max-width:767px) {
    #menu .mainMenu-holder .mainMenu .mainItem .menu .column .subCategories-holder .sizesearchfilter .filter-scrollbar,
    #menu .mainMenu-holder .mainMenu .mainItem .menu .columnNoAccordion .subCategories-holder .sizesearchfilter .filter-scrollbar {
        background-color: transparent;
        display: block!important
    }
}

@media screen and (max-width:767px) and (max-width:767px) {
    #menu .mainMenu-holder .mainMenu .mainItem .menu .column .subCategories-holder .sizesearchfilter .filter-scrollbar .mCustomScrollBox,
    #menu .mainMenu-holder .mainMenu .mainItem .menu .columnNoAccordion .subCategories-holder .sizesearchfilter .filter-scrollbar .mCustomScrollBox {
        display: block!important
    }
}

@media screen and (max-width:767px) {
    #menu .mainMenu-holder .mainMenu .mainItem .menu .column .subCategories-holder .sizesearchfilter .sizesearch,
    #menu .mainMenu-holder .mainMenu .mainItem .menu .columnNoAccordion .subCategories-holder .sizesearchfilter .sizesearch {
        background-position: right 6px top 5px;
        background-size: 22px;
        height: 38px;
        width: 100%
    }
    #menu .mainMenu-holder .mainMenu .mainItem .menu .columnNoAccordion .headline a {
        display: block
    }
    #menu .mainMenu-holder .mainMenu .mainItem .menu.right {
        float: none
    }
    #menu .mainMenu-holder .mainMenu .mainItem .flyoutContainer {
        display: none;
        position: static;
        width: auto;
        height: auto;
        background: #f4f2ef;
        padding: 0;
        font-family: var(--font-family-base);
        border-bottom: none
    }
    #menu .mainMenu-holder .mainMenu .mainItem:active .flyoutContainer,
    #menu .mainMenu-holder .mainMenu .mainItem:focus .flyoutContainer,
    #menu .mainMenu-holder .mainMenu .mainItem:hover .flyoutContainer {
        display: none
    }
    #menu .mainMenu-holder .mainMenu .mainItem .subCategories li {
        margin: 0;
        padding: 10px 40px
    }
    #menu .mainMenu-holder .mainMenu .mainItem .subCategories.twocols {
        column-count: 1;
        column-gap: 0;
        -moz-column-count: 1;
        -moz-column-gap: 0;
        -webkit-column-count: 1;
        -webkit-column-gap: 0;
        width: auto
    }
    #menu .mainMenu-holder #mobiletogglebutton_menu_close_outer {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        background: rgba(255, 255, 255, .9);
        z-index: 2;
        width: 20%;
        height: 100%;
        text-align: right
    }
    #menu .mainMenu-holder #mobiletogglebutton_menu_close_outer:hover {
        cursor: pointer
    }
    #menu .mainMenu-holder #mobiletogglebutton_menu_close_outer .inner {
        padding: 10px 10px 0 0
    }
    #menu .mainMenu-holder #mobiletogglebutton_menu_close_outer .inner img {
        max-width: 90%
    }
    #menu .mainMenu-holder .mainMenu .mainItem .bold,
    #menu .mainMenu-holder .mainMenu .mainItem .bold a {
        font-family: var(--font-family-sub-heading);
    }
}

.generalmenu {
    border: 1px solid #cfd1d0;
    padding: 20px
}

.generalmenu li {
    border-bottom: 1px solid #cfd1d0
}

.generalmenu li.selected,
.generalmenu li:active,
.generalmenu li:focus,
.generalmenu li:hover {
    background-color: #f4f2ef
}

.generalmenu li.selected a,
.generalmenu li:active a,
.generalmenu li:focus a,
.generalmenu li:hover a {
    text-decoration: none
}

.generalmenu li.selected {
    background-image: url(../images/icons/spritemain.png);
    background-position: 18px -790px;
    background-repeat: no-repeat
}

.svg .generalmenu li.selected {
    background-image: url(../images/icons/spritemain.svg)
}

.generalmenu li.selected a {
    padding-left: 35px
}

.generalmenu li:last-child {
    border: none
}

.generalmenu li a {
    display: block;
    color: #494e53;
    padding: 12px 15px 8px;
    line-height: 15px;
    text-decoration: none
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .generalmenu li a {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media screen and (max-width:980px) and (-webkit-min-device-pixel-ratio:0) {
    .generalmenu li a {
        padding: 10px 15px
    }
}

.subheadlineBordered,
.u-gridNoWrap {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: distribute;
    -moz-box-pack: distribute;
    box-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -ms-flex-pack: distribute;
    -webkit-align-content: flex-start;
    -moz-align-content: flex-start;
    align-content: flex-start;
    -ms-flex-line-pack: start;
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start
}

@media screen and (max-width:580px) {
    .subheadlineBordered,
    .u-gridNoWrap {
        display: block
    }
}

.subheadlineBordered img,
.u-gridNoWrap img {
    width: 100%
}

.subheadlineBordered-item,
.u-gridNoWrap-item {
    -webkit-box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    box-ordinal-group: 0;
    -webkit-order: 0;
    -moz-order: 0;
    order: 0;
    -ms-flex-order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    align-self: stretch;
    -ms-flex-item-align: stretch
}

@media screen and (max-width:580px) {
    .subheadlineBordered-item,
    .u-gridNoWrap-item {
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: block;
        margin-bottom: 20px
    }
}

.u-textLeft {
    text-align: left
}

.u-textRight {
    text-align: right
}

.u-textCenter {
    text-align: center
}

.highlightBox,
.u-sectionMargin {
    margin-bottom: 64px
}

@media screen and (max-width:580px) {
    .highlightBox,
    .u-sectionMargin {
        margin-bottom: 20px
    }
}

@media screen and (max-width:767px) {
    .highlightBox p,
    .u-sectionMargin p {
        padding-left: 15px;
        padding-right: 15px
    }
}

.u-showPhonesportraitOnly {
    display: none
}

@media screen and (max-width:580px) {
    .u-showPhonesportraitOnly {
        display: inline-block
    }
}

@media screen and (max-width:580px) {
    .u-hidePhonesportraitOnly {
        display: none
    }
}

.u-grid-12 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%
}

.u-grid-12:last-child {
    margin-right: 0
}

.u-grid-11 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 91.4701957002%
}

.u-grid-11:last-child {
    margin-right: 0
}

.u-grid-10 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 82.9403914003%
}

.u-grid-10:last-child {
    margin-right: 0
}

.u-grid-9 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 74.4105871005%
}

.u-grid-9:last-child {
    margin-right: 0
}

.u-grid-8 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 65.8807828007%
}

.u-grid-8:last-child {
    margin-right: 0
}

.u-grid-7 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 57.3509785009%
}

.u-grid-7:last-child {
    margin-right: 0
}

.u-grid-6 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%
}

.u-grid-6:last-child {
    margin-right: 0
}

.u-grid-5 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 40.2913699012%
}

.u-grid-5:last-child {
    margin-right: 0
}

.u-grid-4 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%
}

.u-grid-4:last-child {
    margin-right: 0
}

.u-grid-3 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 23.2317613015%
}

.u-grid-3:last-child {
    margin-right: 0
}

.u-grid-2 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 14.7019570017%
}

.u-grid-2:last-child {
    margin-right: 0
}

.u-grid-1 {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 6.1721527019%
}

.u-grid-1:last-child {
    margin-right: 0
}

.u-grid-1,
.u-grid-11 .u-grid-10,
.u-grid-2,
.u-grid-3,
.u-grid-4,
.u-grid-5,
.u-grid-6,
.u-grid-7,
.u-grid-8,
.u-grid-9 {
    gutter: 15px
}

@media screen and (max-width:980px) {
    .u-grid-11 .u-grid-10:not(.u-grid-nolinebreak),
    .u-grid-1:not(.u-grid-nolinebreak),
    .u-grid-2:not(.u-grid-nolinebreak),
    .u-grid-3:not(.u-grid-nolinebreak),
    .u-grid-4:not(.u-grid-nolinebreak),
    .u-grid-5:not(.u-grid-nolinebreak),
    .u-grid-6:not(.u-grid-nolinebreak),
    .u-grid-7:not(.u-grid-nolinebreak),
    .u-grid-8:not(.u-grid-nolinebreak),
    .u-grid-9:not(.u-grid-nolinebreak) {
        width: 48.821174201%;
        padding-right: 15px;
        padding-left: 15px;
        margin-top: 15px;
        margin-bottom: 15px
    }
    .u-grid-11 .u-grid-10:not(.u-grid-nolinebreak).u-grid-preventPadding,
    .u-grid-1:not(.u-grid-nolinebreak).u-grid-preventPadding,
    .u-grid-2:not(.u-grid-nolinebreak).u-grid-preventPadding,
    .u-grid-3:not(.u-grid-nolinebreak).u-grid-preventPadding,
    .u-grid-4:not(.u-grid-nolinebreak).u-grid-preventPadding,
    .u-grid-5:not(.u-grid-nolinebreak).u-grid-preventPadding,
    .u-grid-6:not(.u-grid-nolinebreak).u-grid-preventPadding,
    .u-grid-7:not(.u-grid-nolinebreak).u-grid-preventPadding,
    .u-grid-8:not(.u-grid-nolinebreak).u-grid-preventPadding,
    .u-grid-9:not(.u-grid-nolinebreak).u-grid-preventPadding {
        padding-right: 0;
        padding-left: 0
    }
}

@media screen and (max-width:580px) {
    .u-grid-11 .u-grid-10:not(.u-grid-nolinebreak),
    .u-grid-1:not(.u-grid-nolinebreak),
    .u-grid-2:not(.u-grid-nolinebreak),
    .u-grid-3:not(.u-grid-nolinebreak),
    .u-grid-4:not(.u-grid-nolinebreak),
    .u-grid-5:not(.u-grid-nolinebreak),
    .u-grid-6:not(.u-grid-nolinebreak),
    .u-grid-7:not(.u-grid-nolinebreak),
    .u-grid-8:not(.u-grid-nolinebreak),
    .u-grid-9:not(.u-grid-nolinebreak) {
        width: 100%;
        padding: 0;
        margin: 0
    }
}

@media screen and (max-width:580px) {
    .u-grid-marginMobile:not(.u-grid-nolinebreak) {
        padding: 15px
    }
}

.u-gridMargin-mobile,
.u-gridMargin-mobile:not(.u-grid-nolinebreak) {
    margin-bottom: 15px
}

.u-hide {
    display: none
}

.u-icon {
    display: inline-block;
    width: 25px;
    height: 25px
}

.u-icon-ellipsis {
    background-image: url(../images/loader/loading.svg);
    background-repeat: no-repeat;
    background-position: center center
}

.badge.newsletter {
    display: block;
    width: 95px;
    height: 95px;
    -webkit-border-radius: 95px;
    -moz-border-radius: 95px;
    -ms-border-radius: 95px;
    border-radius: 95px;
    background-color: #ee4f6e;
    color: #fff;
    padding: 14px 0;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 20px
}

@media screen and (max-width:767px) {
    .badge.newsletter {
        display: block;
        width: 65px;
        height: 65px;
        -webkit-border-radius: 65px;
        -moz-border-radius: 65px;
        -ms-border-radius: 65px;
        border-radius: 65px;
        background-color: #ee4f6e;
        color: #fff;
        padding: 14px 0;
        text-align: center;
        font-size: 12px;
        text-transform: uppercase;
        text-decoration: none
    }
    .badge.newsletter span {
        font-size: 14px -1px
    }
}

.badge.newsletter:hover {
    text-decoration: none;
    background: #f65e7b
}

.badge.newsletter span {
    display: block;
    padding: 15px 0 0;
    font-size: 26px
}

@media screen and (max-width:767px) {
    .badge.newsletter span {
        display: block;
        padding: 4px 0 0;
        font-size: 16px;
        line-height: 12px
    }
}

@media screen and (max-width:580px) {
    .badge.newsletter span {
        display: block;
        padding: 6px 0 0
    }
}

.badges {
    position: absolute;
    bottom: 7px;
    left: 0;
    pointer-events: none;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    font-family: var(--font-family-sub-heading);
    z-index: 2
}

#recom_products_range_carousel .badges,
.carttable.productSummaryTable .badges,
.product_recommendations .badges {
    font-size: 12px;
    line-height: 12px
}

.product_recommendations #recom_products_range .badges {
    bottom: 40px
}

#product_images .badges {
    font-size: 16px;
    line-height: 16px
}

.checkoutplaceorder .productSummaryTable .badges {
    font-size: 9px;
    line-height: 10px
}

.carttable.productSummaryTable .badges {
    position: absolute;
    bottom: 0;
    left: 0
}

.carttable.productSummaryTable .promo .badges {
    position: absolute;
    bottom: 1px;
    left: 1px
}

.badges .ribbon,
.badges .ribbon-badge-left {
    padding: 6px 15px;
    color: #6a6f74;
    background: #fff
}

@media screen and (max-width:767px) {
    .badges .ribbon,
    .badges .ribbon-badge-left {
        padding: 8px 17px
    }
}

#recom_products_range_carousel .badges .ribbon,
#recom_products_range_carousel .badges .ribbon-badge-left,
.product_recommendations .badges .ribbon,
.product_recommendations .badges .ribbon-badge-left {
    padding: 5px 10px
}

.checkoutplaceorder .productSummaryTable .badges .ribbon,
.checkoutplaceorder .productSummaryTable .badges .ribbon-badge-left {
    padding: 3px 7px
}

.carttable.productSummaryTable .badges .ribbon,
.carttable.productSummaryTable .badges .ribbon-badge-left {
    font-size: 10px;
    padding: 3px 8px
}

.badges .badge.sale {
    padding: 6px 15px;
    color: #fff;
    background-color: #000000
}

@media screen and (max-width:767px) {
    .badges .badge.sale {
        padding: 8px 17px
    }
}

#recom_products_range_carousel .badges .badge.sale,
.carttable.productSummaryTable .badges .badge.sale,
.product_recommendations .badges .badge.sale {
    padding: 5px 10px
}

.checkoutplaceorder .productSummaryTable .badges .badge.sale {
    padding: 3px 7px
}

.carttable.productSummaryTable .badges .badge.sale {
    font-size: 10px;
    padding: 3px 8px
}

.badges .mytriumphpromo {
    padding: 6px 15px;
    color: #fff;
    background-color: #000000
}

@media screen and (max-width:767px) {
    .badges .mytriumphpromo {
        padding: 8px 17px
    }
}

#main #breadCrumbContent {
    padding: 15px 10px 20px 0
}

#main #breadCrumbContent .breadcrumb {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 1px
}

#main #breadCrumbContent .breadcrumb .divider {
    padding-left: 5px;
    font-family: var(--font-family-sub-heading);
}

#main #breadCrumbContent .breadcrumb ol li {
    float: left
}

#main #breadCrumbContent .breadcrumb ol li a {
    color: #494e53;
    font-family: var(--font-family-sub-heading);
    text-decoration: initial
}

#main #breadCrumbContent .breadcrumb .active {
    font-family: var(--font-family-sub-heading);
    color: #000000
}

#main #breadCrumbContent .contentnav,
#main #breadCrumbContent .productnav {
    float: left;
    position: relative;
    top: -3px
}

#main #breadCrumbContent .contentnav a,
#main #breadCrumbContent .productnav a {
    color: #494e53;
    display: inline-block;
    padding: 0 0 0 18px;
    text-decoration: none;
    background-image: url(../images/icons/arrows/arrow_left.png);
    background-position: left 0 top 2px;
    background-repeat: no-repeat;
    background-size: 8px
}

.svg #main #breadCrumbContent .contentnav a,
.svg #main #breadCrumbContent .productnav a {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2216.2px%22%20height%3D%2226px%22%20viewBox%3D%220%20-3%2016.2%2026%22%20enable-background%3D%22new%200%20-3%2016.2%2026%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Arrow__x23_8f9491%22%3E%0D%0A%09%3Cpolygon%20fill%3D%22%238F9491%22%20points%3D%2213%2C23%200%2C10%2013%2C-3%2016.2%2C0.2%206.5%2C10%2016.2%2C19.8%20%09%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A")
}

@media screen and (max-width:767px) {
    #main #breadCrumbContent .contentnav a,
    #main #breadCrumbContent .productnav a {
        background-size: 10px;
        color: #494e53;
        font-size: 16px;
        padding: 0 0 0 21px
    }
}

#main #breadCrumbContent .contentnav span,
#main #breadCrumbContent .productnav span {
    margin-top: 3px
}

#main #breadCrumbContent .contentnav .divider,
#main #breadCrumbContent .productnav .divider {
    display: inline-block;
    padding: 0 15px 0 13px;
    font-size: 12px;
    line-height: 18px
}

@media screen and (max-width:767px) {
    #product #main #breadCrumbContent,
    #searchlist #main #breadCrumbContent {
        padding: 0;
        display: none
    }
    #product #main #breadCrumbContent .breadcrumb .divider,
    #product #main #breadCrumbContent .breadcrumb a,
    #product #main #breadCrumbContent .divider,
    #searchlist #main #breadCrumbContent .breadcrumb .divider,
    #searchlist #main #breadCrumbContent .breadcrumb a,
    #searchlist #main #breadCrumbContent .divider {
        display: none
    }
    #product #main #breadCrumbContent .breadcrumb .active,
    #searchlist #main #breadCrumbContent .breadcrumb .active {
        font-size: 20px
    }
}

@media screen and (max-width:767px) {
    #product #main #breadCrumbContent {
        margin: 5px 0 0
    }
}

#servicepages #main #breadCrumbContent {
    border-bottom: 1px solid #cfd1d0;
    margin-bottom: 40px
}

#servicepages #main #breadCrumbContent .breadcrumb a.first,
#servicepages #main #breadCrumbContent .breadcrumb a.first+.divider {
    display: none
}

.button,
.button.disabled,
button,
button.disabled {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    padding: 0 22px;
    line-height: 31px;
    height: 30px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: var(--font-family-sub-heading);
    font-size: 14px;
    border: none;
    text-align: center;
    vertical-align: middle
}

@media screen and (max-width:767px) {
    .button,
    .button.disabled,
    button,
    button.disabled {
        line-height: 36px;
        height: 35px
    }
}

.button.disabled,
button.disabled {
    cursor: default
}

.button.small,
button.small {
    padding: 0 15px;
    line-height: 25px;
    height: 24px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: var(--font-family-sub-heading);
    font-size: 14px;
    border: none;
    text-align: center;
    vertical-align: middle
}

@media screen and (max-width:767px) {
    .button.small,
    button.small {
        line-height: 25px;
        height: 24px
    }
}

.button.large,
button.large {
    padding: 0 22px;
    line-height: 41px;
    height: 40px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: var(--font-family-sub-heading);
    font-size: 20px;
    letter-spacing: 1px;
    border: none;
    text-align: center;
    vertical-align: middle
}

@media screen and (max-width:767px) {
    .button.large,
    button.large {
        line-height: 36px;
        height: 35px
    }
}

.button.medium-regular,
button.medium-regular {
    padding: 0 30px;
    line-height: 40px;
    height: 30px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: var(--font-family-base);
    font-size: 16px;
    letter-spacing: 1px
}

@media screen and (max-width:980px) {
    .button.medium-regular,
    button.medium-regular {
        font-size: 14px
    }
}

@media screen and (max-width:767px) {
    .button.medium-regular,
    button.medium-regular {
        height: 30px;
        font-size: 15px
    }
}

@media screen and (max-width:580px) {
    .button.medium-regular,
    button.medium-regular {
        padding-left: 20px;
        padding-right: 20px;
        height: 21px;
        font-size: 10px
    }
}

.button.medium,
button.medium {
    padding: 0 50px;
    line-height: 40px;
    height: 30px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: var(--font-family-sub-heading);
    font-size: 16px;
    letter-spacing: 1px
}

@media screen and (max-width:980px) {
    .button.medium,
    button.medium {
        font-size: 14px
    }
}

@media screen and (max-width:767px) {
    .button.medium,
    button.medium {
        height: 30px
    }
}

@media screen and (max-width:580px) {
    .button.medium,
    button.medium {
        height: 23px;
        font-size: 10px;
        padding-top: 1px
    }
}

.button.adviceteaser {
    position: relative;
    height: 32px;
    font-size: 14px;
    font-family: var(--font-family-base);
    text-transform: none;
    text-align: left;
    padding: 0 0 0 10px;
    letter-spacing: 1px
}

.button.adviceteaser .icon {
    background-position: 0 -1193px;
    display: inline-block;
    height: 15px;
    position: absolute;
    right: 10px;
    top: 5px;
    width: 15px;
    transform: rotate(-90deg)
}

.svg .button.adviceteaser .icon {
    background-image: url(../images/icons/spritemain.svg)
}

.button.menuteaser {
    display: inline-block;
    padding: 10px 16px 8px;
    line-height: 16px;
    height: auto;
    text-decoration: none;
    text-transform: uppercase;
    font-family: var(--font-family-sub-heading);
    font-size: 14px;
    border: none;
    text-align: center;
    vertical-align: middle
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .button.menuteaser {
        padding-top: 7px
    }
}

@media screen and (max-width:980px) {
    .button.menuteaser {
        padding-top: 8px
    }
}

@media screen and (max-width:767px) {
    .button.menuteaser {
        padding-top: 0;
        line-height: 36px;
        height: 36px
    }
}

.button,
.button.primary,
button {
    background: #000000;
    color: #fff
}

.button.primary:active,
.button.primary:focus,
.button.primary:hover,
.button:active,
.button:focus,
.button:hover {
    background: #ce2332;
    cursor: pointer
}

.button.secondary {
    background: #aeb2b1;
    color: #fff
}

.button.secondary:active,
.button.secondary:focus,
.button.secondary:hover {
    background: #bbbdbc
}

.button.secondary.disabled:active,
.button.secondary.disabled:focus,
.button.secondary.disabled:hover {
    background: #aeb2b1
}

.button.tertiary {
    background: #fff;
    color: #494e53
}

.button.tertiary:active,
.button.tertiary:focus,
.button.tertiary:hover {
    color: #3c4147
}

.button.superlightgrey {
    background: #f9f9f9;
    border: 1px solid #f2f2f2;
    color: #494e53
}

.button.hex {
    background: #fff;
    color: #494e53;
    border: 2px solid #494e53
}

.button.hex:active,
.button.hex:focus,
.button.hex:hover {
    background: #000000;
    color: #fff;
    border: 2px solid #000000
}

.button.redtowhite {
    background: #000000;
    color: #fff
}

.button.redtowhite:active,
.button.redtowhite:focus,
.button.redtowhite:hover,
.button.whitetored {
    background: #fff;
    color: #494e53
}

.button.whitetored:active,
.button.whitetored:focus,
.button.whitetored:hover {
    background: #000000;
    color: #fff
}

.button.quaternary {
    background: #bfa4b6;
    color: #fff
}

.button.quaternary:active,
.button.quaternary:focus,
.button.quaternary:hover {
    color: #fff
}

.button.quinary {
    background: 0 0;
    border: 1px solid #494e53;
    color: #494e53
}

.button.quinary:active,
.button.quinary:focus,
.button.quinary:hover {
    background: #f4f2ef
}

.button.sloggiwomen {
    background: #0088c9;
    color: #fff
}

.button.sloggiwomen:active,
.button.sloggiwomen:focus,
.button.sloggiwomen:hover {
    background: #1296d5
}

.button.sloggiwomen.disabled:active,
.button.sloggiwomen.disabled:focus,
.button.sloggiwomen.disabled:hover {
    background: #0088c9
}

.button.sloggimen {
    background: #30485e;
    color: #fff
}

.button.sloggimen:active,
.button.sloggimen:focus,
.button.sloggimen:hover {
    background: #3c556c
}

.button.sloggimen.disabled:active,
.button.sloggimen.disabled:focus,
.button.sloggimen.disabled:hover {
    background: #30485e
}

.button.sand {
    background: #dfc6b5;
    color: #fff
}

.button.sand:active,
.button.sand:focus,
.button.sand:hover {
    background: #e1d3c6
}

.button.darksand {
    background: #c5c1ae;
    color: #fff
}

.button.darksand:active,
.button.darksand:focus,
.button.darksand:hover {
    background: #a4a08d
}

.button.dustygrey {
    background: #b4a4a7;
    color: #fff
}

.button.dustygrey:active,
.button.dustygrey:focus,
.button.dustygrey:hover {
    background: #bfb3b5
}

.button.altrosa {
    background: #ccaeb6;
    color: #fff
}

.button.altrosa:active,
.button.altrosa:focus,
.button.altrosa:hover {
    background: #d4bcc2
}

.button.lightgrey {
    background: #efefef;
    color: #494e53
}

.button.lightgrey:active,
.button.lightgrey:focus,
.button.lightgrey:hover {
    background: #f9f9f9
}

.button.canaryellow {
    background: #fff48c;
    color: #5a5b5f
}

.button.canaryellow:active,
.button.canaryellow:focus,
.button.canaryellow:hover {
    background: #fffcc1
}

.button.brightgrey {
    background: #5a5b5f;
    color: #fff48c
}

.button.brightgrey:active,
.button.brightgrey:focus,
.button.brightgrey:hover {
    background: #67686b
}

.button.cyprusblue {
    background: #0c3955;
    color: #ded8d1
}

.button.cyprusblue:active,
.button.cyprusblue:focus,
.button.cyprusblue:hover {
    background: #124464
}

.button.lavenderviolet {
    background: #e9f1fb;
    color: #0c3955
}

.button.lavenderviolet:active,
.button.lavenderviolet:focus,
.button.lavenderviolet:hover {
    background: #f0f7ff
}

.button.bonjourgrey {
    background: #ded8d1;
    color: #0c3955
}

.button.bonjourgrey:active,
.button.bonjourgrey:focus,
.button.bonjourgrey:hover {
    background: #e7e4e0
}

.button.cardinalred {
    background: #b2152c;
    color: #ded8d1
}

.button.cardinalred:active,
.button.cardinalred:focus,
.button.cardinalred:hover {
    background: #c4233a
}

.button.powderpink {
    background: #f0e3e0;
    color: #b3876f
}

.button.powderpink:active,
.button.powderpink:focus,
.button.powderpink:hover {
    background: #f4ebe9
}

.button.brandyrose {
    background: #b3876f;
    color: #f0e3e0
}

.button.brandyrose:active,
.button.brandyrose:focus,
.button.brandyrose:hover {
    background: #bb917a
}

.button.almondrosa {
    background: #eed1c9;
    color: #494e53
}

.button.almondrosa:active,
.button.almondrosa:focus,
.button.almondrosa:hover {
    background: #f4ddd6
}

.button.rumswizzlesand {
    background: #f1e5d2;
    color: #494e53
}

.button.rumswizzlesand:active,
.button.rumswizzlesand:focus,
.button.rumswizzlesand:hover {
    background: #faf1e2
}

.button.promopink {
    background: #ee4f6e;
    color: #fff
}

.button.promopink:active,
.button.promopink:focus,
.button.promopink:hover {
    background: #f65e7b
}

.button.promorose {
    background: #fba9a5;
    color: #fff
}

.button.promorose:active,
.button.promorose:focus,
.button.promorose:hover {
    background: #febbb7
}

.button.promodarkpink {
    background: #da2866;
    color: #fff
}

.button.promodarkpink:active,
.button.promodarkpink:focus,
.button.promodarkpink:hover {
    background: #e73573
}

#product .button.addtocartbutton {
    height: 35px;
    line-height: 36px;
    font-size: 20px;
    padding: 0 12px
}

@media screen and (max-width:767px) {
    #product .button.addtocartbutton {
        line-height: 41px;
        height: 40px
    }
}

#product .button.addtocartbutton span {
    display: block
}

@media screen and (max-width:767px) {
    #product #recom_products_range .button.addtocartbutton,
    #product .recom_products_quickview .button.addtocartbutton {
        font-size: 14px;
        height: 35px;
        line-height: 35px
    }
}

#home .button.addtowishlist,
#product .button.addtowishlist,
#searchlist .button.addtowishlist,
.category_landing_page .button.addtowishlist {
    display: flex;
    width: 100%;
    align-items: center;
    background: 0 0;
    color: #494e53;
    font-family: var(--font-family-base);
    height: auto;
    font-size: 12px;
    line-height: 14px;
    padding: 3px 0 0 17px;
    text-decoration: none;
    text-transform: none;
    fill: #6a6f74
}

@media screen and (max-width:980px) {
    #home .button.addtowishlist,
    #product .button.addtowishlist,
    #searchlist .button.addtowishlist,
    .category_landing_page .button.addtowishlist {
        justify-content: center;
        padding: 0
    }
}

#home .button.addtowishlist:active,
#home .button.addtowishlist:focus,
#home .button.addtowishlist:hover,
#product .button.addtowishlist:active,
#product .button.addtowishlist:focus,
#product .button.addtowishlist:hover,
#searchlist .button.addtowishlist:active,
#searchlist .button.addtowishlist:focus,
#searchlist .button.addtowishlist:hover,
.category_landing_page .button.addtowishlist:active,
.category_landing_page .button.addtowishlist:focus,
.category_landing_page .button.addtowishlist:hover {
    fill: #494e53
}

#home .button.addtowishlist.disabled,
#product .button.addtowishlist.disabled,
#searchlist .button.addtowishlist.disabled,
.category_landing_page .button.addtowishlist.disabled {
    opacity: .6
}

#home .button.addtowishlist .added,
#home .button.addtowishlist.onwishlist,
#product .button.addtowishlist .added,
#product .button.addtowishlist.onwishlist,
#searchlist .button.addtowishlist .added,
#searchlist .button.addtowishlist.onwishlist,
.category_landing_page .button.addtowishlist .added,
.category_landing_page .button.addtowishlist.onwishlist {
    fill: #000000
}

#home .button.addtowishlist .text,
#product .button.addtowishlist .text,
#searchlist .button.addtowishlist .text,
.category_landing_page .button.addtowishlist .text {
    padding-left: 7px;
    text-align: left
}

@media screen and (max-width:980px) {
    #home .button.addtowishlist .text,
    #product .button.addtowishlist .text,
    #searchlist .button.addtowishlist .text,
    .category_landing_page .button.addtowishlist .text {
        padding-left: 9px
    }
}

#home .button.addtowishlist .heart.added,
#product .button.addtowishlist .heart.added,
#searchlist .button.addtowishlist .heart.added,
.category_landing_page .button.addtowishlist .heart.added {
    -moz-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-name: heart-coloring;
    animation-duration: .3s
}

@keyframes heart-coloring {
    0% {
        transform: scale(1)
    }
    12% {
        transform: scale(1.2)
    }
    24% {
        transform: scale(1.4)
    }
    36% {
        transform: scale(1.6)
    }
    48% {
        transform: scale(1.8)
    }
    60% {
        transform: scale(1.6)
    }
    72% {
        transform: scale(1.4)
    }
    84% {
        transform: scale(1.2)
    }
    100% {
        transform: scale(1)
    }
    from {
        fill: #6a6f74
    }
    to {
        fill: #000000
    }
}

.button.primary.arrow-left,
.button.secondary.arrow-left,
.button.tertiary.arrow-left {
    background-image: url(../images/icons/spritemain.png);
    background-position: left 18px top -1041px;
    background-repeat: no-repeat;
    padding-left: 35px
}

.svg .button.primary.arrow-left,
.svg .button.secondary.arrow-left,
.svg .button.tertiary.arrow-left {
    background-image: url(../images/icons/spritemain.svg)
}

@media screen and (max-width:767px) {
    .button.primary.arrow-left,
    .button.secondary.arrow-left,
    .button.tertiary.arrow-left {
        background-position: left 18px top -1039px
    }
}

.button.primary.arrow-right,
.button.secondary.arrow-right,
.button.tertiary.arrow-right {
    background-image: url(../images/icons/spritemain.png);
    background-position: right -172px top -841px;
    background-repeat: no-repeat;
    padding-right: 35px
}

.svg .button.primary.arrow-right,
.svg .button.secondary.arrow-right,
.svg .button.tertiary.arrow-right {
    background-image: url(../images/icons/spritemain.svg)
}

@media screen and (max-width:767px) {
    .button.primary.arrow-right,
    .button.secondary.arrow-right,
    .button.tertiary.arrow-right {
        background-position: right -172px top -839px
    }
}

.continuecheckout .xmasgift_img,
.linktocart .xmasgift_img,
.minicart-layer-buttons .xmasgift_img,
.product_addtocart .xmasgift_img,
.xmasgift_img.defaultplacement {
    display: none!important
}

.continuecheckout.xmasgiftbutton #minicartGoForward,
.continuecheckout.xmasgiftbutton .checkoutbutton,
.continuecheckout.xmasgiftbutton .gotocart,
.continuecheckout.xmasgiftbutton button,
.linktocart.xmasgiftbutton #minicartGoForward,
.linktocart.xmasgiftbutton .checkoutbutton,
.linktocart.xmasgiftbutton .gotocart,
.linktocart.xmasgiftbutton button,
.minicart-layer-buttons.xmasgiftbutton #minicartGoForward,
.minicart-layer-buttons.xmasgiftbutton .checkoutbutton,
.minicart-layer-buttons.xmasgiftbutton .gotocart,
.minicart-layer-buttons.xmasgiftbutton button,
.product_addtocart.xmasgiftbutton #minicartGoForward,
.product_addtocart.xmasgiftbutton .checkoutbutton,
.product_addtocart.xmasgiftbutton .gotocart,
.product_addtocart.xmasgiftbutton button {
    overflow: visible;
    position: relative
}

.continuecheckout.xmasgiftbutton #minicartGoForward.active,
.continuecheckout.xmasgiftbutton #minicartGoForward:not(.secondary),
.continuecheckout.xmasgiftbutton .checkoutbutton.active,
.continuecheckout.xmasgiftbutton .checkoutbutton:not(.secondary),
.continuecheckout.xmasgiftbutton .gotocart.active,
.continuecheckout.xmasgiftbutton .gotocart:not(.secondary),
.continuecheckout.xmasgiftbutton button.active,
.continuecheckout.xmasgiftbutton button:not(.secondary),
.linktocart.xmasgiftbutton #minicartGoForward.active,
.linktocart.xmasgiftbutton #minicartGoForward:not(.secondary),
.linktocart.xmasgiftbutton .checkoutbutton.active,
.linktocart.xmasgiftbutton .checkoutbutton:not(.secondary),
.linktocart.xmasgiftbutton .gotocart.active,
.linktocart.xmasgiftbutton .gotocart:not(.secondary),
.linktocart.xmasgiftbutton button.active,
.linktocart.xmasgiftbutton button:not(.secondary),
.minicart-layer-buttons.xmasgiftbutton #minicartGoForward.active,
.minicart-layer-buttons.xmasgiftbutton #minicartGoForward:not(.secondary),
.minicart-layer-buttons.xmasgiftbutton .checkoutbutton.active,
.minicart-layer-buttons.xmasgiftbutton .checkoutbutton:not(.secondary),
.minicart-layer-buttons.xmasgiftbutton .gotocart.active,
.minicart-layer-buttons.xmasgiftbutton .gotocart:not(.secondary),
.minicart-layer-buttons.xmasgiftbutton button.active,
.minicart-layer-buttons.xmasgiftbutton button:not(.secondary),
.product_addtocart.xmasgiftbutton #minicartGoForward.active,
.product_addtocart.xmasgiftbutton #minicartGoForward:not(.secondary),
.product_addtocart.xmasgiftbutton .checkoutbutton.active,
.product_addtocart.xmasgiftbutton .checkoutbutton:not(.secondary),
.product_addtocart.xmasgiftbutton .gotocart.active,
.product_addtocart.xmasgiftbutton .gotocart:not(.secondary),
.product_addtocart.xmasgiftbutton button.active,
.product_addtocart.xmasgiftbutton button:not(.secondary) {
    background: -moz-linear-gradient(left, #b98740 10%, #e7be6e 50%, #b98740 90%);
    background: -webkit-linear-gradient(left, #b98740 10%, #e7be6e 50%, #b98740 90%);
    background: linear-gradient(to right, #b98740 10%, #e7be6e 50%, #b98740 90%);
}

.continuecheckout.xmasgiftbutton #minicartGoForward.active .xmasgift_img,
.continuecheckout.xmasgiftbutton #minicartGoForward:not(.secondary) .xmasgift_img,
.continuecheckout.xmasgiftbutton .checkoutbutton.active .xmasgift_img,
.continuecheckout.xmasgiftbutton .checkoutbutton:not(.secondary) .xmasgift_img,
.continuecheckout.xmasgiftbutton .gotocart.active .xmasgift_img,
.continuecheckout.xmasgiftbutton .gotocart:not(.secondary) .xmasgift_img,
.continuecheckout.xmasgiftbutton button.active .xmasgift_img,
.continuecheckout.xmasgiftbutton button:not(.secondary) .xmasgift_img,
.linktocart.xmasgiftbutton #minicartGoForward.active .xmasgift_img,
.linktocart.xmasgiftbutton #minicartGoForward:not(.secondary) .xmasgift_img,
.linktocart.xmasgiftbutton .checkoutbutton.active .xmasgift_img,
.linktocart.xmasgiftbutton .checkoutbutton:not(.secondary) .xmasgift_img,
.linktocart.xmasgiftbutton .gotocart.active .xmasgift_img,
.linktocart.xmasgiftbutton .gotocart:not(.secondary) .xmasgift_img,
.linktocart.xmasgiftbutton button.active .xmasgift_img,
.linktocart.xmasgiftbutton button:not(.secondary) .xmasgift_img,
.minicart-layer-buttons.xmasgiftbutton #minicartGoForward.active .xmasgift_img,
.minicart-layer-buttons.xmasgiftbutton #minicartGoForward:not(.secondary) .xmasgift_img,
.minicart-layer-buttons.xmasgiftbutton .checkoutbutton.active .xmasgift_img,
.minicart-layer-buttons.xmasgiftbutton .checkoutbutton:not(.secondary) .xmasgift_img,
.minicart-layer-buttons.xmasgiftbutton .gotocart.active .xmasgift_img,
.minicart-layer-buttons.xmasgiftbutton .gotocart:not(.secondary) .xmasgift_img,
.minicart-layer-buttons.xmasgiftbutton button.active .xmasgift_img,
.minicart-layer-buttons.xmasgiftbutton button:not(.secondary) .xmasgift_img,
.product_addtocart.xmasgiftbutton #minicartGoForward.active .xmasgift_img,
.product_addtocart.xmasgiftbutton #minicartGoForward:not(.secondary) .xmasgift_img,
.product_addtocart.xmasgiftbutton .checkoutbutton.active .xmasgift_img,
.product_addtocart.xmasgiftbutton .checkoutbutton:not(.secondary) .xmasgift_img,
.product_addtocart.xmasgiftbutton .gotocart.active .xmasgift_img,
.product_addtocart.xmasgiftbutton .gotocart:not(.secondary) .xmasgift_img,
.product_addtocart.xmasgiftbutton button.active .xmasgift_img,
.product_addtocart.xmasgiftbutton button:not(.secondary) .xmasgift_img {
    display: inline!important;
    position: absolute;
    top: -7px;
    right: -25px;
    pointer-events: all;
    margin: 0
}

@media screen and (max-width:980px) {
    .continuecheckout.xmasgiftbutton #minicartGoForward.active .xmasgift_img,
    .continuecheckout.xmasgiftbutton #minicartGoForward:not(.secondary) .xmasgift_img,
    .continuecheckout.xmasgiftbutton .checkoutbutton.active .xmasgift_img,
    .continuecheckout.xmasgiftbutton .checkoutbutton:not(.secondary) .xmasgift_img,
    .continuecheckout.xmasgiftbutton .gotocart.active .xmasgift_img,
    .continuecheckout.xmasgiftbutton .gotocart:not(.secondary) .xmasgift_img,
    .continuecheckout.xmasgiftbutton button.active .xmasgift_img,
    .continuecheckout.xmasgiftbutton button:not(.secondary) .xmasgift_img,
    .linktocart.xmasgiftbutton #minicartGoForward.active .xmasgift_img,
    .linktocart.xmasgiftbutton #minicartGoForward:not(.secondary) .xmasgift_img,
    .linktocart.xmasgiftbutton .checkoutbutton.active .xmasgift_img,
    .linktocart.xmasgiftbutton .checkoutbutton:not(.secondary) .xmasgift_img,
    .linktocart.xmasgiftbutton .gotocart.active .xmasgift_img,
    .linktocart.xmasgiftbutton .gotocart:not(.secondary) .xmasgift_img,
    .linktocart.xmasgiftbutton button.active .xmasgift_img,
    .linktocart.xmasgiftbutton button:not(.secondary) .xmasgift_img,
    .minicart-layer-buttons.xmasgiftbutton #minicartGoForward.active .xmasgift_img,
    .minicart-layer-buttons.xmasgiftbutton #minicartGoForward:not(.secondary) .xmasgift_img,
    .minicart-layer-buttons.xmasgiftbutton .checkoutbutton.active .xmasgift_img,
    .minicart-layer-buttons.xmasgiftbutton .checkoutbutton:not(.secondary) .xmasgift_img,
    .minicart-layer-buttons.xmasgiftbutton .gotocart.active .xmasgift_img,
    .minicart-layer-buttons.xmasgiftbutton .gotocart:not(.secondary) .xmasgift_img,
    .minicart-layer-buttons.xmasgiftbutton button.active .xmasgift_img,
    .minicart-layer-buttons.xmasgiftbutton button:not(.secondary) .xmasgift_img,
    .product_addtocart.xmasgiftbutton #minicartGoForward.active .xmasgift_img,
    .product_addtocart.xmasgiftbutton #minicartGoForward:not(.secondary) .xmasgift_img,
    .product_addtocart.xmasgiftbutton .checkoutbutton.active .xmasgift_img,
    .product_addtocart.xmasgiftbutton .checkoutbutton:not(.secondary) .xmasgift_img,
    .product_addtocart.xmasgiftbutton .gotocart.active .xmasgift_img,
    .product_addtocart.xmasgiftbutton .gotocart:not(.secondary) .xmasgift_img,
    .product_addtocart.xmasgiftbutton button.active .xmasgift_img,
    .product_addtocart.xmasgiftbutton button:not(.secondary) .xmasgift_img {
        right: -18px
    }
}

@media screen and (max-width:767px) {
    .continuecheckout.xmasgiftbutton #minicartGoForward.active .xmasgift_img,
    .continuecheckout.xmasgiftbutton #minicartGoForward:not(.secondary) .xmasgift_img,
    .continuecheckout.xmasgiftbutton .checkoutbutton.active .xmasgift_img,
    .continuecheckout.xmasgiftbutton .checkoutbutton:not(.secondary) .xmasgift_img,
    .continuecheckout.xmasgiftbutton .gotocart.active .xmasgift_img,
    .continuecheckout.xmasgiftbutton .gotocart:not(.secondary) .xmasgift_img,
    .continuecheckout.xmasgiftbutton button.active .xmasgift_img,
    .continuecheckout.xmasgiftbutton button:not(.secondary) .xmasgift_img,
    .linktocart.xmasgiftbutton #minicartGoForward.active .xmasgift_img,
    .linktocart.xmasgiftbutton #minicartGoForward:not(.secondary) .xmasgift_img,
    .linktocart.xmasgiftbutton .checkoutbutton.active .xmasgift_img,
    .linktocart.xmasgiftbutton .checkoutbutton:not(.secondary) .xmasgift_img,
    .linktocart.xmasgiftbutton .gotocart.active .xmasgift_img,
    .linktocart.xmasgiftbutton .gotocart:not(.secondary) .xmasgift_img,
    .linktocart.xmasgiftbutton button.active .xmasgift_img,
    .linktocart.xmasgiftbutton button:not(.secondary) .xmasgift_img,
    .minicart-layer-buttons.xmasgiftbutton #minicartGoForward.active .xmasgift_img,
    .minicart-layer-buttons.xmasgiftbutton #minicartGoForward:not(.secondary) .xmasgift_img,
    .minicart-layer-buttons.xmasgiftbutton .checkoutbutton.active .xmasgift_img,
    .minicart-layer-buttons.xmasgiftbutton .checkoutbutton:not(.secondary) .xmasgift_img,
    .minicart-layer-buttons.xmasgiftbutton .gotocart.active .xmasgift_img,
    .minicart-layer-buttons.xmasgiftbutton .gotocart:not(.secondary) .xmasgift_img,
    .minicart-layer-buttons.xmasgiftbutton button.active .xmasgift_img,
    .minicart-layer-buttons.xmasgiftbutton button:not(.secondary) .xmasgift_img,
    .product_addtocart.xmasgiftbutton #minicartGoForward.active .xmasgift_img,
    .product_addtocart.xmasgiftbutton #minicartGoForward:not(.secondary) .xmasgift_img,
    .product_addtocart.xmasgiftbutton .checkoutbutton.active .xmasgift_img,
    .product_addtocart.xmasgiftbutton .checkoutbutton:not(.secondary) .xmasgift_img,
    .product_addtocart.xmasgiftbutton .gotocart.active .xmasgift_img,
    .product_addtocart.xmasgiftbutton .gotocart:not(.secondary) .xmasgift_img,
    .product_addtocart.xmasgiftbutton button.active .xmasgift_img,
    .product_addtocart.xmasgiftbutton button:not(.secondary) .xmasgift_img {
        right: -25px
    }
}

.continuecheckout.xmasgiftbutton #minicartGoForward.active,
.continuecheckout.xmasgiftbutton .checkoutbutton.active,
.continuecheckout.xmasgiftbutton .gotocart.active,
.linktocart.xmasgiftbutton #minicartGoForward.active,
.linktocart.xmasgiftbutton .checkoutbutton.active,
.linktocart.xmasgiftbutton .gotocart.active,
.minicart-layer-buttons.xmasgiftbutton #minicartGoForward.active,
.minicart-layer-buttons.xmasgiftbutton .checkoutbutton.active,
.minicart-layer-buttons.xmasgiftbutton .gotocart.active,
.product_addtocart.xmasgiftbutton #minicartGoForward.active,
.product_addtocart.xmasgiftbutton .checkoutbutton.active,
.product_addtocart.xmasgiftbutton .gotocart.active {
    padding-right: 32px
}

.continuecheckout.xmasgiftbutton #minicartGoForward.active .xmasgift_img,
.continuecheckout.xmasgiftbutton .checkoutbutton.active .xmasgift_img,
.continuecheckout.xmasgiftbutton .gotocart.active .xmasgift_img,
.linktocart.xmasgiftbutton #minicartGoForward.active .xmasgift_img,
.linktocart.xmasgiftbutton .checkoutbutton.active .xmasgift_img,
.linktocart.xmasgiftbutton .gotocart.active .xmasgift_img,
.minicart-layer-buttons.xmasgiftbutton #minicartGoForward.active .xmasgift_img,
.minicart-layer-buttons.xmasgiftbutton .checkoutbutton.active .xmasgift_img,
.minicart-layer-buttons.xmasgiftbutton .gotocart.active .xmasgift_img,
.product_addtocart.xmasgiftbutton #minicartGoForward.active .xmasgift_img,
.product_addtocart.xmasgiftbutton .checkoutbutton.active .xmasgift_img,
.product_addtocart.xmasgiftbutton .gotocart.active .xmasgift_img {
    width: 40px;
    top: -5px;
    right: -20px
}

@media screen and (max-width:767px) {
    .continuecheckout.xmasgiftbutton #minicartGoForward.active .xmasgift_img,
    .continuecheckout.xmasgiftbutton .checkoutbutton.active .xmasgift_img,
    .continuecheckout.xmasgiftbutton .gotocart.active .xmasgift_img,
    .linktocart.xmasgiftbutton #minicartGoForward.active .xmasgift_img,
    .linktocart.xmasgiftbutton .checkoutbutton.active .xmasgift_img,
    .linktocart.xmasgiftbutton .gotocart.active .xmasgift_img,
    .minicart-layer-buttons.xmasgiftbutton #minicartGoForward.active .xmasgift_img,
    .minicart-layer-buttons.xmasgiftbutton .checkoutbutton.active .xmasgift_img,
    .minicart-layer-buttons.xmasgiftbutton .gotocart.active .xmasgift_img,
    .product_addtocart.xmasgiftbutton #minicartGoForward.active .xmasgift_img,
    .product_addtocart.xmasgiftbutton .checkoutbutton.active .xmasgift_img,
    .product_addtocart.xmasgiftbutton .gotocart.active .xmasgift_img {
        width: 50px;
        top: -7px;
        right: -24px
    }
}

.continuecheckout.xmasgiftbutton #minicartGoForward.active .xmasgift_img img,
.continuecheckout.xmasgiftbutton .checkoutbutton.active .xmasgift_img img,
.continuecheckout.xmasgiftbutton .gotocart.active .xmasgift_img img,
.linktocart.xmasgiftbutton #minicartGoForward.active .xmasgift_img img,
.linktocart.xmasgiftbutton .checkoutbutton.active .xmasgift_img img,
.linktocart.xmasgiftbutton .gotocart.active .xmasgift_img img,
.minicart-layer-buttons.xmasgiftbutton #minicartGoForward.active .xmasgift_img img,
.minicart-layer-buttons.xmasgiftbutton .checkoutbutton.active .xmasgift_img img,
.minicart-layer-buttons.xmasgiftbutton .gotocart.active .xmasgift_img img,
.product_addtocart.xmasgiftbutton #minicartGoForward.active .xmasgift_img img,
.product_addtocart.xmasgiftbutton .checkoutbutton.active .xmasgift_img img,
.product_addtocart.xmasgiftbutton .gotocart.active .xmasgift_img img {
    width: 40px
}

@media screen and (max-width:767px) {
    .continuecheckout.xmasgiftbutton #minicartGoForward.active .xmasgift_img img,
    .continuecheckout.xmasgiftbutton .checkoutbutton.active .xmasgift_img img,
    .continuecheckout.xmasgiftbutton .gotocart.active .xmasgift_img img,
    .linktocart.xmasgiftbutton #minicartGoForward.active .xmasgift_img img,
    .linktocart.xmasgiftbutton .checkoutbutton.active .xmasgift_img img,
    .linktocart.xmasgiftbutton .gotocart.active .xmasgift_img img,
    .minicart-layer-buttons.xmasgiftbutton #minicartGoForward.active .xmasgift_img img,
    .minicart-layer-buttons.xmasgiftbutton .checkoutbutton.active .xmasgift_img img,
    .minicart-layer-buttons.xmasgiftbutton .gotocart.active .xmasgift_img img,
    .product_addtocart.xmasgiftbutton #minicartGoForward.active .xmasgift_img img,
    .product_addtocart.xmasgiftbutton .checkoutbutton.active .xmasgift_img img,
    .product_addtocart.xmasgiftbutton .gotocart.active .xmasgift_img img {
        width: 50px
    }
}

.continuecheckout.xmasgiftbutton .gotocart.active .xmasgift_img,
.linktocart.xmasgiftbutton .gotocart.active .xmasgift_img,
.minicart-layer-buttons.xmasgiftbutton .gotocart.active .xmasgift_img,
.product_addtocart.xmasgiftbutton .gotocart.active .xmasgift_img {
    right: -15px
}

.continuecheckout.xmasgiftbutton .checkoutbutton.active,
.continuecheckout.xmasgiftbutton .checkoutbutton.primary,
.linktocart.xmasgiftbutton .checkoutbutton.active,
.linktocart.xmasgiftbutton .checkoutbutton.primary,
.minicart-layer-buttons.xmasgiftbutton .checkoutbutton.active,
.minicart-layer-buttons.xmasgiftbutton .checkoutbutton.primary,
.product_addtocart.xmasgiftbutton .checkoutbutton.active,
.product_addtocart.xmasgiftbutton .checkoutbutton.primary {
    margin-right: 10px
}

@media screen and (max-width:767px) {
    .continuecheckout.xmasgiftbutton .checkoutbutton.active,
    .continuecheckout.xmasgiftbutton .checkoutbutton.primary,
    .linktocart.xmasgiftbutton .checkoutbutton.active,
    .linktocart.xmasgiftbutton .checkoutbutton.primary,
    .minicart-layer-buttons.xmasgiftbutton .checkoutbutton.active,
    .minicart-layer-buttons.xmasgiftbutton .checkoutbutton.primary,
    .product_addtocart.xmasgiftbutton .checkoutbutton.active,
    .product_addtocart.xmasgiftbutton .checkoutbutton.primary {
        margin-right: 0;
        width: 98%!important;
        float: none!important
    }
}

@media screen and (max-width:580px) {
    .continuecheckout.xmasgiftbutton .checkoutbutton.active,
    .continuecheckout.xmasgiftbutton .checkoutbutton.primary,
    .linktocart.xmasgiftbutton .checkoutbutton.active,
    .linktocart.xmasgiftbutton .checkoutbutton.primary,
    .minicart-layer-buttons.xmasgiftbutton .checkoutbutton.active,
    .minicart-layer-buttons.xmasgiftbutton .checkoutbutton.primary,
    .product_addtocart.xmasgiftbutton .checkoutbutton.active,
    .product_addtocart.xmasgiftbutton .checkoutbutton.primary {
        width: 96%!important
    }
}

@media screen and (max-width:767px) {
    .product_addtocart.xmasgiftbutton {
        padding-right: 28px
    }
    .product_addtocart.xmasgiftbutton .xmasgift_img {
        width: 56px;
        top: -10px;
        right: -35px
    }
    .product_addtocart.xmasgiftbutton .xmasgift_img img {
        width: 56px
    }
}

@media screen and (max-width:980px) {
    .pdp-sticky-bar .product_addtocart.xmasgiftbutton {
        padding-right: 10px
    }
}

@media screen and (max-width:767px) {
    .pdp-sticky-bar .product_addtocart.xmasgiftbutton {
        padding-right: 36px
    }
}

.pdp-sticky-bar .product_addtocart.xmasgiftbutton button:not(.disabled) .xmasgift_img {
    top: -4px
}

@media screen and (max-width:980px) {
    .pdp-sticky-bar .product_addtocart.xmasgiftbutton button:not(.disabled) .xmasgift_img {
        top: -7px;
        right: -24px
    }
}

@media screen and (max-width:767px) {
    .pdp-sticky-bar .product_addtocart.xmasgiftbutton button:not(.disabled) .xmasgift_img {
        top: -6px;
        right: -25px
    }
}

.pdp-sticky-bar .product_addtocart.xmasgiftbutton button:not(.disabled) .xmasgift_img img {
    height: 44px
}

@media screen and (max-width:980px) {
    .pdp-sticky-bar .product_addtocart.xmasgiftbutton button:not(.disabled) .xmasgift_img img {
        width: 40px
    }
}

@media screen and (max-width:767px) {
    .pdp-sticky-bar .product_addtocart.xmasgiftbutton button:not(.disabled) .xmasgift_img img {
        width: 46px
    }
}

.moredetails {
    background-color: #f9f9f9;
    border: 1px solid #f2f2f2;
    bottom: 25px;
    cursor: pointer;
    letter-spacing: 1px;
    line-height: 30px;
    padding: 0 0 0 10px;
    position: absolute;
    user-select: none;
    width: 100%;
    z-index: 2
}

@media screen and (max-width:1160px) {
    .moredetails {
        bottom: 15px
    }
}

.moredetails .icon {
    background-image: url(../images/icons/spritemain.png);
    background-repeat: no-repeat;
    background-position: 0 -1193px;
    display: inline-block;
    height: 15px;
    position: absolute;
    right: 10px;
    top: 5px;
    width: 15px
}

.svg .moredetails .icon {
    background-image: url(../images/icons/spritemain.svg)
}

.moredetailscontent {
    display: none
}

.moredetailscontent-show {
    display: block
}

.moredetails.is-active {
    border: 1px solid #aeb2b1
}

.moredetails.is-active::before {
    border-top-color: #aeb2b1
}

.moredetails.is-active .icon {
    background-position: 3px -1541px
}

.moredetails::after,
.moredetails::before {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 50%
}

.moredetails::after {
    border-color: rgba(174, 178, 177, 0);
    border-width: 1px;
    margin-left: -6px;
    border-top: solid 5px #f9f9f9;
    border-left: solid 6px transparent;
    border-right: solid 6px transparent
}

.moredetails::before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #f2f2f2;
    border-right: solid 9px transparent;
    border-left: solid 8px transparent;
    border-width: 7px;
    margin-left: -7px
}

.moredetails-arrow {
    position: absolute;
    left: 50%;
    display: none;
    pointer-events: none;
    height: 20px;
    width: 20px;
    border-top: 1px solid #cfd1d0;
    border-left: 1px solid #cfd1d0;
    background: #fff;
    margin-left: -10px;
    transform: rotate(45deg);
    z-index: 9;
    bottom: -10px
}

@media screen and (max-width:1160px) {
    .moredetails-arrow {
        bottom: -15px
    }
}

.moredetails.is-active~.moredetails-arrow {
    display: block
}

.moredetails-headline {
    margin-bottom: 14px
}

@media screen and (max-width:767px) {
    .moredetails-headline {
        margin-bottom: 0
    }
}

.moredetailscontent-wrapper {
    position: relative
}

.moredetails-close {
    position: absolute;
    top: 20px;
    right: 20px;
    height: 20px;
    width: 20px;
    background-position: 1px 1px;
    background-size: 18px;
    background-image: url(../images/icons/arrows/cross.png);
    background-repeat: no-repeat;
    cursor: pointer
}

.svg .moredetails-close {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2226px%22%0D%0A%09%20height%3D%2225.999px%22%20viewBox%3D%220%200%2026%2025.999%22%20enable-background%3D%22new%200%200%2026%2025.999%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Arrow__x23_8f9491%22%3E%0D%0A%09%3Cpolygon%20fill%3D%22%23AEB2B1%22%20points%3D%2226%2C3.249%2022.751%2C0%2013%2C9.751%203.249%2C0%200%2C3.248%209.751%2C12.999%200%2C22.751%203.249%2C25.999%2013%2C16.249%20%0D%0A%09%0922.751%2C25.999%2026%2C22.752%2016.249%2C13%20%09%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A")
}

.button.ppxbutton {
    background-image: none!important;
    padding: 3px 15px 0;
    background-color: #eee;
    color: #494e53
}

.button.ppxbutton:active,
.button.ppxbutton:hover {
    background-color: #f3f3f3
}

.button.ppxbutton img {
    width: 43%;
    margin-top: 5px;
    float: right;
    max-width: 57px
}

@media screen and (max-width:767px) {
    .button.ppxbutton img {
        float: none;
        position: relative;
        top: 3px
    }
}

.button.ppxbutton span {
    font-size: 12px;
    position: relative;
    margin-right: 10px
}

@media screen and (max-width:767px) {
    .button.ppxbutton span {
        top: -2px
    }
}

.pt_cart .button.ppxbutton {
    float: right;
    margin: 0 0 10px 20px
}

.minicartcontent .button.ppxbutton {
    width: 100%
}

.minicartcontent .button.ppxbutton img {
    float: none;
    position: relative;
    top: -2px
}

.minicartcontent .button.ppxbutton span {
    position: relative;
    top: -6px
}

@media screen and (max-width:767px) {
    .button.ppxbutton {
        width: 100%
    }
}

#cookie_alert {
    color: #cfd1d0;
    background-color: #494e53;
    padding: 10px 0;
    font-size: 12px;
    line-height: 18px
}

@media screen and (max-width:1160px) {
    #cookie_alert {
        padding: 15px
    }
}

#cookie_alert .width-wrapper {
    padding-right: 20px
}

#cookie_alert #cookie_alert_closer {
    width: 13px;
    height: 13px;
    float: right;
    background-image: url(../images/icons/arrows/cross.png);
    background-size: 13px;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0
}

.svg #cookie_alert #cookie_alert_closer {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2226px%22%0D%0A%09%20height%3D%2225.999px%22%20viewBox%3D%220%200%2026%2025.999%22%20enable-background%3D%22new%200%200%2026%2025.999%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Arrow__x23_8f9491%22%3E%0D%0A%09%3Cpolygon%20fill%3D%22%23AEB2B1%22%20points%3D%2226%2C3.249%2022.751%2C0%2013%2C9.751%203.249%2C0%200%2C3.248%209.751%2C12.999%200%2C22.751%203.249%2C25.999%2013%2C16.249%20%0D%0A%09%0922.751%2C25.999%2026%2C22.752%2016.249%2C13%20%09%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A")
}

#cookie_alert a {
    color: #cfd1d0;
    text-decoration: underline
}

#cookie_alert a:active,
#cookie_alert a:focus,
#cookie_alert a:hover {
    text-decoration: none
}

.ui-widget-overlay {
    background: #f1eeea;
    height: 100%;
    left: 0;
    opacity: .8;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000000!important
}

.ui-widget-content {
    color: #494e53;
    text-align: left
}

.ui-widget-content .ui-state-hover {
    background: 0 0;
    border: none;
    padding: 0
}

.ui-dialog {
    border: 1px solid #cfd1d0;
    padding: 0!important;
    overflow: visible;
    z-index: 1000001!important;
    background: #fff
}

@media screen and (max-width:767px) {
    .ui-dialog {
        width: 96%!important;
        margin: 0 2%
    }
}

.ui-dialog .ui-dialog-titlebar.ui-widget-header {
    border: 0;
    font-size: 14px;
    padding: 30px 20px 20px
}

.ui-dialog .ui-dialog-titlebar-close {
    background-color: transparent;
    height: 20px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    z-index: 20
}

.ui-dialog .ui-dialog-titlebar-close:hover {
    cursor: pointer
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon {
    height: 20px;
    width: 20px;
    background-position: 1px 1px;
    background-size: 18px;
    background-image: url(../images/icons/arrows/cross.png);
    background-repeat: no-repeat
}

.svg .ui-dialog .ui-dialog-titlebar-close .ui-icon {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2226px%22%0D%0A%09%20height%3D%2225.999px%22%20viewBox%3D%220%200%2026%2025.999%22%20enable-background%3D%22new%200%200%2026%2025.999%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Arrow__x23_8f9491%22%3E%0D%0A%09%3Cpolygon%20fill%3D%22%23AEB2B1%22%20points%3D%2226%2C3.249%2022.751%2C0%2013%2C9.751%203.249%2C0%200%2C3.248%209.751%2C12.999%200%2C22.751%203.249%2C25.999%2013%2C16.249%20%0D%0A%09%0922.751%2C25.999%2026%2C22.752%2016.249%2C13%20%09%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A")
}

.ui-dialog .ui-dialog-titlebar-close .ui-button-text {
    display: none
}

.ui-dialog .ui-dialog-title {
    color: #494e53;
    font-size: 14px;
    text-transform: uppercase;
    font-family: var(--font-family-sub-heading);
    margin: 0;
    padding: 0
}

.ui-dialog .ui-dialog-content {
    background-color: #fff;
    padding: 0 20px 20px
}

.ui-dialog .ui-dialog-content p:first-child {
    margin-top: 0
}

.ui-dialog .ui-dialog-content p:last-child {
    margin-bottom: 0
}

.ui-dialog .ui-dialog-content .main-brasizecalculator {
    display: inline
}

.ui-dialog .ui-dialog-content .ui-widget-content {
    height: auto;
    min-height: 300px
}

.ui-dialog #main {
    float: left;
    margin: 0 35px
}

.ui-dialog .basketReminderDialogcontainer .buttonCont {
    width: 100%;
    margin: 20px 0 0;
    float: right
}

.ui-dialog .basketReminderDialogcontainer .buttonCont .button {
    width: 100%
}

.ui-dialog.TRTV .ui-dialog-titlebar-close .ui-icon,
.whitex .ui-dialog-titlebar-close .ui-icon {
    background-image: url(../images/icons/arrows/cross_lightgrey.png)
}

.svg .ui-dialog.TRTV .ui-dialog-titlebar-close .ui-icon,
.svg .whitex .ui-dialog-titlebar-close .ui-icon {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2226px%22%0D%0A%09%20height%3D%2225.999px%22%20viewBox%3D%220%200%2026%2025.999%22%20enable-background%3D%22new%200%200%2026%2025.999%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Arrow__x23_8f9491%22%3E%0D%0A%09%3Cpolygon%20fill%3D%22%23F5F6F6%22%20points%3D%2226%2C3.249%2022.751%2C0%2013%2C9.751%203.249%2C0%200%2C3.248%209.751%2C12.999%200%2C22.751%203.249%2C25.999%2013%2C16.249%20%0D%0A%09%0922.751%2C25.999%2026%2C22.752%2016.249%2C13%20%09%22/%3E%0D%0A%3C/g%3E%0D%0A%3Cg%20id%3D%22Arrow__x23_8f9491_Kopie%22%20display%3D%22none%22%3E%0D%0A%09%3Cg%20id%3D%22Ebene_5%22%20display%3D%22inline%22%3E%0D%0A%09%09%3Crect%20fill%3D%22%23AEB2B1%22%20width%3D%2230%22%20height%3D%2230%22/%3E%0D%0A%09%3C/g%3E%0D%0A%09%3Cpolyline%20display%3D%22inline%22%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%224.4424%22%20stroke-miterlimit%3D%2210%22%20points%3D%2226%2C9.5%2015%2C20.5%20%0D%0A%09%094%2C9.5%20%09%22/%3E%0D%0A%3C/g%3E%0D%0A%3Cg%20id%3D%22Check_Mark__x23_8f9491%22%20display%3D%22none%22%3E%0D%0A%09%3Cpolygon%20display%3D%22inline%22%20fill%3D%22%238F9491%22%20points%3D%2213.617%2C26.357%200.838%2C13.578%203.979%2C10.436%2013.2%2C19.658%2025.656%2C3.643%2029.162%2C6.37%20%09%0D%0A%09%09%22/%3E%0D%0A%3C/g%3E%0D%0A%3Cg%20id%3D%22Check_Mark__x23_41850f%22%20display%3D%22none%22%3E%0D%0A%09%3Cpolygon%20display%3D%22inline%22%20fill%3D%22%2341850F%22%20points%3D%2213.617%2C26.357%200.838%2C13.578%203.979%2C10.436%2013.2%2C19.658%2025.656%2C3.643%2029.162%2C6.37%20%09%0D%0A%09%09%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A")
}

.whitex .ui-dialog-title {
    display: none
}

.whitex .ui-dialog-titlebar.ui-widget-header {
    padding: 0
}

.sizeGuideDialog {
    width: 800px!important
}

@media screen and (max-width:767px) {
    .sizeGuideDialog {
        width: 96%!important;
        margin: 0 2%
    }
}

.sizeGuideDialog .contentasset {
    padding-right: 30px;
    min-height: 420px
}

#dialogcontainer .contentasset {
    padding-right: 30px;
    height: 420px;
    overflow: auto
}

.dialogtooltip .ui-widget-header.ui-dialog-title-empty {
    padding-top: 20px
}

@media screen and (max-width:767px) {
    .filterWrap {
        display: flex;
        flex-direction: column
    }
    .filterWrap .filterbarSelectedWrapper {
        order: -1
    }
}

#filterbarContent {
    border-bottom: none;
    clear: both;
    float: none;
    width: auto;
    margin-bottom: 40px
}

@media screen and (max-width:980px) {
    #filterbarContent {
        border-bottom: none;
        clear: both;
        float: none;
        width: auto;
        margin-bottom: 20px
    }
}

@media screen and (max-width:767px) {
    #filterbarContent {
        margin-bottom: 0
    }
}

@media screen and (max-width:767px) and (max-width:767px) {
    #filterbarContent.filterbar-opened {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 20px;
        overflow: auto;
        background: #fff;
        z-index: 1000
    }
}

@media screen and (max-width:767px) {
    #filterbarContent.filterbar-opened .filterWrap {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        flex-flow: row wrap
    }
    #filterbarContent.filterbar-opened .filterWrap>div {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1 1 100%;
        -moz-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }
    #filterbarContent.filterbar-opened .filterWrap #filterbarHeader {
        order: -1
    }
    #filterbarContent.filterbar-opened .filterWrap .filterbox-container.yourchoicebox {
        margin-top: -5px
    }
}

@media screen and (max-width:767px) {
    #filterbarContent #filterbarHeader.no-search-result {
        display: none
    }
}

#filterbarContent .filterbox-container,
#filterbarContent .filterbox-container:not(.tabletdrop) {
    position: relative;
    width: 21%;
    margin: 0 1.5% 1.5% 0;
    float: left;
    padding: 0;
    border-bottom: 1px solid #6a6f74
}

@media screen and (max-width:980px) {
    #filterbarContent .filterbox-container,
    #filterbarContent .filterbox-container:not(.tabletdrop) {
        width: 32%;
        margin: 0 2% 2.5% 0
    }
    #filterbarContent .filterbox-container:not(.tabletdrop):not(.yourchoicebox):not(.morefilters):not(.lessfilters):nth-child(3),
    #filterbarContent .filterbox-container:not(.yourchoicebox):not(.morefilters):not(.lessfilters):nth-child(3) {
        margin: 0 0 2.5%
    }
    #filterbarContent .filterbox-container:not(.tabletdrop):not(.yourchoicebox):not(.morefilters):not(.lessfilters):nth-child(4),
    #filterbarContent .filterbox-container:not(.yourchoicebox):not(.morefilters):not(.lessfilters):nth-child(4) {
        display: none
    }
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container:not(.tabletdrop):not(.yourchoicebox):not(.morefilters):not(.lessfilters):nth-child(4),
    #filterbarContent .filterbox-container:not(.yourchoicebox):not(.morefilters):not(.lessfilters):nth-child(4) {
        display: block
    }
}

#filterbarContent .filterbox-container.hiddenFilter,
#filterbarContent .filterbox-container:not(.tabletdrop).hiddenFilter {
    display: none
}

#filterbarContent .filterbox-container.yourchoicebox,
#filterbarContent .filterbox-container:not(.tabletdrop).yourchoicebox {
    padding: 0;
    float: unset;
    width: 100%;
    border: none;
    margin-bottom: 0
}

#filterbarContent .filterbox-container.morefilters,
#filterbarContent .filterbox-container:not(.tabletdrop).morefilters {
    width: 10%;
    margin: 1.8% 0 1.5%;
    float: right;
    text-align: right;
    border: none;
    cursor: pointer;
    letter-spacing: 1px
}

@media screen and (max-width:980px) {
    #filterbarContent .filterbox-container.morefilters,
    #filterbarContent .filterbox-container:not(.tabletdrop).morefilters {
        margin: 2.5% 0 1.5%;
        width: auto;
        text-align: left;
        float: left;
        clear: both
    }
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container.morefilters,
    #filterbarContent .filterbox-container:not(.tabletdrop).morefilters {
        display: none
    }
}

#filterbarContent .filterbox-container.lessfilters,
#filterbarContent .filterbox-container:not(.tabletdrop).lessfilters {
    margin: 1.8% 0 1.5%;
    border: none;
    width: 10%;
    float: right;
    text-align: right;
    cursor: pointer;
    letter-spacing: 1px
}

@media screen and (max-width:980px) {
    #filterbarContent .filterbox-container.lessfilters,
    #filterbarContent .filterbox-container:not(.tabletdrop).lessfilters {
        display: none;
        float: left;
        text-align: left;
        width: auto;
        margin: 2.5% 0 1.5%
    }
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container.lessfilters,
    #filterbarContent .filterbox-container:not(.tabletdrop).lessfilters {
        display: none
    }
}

#filterbarContent .filterbox-container.tablet-lessfilters,
#filterbarContent .filterbox-container:not(.tabletdrop).tablet-lessfilters {
    display: none;
    clear: both;
    float: left
}

#filterbarContent .filterbox-container.tablet-morefilter,
#filterbarContent .filterbox-container:not(.tabletdrop).tablet-morefilter {
    display: none
}

@media screen and (max-width:980px) {
    #filterbarContent .filterbox-container.tablet-morefilter,
    #filterbarContent .filterbox-container:not(.tabletdrop).tablet-morefilter {
        display: block
    }
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container.tablet-morefilter,
    #filterbarContent .filterbox-container:not(.tabletdrop).tablet-morefilter {
        display: none
    }
}

#filterbarContent .filterbox-container .headline-small-bold,
#filterbarContent .filterbox-container .headline-small-light,
#filterbarContent .filterbox-container .moredetails-headline,
#filterbarContent .filterbox-container:not(.tabletdrop) .headline-small-bold,
#filterbarContent .filterbox-container:not(.tabletdrop) .headline-small-light,
#filterbarContent .filterbox-container:not(.tabletdrop) .moredetails-headline {
    padding: 20px 15px 5px 0;
    line-height: 14px;
    font-size: 16px;
    letter-spacing: 1px
}

#filterbarContent .filterbox-container .filter-head.moredetails-headline,
#filterbarContent .filterbox-container .headline-small-bold.filter-head,
#filterbarContent .filterbox-container .headline-small-bold.ui-accordion-header,
#filterbarContent .filterbox-container .headline-small-light.filter-head,
#filterbarContent .filterbox-container .headline-small-light.ui-accordion-header,
#filterbarContent .filterbox-container .ui-accordion-header.moredetails-headline,
#filterbarContent .filterbox-container:not(.tabletdrop) .filter-head.moredetails-headline,
#filterbarContent .filterbox-container:not(.tabletdrop) .headline-small-bold.filter-head,
#filterbarContent .filterbox-container:not(.tabletdrop) .headline-small-bold.ui-accordion-header,
#filterbarContent .filterbox-container:not(.tabletdrop) .headline-small-light.filter-head,
#filterbarContent .filterbox-container:not(.tabletdrop) .headline-small-light.ui-accordion-header,
#filterbarContent .filterbox-container:not(.tabletdrop) .ui-accordion-header.moredetails-headline {
    background-image: url(../images/icons/spritemain.png);
    background-position: top -1177px right -178px;
    background-repeat: no-repeat;
    overflow: visible
}

.svg #filterbarContent .filterbox-container .filter-head.moredetails-headline,
.svg #filterbarContent .filterbox-container .headline-small-bold.filter-head,
.svg #filterbarContent .filterbox-container .headline-small-bold.ui-accordion-header,
.svg #filterbarContent .filterbox-container .headline-small-light.filter-head,
.svg #filterbarContent .filterbox-container .headline-small-light.ui-accordion-header,
.svg #filterbarContent .filterbox-container .ui-accordion-header.moredetails-headline,
.svg #filterbarContent .filterbox-container:not(.tabletdrop) .filter-head.moredetails-headline,
.svg #filterbarContent .filterbox-container:not(.tabletdrop) .headline-small-bold.filter-head,
.svg #filterbarContent .filterbox-container:not(.tabletdrop) .headline-small-bold.ui-accordion-header,
.svg #filterbarContent .filterbox-container:not(.tabletdrop) .headline-small-light.filter-head,
.svg #filterbarContent .filterbox-container:not(.tabletdrop) .headline-small-light.ui-accordion-header,
.svg #filterbarContent .filterbox-container:not(.tabletdrop) .ui-accordion-header.moredetails-headline {
    background-image: url(../images/icons/spritemain.svg)
}

#filterbarContent .filterbox-container .filter-head.moredetails-headline:hover,
#filterbarContent .filterbox-container .headline-small-bold.filter-head:hover,
#filterbarContent .filterbox-container .headline-small-bold.ui-accordion-header:hover,
#filterbarContent .filterbox-container .headline-small-light.filter-head:hover,
#filterbarContent .filterbox-container .headline-small-light.ui-accordion-header:hover,
#filterbarContent .filterbox-container .ui-accordion-header.moredetails-headline:hover,
#filterbarContent .filterbox-container:not(.tabletdrop) .filter-head.moredetails-headline:hover,
#filterbarContent .filterbox-container:not(.tabletdrop) .headline-small-bold.filter-head:hover,
#filterbarContent .filterbox-container:not(.tabletdrop) .headline-small-bold.ui-accordion-header:hover,
#filterbarContent .filterbox-container:not(.tabletdrop) .headline-small-light.filter-head:hover,
#filterbarContent .filterbox-container:not(.tabletdrop) .headline-small-light.ui-accordion-header:hover,
#filterbarContent .filterbox-container:not(.tabletdrop) .ui-accordion-header.moredetails-headline:hover {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

#filterbarContent .filterbox-container .filter-head.filterbox-opened.moredetails-headline,
#filterbarContent .filterbox-container .filter-head.ui-accordion-header-active.moredetails-headline,
#filterbarContent .filterbox-container .headline-small-bold.filter-head.filterbox-opened,
#filterbarContent .filterbox-container .headline-small-bold.filter-head.ui-accordion-header-active,
#filterbarContent .filterbox-container .headline-small-bold.ui-accordion-header.filterbox-opened,
#filterbarContent .filterbox-container .headline-small-bold.ui-accordion-header.ui-accordion-header-active,
#filterbarContent .filterbox-container .headline-small-light.filter-head.filterbox-opened,
#filterbarContent .filterbox-container .headline-small-light.filter-head.ui-accordion-header-active,
#filterbarContent .filterbox-container .headline-small-light.ui-accordion-header.filterbox-opened,
#filterbarContent .filterbox-container .headline-small-light.ui-accordion-header.ui-accordion-header-active,
#filterbarContent .filterbox-container .ui-accordion-header.filterbox-opened.moredetails-headline,
#filterbarContent .filterbox-container .ui-accordion-header.ui-accordion-header-active.moredetails-headline,
#filterbarContent .filterbox-container:not(.tabletdrop) .filter-head.filterbox-opened.moredetails-headline,
#filterbarContent .filterbox-container:not(.tabletdrop) .filter-head.ui-accordion-header-active.moredetails-headline,
#filterbarContent .filterbox-container:not(.tabletdrop) .headline-small-bold.filter-head.filterbox-opened,
#filterbarContent .filterbox-container:not(.tabletdrop) .headline-small-bold.filter-head.ui-accordion-header-active,
#filterbarContent .filterbox-container:not(.tabletdrop) .headline-small-bold.ui-accordion-header.filterbox-opened,
#filterbarContent .filterbox-container:not(.tabletdrop) .headline-small-bold.ui-accordion-header.ui-accordion-header-active,
#filterbarContent .filterbox-container:not(.tabletdrop) .headline-small-light.filter-head.filterbox-opened,
#filterbarContent .filterbox-container:not(.tabletdrop) .headline-small-light.filter-head.ui-accordion-header-active,
#filterbarContent .filterbox-container:not(.tabletdrop) .headline-small-light.ui-accordion-header.filterbox-opened,
#filterbarContent .filterbox-container:not(.tabletdrop) .headline-small-light.ui-accordion-header.ui-accordion-header-active,
#filterbarContent .filterbox-container:not(.tabletdrop) .ui-accordion-header.filterbox-opened.moredetails-headline,
#filterbarContent .filterbox-container:not(.tabletdrop) .ui-accordion-header.ui-accordion-header-active.moredetails-headline {
    background-position: top -1081px right -178px
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container .headline-small-bold,
    #filterbarContent .filterbox-container .headline-small-light,
    #filterbarContent .filterbox-container .moredetails-headline,
    #filterbarContent .filterbox-container:not(.tabletdrop) .headline-small-bold,
    #filterbarContent .filterbox-container:not(.tabletdrop) .headline-small-light,
    #filterbarContent .filterbox-container:not(.tabletdrop) .moredetails-headline {
        position: relative;
        font-size: 14px;
        font-weight: 400;
        font-family: var(--font-family-sub-heading);
        text-transform: uppercase;
        letter-spacing: 1px;
        width: 100%;
        border: 1px solid #cfd1d0;
        padding: 12px 20px;
        margin-bottom: 8px;
        z-index: 4;
        background-color: #fff;
        line-height: 16px
    }
    #filterbarContent .filterbox-container .filter-head.moredetails-headline,
    #filterbarContent .filterbox-container .headline-small-bold.filter-head,
    #filterbarContent .filterbox-container .headline-small-bold.ui-accordion-header,
    #filterbarContent .filterbox-container .headline-small-light.filter-head,
    #filterbarContent .filterbox-container .headline-small-light.ui-accordion-header,
    #filterbarContent .filterbox-container .ui-accordion-header.moredetails-headline,
    #filterbarContent .filterbox-container:not(.tabletdrop) .filter-head.moredetails-headline,
    #filterbarContent .filterbox-container:not(.tabletdrop) .headline-small-bold.filter-head,
    #filterbarContent .filterbox-container:not(.tabletdrop) .headline-small-bold.ui-accordion-header,
    #filterbarContent .filterbox-container:not(.tabletdrop) .headline-small-light.filter-head,
    #filterbarContent .filterbox-container:not(.tabletdrop) .headline-small-light.ui-accordion-header,
    #filterbarContent .filterbox-container:not(.tabletdrop) .ui-accordion-header.moredetails-headline {
        background-position: top -1184px right -175px
    }
    #filterbarContent .filterbox-container .headline-small-bold.ui-accordion-header-active,
    #filterbarContent .filterbox-container .headline-small-light.ui-accordion-header-active,
    #filterbarContent .filterbox-container .ui-accordion-header-active.moredetails-headline,
    #filterbarContent .filterbox-container:not(.tabletdrop) .headline-small-bold.ui-accordion-header-active,
    #filterbarContent .filterbox-container:not(.tabletdrop) .headline-small-light.ui-accordion-header-active,
    #filterbarContent .filterbox-container:not(.tabletdrop) .ui-accordion-header-active.moredetails-headline {
        background-position: top -1084px right -175px;
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
        z-index: 6
    }
}

#filterbarContent .filterbox-container.active-holder .headline-small-light.filter-head,
#filterbarContent .filterbox-container.active-holder .headline-small-light.ui-accordion-header,
#filterbarContent .filterbox-container:not(.tabletdrop).active-holder .headline-small-light.filter-head,
#filterbarContent .filterbox-container:not(.tabletdrop).active-holder .headline-small-light.ui-accordion-header {
    background-image: url(../images/icons/checkmarks/checkmark_green.svg);
    background-position: top 23px right 8px
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container.active-holder .headline-small-light.filter-head,
    #filterbarContent .filterbox-container.active-holder .headline-small-light.ui-accordion-header,
    #filterbarContent .filterbox-container:not(.tabletdrop).active-holder .headline-small-light.filter-head,
    #filterbarContent .filterbox-container:not(.tabletdrop).active-holder .headline-small-light.ui-accordion-header {
        background-position: top 16px right 14px
    }
}

#filterbarContent .filterbox-container .filter-content,
#filterbarContent .filterbox-container .filter-togglecontent,
#filterbarContent .filterbox-container:not(.tabletdrop) .filter-content,
#filterbarContent .filterbox-container:not(.tabletdrop) .filter-togglecontent {
    padding: 0 0 22px
}

#filterbarContent .filterbox-container .button.apply,
#filterbarContent .filterbox-container:not(.tabletdrop) .button.apply {
    width: 100%;
    margin: 20px 0 0
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container .button.apply,
    #filterbarContent .filterbox-container:not(.tabletdrop) .button.apply {
        display: none
    }
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container.mobiledrop:not(.tabletdrop),
    #filterbarContent .filterbox-container:not(.tabletdrop).mobiledrop:not(.tabletdrop) {
        width: 100%;
        float: none;
        margin: 0 0 15px;
        border: none;
        display: block
    }
}

@media screen and (max-width:980px) {
    #filterbarContent .filterbox-container.mobiledrop:not(.tabletdrop) .headline-small-bold,
    #filterbarContent .filterbox-container.mobiledrop:not(.tabletdrop) .moredetails-headline,
    #filterbarContent .filterbox-container:not(.tabletdrop).mobiledrop:not(.tabletdrop) .headline-small-bold,
    #filterbarContent .filterbox-container:not(.tabletdrop).mobiledrop:not(.tabletdrop) .moredetails-headline {
        position: relative;
        width: 100%;
        border: 1px solid #cfd1d0;
        padding: 12px 20px;
        margin-bottom: 8px;
        z-index: 4;
        background-color: #fff;
        line-height: 16px
    }
    #filterbarContent .filterbox-container.mobiledrop:not(.tabletdrop) .filter-head.moredetails-headline,
    #filterbarContent .filterbox-container.mobiledrop:not(.tabletdrop) .headline-small-bold.filter-head,
    #filterbarContent .filterbox-container.mobiledrop:not(.tabletdrop) .headline-small-bold.ui-accordion-header,
    #filterbarContent .filterbox-container.mobiledrop:not(.tabletdrop) .ui-accordion-header.moredetails-headline,
    #filterbarContent .filterbox-container:not(.tabletdrop).mobiledrop:not(.tabletdrop) .filter-head.moredetails-headline,
    #filterbarContent .filterbox-container:not(.tabletdrop).mobiledrop:not(.tabletdrop) .headline-small-bold.filter-head,
    #filterbarContent .filterbox-container:not(.tabletdrop).mobiledrop:not(.tabletdrop) .headline-small-bold.ui-accordion-header,
    #filterbarContent .filterbox-container:not(.tabletdrop).mobiledrop:not(.tabletdrop) .ui-accordion-header.moredetails-headline {
        background-position: top -1184px right -175px
    }
    #filterbarContent .filterbox-container.mobiledrop:not(.tabletdrop) .headline-small-bold.ui-accordion-header-active,
    #filterbarContent .filterbox-container.mobiledrop:not(.tabletdrop) .ui-accordion-header-active.moredetails-headline,
    #filterbarContent .filterbox-container:not(.tabletdrop).mobiledrop:not(.tabletdrop) .headline-small-bold.ui-accordion-header-active,
    #filterbarContent .filterbox-container:not(.tabletdrop).mobiledrop:not(.tabletdrop) .ui-accordion-header-active.moredetails-headline {
        background-position: top -1084px right -175px;
        border-bottom: none;
        padding-bottom: 20px;
        margin-bottom: 0;
        z-index: 6
    }
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container.mobiledrop:not(.tabletdrop) .headline-small-bold,
    #filterbarContent .filterbox-container.mobiledrop:not(.tabletdrop) .moredetails-headline,
    #filterbarContent .filterbox-container:not(.tabletdrop).mobiledrop:not(.tabletdrop) .headline-small-bold,
    #filterbarContent .filterbox-container:not(.tabletdrop).mobiledrop:not(.tabletdrop) .moredetails-headline {
        position: relative;
        font-size: 14px
    }
    #filterbarContent .filterbox-container.mobiledrop:not(.tabletdrop) .headline-small-bold.ui-accordion-header-active,
    #filterbarContent .filterbox-container.mobiledrop:not(.tabletdrop) .ui-accordion-header-active.moredetails-headline,
    #filterbarContent .filterbox-container:not(.tabletdrop).mobiledrop:not(.tabletdrop) .headline-small-bold.ui-accordion-header-active,
    #filterbarContent .filterbox-container:not(.tabletdrop).mobiledrop:not(.tabletdrop) .ui-accordion-header-active.moredetails-headline {
        padding-bottom: 0
    }
}

#filterbarContent .filterbox-container.mobiledrop:not(.tabletdrop) .filter-togglecontent,
#filterbarContent .filterbox-container:not(.tabletdrop).mobiledrop:not(.tabletdrop) .filter-togglecontent {
    display: none;
    position: absolute;
    left: 0;
    margin-top: -1px;
    width: 100%;
    border: 1px solid #494e53;
    padding: 20px 15px;
    background: #fff;
    z-index: 3
}

#filterbarContent .filterbox-container.mobiledrop:not(.tabletdrop) .filter-togglecontent.ui-accordion-content-active,
#filterbarContent .filterbox-container:not(.tabletdrop).mobiledrop:not(.tabletdrop) .filter-togglecontent.ui-accordion-content-active {
    z-index: 4
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container.mobiledrop:not(.tabletdrop) .filter-togglecontent,
    #filterbarContent .filterbox-container:not(.tabletdrop).mobiledrop:not(.tabletdrop) .filter-togglecontent {
        width: 100%;
        position: relative;
        top: 0;
        font-size: 14px;
        border: 1px solid #cfd1d0;
        border-top: none
    }
    #filterbarContent .filterbox-container.mobiledrop:not(.tabletdrop) .filter-togglecontent .button.apply,
    #filterbarContent .filterbox-container:not(.tabletdrop).mobiledrop:not(.tabletdrop) .filter-togglecontent .button.apply {
        display: none
    }
}

#filterbarContent .filter-title,
#filterbarContent .filter-title-close {
    display: none
}

@media screen and (max-width:767px) {
    #filterbarContent .filter-title {
        display: block;
        width: 100%;
        height: 43px;
        margin: 0 0 30px;
        padding: 12px 10px 10px;
        border: 1px solid #cfd1d0;
        background-image: url(../images/icons/spritemain.png);
        background-position: right -168px top -585px;
        background-repeat: no-repeat;
        cursor: pointer
    }
    .svg #filterbarContent .filter-title {
        background-image: url(../images/icons/spritemain.svg)
    }
    #filterbarContent .filter-title span {
        text-transform: capitalize;
        font-size: 16px
    }
}

@media screen and (max-width:767px) {
    #filterbarContent .filter-title-close {
        display: none;
        height: 30px;
        padding: 9px 12px 9px 42px;
        margin-bottom: 22px;
        border-color: #fff;
        background-image: url(../images/icons/arrows/cross.png);
        background-repeat: no-repeat;
        background-size: 25px;
        background-position: 8px 2px
    }
}

.svg #filterbarContent .filter-title-close {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Ctitle%3Ecross%3C/title%3E%0A%20%20%20%20%3Cg%20id%3D%22icons%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon-export-/-m-/-close%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group-2%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group%22%20transform%3D%22translate%284.000000%2C%204.000000%29%22%20stroke%3D%22%23292826%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M1.58859223%2C1.33333333%20L15.3902985%2C14.6825307%22%20id%3D%22Line%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0.210061783%2C1.33333333%20L14.0117681%2C14.6825307%22%20id%3D%22Line-Copy-7%22%20transform%3D%22translate%287.791979%2C%208.000000%29%20scale%28-1%2C%201%29%20translate%28-7.791979%2C%20-8.000000%29%20%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle-2%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3C/rect%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E")
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbarContentWrapper {
        display: none
    }
}

#filterbarContent.filterbar-opened .filterbarContentWrapper {
    display: block;
    padding-bottom: 35px;
    width: 100%
}

#filterbarContent #filterbarMobileButtons,
#filterbarContent.filterbar-opened .filter-title,
#filterbarContent.no-search-result {
    display: none
}

@media screen and (max-width:767px) {
    #filterbarContent.filterbar-opened .filter-title-close {
        display: inline-block;
        font-size: 16px;
        line-height: 14px
    }
}

@media screen and (max-width:767px) {
    #filterbarContent.filterbar-opened #filterbarMobileButtons {
        display: block
    }
}

@media screen and (max-width:767px) {
    #filterbarContent #filterbarMobileButtons {
        display: none;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 15px;
        z-index: 10;
        background: #fff
    }
}

#filterbarContent #filterbarMobileButtons .apply,
#filterbarContent #filterbarMobileButtons .cancel {
    width: 49%
}

#filterbarContent #filterbarMobileButtons .cancel {
    float: left
}

#filterbarContent #filterbarMobileButtons .apply {
    float: right;
    white-space: nowrap
}

@media screen and (max-width:767px) {
    #filterbarContent .no-search-result .headline-small-bold,
    #filterbarContent .no-search-result .moredetails-headline {
        display: none
    }
}

#filterbarContent .filterbox-container .checkboxfilter li {
    margin: 0 0 8px;
    color: #6a6f74;
    clear: both
}

#filterbarContent .filterbox-container .checkboxfilter li:hover a {
    color: #575d62
}

#filterbarContent .filterbox-container .checkboxfilter li:hover {
    cursor: pointer;
    color: #575d62
}

#filterbarContent .filterbox-container .checkboxfilter li.unselectable {
    display: none
}

#filterbarContent .filterbox-container .checkboxfilter li .checkboxstyle .value {
    padding-left: 24px
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container .checkboxfilter li .checkboxstyle .value {
        width: 80%;
        padding: 1px 0 0 30px
    }
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container .checkboxfilter li .checkboxstyle .checkbox {
        width: 20px;
        height: 20px
    }
}

#filterbarContent .filterbox-container .checkboxfilter li .checkboxstyle.selected .checkbox {
    background-position: -149px -1648px
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container .checkboxfilter li .checkboxstyle.selected .checkbox {
        background-position: -146px -1645px
    }
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container.yourchoicebox .no-search-result .clearallfilter {
        background-image: none;
        text-align: center;
        width: 100%
    }
}

#filterbarContent .filterbox-container.yourchoicebox .clearallfilter {
    line-height: 1;
    background-color: #efefef
}

#filterbarContent .filterbox-container.yourchoicebox .clearallfilter a {
    display: block;
    padding: 8px 30px 6px 10px;
    color: #494e53;
    text-decoration: none
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container.yourchoicebox .clearallfilter a {
        padding: 10px 30px 10px 12px
    }
}

@media screen and (max-width:1160px) {
    #filterbarContent .filterbox-container.yourchoicebox .clearallfilter {
        position: static;
        margin: 0 0 2.3%;
        display: inline-block;
        float: right
    }
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container.yourchoicebox .clearallfilter {
        position: relative;
        top: 0;
        right: 0;
        font-size: 12px
    }
}

#filterbarContent .filterbox-container.yourchoicebox .choices {
    clear: both;
    overflow: hidden
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container.yourchoicebox .choices {
        clear: none;
        margin: 20px 0;
        padding: 0
    }
}

#filterbarContent .filterbox-container.yourchoicebox .choices li {
    display: block;
    line-height: 1;
    margin: 10px 15px 10px 0;
    float: left;
    min-width: 60px
}

#filterbarContent .filterbox-container.yourchoicebox .choices li a {
    display: block;
    padding: 8px 30px 8px 5px;
    color: #494e53;
    text-decoration: none
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container.yourchoicebox .choices li a {
        padding: 10px 30px 10px 12px
    }
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container.yourchoicebox .choices li {
        float: right;
        min-width: auto;
        margin: 1.2% 0 .8% 1.8%;
        font-size: 12px
    }
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container.yourchoicebox .choices.no-search-result .clearallfilter {
        background-image: none
    }
}

#filterbarContent .filterbox-container.yourchoicebox .choices li,
#filterbarContent .filterbox-container.yourchoicebox .clearallfilter {
    background-image: url(../images/icons/arrows/cross.png);
    background-repeat: no-repeat;
    background-position: right 8px top 9px;
    background-size: 12px;
    border: 1px solid #efefef
}

.svg #filterbarContent .filterbox-container.yourchoicebox .choices li,
.svg #filterbarContent .filterbox-container.yourchoicebox .clearallfilter {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2226px%22%0D%0A%09%20height%3D%2225.999px%22%20viewBox%3D%220%200%2026%2025.999%22%20enable-background%3D%22new%200%200%2026%2025.999%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Arrow__x23_8f9491%22%3E%0D%0A%09%3Cpolygon%20fill%3D%22%23AEB2B1%22%20points%3D%2226%2C3.249%2022.751%2C0%2013%2C9.751%203.249%2C0%200%2C3.248%209.751%2C12.999%200%2C22.751%203.249%2C25.999%2013%2C16.249%20%0D%0A%09%0922.751%2C25.999%2026%2C22.752%2016.249%2C13%20%09%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A")
}

#filterbarContent .filterbox-container.yourchoicebox .choices li:active,
#filterbarContent .filterbox-container.yourchoicebox .choices li:focus,
#filterbarContent .filterbox-container.yourchoicebox .choices li:hover,
#filterbarContent .filterbox-container.yourchoicebox .clearallfilter:active,
#filterbarContent .filterbox-container.yourchoicebox .clearallfilter:focus,
#filterbarContent .filterbox-container.yourchoicebox .clearallfilter:hover {
    border-color: #8f9493
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container.yourchoicebox .choices li,
    #filterbarContent .filterbox-container.yourchoicebox .clearallfilter {
        background-position: right 10px top 10px;
        display: inline-block;
        vertical-align: top;
        float: left;
        margin: 1.2% 1.8% .8% 0;
        cursor: pointer
    }
}

#filterbarContent .filterbox-container.yourchoicebox .loadingtimeline {
    display: none;
    background: 0 0/800px 100px #f4f2ef;
    background-image: linear-gradient(to right, #f4f2ef 0, #fff 20%, #f4f2ef 40%, #f4f2ef 100%);
    -webkit-animation: placeHolderShimmer 1s forwards infinite linear;
    -moz-animation: placeHolderShimmer 1s forwards infinite linear;
    -o-animation: placeHolderShimmer 1s forwards infinite linear;
    min-width: 8%;
    height: 32px;
    border: 1px solid #efefef;
    margin: 10px 15px 10px 0;
    float: left
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container.yourchoicebox .loadingtimeline {
        min-width: 60px;
        margin: 1.2% 1.8% .8% 0;
        height: 34px
    }
}

@media screen and (max-width:980px) {
    #filterbarContent .filterbox-container.yourchoicebox .headline-small-bold,
    #filterbarContent .filterbox-container.yourchoicebox .moredetails-headline {
        padding-top: 0
    }
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container.yourchoicebox {
        margin: 10px 0 20px;
        border: none
    }
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container.keystylesbox {
        padding: 0;
        margin: 0 0 15px;
        border: 0
    }
}

@media screen and (max-width:980px) {
    #filterbarContent .filterbox-container.keystylesbox .filter-togglecontent {
        display: block;
        width: auto;
        border: none;
        padding: 0;
        background: inherit
    }
    #filterbarContent .filterbox-container.keystylesbox .filter-head.moredetails-headline,
    #filterbarContent .filterbox-container.keystylesbox .headline-small-bold.filter-head,
    #filterbarContent .filterbox-container.keystylesbox .headline-small-bold.ui-accordion-header,
    #filterbarContent .filterbox-container.keystylesbox .headline-small-bold.ui-accordion-header-active,
    #filterbarContent .filterbox-container.keystylesbox .ui-accordion-header-active.moredetails-headline,
    #filterbarContent .filterbox-container.keystylesbox .ui-accordion-header.moredetails-headline,
    .svg #filterbarContent .filterbox-container.keystylesbox .filterbox-opened.moredetails-headline,
    .svg #filterbarContent .filterbox-container.keystylesbox .headline-small-bold.filterbox-opened,
    .svg #filterbarContent .filterbox-container.keystylesbox .headline-small-bold.ui-accordion-header-active,
    .svg #filterbarContent .filterbox-container.keystylesbox .ui-accordion-header-active.moredetails-headline {
        background-image: none
    }
}

#filterbarContent .filterbox-container.keystylesbox.tabletdrop .filter-head {
    pointer-events: none;
    cursor: default
}

#filterbarContent .filterbox-container.keystylesbox.tabletdrop .filter-togglecontent {
    display: block!important
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container.keystylesbox .filter-head.moredetails-headline,
    #filterbarContent .filterbox-container.keystylesbox .headline-small-bold.filter-head,
    #filterbarContent .filterbox-container.keystylesbox .headline-small-bold.ui-accordion-header,
    #filterbarContent .filterbox-container.keystylesbox .headline-small-bold.ui-accordion-header-active,
    #filterbarContent .filterbox-container.keystylesbox .ui-accordion-header-active.moredetails-headline,
    #filterbarContent .filterbox-container.keystylesbox .ui-accordion-header.moredetails-headline {
        background-image: url(../images/icons/arrows/arrow_down.png)
    }
    .svg #filterbarContent .filterbox-container.keystylesbox .headline-small-bold,
    .svg #filterbarContent .filterbox-container.keystylesbox .moredetails-headline {
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2226px%22%20height%3D%2216.2px%22%20viewBox%3D%220%20-3%2026%2016.2%22%20enable-background%3D%22new%200%20-3%2026%2016.2%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Arrow__x23_8f9491%22%3E%0D%0A%09%3Cpolygon%20fill%3D%22%238F9491%22%20points%3D%2213%2C13.2%200%2C0.2%203.2%2C-3%2013%2C6.8%2022.8%2C-3%2026%2C0.2%20%09%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A")
    }
    #filterbarContent .filterbox-container.keystylesbox .filter-togglecontent {
        padding: 20px;
        border: 1px solid #cfd1d0;
        border-top: none
    }
}

@media screen and (max-width:980px) {
    #filterbarContent .filterbox-container.keystylesbox .keystyles {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container.keystylesbox .keystyles {
        font-size: 14px
    }
}

#filterbarContent .filterbox-container.keystylesbox .keystyles li {
    background-position: top left;
    background-repeat: no-repeat;
    background-size: auto 100%;
    margin: 0 0 5px;
    border: 1px solid #cfd1d0;
    width: 100%
}

#filterbarContent .filterbox-container.keystylesbox .keystyles li.active,
#filterbarContent .filterbox-container.keystylesbox .keystyles li:active,
#filterbarContent .filterbox-container.keystylesbox .keystyles li:focus,
#filterbarContent .filterbox-container.keystylesbox .keystyles li:hover {
    border-color: #aeb2b1;
    color: #494e53
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container.keystylesbox .keystyles li.active,
    #filterbarContent .filterbox-container.keystylesbox .keystyles li:active,
    #filterbarContent .filterbox-container.keystylesbox .keystyles li:focus,
    #filterbarContent .filterbox-container.keystylesbox .keystyles li:hover {
        background: #ebe7e1
    }
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container.keystylesbox .keystyles li {
        background-image: none!important;
        width: 32%;
        border: 1px solid #cfd1d0
    }
}

#filterbarContent .filterbox-container.keystylesbox .keystyles li a {
    display: block;
    padding: 14px 10px 10px 80px;
    color: #6a6f74;
    line-height: 14px;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container.keystylesbox .keystyles li a {
        padding: 8px 2px
    }
}

#filterbarContent .filterbox-container.keystylesbox .keystyles .empty {
    display: none;
    border: none
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container.keystylesbox .keystyles .empty {
        display: flex
    }
}

#filterbarContent .filterbox-container.keystylesbox .keystyles .push-up {
    background-image: url(../images/icons/keystyles/bras/push-up.png)
}

@media screen and (max-width:980px) {
    #filterbarContent .filterbox-container.keystylesbox .keystyles .push-up {
        background-image: url(../images/icons/keystyles/bras/larger/push-up.png)
    }
}

#filterbarContent .filterbox-container.keystylesbox .keystyles .padded {
    background-image: url(../images/icons/keystyles/bras/padded.png)
}

@media screen and (max-width:980px) {
    #filterbarContent .filterbox-container.keystylesbox .keystyles .padded {
        background-image: url(../images/icons/keystyles/bras/larger/padded.png)
    }
}

#filterbarContent .filterbox-container.keystylesbox .keystyles .wired {
    background-image: url(../images/icons/keystyles/bras/wired.png)
}

@media screen and (max-width:980px) {
    #filterbarContent .filterbox-container.keystylesbox .keystyles .wired {
        background-image: url(../images/icons/keystyles/bras/larger/wired.png)
    }
}

#filterbarContent .filterbox-container.keystylesbox .keystyles .non-wired {
    background-image: url(../images/icons/keystyles/bras/non-wired.png)
}

@media screen and (max-width:980px) {
    #filterbarContent .filterbox-container.keystylesbox .keystyles .non-wired {
        background-image: url(../images/icons/keystyles/bras/larger/non-wired.png)
    }
}

#filterbarContent .filterbox-container.keystylesbox .keystyles .minimizer {
    background-image: url(../images/icons/keystyles/bras/minimizer.png)
}

@media screen and (max-width:980px) {
    #filterbarContent .filterbox-container.keystylesbox .keystyles .minimizer {
        background-image: url(../images/icons/keystyles/bras/larger/minimizer.png)
    }
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container.keystylesbox .keystyles .minimizer a {
        padding-left: 3px
    }
}

#filterbarContent .filterbox-container.keystylesbox .keystyles.triaction .push-up {
    background-image: url(../images/icons/keystyles/triaction/push-up.png)
}

@media screen and (max-width:980px) {
    #filterbarContent .filterbox-container.keystylesbox .keystyles.triaction .push-up {
        background-image: url(../images/icons/keystyles/triaction/larger/push-up.png)
    }
}

#filterbarContent .filterbox-container.keystylesbox .keystyles.triaction .padded {
    background-image: url(../images/icons/keystyles/triaction/padded.png)
}

@media screen and (max-width:980px) {
    #filterbarContent .filterbox-container.keystylesbox .keystyles.triaction .padded {
        background-image: url(../images/icons/keystyles/triaction/larger/padded.png)
    }
}

#filterbarContent .filterbox-container.keystylesbox .keystyles.triaction .wired {
    background-image: url(../images/icons/keystyles/triaction/wired.png)
}

@media screen and (max-width:980px) {
    #filterbarContent .filterbox-container.keystylesbox .keystyles.triaction .wired {
        background-image: url(../images/icons/keystyles/triaction/larger/wired.png)
    }
}

#filterbarContent .filterbox-container.keystylesbox .keystyles.triaction .non-wired {
    background-image: url(../images/icons/keystyles/triaction/non-wired.png)
}

@media screen and (max-width:980px) {
    #filterbarContent .filterbox-container.keystylesbox .keystyles.triaction .non-wired {
        background-image: url(../images/icons/keystyles/triaction/larger/non-wired.png)
    }
}

#filterbarContent .filterbox-container.keystylesbox .keystyles.triaction .minimizer {
    background-image: url(../images/icons/keystyles/triaction/minimizer.png)
}

@media screen and (max-width:980px) {
    #filterbarContent .filterbox-container.keystylesbox .keystyles.triaction .minimizer {
        background-image: url(../images/icons/keystyles/triaction/larger/minimizer.png)
    }
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container.keystylesbox .keystyles.triaction .minimizer a {
        padding-left: 3px
    }
}

#filterbarContent .filterbox-container.sizebox .sizesearch {
    width: 100%;
    margin: 0 0 15px;
    border: none;
    border-bottom: 1px solid #6a6f74;
    padding-right: 30px;
    background-position: right 0 top 2px;
    background-repeat: no-repeat;
    background-size: 21px 21px;
    background-image: url(../images/icons/misc/search.png)
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container.sizebox .sizesearch {
        background-position: right 8px top 6px;
        border: 1px solid #cfd1d0
    }
}

.svg #filterbarContent .filterbox-container.sizebox .sizesearch {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2222.4px%22%20height%3D%2225px%22%20viewBox%3D%22484.5%20-0.5%2022.4%2025%22%20enable-background%3D%22new%20484.5%20-0.5%2022.4%2025%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Ebene_4%22%3E%0D%0A%09%3Cpath%20fill%3D%22%238F9491%22%20d%3D%22M506.9%2C21.4l-5.7-6.7c1.3-1.6%2C2.1-3.7%2C2.1-5.9c0-5.2-4.2-9.4-9.4-9.4c-5.2%2C0-9.4%2C4.2-9.4%2C9.4%0D%0A%09%09c0%2C5.2%2C4.2%2C9.4%2C9.4%2C9.4c1.2%2C0%2C2.4-0.2%2C3.5-0.7l5.9%2C6.9L506.9%2C21.4z%20M488.1%2C8.9c0-3.2%2C2.6-5.8%2C5.8-5.8c3.2%2C0%2C5.8%2C2.6%2C5.8%2C5.8%0D%0A%09%09c0%2C3.2-2.6%2C5.8-5.8%2C5.8C490.7%2C14.7%2C488.1%2C12.1%2C488.1%2C8.9z%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A")
}

#filterbarContent .filterbox-container.sizebox .sizesearch:focus,
#filterbarContent .filterbox-container.sizebox .sizesearch:hover {
    border-color: #aeb2b1
}

#filterbarContent .filterbox-container.searchcoloridbox li {
    float: left;
    height: 25px;
    width: 22%;
    margin: 2% 0
}

#filterbarContent .filterbox-container.searchcoloridbox li:nth-child(4n+2) {
    margin-left: 4%;
    margin-right: 2%
}

#filterbarContent .filterbox-container.searchcoloridbox li:nth-child(4n+3) {
    margin-left: 2%;
    margin-right: 4%
}

#filterbarContent .filterbox-container.searchcoloridbox li:nth-child(4n+1) {
    margin-left: 0;
    margin-right: 0
}

#filterbarContent .filterbox-container.searchcoloridbox li:nth-child(4n) {
    margin-right: 0
}

@media screen and (max-width:980px) {
    #filterbarContent .filterbox-container.searchcoloridbox li {
        height: 35px
    }
}

#filterbarContent .filterbox-container.searchcoloridbox li a {
    height: 25px;
    border: 1px solid #cfd1d0;
    background-image: none;
    display: flex;
    justify-content: center;
    align-items: center
}

#filterbarContent .filterbox-container.searchcoloridbox li a .unselectable,
#filterbarContent .filterbox-container.searchcoloridbox li a span {
    display: none
}

@media screen and (max-width:980px) {
    #filterbarContent .filterbox-container.searchcoloridbox li a {
        height: 35px
    }
}

.no-touchevents #filterbarContent .filterbox-container.searchcoloridbox li a:hover {
    border-color: #aeb2b1
}

#filterbarContent .filterbox-container.searchcoloridbox li a.selected .checkmark {
    display: inline-block
}

#filterbarContent .filterbox-container.searchcoloridbox li a.selected .checkmark::after {
    content: '';
    width: 6px;
    height: 9px;
    display: block;
    border: solid #494e53;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container.searchcoloridbox li a.selected .checkmark::after {
        width: 7px;
        height: 12px
    }
}

#filterbarContent .filterbox-container.searchcoloridbox li.unselectable {
    display: none
}

#filterbarContent .filterbox-container.searchcoloridbox li.p002 a.selected .checkmark,
#filterbarContent .filterbox-container.searchcoloridbox li.p005 a.selected .checkmark,
#filterbarContent .filterbox-container.searchcoloridbox li.p008 a.selected .checkmark,
#filterbarContent .filterbox-container.searchcoloridbox li.p009 a.selected .checkmark,
#filterbarContent .filterbox-container.searchcoloridbox li.p010 a.selected .checkmark,
#filterbarContent .filterbox-container.searchcoloridbox li.p011 a.selected .checkmark,
#filterbarContent .filterbox-container.searchcoloridbox li.p012 a.selected .checkmark {
    display: inline-block
}

#filterbarContent .filterbox-container.searchcoloridbox li.p002 a.selected .checkmark::after,
#filterbarContent .filterbox-container.searchcoloridbox li.p005 a.selected .checkmark::after,
#filterbarContent .filterbox-container.searchcoloridbox li.p008 a.selected .checkmark::after,
#filterbarContent .filterbox-container.searchcoloridbox li.p009 a.selected .checkmark::after,
#filterbarContent .filterbox-container.searchcoloridbox li.p010 a.selected .checkmark::after,
#filterbarContent .filterbox-container.searchcoloridbox li.p011 a.selected .checkmark::after,
#filterbarContent .filterbox-container.searchcoloridbox li.p012 a.selected .checkmark::after {
    content: '';
    width: 6px;
    height: 9px;
    display: block;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (max-width:767px) {
    #filterbarContent .filterbox-container.searchcoloridbox li.p002 a.selected .checkmark::after,
    #filterbarContent .filterbox-container.searchcoloridbox li.p005 a.selected .checkmark::after,
    #filterbarContent .filterbox-container.searchcoloridbox li.p008 a.selected .checkmark::after,
    #filterbarContent .filterbox-container.searchcoloridbox li.p009 a.selected .checkmark::after,
    #filterbarContent .filterbox-container.searchcoloridbox li.p010 a.selected .checkmark::after,
    #filterbarContent .filterbox-container.searchcoloridbox li.p011 a.selected .checkmark::after,
    #filterbarContent .filterbox-container.searchcoloridbox li.p012 a.selected .checkmark::after {
        width: 7px;
        height: 12px
    }
}

#filterbarContent .filterbox-container.searchcoloridbox li.p001 a {
    background-color: #fff
}

#filterbarContent .filterbox-container.searchcoloridbox li.p002 a {
    background-color: #000
}

#filterbarContent .filterbox-container.searchcoloridbox li.p003 a {
    background-color: #fbc599
}

#filterbarContent .filterbox-container.searchcoloridbox li.p004 a {
    background-color: #fffbe8
}

#filterbarContent .filterbox-container.searchcoloridbox li.p005 a {
    background-color: #82837e
}

#filterbarContent .filterbox-container.searchcoloridbox li.p006 a {
    background-color: #2eabcc
}

#filterbarContent .filterbox-container.searchcoloridbox li.p007 a {
    background-color: #0f5d8b
}

#filterbarContent .filterbox-container.searchcoloridbox li.p008 a {
    background-color: #e94e77
}

#filterbarContent .filterbox-container.searchcoloridbox li.p009 a {
    background-color: #d68189
}

#filterbarContent .filterbox-container.searchcoloridbox li.p010 a {
    background-color: #b2152c
}

#filterbarContent .filterbox-container.searchcoloridbox li.p011 a {
    background-color: #34502b
}

#filterbarContent .filterbox-container.searchcoloridbox li.p012 a {
    background-color: #5e2f69
}

#filterbarContent .filterbox-container.searchcoloridbox li.p013 a {
    background-color: #f48b01
}

#filterbarContent .filterbox-container.searchcoloridbox li.p014 a {
    background-color: #996746
}

#filterbarContent .filterbox-container.conceptbox {
    display: none
}

#filterbarContent .filterbox-container.conceptbox li {
    margin: 0 0 8px;
    padding: 0 0 0 24px;
    color: #6a6f74;
    clear: both;
    background-position: 7px 3px;
    background-repeat: no-repeat;
    background-size: 6px;
    background-image: url(../images/icons/arrows/arrow_right.png)
}

.svg #filterbarContent .filterbox-container.conceptbox li {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2216.2px%22%20height%3D%2226px%22%20viewBox%3D%220%20-3.4%2016.2%2026%22%20enable-background%3D%22new%200%20-3.4%2016.2%2026%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Arrow__x23_8f9491%22%3E%0D%0A%09%3Cpolygon%20fill%3D%22%238F9491%22%20points%3D%223.2%2C22.6%200%2C19.3%209.8%2C9.6%200%2C-0.2%203.2%2C-3.4%2016.2%2C9.6%20%09%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A")
}

#filterbarContent .filterbox-container.conceptbox li a {
    display: block;
    color: #6a6f74;
    text-decoration: none
}

#filterbarContent .filterbox-container.conceptbox li:hover a {
    color: #575d62
}

#filterbarContent .filterbox-container.conceptbox li:hover {
    cursor: pointer;
    color: #575d62
}

#filterbarContent .filterbox-container.conceptbox li:last-child {
    margin-bottom: 0
}

.pricebox .ui-slider-horizontal {
    height: 5px;
    position: relative;
    margin: 8px 8px 24px;
    background: #cfd1d0
}

.pricebox .ui-slider-horizontal .ui-widget-header {
    background: #8f9493
}

.pricebox .ui-slider-horizontal .ui-slider-handle {
    width: 15px;
    height: 15px;
    position: absolute;
    top: -5px;
    margin-left: -7px;
    z-index: 2;
    cursor: default;
    background: #aeb2b1
}

.pricebox .ui-slider-horizontal .ui-slider-range {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1
}

.pricebox .sliderange-inputs {
    margin-bottom: 15px
}

.pricebox .sliderange-inputs .sliderValue {
    display: inline-block;
    width: 80px;
    height: 28px;
    border-color: #bbbdbc;
    background: #f4f2ef
}

.pricebox .sliderange-inputs .sliderValue.max {
    float: right
}

.formfield:not(.notextfield) {
    position: relative
}

.formfield:not(.notextfield) input {
    background: 0 0;
    padding: 6px 10px 0
}

.formfield:not(.notextfield) .textfield {
    position: relative
}

.formfield:not(.notextfield) .textfield .label {
    position: absolute;
    top: 8px;
    left: 9px;
    z-index: 1;
    font-size: 14px;
    transition: transform 125ms cubic-bezier(0.645, .045, .355, 1);
    -webkit-transition: -webkit-transform 125ms cubic-bezier(0.645, .045, .355, 1);
    padding: 3px 3px 0
}

@media screen and (max-width:767px) {
    .formfield:not(.notextfield) .textfield .label {
        top: 10px;
        font-size: 12px
    }
}

.formfield:not(.notextfield) .textfield .label.errormsg .requiredindicator {
    position: absolute;
    top: -1px;
    left: 0
}

.formfield:not(.notextfield) .textfield .label.errormsg .requiredindicator+.errorlabel {
    margin: 0 0 0 20px
}

.formfield:not(.notextfield) .textfield .value {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 30px, transparent 2%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30px, #fff), color-stop(2%, transparent));
    background: -webkit-linear-gradient(top, #fff 30px, transparent 2%);
    background: -o-linear-gradient(top, #fff 30px, transparent 2%);
    background: -ms-linear-gradient(top, #fff 30px, transparent 2%);
    background: linear-gradient(to bottom, #fff 30px, transparent 2%);
}

@media screen and (max-width:767px) {
    .formfield:not(.notextfield) .textfield .value {
        background: -moz-linear-gradient(top, #fff 35px, transparent 2%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(35px, #fff), color-stop(2%, transparent));
        background: -webkit-linear-gradient(top, #fff 35px, transparent 2%);
        background: -o-linear-gradient(top, #fff 35px, transparent 2%);
        background: -ms-linear-gradient(top, #fff 35px, transparent 2%);
        background: linear-gradient(to bottom, #fff 35px, transparent 2%)
    }
}

.formfield:not(.notextfield) .textfield.completed .label,
.formfield:not(.notextfield) .textfield.focused .label {
    z-index: 3;
    font-size: 12px;
    line-height: 12px;
    color: #6a6f74;
    -webkit-transform: translateY(-130%);
    -ms-transform: translateY(-130%);
    transform: translateY(-130%);
    background: #fff;
    padding: 0 3px
}

.formfield:not(.notextfield) .textfield.completed .label.errormsg .requiredindicator,
.formfield:not(.notextfield) .textfield.focused .label.errormsg .requiredindicator {
    display: none
}

.formfield:not(.notextfield) .textfield.completed .label.errormsg .errorlabel,
.formfield:not(.notextfield) .textfield.focused .label.errormsg .errorlabel {
    margin: 0
}

textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #aeb2b1;
    font-family: var(--font-family-base);
    color: #494e53;
    padding: 10px;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    outline: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

textarea:focus {
    border-color: #494e53
}

.dropdown-wrapper {
    position: relative
}

.dropdown-wrapper .dropdown-input {
    position: relative;
    border: 1px solid #aeb2b1;
    color: #494e53;
    text-decoration: none;
    font-size: 14px;
    line-height: 14px;
    height: 30px;
    background-color: #fff;
    background-image: url(../images/icons/spritemain.png);
    background-position: right -173px top -591px;
    background-repeat: no-repeat
}

.svg .dropdown-wrapper .dropdown-input {
    background-image: url(../images/icons/spritemain.svg)
}

@media screen and (max-width:767px) {
    .dropdown-wrapper .dropdown-input {
        height: 35px;
        background-position: right -173px top -589px
    }
}

.dropdown-wrapper .dropdown-input a {
    display: block;
    text-decoration: none;
    color: #494e53;
    padding: 8px 10px 6px
}

@media screen and (max-width:980px) {
    .dropdown-wrapper .dropdown-input a {
        padding-top: 7px;
        padding-bottom: 7px
    }
}

@media screen and (max-width:767px) {
    .dropdown-wrapper .dropdown-input a {
        padding-top: 9px;
        padding-bottom: 9px
    }
}

.dropdown-wrapper .dropdown-input a:active,
.dropdown-wrapper .dropdown-input a:focus,
.dropdown-wrapper .dropdown-input a:hover {
    text-decoration: none
}

.dropdown-wrapper .dropdown-input:hover {
    cursor: pointer
}

.dropdown-wrapper.focused .dropdown-input {
    border-color: #494e53;
    z-index: 2;
    background-image: url(../images/icons/arrows/arrow_up.png)
}

.svg .dropdown-wrapper.focused .dropdown-input {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2226px%22%20height%3D%2216.2px%22%20viewBox%3D%220%20-3%2026%2016.2%22%20enable-background%3D%22new%200%20-3%2026%2016.2%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Arrow__x23_8f9491%22%3E%0D%0A%09%3Cpolygon%20fill%3D%22%238F9491%22%20points%3D%2222.8%2C13.2%2013%2C3.5%203.2%2C13.2%200%2C10%2013%2C-3%2026%2C10%20%09%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A")
}

.dropdown-wrapper .dropdown-options {
    display: none;
    width: 100%;
    border-right: 1px solid #aeb2b1;
    border-bottom: 1px solid #aeb2b1;
    border-left: 1px solid #aeb2b1;
    background-color: #fff;
    position: absolute;
    top: 29px;
    z-index: 4
}

@media screen and (max-width:767px) {
    .dropdown-wrapper .dropdown-options {
        position: absolute;
        top: 34px
    }
}

.dropdown-wrapper .dropdown-options li {
    display: block
}

.dropdown-wrapper .dropdown-options li:active,
.dropdown-wrapper .dropdown-options li:focus,
.dropdown-wrapper .dropdown-options li:hover {
    background: #b4a4a7;
    color: #fff;
    cursor: pointer
}

.dropdown-wrapper .dropdown-options li:active a,
.dropdown-wrapper .dropdown-options li:focus a,
.dropdown-wrapper .dropdown-options li:hover a {
    display: block;
    color: #fff;
    text-decoration: none
}

.dropdown-wrapper .dropdown-options li:first-child {
    border-top: 1px solid #cfd1d0;
    border-radius: 0
}

.dropdown-wrapper .dropdown-options li a {
    display: block;
    padding: 6px 10px 4px;
    font-size: 14px;
    text-decoration: none;
    color: #494e53
}

.dropdown-wrapper .dropdown-options li a:active,
.dropdown-wrapper .dropdown-options li a:focus,
.dropdown-wrapper .dropdown-options li a:hover {
    background: #b4a4a7;
    color: #fff
}

@media screen and (max-width:980px) {
    .dropdown-wrapper .dropdown-options li a {
        padding-top: 3px;
        padding-bottom: 3px;
        font-size: 12px
    }
}

@media screen and (max-width:767px) {
    .dropdown-wrapper .dropdown-options li a {
        padding-top: 6px;
        padding-bottom: 6px;
        font-size: 12px
    }
}

.dropdown-wrapper.focused .dropdown-options {
    border-color: #494e53
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select::-ms-expand {
    display: none
}

.radiobutton:checked+label:hover,
.radiobutton:hover,
.radiobutton:not(:checked)+label:hover {
    cursor: pointer
}

.radiobutton[disabled]+label:hover {
    cursor: default
}

.radiobutton:checked,
.radiobutton:not(:checked) {
    background: 0 0;
    position: relative;
    display: none;
    margin: 0;
    padding: 0;
    height: 0
}

.radiobutton:checked+label::before,
.radiobutton:not(:checked)+label::before {
    content: ' ';
    display: inline-block;
    width: 17px;
    height: 17px;
    border-radius: 30px;
    position: relative;
    border: 1px solid #cfd1d0;
    background: #fff;
    cursor: pointer
}

.radiobutton:hover+label::before {
    background: #575d62;
    box-shadow: inset 0 0 0 9px #fff
}

.radiobutton:checked+label::before {
    background: #575d62;
    box-shadow: inset 0 0 0 5px #fff
}

.radiobutton[disabled]+label::before,
.radiobutton[disabled]:hover+label::before {
    background: #fff;
    border: 1px solid #cfd1d0;
    opacity: .6;
    cursor: default
}

.radiobutton:checked+label::before,
.radiobutton:not(:checked)+label::before {
    left: 0;
    top: 3px
}

.paymentmethods .radiobutton:checked+label::before,
.paymentmethods .radiobutton:not(:checked)+label::before {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    left: 0
}

@media screen and (max-width:767px) {
    .paymentmethods .radiobutton:checked+label::before,
    .paymentmethods .radiobutton:not(: checked)+label::before {
        left: 3px
    }
}

.radiobuttons .input-field {
    margin-bottom: 20px;
    position: relative
}

.preferences .radiobuttons .input-field {
    margin-bottom: 0
}

.radiobuttons label {
    display: block;
    padding-left: 35px;
    margin-top: 10px
}

.preferences .radiobuttons label {
    padding-left: 0;
    margin-top: 0
}

.radiobuttons .textinput {
    width: 100%
}

.radiobuttons-indented label {
    position: relative
}

.radiobuttons-indented.radiobuttons .radiobutton:checked+label::before,
.radiobuttons-indented.radiobuttons .radiobutton:not(:checked)+label::before {
    position: absolute;
    top: 0;
    left: 0
}

.checkboxstyle {
    display: block;
    color: #6a6f74;
    text-decoration: none
}

.checkboxstyle.selected {
    color: #575d62
}

.checkboxstyle .checkbox {
    display: block;
    float: left;
    border: 1px solid #aeb2b1;
    height: 14px;
    width: 14px;
    margin: 0 10px 0 0
}

@media screen and (max-width:767px) {
    .checkboxstyle .checkbox {
        width: 20px;
        height: 20px
    }
}

.checkboxstyle.selected .checkbox,
.checkboxstyle:active .checkbox,
.checkboxstyle:hover .checkbox {
    color: #575d62;
    border-color: #8f9493
}

.checkboxstyle.selected .checkbox {
    background-image: url(../images/icons/spritemain.png);
    background-position: -149px -1648px;
    background-repeat: no-repeat
}

.svg .checkboxstyle.selected .checkbox {
    background-image: url(../images/icons/spritemain.svg)
}

@media screen and (max-width:767px) {
    .checkboxstyle.selected .checkbox {
        background-position: -146px -1645px
    }
}

.checkboxstyle .value {
    display: block
}

.checkbox .checkinput {
    width: auto;
    float: left;
    background: 0 0;
    border: none
}

.checkbox .checkinput:checked,
.checkbox .checkinput:not(:checked) {
    background: 0 0;
    position: relative;
    visibility: hidden;
    margin: 0;
    padding: 0;
    width: 0;
    height: 0
}

.checkbox .checkinput+label:hover {
    cursor: pointer
}

.checkbox .checkinput:checked+label::before,
.checkbox .checkinput:not(:checked)+label::before {
    content: ' ';
    display: block;
    float: left;
    border: 1px solid #aeb2b1;
    height: 14px;
    width: 14px;
    margin: 0 10px 0 0;
    background: #fff
}

@media screen and (max-width:980px) {
    .checkbox .checkinput:checked+label::before,
    .checkbox .checkinput:not(: checked)+label::before {
        position: relative;
        top: 2px
    }
}

.checkbox .checkinput:checked+label::before,
.checkbox .checkinput:hover+label::before {
    color: #575d62;
    border-color: #8f9493
}

.checkbox .checkinput:checked+label::before {
    background-image: url(../images/icons/checkmarks/checkmark.png);
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat
}

.svg .checkbox .checkinput:checked+label::before {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2212px%22%20height%3D%229.6px%22%20viewBox%3D%220%20-3%2012%209.6%22%20enable-background%3D%22new%200%20-3%2012%209.6%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Check_Mark__x23_8f9491%22%3E%0D%0A%09%3Cpolygon%20fill%3D%22%238F9491%22%20points%3D%225.4%2C6.6%200%2C1.2%201.3%2C-0.1%205.2%2C3.8%2010.5%2C-3%2012%2C-1.8%20%09%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A")
}

.checkbox .checkinput[disabled]+label:hover {
    cursor: default
}

.checkbox.right .checkinput:checked+label::before,
.checkbox.right .checkinput:not(:checked)+label::before {
    float: right;
    margin: 0 0 10px 10px
}

.checkbox.right label {
    display: block;
    text-align: right
}

.formfield {
    margin: 20px 0 0
}

#shippingaddressformedditor .formfield.salutation {
    margin: 0
}

.formfield.clickandcollect {
    margin-bottom: 20px
}

#account .formfield.username,
#checkout .formfield.username {
    margin-top: 0
}

.formfield .forgotpassword,
.formfield .label,
.formfield .requiredfields {
    display: block;
    font-size: 12px;
    line-height: 12px;
    margin: 0 0 8px
}

.formfield .forgotpassword .requiredindicator,
.formfield .label .requiredindicator,
.formfield .requiredfields .requiredindicator {
    color: #000000;
    font-family: var(--font-family-sub-heading);
}

.formfield .forgotpassword.errormsg,
.formfield .label.errormsg,
.formfield .requiredfields.errormsg {
    margin-bottom: 5px
}

.formfield .checkbox .requiredindicator,
.formfield .requiredindicator {
    color: #000000;
    font-family: var(--font-family-sub-heading);
}

.formfield .checkbox.right .requiredindicator {
    float: right;
    display: inline-block;
    position: relative;
    left: 5px
}

.formfield .value .textinput,
.formfield .value .textinputpw {
    width: 100%
}

.formfield .value .caption {
    display: block;
    color: #6a6f74;
    font-size: 12px;
    line-height: 14px;
    margin: 5px 0 -5px
}

.formfield .formfieldtooltip {
    color: #6a6f74;
    font-size: 12px;
    margin: 10px 0 0
}

.formfield .formfieldtooltip a {
    color: #6a6f74
}

.formfield .formfieldtooltip a#tooltip-cvc {
    display: block;
    padding-top: 2px;
    padding-bottom: 2px;
    background-image: url(../images/icons/arrows/arrow_right.png);
    background-size: 8px;
    background-position: left 6px top 4px;
    background-repeat: no-repeat;
    padding-left: 20px
}

@media screen and (max-width:767px) {
    .formfield .formfieldtooltip a#tooltip-cvc {
        padding-left: 24px;
        background-position: left 8px top 4px
    }
}

.svg .formfield .formfieldtooltip a#tooltip-cvc {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2216.2px%22%20height%3D%2226px%22%20viewBox%3D%220%20-3.4%2016.2%2026%22%20enable-background%3D%22new%200%20-3.4%2016.2%2026%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Arrow__x23_8f9491%22%3E%0D%0A%09%3Cpolygon%20fill%3D%22%238F9491%22%20points%3D%223.2%2C22.6%200%2C19.3%209.8%2C9.6%200%2C-0.2%203.2%2C-3.4%2016.2%2C9.6%20%09%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A")
}

.formfield .formfieldtooltip a:hover {
    cursor: pointer
}

.formfields.salutation .formfield,
.formfields.salutitle .formfield {
    margin-top: 0
}

.formfields.salutitle .salutation,
.formfields.salutitle .title {
    float: left;
    width: 47.5%
}

@media screen and (max-width:980px) {
    .formfields.salutitle .salutation,
    .formfields.salutitle .title {
        width: 48.5%
    }
}

.formfields.salutitle .salutation .selectboxit,
.formfields.salutitle .salutation .selectboxit-container,
.formfields.salutitle .salutation .selectboxit-options,
.formfields.salutitle .title .selectboxit,
.formfields.salutitle .title .selectboxit-container,
.formfields.salutitle .title .selectboxit-options {
    width: 100%!important
}

.formfields.salutitle .salutation {
    margin-right: 5%
}

@media screen and (max-width:980px) {
    .formfields.salutitle .salutation {
        margin-right: 3%
    }
}

.formfields .formfield.address1,
.formfields .formfield.city,
.formfields .formfield.zip {
    width: auto;
    float: none
}

.formfields .formfield.province select {
    position: relative;
    padding: 5px 10px;
    background-color: transparent;
    border: 1px solid #aeb2b1;
    font-size: 14px;
    border-radius: 0;
    color: #6a6f74;
    width: 100%;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    z-index: 2
}

.formfields .formfield .select-arrow {
    position: absolute;
    right: 15px;
    top: 26px;
    width: 12px;
    height: 12px;
    border-bottom: 3px solid #6a6f74;
    border-left: 3px solid #6a6f74;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 1
}

.formfields .formfield.birthday .day,
.formfields .formfield.birthday .month,
.formfields .formfield.birthday .year,
.formfields .formfield.expirationdate .day,
.formfields .formfield.expirationdate .month,
.formfields .formfield.expirationdate .year {
    float: left
}

.formfields .formfield.birthday .day .selectboxit,
.formfields .formfield.birthday .day .selectboxit-container,
.formfields .formfield.birthday .day .selectboxit-options,
.formfields .formfield.birthday .month .selectboxit,
.formfields .formfield.birthday .month .selectboxit-container,
.formfields .formfield.birthday .month .selectboxit-options,
.formfields .formfield.birthday .year .selectboxit,
.formfields .formfield.birthday .year .selectboxit-container,
.formfields .formfield.birthday .year .selectboxit-options,
.formfields .formfield.expirationdate .day .selectboxit,
.formfields .formfield.expirationdate .day .selectboxit-container,
.formfields .formfield.expirationdate .day .selectboxit-options,
.formfields .formfield.expirationdate .month .selectboxit,
.formfields .formfield.expirationdate .month .selectboxit-container,
.formfields .formfield.expirationdate .month .selectboxit-options,
.formfields .formfield.expirationdate .year .selectboxit,
.formfields .formfield.expirationdate .year .selectboxit-container,
.formfields .formfield.expirationdate .year .selectboxit-options {
    width: 100%!important
}

.formfields .formfield.birthday .day,
.formfields .formfield.expirationdate .day {
    margin-right: 5%;
    width: 20%
}

@media screen and (max-width:980px) {
    .formfields .formfield.birthday .day,
    .formfields .formfield.expirationdate .day {
        margin-right: 3%
    }
}

@media screen and (max-width:767px) {
    .formfields .formfield.birthday .day,
    .formfields .formfield.expirationdate .day {
        width: 22%
    }
}

.formfields .formfield.birthday .day.se,
.formfields .formfield.expirationdate .day.se {
    margin: 0
}

.formfields .formfield.birthday .month,
.formfields .formfield.expirationdate .month {
    margin-right: 5%;
    width: 40%
}

@media screen and (max-width:980px) {
    .formfields .formfield.birthday .month,
    .formfields .formfield.expirationdate .month {
        margin-right: 3%;
        width: 44%
    }
}

@media screen and (max-width:767px) {
    .formfields .formfield.birthday .month,
    .formfields .formfield.expirationdate .month {
        width: 42%
    }
}

.formfields .formfield.birthday .year,
.formfields .formfield.expirationdate .year {
    width: 30%;
    margin: 0
}

.formfields .formfield.birthday .year.se,
.formfields .formfield.expirationdate .year.se {
    margin-right: 5%
}

@media screen and (max-width:980px) {
    .formfields .formfield.birthday .year.se,
    .formfields .formfield.expirationdate .year.se {
        margin-right: 3%
    }
}

.formfields .formfield .birthday_wrap::after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden
}

.formfields .formfield.expirationdate .bdb.month {
    width: 20%
}

@media screen and (max-width:1160px) {
    .formfields .formfield.expirationdate .bdb.month {
        width: 25%
    }
}

@media screen and (max-width:980px) {
    .formfields .formfield.expirationdate .bdb.month {
        width: 30%
    }
}

@media screen and (max-width:767px) {
    .formfields .formfield.expirationdate .bdb.month {
        width: 20%
    }
}

@media screen and (max-width:580px) {
    .formfields .formfield.expirationdate .bdb.month {
        width: 30%
    }
}

@media screen and (max-width:1160px) {
    .formfields .formfield.expirationdate .bdb.month select {
        width: 75px!important
    }
}

@media screen and (max-width:980px) {
    .formfields .formfield.expirationdate .bdb.month select {
        width: 105px!important
    }
}

@media screen and (max-width:767px) {
    .formfields .formfield.expirationdate .bdb.month select {
        width: 115px!important
    }
}

@media screen and (max-width:580px) {
    .formfields .formfield.expirationdate .bdb.month select {
        width: 90px!important
    }
}

.formfields .formfield.expirationdate .bdb.year {
    width: 30%
}

@media screen and (max-width:1160px) {
    .formfields .formfield.expirationdate .bdb.year {
        width: 35%
    }
}

@media screen and (max-width:980px) {
    .formfields .formfield.expirationdate .bdb.year {
        width: 40%
    }
}

@media screen and (max-width:767px) {
    .formfields .formfield.expirationdate .bdb.year {
        width: 30%
    }
}

@media screen and (max-width:580px) {
    .formfields .formfield.expirationdate .bdb.year {
        width: 40%
    }
}

@media screen and (max-width:1160px) {
    .formfields .formfield.expirationdate .bdb.year select {
        width: 105px!important
    }
}

@media screen and (max-width:980px) {
    .formfields .formfield.expirationdate .bdb.year select {
        width: 140px!important
    }
}

@media screen and (max-width:767px) {
    .formfields .formfield.expirationdate .bdb.year select {
        width: 175px!important
    }
}

@media screen and (max-width:580px) {
    .formfields .formfield.expirationdate .bdb.year select {
        width: 120px!important
    }
}

.formfields.streetno .formfield.street {
    float: left;
    width: 73%
}

@media screen and (max-width:980px) {
    .formfields.streetno .formfield.street {
        width: 77%
    }
}

.formfields.streetno .formfield.no {
    width: 22%;
    float: left;
    margin-right: 0;
    margin-left: 5%
}

@media screen and (max-width:980px) {
    .formfields.streetno .formfield.no {
        width: 20%
    }
}

@media screen and (max-width:980px) {
    .formfields.streetno .formfield.no {
        margin-right: 0;
        margin-left: 3%
    }
}

.formfields.streetno .formfield.no.first {
    margin-right: 5%;
    margin-left: 0
}

@media screen and (max-width:980px) {
    .formfields.streetno .formfield.no.first {
        margin-right: 3%;
        margin-left: 0
    }
}

.formfields.zipcity .formfield.zip {
    float: left;
    width: 35%;
    margin-right: 5%
}

@media screen and (max-width:980px) {
    .formfields.zipcity .formfield.zip {
        margin-right: 3%
    }
}

.formfields.zipcity .formfield.city {
    float: left;
    width: 60%
}

@media screen and (max-width:980px) {
    .formfields.zipcity .formfield.city {
        width: 62%
    }
}

.formfields .nlpostal {
    display: block;
    color: #6a6f74;
    font-size: 12px;
    margin: 3px 0 0
}

.formfield.address1,
.formfield.city,
.formfield.streetNo,
.formfield.zip {
    width: 50%;
    float: left
}

.formfield.city::after {
    clear: both;
    content: "";
    display: table
}

.formfield.country {
    float: none;
    clear: both
}

.errorlabel .textinput,
.errorlabel .textinputpw,
.errormsg .selectboxit-container .selectboxit,
.errormsg .selectboxit-container .selectboxit.selectboxit-btn.selectboxit-enabled:active,
.errormsg .selectboxit-container .selectboxit.selectboxit-btn.selectboxit-enabled:focus,
.errormsg .selectboxit-container .selectboxit.selectboxit-btn.selectboxit-enabled:hover,
.errormsg .textbox,
.errormsg .textinput,
.errormsg .textinputpw {
    border: 1px solid #000000
}

.errorlabel,
.errormessage {
    color: #000000
}

.errormessage {
    display: block;
    margin: 5px 0 0;
    clear: both;
    font-size: 12px;
    line-height: 14px
}

.errorinfobox .requiredindicator,
.errormsg .requiredindicator {
    background-image: url(../images/icons/spritemain.png);
    background-position: 0 -1700px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 3px 0 0;
    position: relative;
    top: 3px
}

.svg .errorinfobox .requiredindicator,
.svg .errormsg .requiredindicator {
    background-image: url(../images/icons/spritemain.svg)
}

.errorinfobox .checkbox .checkinput:checked+label::before,
.errorinfobox .checkbox .checkinput:hover+label::before,
.errorinfobox .checkbox .checkinput:not(:checked)+label::before,
.errormsg .checkbox .checkinput:checked+label::before,
.errormsg .checkbox .checkinput:hover+label::before,
.errormsg .checkbox .checkinput:not(:checked)+label::before {
    border-color: #000000
}

.errorinfobox .checkbox .checkinput+label,
.errorinfobox .checkbox .checkinput+label a,
.errormsg .checkbox .checkinput+label,
.errormsg .checkbox .checkinput+label a {
    color: #000000
}

.errorinfobox {
    font-family: var(--font-family-sub-heading);
    padding: 10px 20px;
    color: #000000;
    background: #f8f4f3;
    margin: 0 0 40px;
    border: 1px solid #000000
}

@media screen and (max-width:767px) {
    .errorinfobox {
        margin-left: 15px;
        margin-right: 15px
    }
}

.errorinfobox .requiredindicator {
    top: 2px
}

.ppxwarning {
    border: 1px solid #cc9400;
    color: #cc9400
}

#account .errorinfobox {
    margin: 40px 0
}

.formactions {
    margin: 20px 0
}

.forgotpassword,
.requiredfields {
    font-size: 12px;
    line-height: 14px;
    margin: 0 0 8px
}

.requiredfields {
    float: left
}

.requiredfields span {
    color: #000000;
    font-family: var(--font-family-sub-heading);
}

.forgotpassword {
    float: right
}

.forgotpassword a {
    color: #494e53;
    text-decoration: underline
}

.product_quantity .quantity-wrapper {
    white-space: nowrap
}

.product_quantity .quantity-wrapper .stepper,
.product_quantity .quantity-wrapper .value {
    display: inline-block;
    width: 29px;
    height: 29px;
    text-align: center;
    line-height: 29px;
    vertical-align: middle
}

@media screen and (max-width:580px) {
    .product_quantity .quantity-wrapper .stepper,
    .product_quantity .quantity-wrapper .value {
        width: 25px;
        height: 25px;
        line-height: 25px
    }
}

@media screen and (max-width:580px) {
    .product_quantity .quantity-wrapper .stepper:not(.minus),
    .product_quantity .quantity-wrapper .value {
        margin-left: -4px
    }
}

.product_quantity .quantity-wrapper .stepper {
    border: 1px solid #aeb2b1;
    cursor: pointer;
    background-image: url(../images/icons/spritemain.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.svg .product_quantity .quantity-wrapper .stepper {
    background-image: url(../images/icons/spritemain.svg)
}

.product_quantity .quantity-wrapper .stepper.disabled {
    background-color: inherit;
    pointer-events: none;
    cursor: default;
    opacity: .7
}

.product_quantity .quantity-wrapper .stepper.minus {
    background-position: 9px -1538px
}

@media screen and (max-width:580px) {
    .product_quantity .quantity-wrapper .stepper.minus {
        background-position: 7px -1540px
    }
}

.product_quantity .quantity-wrapper .stepper.plus {
    background-position: -41px -1541px
}

@media screen and (max-width:580px) {
    .product_quantity .quantity-wrapper .stepper.plus {
        background-position: -43px -1543px
    }
}

input[disabled]~label {
    opacity: .5
}

.cardcvn .textinput {
    text-security: disc;
    -webkit-text-security: disc;
    -mox-text-security: disc
}

@-moz-document url-prefix() {
    @font-face {
        font-family: Text-security;
        src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAXYAA8AAAAAC+AAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAchCwV1kdERUYAAAF0AAAAHAAAAB4AJwAdT1MvMgAAAZAAAABBAAAAVmK/g99jbWFwAAAB1AAAAIkAAAOOM1beYWN2dCAAAAJgAAAABAAAAAQAQgTzZ2FzcAAAAmQAAAAIAAAACAAAABBnbHlmAAACbAAAAOgAAAJcMQfzFGhlYWQAAANUAAAAMwAAADYVo8riaGhlYQAAA4gAAAAeAAAAJAyCCIhobXR4AAADqAAAAEEAAABcPDoCmmxvY2EAAAPsAAAAHAAAADAFrAY4bWF4cAAABAgAAAAfAAAAIAEjAFBuYW1lAAAEKAAAAR0AAAJUEENddHBvc3QAAAVIAAAAhgAAAPFB1h5hd2ViZgAABdAAAAAGAAAABkxEW6IAAAABAAAAANXulPUAAAAA1nWEHQAAAADXx/zDeNpjYGRgYOABYjEgZmJgBEIxIGYB8xgABJAARXjaY2Bk2ss4gYGVgYUhlbWCgYFRAkIzH2BIYmJhYGBiYGVmwAoC0lxTGBwYGFX/sF8A8Vl8GDSAFCOIDQCMzwh+AAAAeNpjYGBgZoBgGQZGIMnA1AHkMYL5LEw5QFqMQQAowsbwnzGYsYLpGNMdBS4FEQV9hXjVP///g3QwBkHFGRQEkMX/df+1/av+gOX+//tP72+7JQU0VYxJhAETMI/CEQ8ZGNmACWGQAwZkAoxAboakYYg4MzKbWUgYmryZ4SkdxZNw86BSAF4uIK8AAAAAQgTzAAEAAf//AA942mNgYnBiYGAKYTVlYGZgZ9DbyMigb7OJnYXhrdFGNtY7NpuYmYBMho3MIGFWkPAmdjbGPzabGEHixoKKgqqKgopOTEL/DBj7/hWxmv467cSykQFoJEMK4xemPSw+QLYoAwOjooi4mLiYkbmZuZmJupq6mhI7G9CgCf+uaGq4uC1yc9HQhDOYFQJR+CDGyDSPxQfNPAW4eQog85gi/vG4OBeWMvKVFjq7gFj/PoFYWE2ExgmHCX4zWXz+SHS2Pn7JJPPycWsniPX3CYiFw0xGIGYAu5OZgQGYHBRZfH5vAWEGBgAANYfceNpjYGRgYABic2+p3Hh+m68M8uwXgCIM10pbZEH09eN/DoNoDhNWUxDFwATiAQATvQlqAHjaY2BkYGDx+X+DgYFjBgMQcJgwMDKgAnEAVKEDHQAAeNpjusHgxAAETLMYGJgVGFJANKsphA+iGfcAsS9QwT0oXgbkcwFpL4h6GGbZwJDCMYMhBSQHUs/iw8AAADzODAgAAAB42mNgYNABwxAcsIZhCcMZhm+MCmCoBwCnwAfpeNpjYGRgYBBnEGNgYgABEMkFhAwM/xn0QAIADfEBdAB42o2PvU4CQRSFz7hoFKMlBdUWxk5ciRqlssJeEqhBXF1Fdl1Woy9gYWFtaXwWC3+ewLfxm2GgoNpMcue795x774ykDX0okKmsyWhL8rykTbIpB1DTc0X76npeVk0vnlfwvHuu4vj0vK5tU/f8pZo58fytyMzm/GjVPHv+VdW8TvkvUN28qdCFHok7mkDnuleuhPyJyhCaUDtDuUQZqY9apqOMJ1yY2yXLURKlGqPuqaGo1KRTlLHr7jv/kO4BjhD1gQ1NqoVi8hhPqluo7bZY94iTUsmcdu22FOy+cl2ZWtrlxAv+Bi47qUdlMFdnr+75V3S4M1c9JkbEFnxIPOAOeVnEfaQbfNaZut/ZWe35xI7u+HWCktvt//1UW8sAAAB42m3MzQ7BUBQE4DNVLfVPpa9x7+VSS5H0PSRom4gI6cJr8YLIGTuz+eacxUggmlT+JxNBgBZCtBEhRgddJOihjwGGGGGMCabylBdmSDGPyvPjWlnFxc2lNsbYr+5T6O92dEGX1NMVXdOcbuhWtdy1NjnVZXM7Hvb3Sl+uUL3qi90b7QEvdgAAAAFbokxDAAA=) format("woff")
    }
    .cardcvn .textinput {
        font-family: Text-security, var(--font-family-base);, "Century Gothic", Arial, Verdana, sans-serif
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .cardcvn .textinput {
        font-family: Text-security, var(--font-family-base);, "Century Gothic", Arial, Verdana, sans-serif;
        font-size: 18px
    }
}

.advice-teaser h2,
.headline-xlarge,
.largeteaser .teaser-headline {
    font-size: 26px;
    text-transform: uppercase;
    line-height: 32px;
    font-weight: 400;
    margin: 0 0 25px;
    word-spacing: 3px
}

@media screen and (max-width:980px) {
    .advice-teaser h2,
    .headline-xlarge,
    .largeteaser .teaser-headline {
        padding: 0
    }
}

.advice-teaser .headline-xlarge,
.advice-teaser h2 {
    text-align: center
}

@media screen and (max-width:767px) {
    .advice-teaser .headline-xlarge,
    .advice-teaser h2 {
        font-size: 16px
    }
}

.headline-adviceteaser {
    font-size: 35px;
    text-transform: uppercase;
    font-family: var(--font-family-sub-heading);
}

@media screen and (max-width:980px) {
    .headline-adviceteaser {
        font-size: 28px
    }
}

@media screen and (max-width:767px) {
    .headline-adviceteaser {
        font-size: 18px
    }
}

.headline-large,
.teaserOpener-headline {
    font-size: 24px;
    font-family: var(--font-family-sub-heading);
    word-spacing: 3px;
    letter-spacing: 2px;
    line-height: 30px;
    text-transform: uppercase;
    margin: 0
}

@media screen and (max-width:767px) {
    .headline-large,
    .teaserOpener-headline{
        font-size: 18px;
        line-height: 24px;
        padding-top: 15px
    }
}

.headline-large big,
.teaserOpener-headline big {
    font-size: 177%;
    line-height: 125%;
    font-weight: 700;
    display: block;
    font-family: var(--font-family-sub-heading);
}

@media screen and (max-width:767px) {
    #recom_products_range .headline-large {
        font-size: 16px;
        line-height: 22px;
        padding-top: 3px
    }
}

.headline.script,
.script {
    font-family: var(--font-family-base);
    word-spacing: 3px;
    text-transform: none;
    font-size: 3em;
    line-height: 1.1em
}

.letterspace {
    letter-spacing: 4px
}

@media screen and (max-width:980px) {
    .letterspace {
        letter-spacing: 3px
    }
}

.uppercase {
    text-transform: uppercase
}

.bold {
    font-family: var(--font-family-sub-heading);
}

.headline-section,
.headline-section-lined {
    font-size: 20px;
    font-family: var(--font-family-sub-heading);
    line-height: 26px;
    text-transform: uppercase;
    margin: 0 0 20px;
    letter-spacing: 2px
}

#promo-ticker .headline-section {
    margin: 0;
    line-height: 28px
}

@media screen and (max-width:767px) {
    #promo-ticker .headline-section {
        font-size: 14px;
        line-height: 20px
    }
}

.headline-subheadline-section {
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 25px;
    color: #494e53
}

.headline-subheadline-section .headline-section-light {
    font-size: 22px;
    display: block;
    font-family: var(--font-family-base);
    margin: 3px 0;
    letter-spacing: 4px;
    line-height: 25px
}

@media screen and (max-width:980px) {
    .headline-subheadline-section .headline-section-light {
        letter-spacing: 3px
    }
}

@media screen and (max-width:580px) {
    .headline-subheadline-section .headline-section-light {
        font-size: 18px;
        letter-spacing: 2px;
        line-height: 20px
    }
}

.headline-subheadline-section .subheadline-section-light {
    font-size: 22px;
    display: block;
    font-family: var(--font-family-base);
    margin: 3px 0;
    letter-spacing: 2px;
    line-height: 25px;
    text-transform: none
}

@media screen and (max-width:580px) {
    .headline-subheadline-section .subheadline-section-light {
        font-size: 18px;
        line-height: 20px
    }
}

.headline-subheadline-section .subheadline-word-bold {
    font-weight: 700;
    letter-spacing: 3px
}

.headline-subheadline-section span.headline-section-bold {
    font-size: 39px;
    font-family: var(--font-family-heading);
    display: block;
    margin: 3px 0;
    letter-spacing: 3px;
    line-height: 40px
}

@media screen and (max-width:580px) {
    .headline-subheadline-section span.headline-section-bold {
        font-size: 28px;
        letter-spacing: 2px;
        line-height: 26px
    }
}

.headline-section-lined {
    word-spacing: 3px;
    margin: 40px 0 20px;
    text-align: center
}

.headline-section-lined span {
    display: inline-block;
    position: relative;
    padding: 10px 30px;
    background: #fff;
    z-index: 2
}

@media screen and (max-width:767px) {
    .headline-section-lined span {
        padding-right: 20px
    }
}

.headline-section-lined::after {
    border-bottom: 1px solid #cfd1d0;
    content: '';
    display: block;
    width: 100%;
    position: relative;
    top: -24px;
    z-index: 1
}

.headline-section-lined.boxed {
    margin-bottom: -20px
}

@media screen and (max-width:767px) {
    .headline-section-lined.boxed {
        margin: 30px 0 0
    }
}

.headline-section-lined.boxed.static {
    margin: 0
}

@media screen and (max-width:767px) {
    .headline-section-lined.acccounttitle {
        margin: 40px 0 20px
    }
}

#product-review-header .headline-section-lined,
#recom_products_range .headline-section-lined,
#recom_products_styles .headline-section-lined {
    font-size: 24px;
    text-align: left
}

@media screen and (max-width:980px) {
    #product-review-header .headline-section-lined,
    #recom_products_range .headline-section-lined,
    #recom_products_styles .headline-section-lined {
        font-size: 22px
    }
}

@media screen and (max-width:580px) {
    #product-review-header .headline-section-lined,
    #recom_products_range .headline-section-lined,
    #recom_products_styles .headline-section-lined {
        font-size: 16px
    }
}

#product-review-header .headline-section-lined span,
#recom_products_range .headline-section-lined span,
#recom_products_styles .headline-section-lined span {
    padding: 10px 0;
    letter-spacing: 2px
}

@media screen and (max-width:767px) {
    #product-review-header .headline-section-lined span,
    #recom_products_range .headline-section-lined span,
    #recom_products_styles .headline-section-lined span {
        letter-spacing: 1px
    }
}

#product-review-header .headline-section-lined::after,
#recom_products_range .headline-section-lined::after,
#recom_products_styles .headline-section-lined::after {
    display: none
}

#NewsletterSub .teaserOpener-headline,
#NewsletterSub h1,
#menu .headline,
#servicepages h2,
.headline-small-bold,
.moredetails-headline,
h3,
h4 {
    font-size: 14px;
    font-weight: 400;
    font-family: var(--font-family-sub-heading);
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0 0 10px
}

#NewsletterSub .teaserOpener-headline::after,
#NewsletterSub h1::after,
#menu .headline::after,
#servicepages h2::after,
.headline-small-bold::after,
.moredetails-headline::after,
h3::after,
h4::after {
    border-bottom: none
}

#NewsletterSub .coupon-label.teaserOpener-headline,
#NewsletterSub h1.coupon-label,
#menu .headline.coupon-label,
#servicepages h2.coupon-label,
.coupon-label.moredetails-headline,
.headline-small-bold.coupon-label,
h3.coupon-label,
h4.coupon-label {
    text-transform: none
}

#NewsletterSub .teaserOpener-headline,
#NewsletterSub h1,
#menu .headline,
#servicepages h2,
h3,
h4 {
    text-align: left
}

.headline-small-light {
    font-size: 14px;
    font-weight: 400;
    font-family: var(--font-family-base);
    letter-spacing: 2px;
    padding: 10px 0
}

.headline-small-light::after {
    border-bottom: none
}

.headline-small-light .filter-head,
.headline-small-light .toggleBox {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap
}

#menu .headline {
    text-transform: uppercase
}

#servicepages .headline-small-bold,
#servicepages .moredetails-headline,
#servicepages h2,
#servicepages h3 {
    margin: 25px 0 10px;
    padding: 0
}

#servicepages .contactus-box-header .headline-small-bold,
#servicepages .contactus-box-header .moredetails-headline {
    margin-top: 0
}

#minicartRecommendations .headline-small-bold,
#minicartRecommendations .moredetails-headline {
    margin: 35px 0 0
}

#NewsletterSub .teaserOpener-headline,
#NewsletterSub .text.firstblock .headline-small-bold,
#NewsletterSub .text.firstblock .moredetails-headline,
#NewsletterSub h1 {
    font-size: 16px;
    line-height: 22px;
    word-spacing: 3px
}

@media screen and (max-width:767px) {
    #recom_products_range .headline-small-bold.product_type,
    #recom_products_range .product_type.moredetails-headline {
        font-size: 12px;
        line-height: 18px
    }
}

.headline-small {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 25px 0 0;
    padding: 0 0 10px
}

@media screen and (max-width:767px) {
    .headline-small {
        font-size: 16px
    }
}

.headline-small-spacing {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px
}

#product_information_features .headline-small,
#product_shopwithconfidence .headline-small {
    margin: 0
}

@media screen and (max-width:767px) {
    #product_information_features .headline-small,
    #product_shopwithconfidence .headline-small,
    #product_variant_details .headline-small {
        font-size: 14px;
        line-height: 20px;
        padding: 0 0 5px
    }
}

.headline-medium {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    padding: 0
}

@media screen and (max-width:767px) {
    #promo-ticker .headline-medium {
        font-size: 14px;
        line-height: 20px
    }
}

.headline-bold {
    font-size: 14px;
    font-family: var(--font-family-sub-heading);
    font-weight: 400
}

.main-brasizecalculator a {
    color: #494e53;
    text-decoration: underline;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.main-brasizecalculator a:active,
.main-brasizecalculator a:focus,
.main-brasizecalculator a:hover {
    text-decoration: none;
    outline: 0
}

#account .headtext ul:not(.accordion-list),
#account .static-content .contentasset ul:not(.accordion-list),
#servicepages .headtext ul:not(.accordion-list),
#servicepages .static-content .contentasset ul:not(.accordion-list) {
    margin: 7px 0
}

#account .headtext ul:not(.accordion-list) li,
#account .static-content .contentasset ul:not(.accordion-list) li,
#servicepages .headtext ul:not(.accordion-list) li,
#servicepages .static-content .contentasset ul:not(.accordion-list) li {
    padding: 3px 0 4px 18px
}

#account .headtext ul:not(.accordion-list) li::before,
#account .static-content .contentasset ul:not(.accordion-list) li::before,
#servicepages .headtext ul:not(.accordion-list) li::before,
#servicepages .static-content .contentasset ul:not(.accordion-list) li::before {
    content: "-";
    position: absolute;
    margin-left: -15px
}

#newsletter .checklist ul:not(.accordion-list),
#newsletter .infotext ul:not(.accordion-list),
#servicepages .checklist ul:not(.accordion-list),
#servicepages .infotext ul:not(.accordion-list) {
    margin: 7px 0 10px;
    padding: 0 0 0 20px;
    list-style-image: url(../images/icons/checkmarks/checkmark_green.png)
}

.svg #newsletter .checklist ul:not(.accordion-list),
.svg #newsletter .infotext ul:not(.accordion-list),
.svg #servicepages .checklist ul:not(.accordion-list),
.svg #servicepages .infotext ul:not(.accordion-list) {
    list-style-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2212px%22%20height%3D%229.6px%22%20viewBox%3D%220%20-3%2012%209.6%22%20enable-background%3D%22new%200%20-3%2012%209.6%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Check_Mark__x23_8f9491%22%3E%0D%0A%09%3Cpolygon%20fill%3D%22%2341850F%22%20points%3D%225.4%2C6.6%200%2C1.2%201.3%2C-0.1%205.2%2C3.8%2010.5%2C-3%2012%2C-1.8%20%09%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A")
}

#newsletter .checklist ul:not(.accordion-list) li,
#newsletter .infotext ul:not(.accordion-list) li,
#servicepages .checklist ul:not(.accordion-list) li,
#servicepages .infotext ul:not(.accordion-list) li {
    padding: 2px 0 2px 6px
}

#co_confirm_newsletter ul,
.mininlspandiv ul {
    margin: 7px 0 10px;
    padding: 0 0 0 20px;
    list-style-image: url(../images/icons/checkmarks/checkmark_green.png)
}

.svg #co_confirm_newsletter ul,
.svg .mininlspandiv ul {
    list-style-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2212px%22%20height%3D%229.6px%22%20viewBox%3D%220%20-3%2012%209.6%22%20enable-background%3D%22new%200%20-3%2012%209.6%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Check_Mark__x23_8f9491%22%3E%0D%0A%09%3Cpolygon%20fill%3D%22%2341850F%22%20points%3D%225.4%2C6.6%200%2C1.2%201.3%2C-0.1%205.2%2C3.8%2010.5%2C-3%2012%2C-1.8%20%09%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A")
}

#co_confirm_newsletter ul li,
.mininlspandiv ul li {
    padding: 2px 0 2px 6px
}

.list-dots {
    list-style: disc;
    margin-left:	0;
}

.list-dots li {
    margin-left: 17px
}

#header-old .minicart {
    margin: 0;
    padding: 0;
    float: right
}

@media screen and (max-width:1160px) {
    #header-old .minicart {
        padding: 0 20px 0 0
    }
}

@media screen and (max-width:767px) {
    #header-old .minicart {
        margin: 0;
        padding: 0 15px 0 0
    }
}

#header-old .minicart .cartlabel {
    display: inline-block;
    text-align: center;
    width: 23px;
    height: 27px;
    position: relative;
    background-image: url(../images/icons/spritemain.png);
    background-position: 0 -50px;
    background-repeat: no-repeat
}

.svg #header-old .minicart .cartlabel {
    background-image: url(../images/icons/spritemain.svg)
}

#header-old .minicart .cartlabel a {
    color: #fff;
    display: block;
    line-height: 29px;
    padding: 4px 0 0;
    font-family: var(--font-family-sub-heading);
}

@media screen and (max-width:980px) {
    #header-old .minicart .cartlabel {
        margin: 0
    }
}

#header-old .minicart .empty .cartlabel {
    background-image: url(../images/icons/spritemain.png);
    background-position: -50px 0;
    background-repeat: no-repeat
}

.svg #header-old .minicart .empty .cartlabel {
    background-image: url(../images/icons/spritemain.svg)
}

@media screen and (max-width:767px) {
    #header-old .minicart .empty .cartlabel {
        background-position: -50px 0
    }
}

#header-old .minicart .go2cartshow {
    background-image: url(../images/icons/spritemain.png);
    background-position: 0 -50px;
    background-repeat: no-repeat
}

.svg #header-old .minicart .go2cartshow {
    background-image: url(../images/icons/spritemain.svg)
}

.minicartdialogclass.ui-dialog .ui-dialog-titlebar.ui-widget-header {
    margin-top: -20px;
    padding: 0
}

.minicartdialogclass #minicartDialog.ui-dialog-content {
    overflow: hidden
}

.minicartdialogclass #minicartDialog .js_hide {
    display: none!important
}

.minicartdialogclass #minicartDialog #minicartcontents {
    padding: 0 19px 19px
}

.minicartdialogclass #minicartDialog #minicartcontents .box>.headline-small-bold,
.minicartdialogclass #minicartDialog #minicartcontents .box>.moredetails-headline {
    margin: 25px 0 20px
}

.minicartdialogclass #minicartDialog #minicartcontents .box .minicart-item {
    border-bottom: 1px solid #cfd1d0;
    display: inline-block;
    width: 100%
}

.minicartdialogclass #minicartDialog #minicartcontents .box .minicart-item .product-image {
    float: left;
    margin: 0 15px 20px 0
}

@media screen and (max-width:767px) {
    .minicartdialogclass #minicartDialog #minicartcontents .box .minicart-item .product-image {
        margin-right: 0;
        width: 40%
    }
    .minicartdialogclass #minicartDialog #minicartcontents .box .minicart-item .product-image img {
        width: 100%
    }
}

@media screen and (max-width:767px) and (max-width:580px) {
    .minicartdialogclass #minicartDialog #minicartcontents .box .minicart-item .product-image {
        width: 35%
    }
}

.minicartdialogclass #minicartDialog #minicartcontents .box .minicart-item .product-info {
    float: left;
    margin-top: 20px
}

@media screen and (max-width:767px) {
    .minicartdialogclass #minicartDialog #minicartcontents .box .minicart-item .product-info {
        float: right;
        width: 55%
    }
}

@media screen and (max-width:580px) {
    .minicartdialogclass #minicartDialog #minicartcontents .box .minicart-item .product-info {
        width: 60%;
        margin: -5px 0 10px
    }
}

.minicartdialogclass #minicartDialog #minicartcontents .box .minicart-item .product-info .name .item-name {
    display: inline-block;
    line-height: 30px
}

@media screen and (max-width:580px) {
    .minicartdialogclass #minicartDialog #minicartcontents .box .minicart-item .product-info .name .item-name {
        line-height: 18px
    }
}

.minicartdialogclass #minicartDialog #minicartcontents .box .minicart-item .product-info .attribute {
    line-height: 20px
}

.minicartdialogclass #minicartDialog #minicartcontents .box .minicart-item .product-info .attribute.priceattribute {
    line-height: 40px;
    margin-top: 0
}

@media screen and (max-width:580px) {
    .minicartdialogclass #minicartDialog #minicartcontents .box .minicart-item .product-info .attribute.priceattribute {
        line-height: 25px;
        margin: 10px 0
    }
}

.minicartdialogclass #minicartDialog #minicartcontents .box .minicart-item .product-info .attribute.priceattribute .value {
    font-family: var(--font-family-sub-heading);
}

.minicartdialogclass #minicartDialog #minicartcontents .box .minicart-item .product-info .attribute.priceattribute .value.standardprice {
    text-decoration: line-through
}

.minicartdialogclass #minicartDialog #minicartcontents .box .minicart-item .product-info .attribute.priceattribute .value.salesprice {
    color: #000000
}

.minicartdialogclass #minicartDialog #minicartcontents .box .minicart-item .product-info .attribute.priceattribute .tax-include {
    display: inline-block
}

.minicartdialogclass #minicartDialog #minicartcontents .box .minicart-layer-buttons {
    margin: 19px 0 0
}

.minicartdialogclass #minicartDialog #minicartcontents .box .minicart-layer-buttons #minicartClose {
    float: left
}

.minicartdialogclass #minicartDialog #minicartcontents .box .minicart-layer-buttons #minicartGoForward {
    float: right
}

@media screen and (max-width:767px) {
    .minicartdialogclass #minicartDialog #minicartcontents .box .minicart-layer-buttons #minicartClose,
    .minicartdialogclass #minicartDialog #minicartcontents .box .minicart-layer-buttons #minicartGoForward {
        display: block;
        float: none;
        clear: both
    }
    .minicartdialogclass #minicartDialog #minicartcontents .box .minicart-layer-buttons #minicartClose {
        margin-bottom: 15px
    }
}

.minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations {
    height: 315px;
    width: 100%
}

@media screen and (max-width:980px) {
    .minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations {
        width: auto;
        float: none;
        clear: both
    }
}

@media screen and (max-width:767px) {
    .minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations {
        height: auto
    }
}

.minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .headline {
    font-family: var(--font-family-sub-heading);
    margin: 35px 0 0
}

.minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .recom_products_range_carousel .tile,
.minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .recom_products_styles_carousel .tile {
    position: relative
}

.minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .recom_products_range_carousel .tile-link,
.minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .recom_products_styles_carousel .tile-link {
    text-decoration: none
}

.minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .recom_products_range_carousel .tile .image,
.minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .recom_products_styles_carousel .tile .image {
    position: relative
}

.minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .recom_products_range_carousel .tile img,
.minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .recom_products_styles_carousel .tile img {
    display: block;
    width: 100%
}

.minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .recom_products_range_carousel .productinfo,
.minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .recom_products_styles_carousel .productinfo {
    padding: 7px 0
}

.minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .recom_products_range_carousel .productinfo .headline-small-bold,
.minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .recom_products_range_carousel .productinfo .moredetails-headline,
.minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .recom_products_range_carousel .productinfo .price,
.minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .recom_products_styles_carousel .productinfo .headline-small-bold,
.minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .recom_products_styles_carousel .productinfo .moredetails-headline,
.minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .recom_products_styles_carousel .productinfo .price {
    font-size: 14px;
    letter-spacing: 1px;
    margin: 0;
    padding: 0
}

@media screen and (max-width:980px) {
    .minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .recom_products_range_carousel .productinfo .headline-small-bold,
    .minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .recom_products_range_carousel .productinfo .moredetails-headline,
    .minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .recom_products_range_carousel .productinfo .price,
    .minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .recom_products_styles_carousel .productinfo .headline-small-bold,
    .minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .recom_products_styles_carousel .productinfo .moredetails-headline,
    .minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .recom_products_styles_carousel .productinfo .price {
        letter-spacing: 0
    }
}

.minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .recom_products_range_carousel .productinfo .headline-small-spacing,
.minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .recom_products_styles_carousel .productinfo .headline-small-spacing {
    letter-spacing: 0
}

.minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .recom_products_range_carousel .productinfo .pricing,
.minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .recom_products_styles_carousel .productinfo .pricing {
    text-align: left
}

.minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .recom_products_range_carousel .productinfo .price,
.minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .recom_products_styles_carousel .productinfo .price {
    font-family: var(--font-family-sub-heading);
}

.minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .recom_products_range_carousel .productinfo .discountprice .standardprice,
.minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .recom_products_styles_carousel .productinfo .discountprice .standardprice {
    display: inline-block;
    text-decoration: line-through
}

.minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .recom_products_range_carousel .productinfo .discountprice .salesprice,
.minicartdialogclass #minicartDialog #minicartcontents .box #minicartRecommendations .recom_products_styles_carousel .productinfo .discountprice .salesprice {
    color: #000000
}

@media screen and (max-width:767px) {
    .minicartdialogclass #minicartDialog {
        height: auto!important
    }
}

@media screen and (max-width:767px) {
    .minicartdialogclass {
        width: 98%!important
    }
}

#header-old .minicarttotal {
    position: relative;
    z-index: 10
}

#header-old .minicarttotal:hover {
    cursor: pointer
}

#header-old .minicarttotal .cart-link {
    position: absolute;
    top: -4px;
    left: -4px;
    width: 32px;
    height: 40px
}

#header-old .minicart-dropdown {
    position: relative;
    transition: all .2s ease;
    opacity: 0;
    z-index: -1
}

#header-old .minicart-dropdown.show-block {
    opacity: 1;
    z-index: 99
}

#header-old .minicart-dropdown .minicartcontent {
    position: absolute;
    top: 25px;
    right: 11px;
    width: 330px;
    padding: 20px 0 100px
}

#header-old .minicart-dropdown .minicartcontent .triagle {
    position: absolute;
    top: -17px;
    right: 3px;
    width: 38px;
    height: 38px;
    overflow: hidden;
    box-shadow: 0 16px 1px -17px rgba(0, 0, 0, .5);
    pointer-events: none
}

#header-old .minicart-dropdown .minicartcontent .triagle::after {
    content: "";
    position: absolute;
    top: 35px;
    left: 0;
    width: 38px;
    height: 38px;
    background: #fff;
    transform: rotate(45deg);
    box-shadow: -1px -1px 7px -2px rgba(0, 0, 0, .4)
}

#header-old .minicart-dropdown .minicartcontent .headline-small-bold,
#header-old .minicart-dropdown .minicartcontent .moredetails-headline {
    padding: 0 20px 15px
}

#header-old .minicart-dropdown .minicartcontent .box {
    padding: 25px 0 0;
    border: 1px solid #cfd1d0;
    background: #fff;
    overflow: hidden;
    -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 1px 0 3px rgba(0, 0, 0, .2);
    -o-box-shadow: 1px 0 3px rgba(0, 0, 0, .2);
    box-shadow: 1px 0 3px rgba(0, 0, 0, .2)
}

#header-old .minicart-dropdown .minicartcontent .box a.icon {
    float: right
}

#header-old .minicart-dropdown .minicartcontent .box .summaryproduct {
    background-color: #fff;
    padding: 20px 0;
    clear: both;
    border-bottom: 1px solid #cfd1d0;
    overflow: hidden
}

#header-old .minicart-dropdown .minicartcontent .box .summaryproduct:first-child {
    padding-top: 0
}

#header-old .minicart-dropdown .minicartcontent .box .summaryproduct:last-child {
    border-bottom: none
}

#header-old .minicart-dropdown .minicartcontent .box .summaryproduct .image {
    margin-right: 10px;
    float: left;
    width: 105px;
    height: 120px;
    background-size: cover
}

#header-old .minicart-dropdown .minicartcontent .box .summaryproduct .image a {
    display: block;
    width: 100%;
    height: 100%
}

#header-old .minicart-dropdown .minicartcontent .box .summaryproduct .labelbox {
    margin: 0 0 0 115px;
    text-align: left
}

#header-old .minicart-dropdown .minicartcontent .box .summaryproduct .pricing {
    margin: 9px 0 0;
    font-weight: 700;
    text-align: right
}

#header-old .minicart-dropdown .minicartcontent .box .summaryproduct .pricing .standardprice {
    display: inline-block;
    text-decoration: line-through;
    margin: 0 6px 0 0
}

#header-old .minicart-dropdown .minicartcontent .box .summaryproduct .pricing .salesprice {
    display: inline-block;
    color: #b20728;
    font-weight: 700
}

#header-old .minicart-dropdown .minicartcontent .box .summaryproduct .name {
    margin: 6px 0 1px;
    font-family: var(--font-family-sub-heading);
    color: #494e53
}

#header-old .minicart-dropdown .minicartcontent .box .summaryproduct .name a {
    color: #494e53
}

#header-old .minicart-dropdown .minicartcontent .box .summaryproduct .name a:hover {
    text-decoration: underline
}

#header-old .minicart-dropdown .minicartcontent .box .summaryproduct .shortDescription {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#header-old .minicart-dropdown .minicartcontent .box .summaryproduct .description {
    text-decoration: none
}

#header-old .minicart-dropdown .minicartcontent .box .summaryproduct .attribute {
    text-decoration: none;
    font-weight: 400;
    margin-right: 5px
}

#header-old .minicart-dropdown .minicartcontent .box .summaryproduct .attribute .label {
    display: none
}

#header-old .minicart-dropdown .minicartcontent .box .minicarttotals {
    border-bottom: 1px solid #cfd1d0;
    border-top: 1px solid #cfd1d0;
    padding: 20px 15px;
    background-color: #f4f2ef
}

#header-old .minicart-dropdown .minicartcontent .box .minicarttotals .incltax {
    width: 100%;
    text-align: right
}

#header-old .minicart-dropdown .minicartcontent .box .minicarttotals .exclshipping {
    float: right;
    text-align: right;
    margin-top: 2px
}

#header-old .minicart-dropdown .minicartcontent .box .minicarttotals .freeshippingmessage {
    float: right;
    text-align: right;
    margin-top: 8px;
    color: #000000
}

#header-old .minicart-dropdown .minicartcontent .box .minicarttotals .freeshippingmessage var,
#header-old .minicart-dropdown .minicartcontent .box .minicarttotals .subtotallabel,
#header-old .minicart-dropdown .minicartcontent .box .minicarttotals .subtotalprice {
    font-family: var(--font-family-sub-heading);
}

#header-old .minicart-dropdown .minicartcontent .box .minicarttotals .subtotallabel {
    float: left;
    text-transform: uppercase
}

#header-old .minicart-dropdown .minicartcontent .box .minicarttotals .subtotalprice {
    float: right
}

#header-old .minicart-dropdown .minicartcontent .box .minicarttotals .discountlabel,
#header-old .minicart-dropdown .minicartcontent .box .minicarttotals .discountvalue,
#header-old .minicart-dropdown .minicartcontent .box .minicarttotals .incltax,
#header-old .minicart-dropdown .minicartcontent .box .minicarttotals .ordertotallabel,
#header-old .minicart-dropdown .minicartcontent .box .minicarttotals .ordertotalprice,
#header-old .minicart-dropdown .minicartcontent .box .minicarttotals .shippingdiscountlabel,
#header-old .minicart-dropdown .minicartcontent .box .minicarttotals .shippingdiscountprice,
#header-old .minicart-dropdown .minicartcontent .box .minicarttotals .shippinglabel,
#header-old .minicart-dropdown .minicartcontent .box .minicarttotals .shippingprice {
    display: none
}

#header-old .minicart-dropdown .minicartcontent .box .minicarttotals .couponlabel.loyalty,
#header-old .minicart-dropdown .minicartcontent .box .minicarttotals .couponvalue.loyalty {
    color: #bfa4b6
}

#header-old .minicart-dropdown .minicartcontent .box .minicarttotals .couponlabel {
    float: left
}

#header-old .minicart-dropdown .minicartcontent .box .minicarttotals .couponvalue {
    float: right
}

#header-old .minicart-dropdown .minicartcontent .linktocart {
    padding: 20px;
    text-align: center
}

#header-old .minicart-dropdown .minicartcontent .linktocart .button {
    display: block;
    color: #fff;
    line-height: 20px
}

#footer-old+.external-wrapper .minicarttotal {
    display: none
}

.minicartcontent .ppx-form {
    padding: 0 20px 20px
}

.js_showhide {
    display: none
}

.disabledcontainer {
    font-size: 131%;
    border: 3px solid red;
    border-top: none;
    padding: 15px;
    margin: auto
}
/*
p {
    margin: 10px 0
}
*/
p.small {
    font-size: 12px;
    color: #6a6f74
}

.whitetext {
    color: #fff
}

#promo-ticker {
    margin: 0 auto;
    position: relative;
    width: 1160px;
    z-index: 6
}

@media screen and (max-width:1160px) {
    #promo-ticker {
        width: auto
    }
}

@media screen and (max-width:767px) {
    #promo-ticker {
        margin-bottom: 15px
    }
}

#promo-ticker .promo-ticker {
    text-align: center
}

#promo-ticker .promo-ticker p {
    margin: 0
}

#promo-ticker .promo-ticker .promo {
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px 10px 9px
}

@media screen and (max-width:767px) {
    #promo-ticker .hideonmobile {
        display: none
    }
}

@media screen and (max-width:767px) {
    #product #promo-ticker {
        display: none
    }
}

.promo-ticker {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    color: #fff;
    background-color: #b4a4a7
}

@media screen and (max-width:767px) {
    .promo-ticker {
        display: block
    }
}

.promo-ticker.countdown {
    position: relative;
    top: 4px
}

@media screen and (max-width:767px) {
    .promo-ticker.countdown {
        position: static
    }
}

#home .promo-ticker.countdown {
    margin-bottom: -23px
}

@media screen and (max-width:767px) {
    #home .promo-ticker.countdown {
        margin-bottom: 0
    }
}

.promo-ticker a {
    color: #fff;
    text-decoration: none
}

.promo-ticker .promo-countdown {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.promo-ticker .promo-countdown .col {
    flex-grow: 0;
    padding: 0 10px
}

.promo-ticker .promo-countdown .col #cd_days,
.promo-ticker .promo-countdown .col #cd_hours,
.promo-ticker .promo-countdown .col #cd_minutes,
.promo-ticker .promo-countdown .col #cd_seconds {
    min-height: 18px
}

.promo-ticker .col {
    position: relative;
    text-align: center
}

.promo-ticker .col .promo {
    padding-right: 0;
    padding-left: 0
}

.promo-ticker .col .borderright {
    position: absolute;
    top: 10px;
    right: 0;
    display: block;
    width: 1px;
    height: 20px;
    background: #fff
}

.promo-ticker .col.colone {
    width: 100%
}

.promo-ticker .col.coltwo {
    width: 50%
}

.promo-ticker .col.colthree {
    width: 33.3%
}

.promo-ticker .col.colfour {
    width: 25%
}

.promo-ticker .col.colfive {
    width: 20%
}

@media screen and (max-width:767px) {
    .promo-ticker .col.colfive,
    .promo-ticker .col.colfour,
    .promo-ticker .col.colthree,
    .promo-ticker .col.coltwo {
        width: 100%
    }
}

#recom_products_range .moredetailscontent,
.recom_products_quickview .moredetailscontent {
    background-color: #fff;
    border: 1px solid #cfd1d0;
    margin: 10px 0 0
}

#recom_products_range .moredetailscontent .badges,
.recom_products_quickview .moredetailscontent .badges {
    bottom: 37px
}

#recom_products_range .suggestiontile,
.recom_products_quickview .suggestiontile {
    padding: 0;
    margin: 0 0 40px;
    position: relative
}

@media screen and (max-width:767px) {
    #recom_products_range .suggestiontile,
    .recom_products_quickview .suggestiontile {
        padding: 0 0 20px;
        margin: 20px 0 0
    }
}

#recom_products_range .suggestiontile.last,
.recom_products_quickview .suggestiontile.last {
    border: none;
    padding: 0
}

#recom_products_range .suggestiontile .recom_product_images_price,
.recom_products_quickview .suggestiontile .recom_product_images_price {
    border: none
}

#recom_products_range .suggestiontile .recom_product_images_price .imagecol,
.recom_products_quickview .suggestiontile .recom_product_images_price .imagecol {
    width: 35%;
    float: left
}

@media screen and (max-width:980px) {
    #recom_products_range .suggestiontile .recom_product_images_price .imagecol,
    .recom_products_quickview .suggestiontile .recom_product_images_price .imagecol {
        width: 30%
    }
}

@media screen and (max-width:767px) {
    #recom_products_range .suggestiontile .recom_product_images_price .imagecol,
    .recom_products_quickview .suggestiontile .recom_product_images_price .imagecol {
        width: 35%
    }
}

#recom_products_range .suggestiontile .recom_product_images_price .imagecol img,
.recom_products_quickview .suggestiontile .recom_product_images_price .imagecol img {
    width: 100%
}

#recom_products_range .suggestiontile .recom_product_images_price .imagecol .productimage,
.recom_products_quickview .suggestiontile .recom_product_images_price .imagecol .productimage {
    position: relative
}

#recom_products_range .suggestiontile .recom_product_images_price .detailscol,
.recom_products_quickview .suggestiontile .recom_product_images_price .detailscol {
    width: 65%;
    float: left;
    padding: 0 0 0 23px
}

@media screen and (max-width:980px) {
    #recom_products_range .suggestiontile .recom_product_images_price .detailscol,
    .recom_products_quickview .suggestiontile .recom_product_images_price .detailscol {
        width: 70%
    }
}

@media screen and (max-width:767px) {
    #recom_products_range .suggestiontile .recom_product_images_price .detailscol,
    .recom_products_quickview .suggestiontile .recom_product_images_price .detailscol {
        width: 65%;
        padding: 0 0 0 14px
    }
}

#recom_products_range .suggestiontile .recom_product_images_price .detailscol .product_name a,
#recom_products_range .suggestiontile .recom_product_images_price .detailscol .product_type a,
.recom_products_quickview .suggestiontile .recom_product_images_price .detailscol .product_name a,
.recom_products_quickview .suggestiontile .recom_product_images_price .detailscol .product_type a {
    text-decoration: none
}

#recom_products_range .suggestiontile .recom_product_images_price .detailscol .pricing_wrapper .price-box,
#recom_products_range .suggestiontile .recom_product_images_price .detailscol .product_name,
.recom_products_quickview .suggestiontile .recom_product_images_price .detailscol .pricing_wrapper .price-box,
.recom_products_quickview .suggestiontile .recom_product_images_price .detailscol .product_name {
    font-size: 16px
}

#recom_products_range .suggestiontile .recom_product_variant_details .colorsizes_wrapper,
.recom_products_quickview .suggestiontile .recom_product_variant_details .colorsizes_wrapper {
    width: 33%
}

@media screen and (max-width:767px) {
    #recom_products_range .suggestiontile .recom_product_variant_details .colorsizes_wrapper,
    .recom_products_quickview .suggestiontile .recom_product_variant_details .colorsizes_wrapper {
        width: 60%;
        float: left
    }
}

.recom_products_quickview .moredetailscontent {
    min-height: 200px;
    margin-top: -6px;
    padding: 30px
}

@media screen and (max-width:1160px) {
    .recom_products_quickview .moredetailscontent {
        margin-top: -1px;
        z-index: 0
    }
}

@media screen and (max-width:980px) {
    .recom_products_quickview .moredetailscontent {
        margin-top: -5px
    }
}

@media screen and (max-width:767px) {
    .recom_products_quickview .moredetailscontent {
        padding: 15px;
        margin-top: -5px;
        margin-left: -15px;
        margin-right: -15px;
        position: relative
    }
}

@media screen and (max-width:767px) {
    .recom_products_quickview .moredetailscontent .headline-large {
        padding-top: 0
    }
}

.recom_products_quickview .moredetailscontent.suggestiontile .colorsizes_wrapper .colorsizes {
    margin-top: 0;
    padding-top: 10px
}

#searchlist .productgrid {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#searchlist .productgrid .productlisting {
    order: 1
}

#searchlist .productgrid .virtualproductlisting {
    margin-bottom: 20px
}

#searchlist .productgrid .lastVirtualItem {
    display: block
}

@media screen and (max-width:980px) {
    #searchlist .productgrid .lastVirtualItem {
        display: none
    }
}

@media screen and (max-width:767px) {
    #searchlist .productgrid .lastVirtualItem {
        display: block
    }
}

#searchlist .productgrid .order-top {
    order: -1
}

#searchlist .productgrid .order-teaser {
    order: 3
}

#searchlist .productgrid .recom_products_quickview {
    width: 100%;
    position: relative;
    order: 0;
    margin: 10px 0 39px
}

@media screen and (max-width:1160px) {
    #searchlist .productgrid .recom_products_quickview {
        margin-top: -35px
    }
}

@media screen and (max-width:767px) {
    #searchlist .productgrid .recom_products_quickview {
        margin-bottom: 0;
        margin-left: -15px;
        width: calc(100% + 30px);
        display: block;
        padding-left: 15px;
        padding-right: 15px;
        overflow: initial
    }
}

#searchlist .productgrid .recom_products_quickview.order-bottom {
    order: 2
}

#searchlist .productgrid .recom_products_quickview .moredetailscontent {
    padding: 15px;
    margin-top: -15px
}

@media screen and (max-width:1160px) {
    #searchlist .productgrid .recom_products_quickview .moredetailscontent {
        margin-top: 29px
    }
}

@media screen and (max-width:767px) {
    #searchlist .productgrid .recom_products_quickview .moredetailscontent {
        margin-bottom: 19px
    }
}

#searchlist .productgrid .recom_products_quickview .wishlist-icon-mainimage {
    display: none
}

#searchlist .productgrid .recom_products_quickview .owl-theme .owl-controls .owl-prev {
    background-position: left 3px top 63px
}

#searchlist .productgrid .recom_products_quickview .owl-theme .owl-controls .owl-next {
    background-position: right 3px top 63px
}

#searchlist .productgrid .recom_products_quickview .suggestiontile .sizeguide {
    width: 27%;
    top: 0
}

@media screen and (max-width:767px) {
    #searchlist .productgrid .recom_products_quickview .suggestiontile .sizeguide {
        width: 40%;
        left: -5px
    }
}

#searchlist .productgrid .recom_products_quickview .suggestiontile .recom_product_variant_details .colorsizes_wrapper {
    width: 45%
}

@media screen and (max-width:767px) {
    #searchlist .productgrid .recom_products_quickview .suggestiontile .recom_product_variant_details .colorsizes_wrapper {
        width: 55%
    }
}

@media screen and (max-width:580px) {
    #searchlist .productgrid .recom_products_quickview .suggestiontile .recom_product_variant_details .colorsizes_wrapper .dropdown-input a span {
        max-width: 75px;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

#searchlist .productgrid .recom_products_quickview #availabilitycheck_wrapper {
    display: none
}

#searchlist .productgrid .recom_products_quickview .cartactions {
    margin-left: 0
}

.filter-scrollbar {
    box-sizing: border-box;
    max-height: 150px;
    overflow: auto;
    position: relative
}

@media screen and (max-width:767px) {
    .filter-scrollbar {
        max-height: 110px
    }
}

.colorsizes-scrollbar {
    box-sizing: border-box;
    max-height: 220px;
    overflow: auto;
    position: relative;
    width: 94%
}

@media screen and (max-width:767px) {
    .colorsizes-scrollbar {
        width: 95%
    }
}

@media screen and (max-width:580px) {
    .colorsizes-scrollbar {
        width: 93.2%
    }
}

.colorsizes-scrollbar .mCSB_inside>.mCSB_container {
    margin-right: 0
}

body .mCSB_scrollTools {
    opacity: 1;
    width: 5px
}

#mCSB_2_scrollbar_vertical .mCSB_inside,
body .mCSB_inside>.mCSB_container {
    margin-right: 20px
}

#mCSB_2_scrollbar_vertical .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#mCSB_2_scrollbar_vertical .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
#mCSB_2_scrollbar_vertical .mCustomScrollBox .mCSB_scrollTools {
    width: 5px
}

body .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #3c4147;
    opacity: 1
}

body .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:active,
body .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
    background-color: #3c4147
}

body .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #cfd1d0
}

body .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #3c4147
}

@media screen and (max-width:980px) {
    ::-webkit-scrollbar {
        -webkit-appearance: none
    }
    ::-webkit-scrollbar:vertical {
        width: 4px
    }
    ::-webkit-scrollbar:horizontal {
        height: 4px
    }
    ::-webkit-scrollbar-thumb {
        background-color: #3c4147;
        border-radius: 0;
        border: none
    }
    ::-webkit-scrollbar-track {
        border-radius: 0;
        background-color: #cfd1d0
    }
}

.campaignslider-section {
    margin-top: 40px
}

@media screen and (max-width:767px) {
    .campaignslider-section {
        margin-top: 15px;
        margin-bottom: 25px
    }
}

.campaignslider-teaser {
    overflow: hidden;
    position: relative
}

.campaignslider-teaser .teaser-view img {
    display: block;
    width: 100%
}

.campaignslider-teaser .button-teaser {
    margin: 20px
}

.campaignslider-teaser.notextbox .base_view {
    display: block
}

@media screen and (max-width:980px) {
    .campaignslider-teaser.notextbox .base_view {
        display: none
    }
}

@media screen and (max-width:767px) {
    .campaignslider-teaser.notextbox .base_view {
        display: none
    }
}

.campaignslider-teaser.notextbox .mobile_view,
.campaignslider-teaser.notextbox .tablet_view {
    display: none
}

@media screen and (max-width:980px) {
    .campaignslider-teaser.notextbox .tablet_view {
        display: block;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .campaignslider-teaser.notextbox .tablet_view {
        display: none
    }
}

@media screen and (max-width:980px) {
    .campaignslider-teaser.notextbox .mobile_view {
        display: none
    }
}

@media screen and (max-width:767px) {
    .campaignslider-teaser.notextbox .mobile_view {
        display: block;
        width: 100%
    }
}

@media only screen and (min-width:901px) and (max-width:1024px) {
    .campaignslider-teaser.showbuttonbelow img {
        width: 100%
    }
}

.campaignslider-teaser .campaignslider-text {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 360px;
    height: 515px;
    background: #fff;
    padding: 40px 50px;
    text-align: center
}

@media only screen and (min-width:901px) and (max-width:1024px) {
    .campaignslider-teaser .campaignslider-text {
        max-height: 549px;
        height: 91%;
        width: 300px;
        padding: 30px 35px
    }
}

@media screen and (max-width:980px) {
    .campaignslider-teaser .campaignslider-text {
        display: block;
        position: static;
        width: 100%;
        height: auto;
        padding: 20px 50px
    }
}

.campaignslider-teaser .campaignslider-text .inner {
    vertical-align: middle;
    display: table-cell
}

@media screen and (max-width:980px) {
    .campaignslider-teaser .campaignslider-text .inner {
        display: block
    }
}

.campaignslider-teaser .campaignslider-text .logo {
    margin: 40px 0 20px
}

@media screen and (max-width:980px) {
    .campaignslider-teaser .campaignslider-text .logo {
        margin: 0 auto
    }
}

.campaignslider-teaser .campaignslider-text .logo a {
    display: block
}

@media screen and (max-width:980px) {
    .campaignslider-teaser .campaignslider-text .logo a {
        display: none
    }
}

.campaignslider-teaser .campaignslider-text .logo a.triactionblack,
.campaignslider-teaser .campaignslider-text .logo a.triactionprimary,
.campaignslider-teaser .campaignslider-text .logo a.triactionsecondary {
    width: 190px;
    height: 94px
}

@media screen and (max-width:980px) {
    .campaignslider-teaser .campaignslider-text .logo a.triactionblack,
    .campaignslider-teaser .campaignslider-text .logo a.triactionprimary,
    .campaignslider-teaser .campaignslider-text .logo a.triactionsecondary {
        width: 100px;
        height: 49px
    }
}

.campaignslider-teaser .campaignslider-text .logo a.sloggimen,
.campaignslider-teaser .campaignslider-text .logo a.sloggiwhite,
.campaignslider-teaser .campaignslider-text .logo a.sloggiwomen {
    width: 120px;
    height: 65px
}

@media screen and (max-width:980px) {
    .campaignslider-teaser .campaignslider-text .logo a.sloggimen,
    .campaignslider-teaser .campaignslider-text .logo a.sloggiwhite,
    .campaignslider-teaser .campaignslider-text .logo a.sloggiwomen {
        width: 80px;
        height: 44px
    }
}

.campaignslider-teaser .campaignslider-text .logo a.florale,
.campaignslider-teaser .campaignslider-text .logo a.triumphessence,
.campaignslider-teaser .campaignslider-text .logo a.triumphessencegrey {
    width: 190px;
    height: 76px
}

@media screen and (max-width:980px) {
    .campaignslider-teaser .campaignslider-text .logo a.triumphessence,
    .campaignslider-teaser .campaignslider-text .logo a.triumphessencegrey {
        width: 120px;
        height: 48px
    }
}

@media screen and (max-width:980px) {
    .campaignslider-teaser .campaignslider-text .logo a.florale {
        width: 120px;
        height: 48px
    }
}

.campaignslider-teaser .campaignslider-text .headline-xlarge {
    margin-top: 0
}

@media only screen and (min-width:901px) and (max-width:1024px) {
    .campaignslider-teaser .campaignslider-text .headline-xlarge {
        margin-top: 51px;
        margin-bottom: 8px
    }
}

@media screen and (max-width:980px) {
    .campaignslider-teaser .campaignslider-text .headline-xlarge {
        display: none
    }
}

.campaignslider-teaser .campaignslider-text .campaign-text {
    margin: 10px 0 0
}

@media only screen and (min-width:901px) and (max-width:1024px) {
    .campaignslider-teaser .campaignslider-text .campaign-text {
        margin: 10px 0 56px
    }
}

@media screen and (max-width:980px) {
    .campaignslider-teaser .campaignslider-text .campaign-text {
        display: none
    }
}

.campaignslider-teaser .campaignslider-text .campaign-text.notransform,
.campaignslider-teaser .campaignslider-text .campaign-text.uppercase {
    margin: 40px 0;
    text-transform: uppercase;
    font-family: var(--font-family-sub-heading);
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 1px
}

.campaignslider-teaser .campaignslider-text .campaign-text.notransform {
    text-transform: none
}

.campaignslider-teaser .campaignslider-text .campaignslider-more {
    margin: 30px 0 0;
    position: absolute;
    bottom: 73px;
    left: 42px;
    width: 273px;
    padding: 0
}

@media only screen and (min-width:901px) and (max-width:1024px) {
    .campaignslider-teaser .campaignslider-text .campaignslider-more {
        margin: 24px 0 0;
        position: absolute;
        bottom: 62px;
        left: 0;
        width: 198px;
        padding: 0
    }
}

@media screen and (max-width:980px) {
    .campaignslider-teaser .campaignslider-text .campaignslider-more {
        position: static;
        width: auto;
        padding: 0;
        margin: 0
    }
}

.campaignslider-teaser .campaignslider-text .campaignslider-more .button {
    position: absolute;
    bottom: -37px;
    left: 0;
    width: 273px
}

@media only screen and (min-width:901px) and (max-width:1024px) {
    .campaignslider-teaser .campaignslider-text .campaignslider-more .button {
        position: absolute;
        bottom: -39px;
        left: 27px;
        width: 250px;
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width:980px) {
    .campaignslider-teaser .campaignslider-text .campaignslider-more .button {
        width: auto;
        position: static;
        padding-bottom: 0
    }
}

@media screen and (max-width:980px) {
    .campaignslider-teaser .campaignslider-text.withcrown .campaignslider-more .button {
        background: 0 0;
        color: #000000
    }
}

.campaignslider-teaser.noborder .campaignslider-text {
    position: absolute;
    top: 0;
    right: 0;
    width: 350px;
    height: 555px
}

@media only screen and (min-width:901px) and (max-width:1024px) {
    .campaignslider-teaser.noborder .campaignslider-text {
        width: 300px;
        height: 100%
    }
}

@media screen and (max-width:980px) {
    .campaignslider-teaser.noborder .campaignslider-text {
        position: static;
        width: 100%;
        height: auto
    }
}

@media screen and (max-width:767px) {
    .campaignslider-teaser.noborder .campaignslider-text {
        border: none!important
    }
}

.campaignslider-teaser.noborder .campaignslider-more,
.campaignslider-teaser.noborder .campaignslider-more .button {
    width: 263px
}

@media only screen and (min-width:901px) and (max-width:1024px) {
    .campaignslider-teaser.noborder .campaignslider-more {
        width: 178px
    }
}

@media screen and (max-width:980px) {
    .campaignslider-teaser.noborder .campaignslider-more {
        width: auto
    }
}

@media only screen and (min-width:901px) and (max-width:1024px) {
    .campaignslider-teaser.noborder .campaignslider-more .button {
        width: 240px
    }
}

@media screen and (max-width:980px) {
    .campaignslider-teaser.noborder .campaignslider-more .button {
        width: auto
    }
}

.campaignslider-teaser.video .owl-video-wrapper {
    line-height: 1px
}

.campaignslider-teaser.video .owl-video-wrapper iframe {
    height: 653px
}

@media screen and (max-width:1160px) {
    .campaignslider-teaser.video .owl-video-wrapper iframe {
        height: 553px
    }
}

@media screen and (max-width:980px) {
    .campaignslider-teaser.video .owl-video-wrapper iframe {
        height: 409px
    }
}

@media screen and (max-width:767px) {
    .campaignslider-teaser.video .owl-video-wrapper iframe {
        height: 358px
    }
}

@media screen and (max-width:580px) {
    .campaignslider-teaser.video .owl-video-wrapper iframe {
        height: 194px
    }
}

.campaignslider-teaser.video .owl-video-wrapper .owl-video-tn {
    min-height: 653px;
    background-size: cover
}

@media screen and (max-width:1160px) {
    .campaignslider-teaser.video .owl-video-wrapper .owl-video-tn {
        min-height: 553px
    }
}

@media screen and (max-width:980px) {
    .campaignslider-teaser.video .owl-video-wrapper .owl-video-tn {
        min-height: 409px
    }
}

@media screen and (max-width:767px) {
    .campaignslider-teaser.video .owl-video-wrapper .owl-video-tn {
        min-height: 358px
    }
}

@media screen and (max-width:580px) {
    .campaignslider-teaser.video .owl-video-wrapper .owl-video-tn {
        min-height: 194px
    }
}

.campaignslider-teaser.video .owl-video-wrapper .videowrapper {
    width: 85%;
    float: left
}

@media screen and (max-width:980px) {
    .campaignslider-teaser.video .owl-video-wrapper .videowrapper {
        width: 100%;
        float: none
    }
}

.campaignslider-teaser.video .owl-video-wrapper .videowrapper iframe {
    height: 555px
}

@media screen and (max-width:1160px) {
    .campaignslider-teaser.video .owl-video-wrapper .videowrapper iframe {
        height: 470px
    }
}

@media screen and (max-width:980px) {
    .campaignslider-teaser.video .owl-video-wrapper .videowrapper iframe {
        height: 409px
    }
}

@media screen and (max-width:767px) {
    .campaignslider-teaser.video .owl-video-wrapper .videowrapper iframe {
        height: 358px
    }
}

@media screen and (max-width:580px) {
    .campaignslider-teaser.video .owl-video-wrapper .videowrapper iframe {
        height: 194px
    }
}

.campaignslider-teaser.video .owl-video-wrapper .campaignslider-text {
    display: none
}

@media screen and (max-width:980px) {
    .campaignslider-teaser.video .owl-video-wrapper .campaignslider-text {
        display: block
    }
}

.campaignslider-teaser.video .owl-video-wrapper .campaignslider-text .campaignslider-more .button {
    padding: 2px 0 0
}

.campaignslider-teaser.video .owl-video-wrapper .campaignslider-text.videoteaser {
    display: block;
    width: 15%;
    height: 555px;
    float: right;
    padding: 40px 15px;
    font-size: 14px;
    line-height: 20px;
    position: relative
}

@media screen and (max-width:1160px) {
    .campaignslider-teaser.video .owl-video-wrapper .campaignslider-text.videoteaser {
        height: 470px
    }
}

@media screen and (max-width:980px) {
    .campaignslider-teaser.video .owl-video-wrapper .campaignslider-text.videoteaser {
        display: block;
        height: auto;
        position: static;
        width: 100%;
        padding: 29px 50px
    }
}

@media screen and (max-width:767px) {
    .campaignslider-teaser.video .owl-video-wrapper .campaignslider-text.videoteaser {
        padding: 15px 20px
    }
}

.campaignslider-teaser.video .owl-video-wrapper .campaignslider-text.videoteaser.withcrown .crown {
    width: 145px;
    position: absolute;
    top: 40px;
    left: 15px
}

@media screen and (max-width:1160px) {
    .campaignslider-teaser.video .owl-video-wrapper .campaignslider-text.videoteaser.withcrown .crown {
        width: 122px
    }
}

@media screen and (max-width:980px) {
    .campaignslider-teaser.video .owl-video-wrapper .campaignslider-text.videoteaser.withcrown .crown {
        position: static;
        width: auto
    }
}

@media screen and (max-width:767px) {
    .campaignslider-teaser.video .owl-video-wrapper .campaignslider-text.videoteaser.withcrown .crown {
        padding: 0 20px
    }
}

.campaignslider-teaser.video .owl-video-wrapper .campaignslider-text.videoteaser .inner {
    display: block
}

.campaignslider-teaser.video .owl-video-wrapper .campaignslider-text.videoteaser .headline-xlarge {
    font-size: 20px;
    margin: 120px 0 25px
}

@media screen and (max-width:1160px) {
    .campaignslider-teaser.video .owl-video-wrapper .campaignslider-text.videoteaser .headline-xlarge {
        margin-top: 70px
    }
}

@media screen and (max-width:980px) {
    .campaignslider-teaser.video .owl-video-wrapper .campaignslider-text.videoteaser .headline-xlarge {
        margin: 0 0 25px
    }
}

.campaignslider-teaser.video .owl-video-wrapper .campaignslider-text.videoteaser ul.linklist {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: distribute;
    -moz-box-pack: distribute;
    box-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: distribute;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px 0
}

@media screen and (max-width:980px) {
    .campaignslider-teaser.video .owl-video-wrapper .campaignslider-text.videoteaser ul.linklist {
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center
    }
}

@media screen and (max-width:767px) {
    .campaignslider-teaser.video .owl-video-wrapper .campaignslider-text.videoteaser ul.linklist {
        margin: 5px 0
    }
}

.campaignslider-teaser.video .owl-video-wrapper .campaignslider-text.videoteaser ul.linklist li {
    width: 100%;
    padding: 2px 0;
    text-align: center;
    font-family: var(--font-family-sub-heading);
}

@media screen and (max-width:980px) {
    .campaignslider-teaser.video .owl-video-wrapper .campaignslider-text.videoteaser ul.linklist li {
        padding: 0;
        width: 50%
    }
}

.campaignslider-teaser.video .owl-video-wrapper .campaignslider-text.videoteaser ul.linklist li a {
    text-decoration: none;
    display: block;
    text-transform: uppercase;
    padding: 6px 10px 4px
}

@media screen and (max-width:980px) {
    .campaignslider-teaser.video .owl-video-wrapper .campaignslider-text.videoteaser ul.linklist li a {
        padding: 5px 0
    }
}

.campaignslider-teaser.video .owl-video-wrapper .campaignslider-text.videoteaser ul.linklist li a:active,
.campaignslider-teaser.video .owl-video-wrapper .campaignslider-text.videoteaser ul.linklist li a:focus,
.campaignslider-teaser.video .owl-video-wrapper .campaignslider-text.videoteaser ul.linklist li a:hover {
    background-color: #faf1e2
}

.campaignslider-teaser.video .owl-video-wrapper .campaignslider-text.videoteaser ul.linklist li a span {
    display: inline-block
}

@media screen and (max-width:980px) {
    .campaignslider-teaser.video .owl-video-wrapper .campaignslider-text.videoteaser ul.linklist li a span {
        padding: 2px 10px
    }
}

@media screen and (max-width:767px) {
    .campaignslider-teaser.video .owl-video-wrapper .campaignslider-text.videoteaser ul.linklist li a span {
        background-image: url(../images/icons/arrows/arrow_right.png);
        background-size: 10px;
        background-position: right 15px center;
        background-repeat: no-repeat;
        padding: 2px 30px 2px 0!important
    }
}

@media screen and (max-width:767px) and (max-width:767px) {
    .campaignslider-teaser.video .owl-video-wrapper .campaignslider-text.videoteaser ul.linklist li a span {
        padding-left: 24px;
        background-position: right 15px center
    }
}

@media screen and (max-width:767px) {
    .svg .campaignslider-teaser.video .owl-video-wrapper .campaignslider-text.videoteaser ul.linklist li a span {
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2216.2px%22%20height%3D%2226px%22%20viewBox%3D%220%20-3.4%2016.2%2026%22%20enable-background%3D%22new%200%20-3.4%2016.2%2026%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Arrow__x23_8f9491%22%3E%0D%0A%09%3Cpolygon%20fill%3D%22%238F9491%22%20points%3D%223.2%2C22.6%200%2C19.3%209.8%2C9.6%200%2C-0.2%203.2%2C-3.4%2016.2%2C9.6%20%09%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A")
    }
}

.campaignslider-teaser.video .owl-video-wrapper .campaignslider-text.videoteaser .campaignslider-more {
    width: 100%;
    position: absolute;
    bottom: 30px;
    left: 0;
    padding: 0 15px;
    overflow: hidden
}

@media screen and (max-width:980px) {
    .campaignslider-teaser.video .owl-video-wrapper .campaignslider-text.videoteaser .campaignslider-more {
        width: auto;
        position: static;
        text-align: center
    }
}

.campaignslider-teaser.video .owl-video-wrapper .campaignslider-text.videoteaser .campaignslider-more .button {
    width: 100%;
    position: relative;
    bottom: 0;
    left: 0;
    font-size: 13px
}

@media screen and (max-width:980px) {
    .campaignslider-teaser.video .owl-video-wrapper .campaignslider-text.videoteaser .campaignslider-more .button {
        font-size: 14px;
        color: #000000
    }
}

.campaignslider-teaser .withcrown .crown,
.largeteaser .teasertext .crown {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    color: #494e53;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 20px
}

.campaignslider-teaser .withcrown .crown::after,
.largeteaser .teasertext .crown::after {
    border-bottom: 1px solid #cfd1d0;
    content: '';
    display: block;
    width: 100%;
    position: relative;
    top: -18px;
    z-index: 1
}

@media only screen and (min-width:901px) and (max-width:1024px) {
    .campaignslider-teaser .withcrown .crown,
    .largeteaser .teasertext .crown {
        margin-top: 0
    }
}

@media screen and (max-width:767px) {
    .campaignslider-teaser .withcrown .crown,
    .largeteaser .teasertext .crown {
        margin: 0
    }
}

.campaignslider-teaser .withcrown .crown .crownicon,
.largeteaser .teasertext .crown .crownicon {
    position: relative;
    display: inline-block;
    padding: 23px 30px 1px;
    z-index: 2;
    height: 28px;
    background-image: url(../images/icons/misc/crown.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #fff
}

.svg .campaignslider-teaser .withcrown .crown .crownicon,
.svg .largeteaser .teasertext .crown .crownicon {
    background-image: url(../images/icons/misc/crown.svg)
}

.campaignslider-teaser .withcrown .crown {
    position: absolute;
    top: 40px;
    left: 55px;
    width: 250px
}

@media only screen and (min-width:901px) and (max-width:1024px) {
    .campaignslider-teaser .withcrown .crown {
        position: absolute;
        top: 22px;
        left: 29px;
        width: 240px
    }
}

@media screen and (max-width:980px) {
    .campaignslider-teaser .withcrown .crown {
        position: static;
        width: auto
    }
}

@media screen and (max-width:980px) {
    .campaignslider-teaser .withcrown .crown .crownicon {
        background-color: #f4f2ef
    }
}

.largeteaser .teasertext {
    position: relative
}

.largeteaser .teasertext .crown {
    width: 90%;
    margin: 0 auto 20px
}

@media screen and (max-width:767px) {
    .largeteaser .teasertext .crown {
        width: 80%
    }
}

.campaignslider-section .campaignslider-teaser .campaignslider-text .logo a,
.campaignslider-section .campaignslider-teaser .campaignslider-text .logo div,
.largeteaser .teasertext .teaser-headline.logo a,
.largeteaser .teasertext .teaser-headline.logo div {
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    background-size: cover
}

.campaignslider-section .campaignslider-teaser .campaignslider-text .logo a.triactionprimary,
.campaignslider-section .campaignslider-teaser .campaignslider-text .logo div.triactionprimary,
.largeteaser .teasertext .teaser-headline.logo a.triactionprimary,
.largeteaser .teasertext .teaser-headline.logo div.triactionprimary {
    background-image: url(../images/logos/teaser/teaserlogo_triaction_primary.png)
}

.svg .campaignslider-section .campaignslider-teaser .campaignslider-text .logo a.triactionprimary,
.svg .campaignslider-section .campaignslider-teaser .campaignslider-text .logo div.triactionprimary,
.svg .largeteaser .teasertext .teaser-headline.logo a.triactionprimary,
.svg .largeteaser .teasertext .teaser-headline.logo div.triactionprimary {
    background-image: url(../images/logos/teaser/teaserlogo_triaction_primary.svg)
}

.campaignslider-section .campaignslider-teaser .campaignslider-text .logo a.triactionsecondary,
.campaignslider-section .campaignslider-teaser .campaignslider-text .logo div.triactionsecondary,
.largeteaser .teasertext .teaser-headline.logo a.triactionsecondary,
.largeteaser .teasertext .teaser-headline.logo div.triactionsecondary {
    background-image: url(../images/logos/teaser/teaserlogo_triaction_secondary.png)
}

.svg .campaignslider-section .campaignslider-teaser .campaignslider-text .logo a.triactionsecondary,
.svg .campaignslider-section .campaignslider-teaser .campaignslider-text .logo div.triactionsecondary,
.svg .largeteaser .teasertext .teaser-headline.logo a.triactionsecondary,
.svg .largeteaser .teasertext .teaser-headline.logo div.triactionsecondary {
    background-image: url(../images/logos/teaser/teaserlogo_triaction_secondary.svg)
}

.campaignslider-section .campaignslider-teaser .campaignslider-text .logo a.triactionblack,
.campaignslider-section .campaignslider-teaser .campaignslider-text .logo div.triactionblack,
.largeteaser .teasertext .teaser-headline.logo a.triactionblack,
.largeteaser .teasertext .teaser-headline.logo div.triactionblack {
    background-image: url(../images/logos/teaser/teaserlogo_triaction_black.png)
}

.svg .campaignslider-section .campaignslider-teaser .campaignslider-text .logo a.triactionblack,
.svg .campaignslider-section .campaignslider-teaser .campaignslider-text .logo div.triactionblack,
.svg .largeteaser .teasertext .teaser-headline.logo a.triactionblack,
.svg .largeteaser .teasertext .teaser-headline.logo div.triactionblack {
    background-image: url(../images/logos/teaser/teaserlogo_triaction_black.svg)
}

.campaignslider-section .campaignslider-teaser .campaignslider-text .logo a.sloggiwomen,
.campaignslider-section .campaignslider-teaser .campaignslider-text .logo div.sloggiwomen,
.largeteaser .teasertext .teaser-headline.logo a.sloggiwomen,
.largeteaser .teasertext .teaser-headline.logo div.sloggiwomen {
    background-image: url(../images/logos/teaser/teaserlogo_sloggi_women.png)
}

.svg .campaignslider-section .campaignslider-teaser .campaignslider-text .logo a.sloggiwomen,
.svg .campaignslider-section .campaignslider-teaser .campaignslider-text .logo div.sloggiwomen,
.svg .largeteaser .teasertext .teaser-headline.logo a.sloggiwomen,
.svg .largeteaser .teasertext .teaser-headline.logo div.sloggiwomen {
    background-image: url(../images/logos/teaser/teaserlogo_sloggi_women.svg)
}

.campaignslider-section .campaignslider-teaser .campaignslider-text .logo a.sloggimen,
.campaignslider-section .campaignslider-teaser .campaignslider-text .logo div.sloggimen,
.largeteaser .teasertext .teaser-headline.logo a.sloggimen,
.largeteaser .teasertext .teaser-headline.logo div.sloggimen {
    background-image: url(../images/logos/teaser/teaserlogo_sloggi_men.png)
}

.svg .campaignslider-section .campaignslider-teaser .campaignslider-text .logo a.sloggimen,
.svg .campaignslider-section .campaignslider-teaser .campaignslider-text .logo div.sloggimen,
.svg .largeteaser .teasertext .teaser-headline.logo a.sloggimen,
.svg .largeteaser .teasertext .teaser-headline.logo div.sloggimen {
    background-image: url(../images/logos/teaser/teaserlogo_sloggi_men.svg)
}

.campaignslider-section .campaignslider-teaser .campaignslider-text .logo a.sloggiwhite,
.campaignslider-section .campaignslider-teaser .campaignslider-text .logo div.sloggiwhite,
.largeteaser .teasertext .teaser-headline.logo a.sloggiwhite,
.largeteaser .teasertext .teaser-headline.logo div.sloggiwhite {
    background-image: url(../images/logos/teaser/teaserlogo_sloggi_white.png)
}

.svg .campaignslider-section .campaignslider-teaser .campaignslider-text .logo a.sloggiwhite,
.svg .campaignslider-section .campaignslider-teaser .campaignslider-text .logo div.sloggiwhite,
.svg .largeteaser .teasertext .teaser-headline.logo a.sloggiwhite,
.svg .largeteaser .teasertext .teaser-headline.logo div.sloggiwhite {
    background-image: url(../images/logos/teaser/teaserlogo_sloggi_white.svg)
}

.campaignslider-section .campaignslider-teaser .campaignslider-text .logo a.triumphessence,
.campaignslider-section .campaignslider-teaser .campaignslider-text .logo div.triumphessence,
.largeteaser .teasertext .teaser-headline.logo a.triumphessence,
.largeteaser .teasertext .teaser-headline.logo div.triumphessence {
    background-image: url(../images/logos/teaser/teaserlogo_triumph_essence.png)
}

.campaignslider-section .campaignslider-teaser .campaignslider-text .logo a.triumphessencegrey,
.campaignslider-section .campaignslider-teaser .campaignslider-text .logo div.triumphessencegrey,
.largeteaser .teasertext .teaser-headline.logo a.triumphessencegrey,
.largeteaser .teasertext .teaser-headline.logo div.triumphessencegrey {
    background-image: url(../images/logos/teaser/teaserlogo_triumph_essence_grey.png)
}

.campaignslider-section .campaignslider-teaser .campaignslider-text .logo a.triumphred,
.campaignslider-section .campaignslider-teaser .campaignslider-text .logo div.triumphred,
.largeteaser .teasertext .teaser-headline.logo a.triumphred,
.largeteaser .teasertext .teaser-headline.logo div.triumphred {
    background-image: url(../images/logos/teaser/teaserlogo_triumph_red.png)
}

.svg .campaignslider-section .campaignslider-teaser .campaignslider-text .logo a.triumphred,
.svg .campaignslider-section .campaignslider-teaser .campaignslider-text .logo div.triumphred,
.svg .largeteaser .teasertext .teaser-headline.logo a.triumphred,
.svg .largeteaser .teasertext .teaser-headline.logo div.triumphred {
    background-image: url(../images/logos/teaser/teaserlogo_triumph_red.svg)
}

.campaignslider-section .campaignslider-teaser .campaignslider-text .logo a.triumphredtext,
.campaignslider-section .campaignslider-teaser .campaignslider-text .logo div.triumphredtext,
.largeteaser .teasertext .teaser-headline.logo a.triumphredtext,
.largeteaser .teasertext .teaser-headline.logo div.triumphredtext {
    background-image: url(../images/logos/teaser/teaserlogo_triumph_red_text.png)
}

.svg .campaignslider-section .campaignslider-teaser .campaignslider-text .logo a.triumphredtext,
.svg .campaignslider-section .campaignslider-teaser .campaignslider-text .logo div.triumphredtext,
.svg .largeteaser .teasertext .teaser-headline.logo a.triumphredtext,
.svg .largeteaser .teasertext .teaser-headline.logo div.triumphredtext {
    background-image: url(../images/logos/teaser/teaserlogo_triumph_red_text.svg)
}

.campaignslider-section .campaignslider-teaser .campaignslider-text .logo a.florale,
.campaignslider-section .campaignslider-teaser .campaignslider-text .logo div.florale,
.largeteaser .teasertext .teaser-headline.logo a.florale,
.largeteaser .teasertext .teaser-headline.logo div.florale {
    background-image: url(../images/logos/teaser/teaserlogo_florale.png)
}

.servicebar-section .servicebar {
    background: #fcfaf8;
    font-size: 13px;
    line-height: 13px
}

@media screen and (max-width:767px) {
    .servicebar-section .servicebar {
        line-height: 18px;
        background: #fcfaf8
    }
}

.servicebar-section .servicebar .inner {
    padding: 9px 15px 8px;
    color: #494e53;
    text-align: center
}

@media screen and (max-width:767px) {
    .servicebar-section .servicebar .inner {
        display: none
    }
}

.servicebar-section .servicebar .servicebar-col {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
    text-decoration: underline;
    text-decoration-color: #6a6f74;
    text-underline-position: under
}

.servicebar-section .servicebar .servicebar-col:last-child,
.servicebar-section .servicebar .servicebar-col:nth-child(3n) {
    margin-right: 0
}

.servicebar-section .servicebar .servicebar-col:nth-child(3n+1) {
    clear: left
}

@media screen and (max-width:767px) {
    .servicebar-section .servicebar .servicebar-col {
        width: auto;
        margin: 0;
        float: none;
        border-right: hidden;
        padding: 1px 0
    }
}

.servicebar-section .servicebar .servicebar-col:nth-child(1) {
    text-align: left
}

.servicebar-section .servicebar .servicebar-col:nth-child(3) {
    text-align: right
}

.product .invisible {
    display: none
}

.carouselProductlist,
.our-most-loved-section .our-most-loved {
    margin-top: 40px;
    padding-bottom: 5px
}

@media screen and (max-width:1160px) {
    .carouselProductlist,
    .our-most-loved-section .our-most-loved {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row
    }
}

@media screen and (max-width:1160px) and (max-width:767px) {
    .carouselProductlist,
    .our-most-loved-section .our-most-loved {
        margin-top: 0
    }
}

.carouselProductlist .tile,
.our-most-loved-section .our-most-loved .tile {
    min-height: 480px;
    position: relative
}

@media screen and (max-width:1160px) {
    .carouselProductlist .tile,
    .our-most-loved-section .our-most-loved .tile {
        min-height: 100%;
        width: 31vw;
        margin-right: 15px;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        flex-shrink: 0;
        -ms-flex-negative: 0
    }
}

@media screen and (max-width:767px) {
    .carouselProductlist .tile,
    .our-most-loved-section .our-most-loved .tile {
        width: 46vw
    }
}

.carouselProductlist .tile-link,
.our-most-loved-section .our-most-loved .tile-link {
    text-decoration: none
}

.carouselProductlist .tile .image,
.our-most-loved-section .our-most-loved .tile .image {
    position: relative
}

.carouselProductlist .tile img,
.our-most-loved-section .our-most-loved .tile img {
    display: block;
    width: 100%
}

.carouselProductlist .tile .productinfo,
.our-most-loved-section .our-most-loved .tile .productinfo {
    padding: 7px 0 7px 10px
}

@media screen and (max-width:1160px) {
    .carouselProductlist .tile .productinfo,
    .our-most-loved-section .our-most-loved .tile .productinfo {
        padding-bottom: 50px;
        padding-right: 10px
    }
}

.carouselProductlist .tile .productinfo .headline-small-bold,
.carouselProductlist .tile .productinfo .moredetails-headline,
.carouselProductlist .tile .productinfo .price,
.our-most-loved-section .our-most-loved .tile .productinfo .headline-small-bold,
.our-most-loved-section .our-most-loved .tile .productinfo .moredetails-headline,
.our-most-loved-section .our-most-loved .tile .productinfo .price {
    font-size: 16px;
    letter-spacing: 2px
}

@media screen and (max-width:980px) {
    .carouselProductlist .tile .productinfo .headline-small-bold,
    .carouselProductlist .tile .productinfo .moredetails-headline,
    .carouselProductlist .tile .productinfo .price,
    .our-most-loved-section .our-most-loved .tile .productinfo .headline-small-bold,
    .our-most-loved-section .our-most-loved .tile .productinfo .moredetails-headline,
    .our-most-loved-section .our-most-loved .tile .productinfo .price {
        font-size: 15px;
        letter-spacing: 1px
    }
}

@media screen and (max-width:767px) {
    .carouselProductlist .tile .productinfo .headline-small-bold,
    .carouselProductlist .tile .productinfo .moredetails-headline,
    .carouselProductlist .tile .productinfo .price,
    .our-most-loved-section .our-most-loved .tile .productinfo .headline-small-bold,
    .our-most-loved-section .our-most-loved .tile .productinfo .moredetails-headline,
    .our-most-loved-section .our-most-loved .tile .productinfo .price {
        font-size: 14px
    }
}

.carouselProductlist .tile .productinfo .pricing,
.our-most-loved-section .our-most-loved .tile .productinfo .pricing {
    text-align: left
}

.carouselProductlist .tile .productinfo .price,
.our-most-loved-section .our-most-loved .tile .productinfo .price {
    margin-bottom: 2px;
    font-family: var(--font-family-sub-heading);
}

.carouselProductlist .tile .productinfo .discountprice .standardprice,
.our-most-loved-section .our-most-loved .tile .productinfo .discountprice .standardprice {
    display: inline-block;
    text-decoration: line-through
}

.carouselProductlist .tile .productinfo .discountprice .salesprice,
.our-most-loved-section .our-most-loved .tile .productinfo .discountprice .salesprice {
    color: #000000
}

.carouselProductlist .tile .productinfo .headline-small-bold,
.carouselProductlist .tile .productinfo .moredetails-headline,
.our-most-loved-section .our-most-loved .tile .productinfo .headline-small-bold,
.our-most-loved-section .our-most-loved .tile .productinfo .moredetails-headline {
    padding-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width:1160px) {
    .carouselProductlist .tile .productinfo .headline-small-bold,
    .carouselProductlist .tile .productinfo .moredetails-headline,
    .our-most-loved-section .our-most-loved .tile .productinfo .headline-small-bold,
    .our-most-loved-section .our-most-loved .tile .productinfo .moredetails-headline {
        white-space: normal
    }
}

.carouselProductlist .tile .productinfo .subtitle,
.our-most-loved-section .our-most-loved .tile .productinfo .subtitle {
    margin: 0;
    letter-spacing: 1px
}

#product-slider .productinfo {
    padding-bottom: 70px
}

.carousel-more {
    margin-top: 20px;
    padding-bottom: 20px;
    text-align: center
}

.homepage-logo-bar-section {
    margin-bottom: 40px
}

@media screen and (max-width:580px) {
    .homepage-logo-bar-section {
        margin-bottom: 0
    }
}

.logobar_image {
    width: 25%;
    float: left;
    text-align: center
}

@media screen and (max-width:767px) {
    .logobar_image {
        width: 50%
    }
}

.logobar_image .hover {
    display: none
}

.logobar_image .default,
.logobar_image:active .hover,
.logobar_image:focus .hover,
.logobar_image:hover .hover {
    display: block
}

.logobar_image:active .default,
.logobar_image:focus .default,
.logobar_image:hover .default {
    display: none
}

.logobar_image a {
    display: block
}

.logobar_image img {
    width: 75%
}

@media screen and (max-width:980px) {
    .logobar_image img {
        width: 85%
    }
}

@media screen and (max-width:767px) {
    .logobar_image img {
        width: 95%
    }
}

.logobar_image .logo {
    display: block;
    width: 100%;
    fill: #494e53
}

@media screen and (max-width:980px) {
    .logobar_image .logo {
        min-height: 90px
    }
}

@media screen and (max-width:767px) {
    .logobar_image .logo {
        min-height: 130px
    }
}

@media screen and (max-width:580px) {
    .logobar_image .logo {
        min-height: 90px
    }
}

@media screen and (max-width:980px) {
    .logobar_image .logo .svgicon {
        width: 100px!important;
        height: 73px!important
    }
}

@media screen and (max-width:767px) {
    .logobar_image .logo .svgicon {
        width: 130px!important;
        height: 95px!important
    }
}

@media screen and (max-width:580px) {
    .logobar_image .logo .svgicon {
        width: 89px!important;
        height: 65px!important
    }
}

.logobar_image .logo span {
    display: none
}

.logobar_image .logo.triumph:active,
.logobar_image .logo.triumph:focus,
.logobar_image .logo.triumph:hover {
    fill: #000000
}

.logobar_image .logo.triaction:active,
.logobar_image .logo.triaction:focus,
.logobar_image .logo.triaction:hover {
    fill: #5a5b5f
}

.logobar_image .logo.florale {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 138px;
    background-image: url(../images/logos/logo_florale_grey.png)
}

.svg .logobar_image .logo.florale {
    background-image: url(../images/logos/logo_florale_grey.svg)
}

@media screen and (max-width:980px) {
    .logobar_image .logo.florale {
        background-size: 66%
    }
}

@media screen and (max-width:767px) {
    .logobar_image .logo.florale {
        background-size: 50%;
        background-position: center 25px
    }
}

@media screen and (max-width:580px) {
    .logobar_image .logo.florale {
        background-size: 70%;
        background-position: center 15px
    }
}

.logobar_image .logo.florale svg {
    background-repeat: no-repeat;
    background-position: -2000px -2000px
}

.logobar_image .logo.florale svg,
.logobar_image .logo.florale:active,
.logobar_image .logo.florale:focus,
.logobar_image .logo.florale:hover {
    background-image: url(../images/logos/logo_florale.png)
}

.logobar_image .logo.sloggi svg {
    width: 132px
}

.logobar_image .logo.sloggi:active,
.logobar_image .logo.sloggi:focus,
.logobar_image .logo.sloggi:hover {
    fill: #028ea6
}

.local-teaser-section {
    margin-top: 40px
}

@media screen and (max-width:767px) {
    .local-teaser-section {
        margin: 0 0 40px
    }
}

@media screen and (max-width:767px) {
    .local-teaser-section .local-teaser {
        display: flex;
        overflow-x: auto
    }
}

.local-teaser-section .local-teaser .local-teaser-text .desk_view {
    display: block
}

@media screen and (max-width:980px) {
    .local-teaser-section .local-teaser .local-teaser-text .desk_view {
        display: none
    }
}

.local-teaser-section .local-teaser .local-teaser-text .mob_view,
.local-teaser-section .local-teaser .local-teaser-text .tab_view {
    display: none
}

@media screen and (max-width:980px) {
    .local-teaser-section .local-teaser .local-teaser-text .tab_view {
        display: block;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .local-teaser-section .local-teaser .local-teaser-text .tab_view {
        display: none
    }
}

@media screen and (max-width:767px) {
    .local-teaser-section .local-teaser .local-teaser-text .mob_view {
        display: block;
        width: 100%
    }
}

.local-teaser-section .local-teaser .teaser {
    position: relative;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%
}

.local-teaser-section .local-teaser .teaser:last-child {
    margin-right: 0
}

.local-teaser-section .local-teaser .teaser img {
    width: 100%
}

.local-teaser-section .local-teaser .teaser .local-teaser-button {
    position: relative;
    bottom: 60px;
    text-align: center
}

@media screen and (max-width:980px) {
    .local-teaser-section .local-teaser .teaser .local-teaser-button {
        bottom: 50px
    }
}

@media screen and (max-width:580px) {
    .local-teaser-section .local-teaser .teaser .local-teaser-button {
        bottom: 30px
    }
}

.local-teaser-section .local-teaser .teaser .nohits_teaser {
    font-size: 14px
}

@media screen and (max-width:980px) {
    .local-teaser-section .local-teaser .teaser .nohits_teaser {
        line-height: 25px;
        height: 24px
    }
}

@media screen and (max-width:580px) {
    .local-teaser-section .local-teaser .teaser .nohits_teaser {
        font-size: 8px;
        line-height: 15px;
        height: 15px;
        padding: 0 10px
    }
}

.homepage .local-teaser-section .local-teaser .teaser.half {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%
}

.homepage .local-teaser-section .local-teaser .teaser.half:last-child {
    margin-right: 0
}

@media screen and (max-width:767px) {
    .homepage .local-teaser-section .local-teaser .teaser.half {
        margin-top: 0
    }
}

.homepage .local-teaser-section .local-teaser .teaser.one-third {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%
}

.homepage .local-teaser-section .local-teaser .teaser.one-third:last-child {
    margin-right: 0
}

@media screen and (max-width:767px) {
    .homepage .local-teaser-section .local-teaser .teaser.one-third {
        width: 48.821174201%;
        margin-right: 2.3576515979%;
        flex-shrink: 0
    }
}

@media screen and (max-width:580px) {
    .homepage .local-teaser-section .local-teaser .teaser.one-third {
        margin-top: 0
    }
}

.homepage .local-teaser-section .local-teaser .teaser.one-thirdnew {
    bottom: 30px;
    line-height: 0;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%
}

.homepage .local-teaser-section .local-teaser .teaser.one-thirdnew:last-child {
    margin-right: 0
}

@media screen and (max-width:767px) {
    .homepage .local-teaser-section .local-teaser .teaser.one-thirdnew {
        width: 48.821174201%;
        bottom: 10px;
        margin-right: 2.3576515979%;
        margin-bottom: 20px;
        flex-shrink: 0
    }
}

.homepage .local-teaser-section .local-teaser .teaser img {
    width: 100%
}

@media screen and (max-width:767px) {
    .homepage .local-teaser-section .local-teaser .teaser {
        width: auto;
        float: none;
        margin: 15px 0 0
    }
}

.homepage .local-teaser-section .local-teaser .teaser .local-teaser-text {
    position: absolute;
    top: 80px;
    color: #fff
}

@media only screen and (min-width:901px) and (max-width:1024px) {
    .homepage .local-teaser-section .local-teaser .teaser .local-teaser-text {
        top: 68px
    }
}

@media screen and (max-width:980px) {
    .homepage .local-teaser-section .local-teaser .teaser .local-teaser-text {
        top: 51px
    }
}

@media screen and (max-width:767px) {
    .homepage .local-teaser-section .local-teaser .teaser .local-teaser-text {
        top: 70px
    }
}

@media screen and (max-width:767px) {
    .homepage .local-teaser-section .local-teaser .teaser .local-teaser-text {
        top: 26px
    }
}

.homepage .local-teaser-section .local-teaser .teaser .local-teaser-text .description-text,
.homepage .local-teaser-section .local-teaser .teaser .local-teaser-text .mainheader-text {
    margin: 40px 0;
    padding: 0 25px
}

@media screen and (max-width:980px) {
    .homepage .local-teaser-section .local-teaser .teaser .local-teaser-text .mainheader-text {
        margin: 20px 0
    }
}

@media screen and (max-width:767px) {
    .homepage .local-teaser-section .local-teaser .teaser .local-teaser-text .mainheader-text {
        margin: 70px 0
    }
}

@media screen and (max-width:580px) {
    .homepage .local-teaser-section .local-teaser .teaser .local-teaser-text .mainheader-text {
        margin: 10px 0;
        padding: 0
    }
}

@media screen and (max-width:980px) {
    .homepage .local-teaser-section .local-teaser .teaser .local-teaser-text .description-text {
        margin: 20px 0
    }
}

@media screen and (max-width:767px) {
    .homepage .local-teaser-section .local-teaser .teaser .local-teaser-text .description-text {
        margin: 70px 0
    }
}

@media screen and (max-width:580px) {
    .homepage .local-teaser-section .local-teaser .teaser .local-teaser-text .description-text {
        margin: 10px 0;
        padding: 0
    }
}

.homepage .local-teaser-section .local-teaser .teaser .button-local-teaser {
    position: relative;
    bottom: 80px
}

@media screen and (max-width:580px) {
    .homepage .local-teaser-section .local-teaser .teaser .button-local-teaser {
        bottom: 45px
    }
}

.homepage .local-teaser-section .local-teaser .teaser .local-teaser-button {
    position: absolute;
    bottom: 40px;
    width: 100%;
    text-align: center
}

.homepage .local-teaser-section .local-teaser .teaser .local-teaser-button .button {
    padding-left: 40px;
    padding-right: 40px
}

@media screen and (max-width:980px) {
    .homepage .local-teaser-section .local-teaser .teaser .local-teaser-button .button {
        padding-left: 22px;
        padding-right: 22px
    }
}

.homepage .local-teaser-section .local-teaser .teaser .local-teaser-button.hide {
    display: none
}

@media screen and (max-width:980px) {
    .homepage .local-teaser-section .local-teaser .teaser .local-teaser-button {
        bottom: 20px
    }
}

@media screen and (max-width:767px) {
    .homepage .local-teaser-section .local-teaser .teaser .local-teaser-button {
        bottom: 40px
    }
}

@media screen and (max-width:580px) {
    .homepage .local-teaser-section .local-teaser .teaser .local-teaser-button {
        bottom: 20px
    }
}

.advice-teaser-section {
    margin-top: 40px
}

.advice-teaser {
    padding: 5px;
    margin: 0 0 30px;
    color: #fff
}

.advice-teaser a:not(.button) {
    color: #fff
}

.advice-teaser .inner {
    position: relative;
    border: 2px solid #fff;
    box-sizing: border-box;
    padding: 35px 25px 25px;
    text-align: center;
    z-index: 3;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center
}

.advice-teaser .inner a,
.advice-teaser .inner h2 {
    text-decoration: none
}

.advice-teaser .inner>a {
    display: block;
    width: 100%
}

.tertiary.advice-teaser .inner,
.white.advice-teaser .inner {
    border-color: #efefef
}

.advice-teaser.inmenu {
    padding: 5px;
    margin: 0
}

.advice-teaser.inmenu .inner {
    border: 2px solid;
    box-sizing: border-box;
    padding: 0 0 10px;
    text-align: center
}

.advice-teaser.withcols .inner {
    padding: 25px
}

.advice-teaser .more a {
    display: block;
    text-transform: uppercase;
    font-family: var(--font-family-sub-heading);
}

.advice-teaser.inmenu p a {
    text-decoration: underline;
    font-family: var(--font-family-sub-heading);
    text-transform: uppercase
}

.advice-teaser.inmenu p a:active,
.advice-teaser.inmenu p a:focus,
.advice-teaser.inmenu p a:hover {
    text-decoration: none
}

.advice-teaser p a.button {
    font-family: var(--font-family-base);
}

.almondrosa.teasertext,
.altrosa.teasertext,
.bonjourgrey.teasertext,
.brandyrose.teasertext,
.brightgrey.teasertext,
.canaryellow.teasertext,
.cardinalred.teasertext,
.cyprusblue.teasertext,
.darksand.teasertext,
.dustygrey.teasertext,
.lightgrey.teasertext,
.powderpink.teasertext,
.primary.teasertext,
.rumswizzlesand.teasertext,
.sand.teasertext,
.secondary.teasertext,
.sloggimen.teasertext,
.sloggiwomen.teasertext,
.tertiary.teasertext,
.thinborder.campaignslider-text,
.thinborder.teasertext,
.white.teasertext {
    border-top-width: 1px;
    border-top-style: solid;
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

@media screen and (max-width:980px) {
    .almondrosa.teasertext,
    .altrosa.teasertext,
    .bonjourgrey.teasertext,
    .brandyrose.teasertext,
    .brightgrey.teasertext,
    .canaryellow.teasertext,
    .cardinalred.teasertext,
    .cyprusblue.teasertext,
    .darksand.teasertext,
    .dustygrey.teasertext,
    .lightgrey.teasertext,
    .powderpink.teasertext,
    .primary.teasertext,
    .rumswizzlesand.teasertext,
    .sand.teasertext,
    .secondary.teasertext,
    .sloggimen.teasertext,
    .sloggiwomen.teasertext,
    .tertiary.teasertext,
    .thinborder.campaignslider-text,
    .thinborder.teasertext,
    .white.teasertext {
        border: none
    }
}

.advice-teaser.tile,
.video-teaser {
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    width: 100%;
    margin: 0
}

@media screen and (max-width:767px) {
    .advice-teaser.tile,
    .video-teaser {
        display: block
    }
}

.advice-teaser.tile .headline,
.advice-teaser.tile .headline-xlarge,
.advice-teaser.tile h2,
.video-teaser .headline,
.video-teaser .headline-xlarge,
.video-teaser h2 {
    margin: 20px 0 0;
    line-height: 45px
}

@media screen and (max-width:1160px) {
    .advice-teaser.tile .headline,
    .advice-teaser.tile .headline-xlarge,
    .advice-teaser.tile h2,
    .video-teaser .headline,
    .video-teaser .headline-xlarge,
    .video-teaser h2 {
        margin: 0
    }
}

@media screen and (max-width:767px) {
    .advice-teaser.tile .headline,
    .advice-teaser.tile .headline-xlarge,
    .advice-teaser.tile h2,
    .video-teaser .headline,
    .video-teaser .headline-xlarge,
    .video-teaser h2 {
        font-size: 14px;
        line-height: 40px
    }
}

@media screen and (max-width:580px) {
    .advice-teaser.tile .headline,
    .advice-teaser.tile .headline-xlarge,
    .advice-teaser.tile h2,
    .video-teaser .headline,
    .video-teaser .headline-xlarge,
    .video-teaser h2 {
        line-height: 29px
    }
}

.advice-teaser.tile .headline-xlarge.above,
.advice-teaser.tile .headline.above,
.advice-teaser.tile h2.above,
.video-teaser .headline-xlarge.above,
.video-teaser .headline.above,
.video-teaser h2.above {
    position: absolute;
    top: 15px;
    padding: 0 15px;
    text-transform: none;
    font-family: var(--font-family-sub-heading);
    font-size: 20px;
    line-height: 26px
}

@media screen and (max-width:580px) {
    .advice-teaser.tile .headline-xlarge.above,
    .advice-teaser.tile .headline.above,
    .advice-teaser.tile h2.above,
    .video-teaser .headline-xlarge.above,
    .video-teaser .headline.above,
    .video-teaser h2.above {
        font-size: 14px;
        line-height: 20px
    }
}

.advice-teaser.tile .headline-xlarge.above.top,
.advice-teaser.tile .headline.above.top,
.advice-teaser.tile h2.above.top,
.video-teaser .headline-xlarge.above.top,
.video-teaser .headline.above.top,
.video-teaser h2.above.top {
    position: absolute;
    top: 15px
}

.advice-teaser.tile .headline-xlarge.above.middle,
.advice-teaser.tile .headline.above.middle,
.advice-teaser.tile h2.above.middle,
.video-teaser .headline-xlarge.above.middle,
.video-teaser .headline.above.middle,
.video-teaser h2.above.middle {
    position: absolute;
    top: 33%
}

.advice-teaser.tile .headline-xlarge.above.bottom,
.advice-teaser.tile .headline.above.bottom,
.advice-teaser.tile h2.above.bottom,
.video-teaser .headline-xlarge.above.bottom,
.video-teaser .headline.above.bottom,
.video-teaser h2.above.bottom {
    position: absolute;
    top: initial;
    bottom: 15px
}

@media screen and (max-width:767px) {
    .advice-teaser.tile .menuteaser,
    .video-teaser .menuteaser {
        padding: 0;
        bottom: 40px;
        position: relative;
        top: 30px;
        height: 27px;
        line-height: 30px
    }
}

@media screen and (max-width:767px) and (max-width:580px) {
    .advice-teaser.tile .menuteaser,
    .video-teaser .menuteaser {
        top: 0;
        height: 27px
    }
}

.advice-teaser.tile .inner,
.video-teaser .inner {
    height: 444px;
    width: 100%
}

@media screen and (max-width:1160px) {
    .advice-teaser.tile .inner,
    .video-teaser .inner {
        height: 404.5px
    }
}

@media screen and (max-width:980px) {
    .advice-teaser.tile .inner,
    .video-teaser .inner {
        height: 410.5px
    }
}

@media screen and (max-width:767px) {
    .advice-teaser.tile .inner,
    .video-teaser .inner {
        display: block;
        padding: 20px 30px;
        height: 310px;
        -webkit-flex-wrap: unset;
        flex-wrap: unset;
        justify-content: normal
    }
}

@media screen and (max-width:580px) {
    .advice-teaser.tile .inner,
    .video-teaser .inner {
        height: 278px
    }
}

@media only screen and (max-width:360px) {
    .advice-teaser.tile .inner,
    .video-teaser .inner {
        height: 270px
    }
}

.advice-teaser.tile .inner a,
.video-teaser .inner a {
    display: block
}

.advice-teaser.tile .inner p,
.video-teaser .inner p {
    text-align: center
}

.advice-teaser.tile .inner p.more a,
.video-teaser .inner p.more a {
    text-decoration: underline
}

.advice-teaser.tile .inner p.more a.button,
.advice-teaser.tile .inner p.more a:active,
.advice-teaser.tile .inner p.more a:focus,
.advice-teaser.tile .inner p.more a:hover,
.video-teaser .inner p.more a.button,
.video-teaser .inner p.more a:active,
.video-teaser .inner p.more a:focus,
.video-teaser .inner p.more a:hover {
    text-decoration: none
}

@media screen and (max-width:767px) {
    .advice-teaser.tile .inner p.more,
    .video-teaser .inner p.more {
        margin: 20px 0 30px
    }
    .advice-teaser.tile .inner p.more a,
    .video-teaser .inner p.more a {
        margin-top: 30px
    }
}

.advice-teaser.tile.imagetext .headline-xlarge {
    margin: 0;
    width: 100%;
    line-height: 0
}

.video .video-teaser .inner {
    margin: 2px;
    padding: 0;
    height: 380px;
    width: 100%;
    background-color: #f4f2ef
}

.video .video-teaser .inner iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 564px;
    height: 317px
}

@media screen and (max-width:580px) {
    .video .video-teaser .inner iframe {
        width: 100%;
        height: 100%
    }
}

@media screen and (max-width:767px) {
    .video .video-teaser .inner {
        height: 342px;
        padding: 0
    }
}

@media screen and (max-width:580px) {
    .video .video-teaser .inner {
        height: 190px
    }
}

.advice-teaser.tile.large .inner {
    height: 459px
}

@media screen and (max-width:1160px) {
    .advice-teaser.tile.large .inner {
        height: 417px
    }
}

@media screen and (max-width:980px) {
    .advice-teaser.tile.large .inner {
        height: 434px
    }
}

@media screen and (max-width:767px) {
    .advice-teaser.tile.large .inner {
        height: auto
    }
}

.advice-teaser.tile.large-image {
    margin: 0;
    padding: 0
}

.advice-teaser.tile.large-image .inner {
    padding: 0;
    border: none;
    height: auto;
    overflow: hidden;
    line-height: 1px
}

.advice-teaser.tile.large-image .inner .adviceteaser-text {
    position: absolute;
    bottom: 112px;
    right: 50px
}

@media screen and (max-width:980px) {
    .advice-teaser.tile.large-image .inner .adviceteaser-text {
        bottom: 40px
    }
}

@media screen and (max-width:580px) {
    .advice-teaser.tile.large-image .inner .adviceteaser-text {
        bottom: 20px;
        right: 12px
    }
}

.advice-teaser.tile.large-image .inner .adviceteaser-text .headline-adviceteaser {
    padding-bottom: 50px
}

@media screen and (max-width:580px) {
    .advice-teaser.tile.large-image .inner .adviceteaser-text .headline-adviceteaser {
        padding-bottom: 20px
    }
}

.advice-teaser.tile.large-image .inner .adviceteaser {
    width: 70%;
    padding: 0
}

.advice-teaser.tile.large-image .inner img {
    width: 100%;
    height: auto
}

@media screen and (max-width:580px) {
    .advice-teaser.tile.large-image .inner .button.adviceteaser {
        height: 22px
    }
}

.advice-teaser.tile.adviserimage,
.advice-teaser.tile.image {
    margin: 0;
    padding: 0;
    background-color: #fff
}

.advice-teaser.tile.adviserimage .inner,
.advice-teaser.tile.image .inner {
    width: 100%;
    padding: 0;
    border: none;
    height: auto;
    overflow: hidden;
    line-height: 1px;
    justify-content: initial;
    text-align: left
}

.advice-teaser.tile.adviserimage .inner img,
.advice-teaser.tile.image .inner img {
    height: 422px;
    width: 100%
}

@media screen and (max-width:1160px) {
    .advice-teaser.tile.adviserimage .inner img,
    .advice-teaser.tile.image .inner img {
        height: 382px
    }
}

@media screen and (max-width:980px) {
    .advice-teaser.tile.adviserimage .inner img,
    .advice-teaser.tile.image .inner img {
        height: 388.5px
    }
}

@media screen and (max-width:767px) {
    .advice-teaser.tile.adviserimage .inner img,
    .advice-teaser.tile.image .inner img {
        height: 288px
    }
}

@media screen and (max-width:580px) {
    .advice-teaser.tile.adviserimage .inner img,
    .advice-teaser.tile.image .inner img {
        height: 256px
    }
}

@media only screen and (max-width:360px) {
    .advice-teaser.tile.adviserimage .inner img,
    .advice-teaser.tile.image .inner img {
        height: 248px
    }
}

.advice-teaser.tile.pattern {
    margin: 0;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative
}

.advice-teaser.tile.pattern .darkenimage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    z-index: 2
}

.advice-teaser.tile.style {
    margin: 0
}

.advice-teaser.tile.style img {
    max-width: 100%
}

.advice-teaser.tile.style .inner {
    padding: 0 0 25px
}

.advice-teaser.tile.style .inner .headline,
.advice-teaser.tile.style .inner h2 {
    margin: 0
}

.advice-teaser.tile.style .inner .headline p,
.advice-teaser.tile.style .inner h2 p {
    margin-top: 0
}

.advice-teaser.tile.style .inner .headline .more,
.advice-teaser.tile.style .inner h2 {
    padding: 0 25px
}

.advice-teaser.withcols .advice-col {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
    border-right: 2px solid #fff;
    text-transform: uppercase
}

.advice-teaser.withcols .advice-col:last-child,
.advice-teaser.withcols .advice-col:nth-child(3n) {
    margin-right: 0
}

.advice-teaser.withcols .advice-col:nth-child(3n+1) {
    clear: left
}

@media screen and (max-width:980px) {
    .advice-teaser.withcols .advice-col {
        width: auto;
        margin: 0;
        float: none
    }
}

.advice-teaser.withcols .advice-col:nth-child(3) {
    border-right: none
}

.menu-image-teaser {
    position: relative;
    z-index: 1
}

.menu-image-teaser .inner {
    position: absolute;
    bottom: 20px;
    z-index: 2;
    width: 100%;
    text-align: center;
    font-family: var(--font-family-sub-heading);
    line-height: 22px;
    pointer-events: none
}

.menu-image-teaser .inner p {
    margin: 0
}

.menu-image-teaser .inner .button {
    margin: 30px 0 0;
    pointer-events: all
}

.largeteaser {
    position: relative;
    overflow: hidden;
    color: #494e53
}

@media screen and (max-width:767px) {
    .largeteaser {
        overflow: hidden
    }
}

.largeteaser .largeteaser-image {
    line-height: 1px
}

.largeteaser img {
    width: 100%;
    height: auto
}

.largeteaser.s7Video {
    overflow: visible
}

@media screen and (max-width:980px) {
    .largeteaser.s7Video {
        min-height: 300px
    }
}

@media screen and (max-width:767px) {
    .largeteaser.s7Video {
        min-height: 100px
    }
}

.largeteaser.youtubeVideo {
    overflow: visible;
    height: 450px
}

@media screen and (max-width:980px) {
    .largeteaser.youtubeVideo {
        height: 410px
    }
}

@media screen and (max-width:767px) {
    .largeteaser.youtubeVideo {
        height: 359px
    }
}

@media screen and (max-width:580px) {
    .largeteaser.youtubeVideo {
        height: 195px
    }
}

.largeteaser.youtubeVideo iframe {
    width: 100%!important;
    height: 100%!important
}

.largeteaser .darkenimage {
    position: absolute;
    top: 0;
    left: 0;
    background: #494e53;
    width: 100%;
    height: 100%;
    opacity: .2;
    z-index: 2
}

.largeteaser .teasertext .teaser-headline {
    margin: 0 0 5px;
    font-size: 39px;
    font-family: var(--font-family-heading);
    line-height: 45px
}

@media screen and (max-width:980px) {
    .largeteaser .teasertext .teaser-headline {
        margin: 0 0 10px
    }
}

@media screen and (max-width:767px) {
    .largeteaser .teasertext .teaser-headline {
        font-size: 28px;
        margin: 20px 0 5px
    }
}

.largeteaser .teasertext .teaser-headline.logo div.triactionblack,
.largeteaser .teasertext .teaser-headline.logo div.triactionprimary,
.largeteaser .teasertext .teaser-headline.logo div.triactionsecondary {
    width: 130px;
    height: 64px
}

.largeteaser .teasertext .teaser-headline.logo div.sloggimen,
.largeteaser .teasertext .teaser-headline.logo div.sloggiwhite,
.largeteaser .teasertext .teaser-headline.logo div.sloggiwomen {
    width: 100px;
    height: 54px
}

.largeteaser .teasertext .teaser-headline.logo div.triumphessence,
.largeteaser .teasertext .teaser-headline.logo div.triumphessencegrey {
    width: 135px;
    height: 54px
}

.largeteaser .teasertext .teaser-headline.logo div.triumphred {
    width: 135px;
    height: 67px
}

.largeteaser .teasertext .teaser-headline.logo div.triumphredtext {
    width: 135px;
    height: 94px
}

.largeteaser .teasertext .teaser-headline.logo div.florale {
    width: 135px;
    height: 54px
}

.largeteaser .teasertext .teaser-text {
    margin: 0;
    font-family: var(--font-family-base);
    letter-spacing: 2px;
    padding-bottom: 10px
}

.largeteaser .teasertext .teaser-text.notransform,
.largeteaser .teasertext .teaser-text.uppercase {
    margin: 40px 0;
    text-transform: uppercase;
    font-family: var(--font-family-sub-heading);
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 1px
}

@media screen and (max-width:767px) {
    .largeteaser .teasertext .teaser-text.notransform,
    .largeteaser .teasertext .teaser-text.uppercase {
        margin: 0
    }
}

.largeteaser .teasertext .teaser-text.notransform {
    text-transform: none
}

.largeteaser.noborder .teasertext {
    position: absolute;
    top: 0;
    right: 0;
    width: 250px;
    height: 250px;
    padding: 45px 15px 20px
}

@media screen and (max-width:980px) {
    .largeteaser.noborder .teasertext {
        width: 227.5px;
        height: 228px
    }
}

@media screen and (max-width:767px) {
    .largeteaser.noborder .teasertext {
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
        height: auto;
        padding: 20px
    }
}

@media screen and (max-width:767px) {
    .largeteaser.hideonmobile {
        display: none;
        margin: 0
    }
}

.largeteaser .teasertext-3forx {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 180px;
    width: auto;
    max-width: 230px;
    height: 100%;
    text-align: left;
    padding: 20px 0 0;
    background: 0 0
}

@media screen and (max-width:767px) {
    .largeteaser .teasertext-3forx {
        width: auto;
        max-width: 180px;
        min-width: 26vw;
        padding: 20px 0
    }
}

.largeteaser .teasertext-3forx .teaser-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
    color: #000000;
    text-transform: uppercase
}

@media screen and (max-width:767px) {
    .largeteaser .teasertext-3forx .teaser-title {
        font-size: 3vw
    }
}

.largeteaser .teasertext-3forx .teaser-content {
    background: #fff;
    margin: 0 -5px;
    padding: 0 5px;
    font-size: 26px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 1.2;
    display: table
}

@media screen and (max-width:767px) {
    .largeteaser .teasertext-3forx .teaser-content {
        font-size: 4.3vw
    }
}

.largeteaser .teasertext-3forx .teasertext-note {
    padding: 30px 0 0;
    font-size: 9px;
    line-height: 1.3;
    text-transform: uppercase;
    color: #000000;
    font-weight: 900;
    width: 150px;
    position: absolute;
    bottom: 0
}

@media screen and (max-width:767px) {
    .largeteaser .teasertext-3forx .teasertext-note {
        font-size: 1.4vw;
        padding: 15px 0 0;
        width: 85px
    }
}

.loading img[src$=".gif"] {
    display: block
}

.loading img[src$=".svg"],
.svg .loading img[src$=".gif"] {
    display: none
}

.svg .loading img[src$=".svg"] {
    display: block
}

@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -350px 0
    }
    100% {
        background-position: 400px 0
    }
}

.availibilityCheckdialog .availabilitycheck #allImages {
    float: left;
    width: 30%
}

@media screen and (max-width:767px) {
    .availibilityCheckdialog .availabilitycheck #allImages {
        width: 35%
    }
}

@media screen and (max-width:580px) {
    .availibilityCheckdialog .availabilitycheck #allImages {
        width: 30%
    }
    .availibilityCheckdialog .availabilitycheck #allImages img {
        width: 100%
    }
}

.availibilityCheckdialog .availabilitycheck .productinfo {
    float: right;
    width: 70%;
    margin-top: 20px
}

@media screen and (max-width:767px) {
    .availibilityCheckdialog .availabilitycheck .productinfo {
        width: 65%
    }
}

@media screen and (max-width:580px) {
    .availibilityCheckdialog .availabilitycheck .productinfo {
        margin-top: 0
    }
}

.availibilityCheckdialog .availabilitycheck .productinfo .name {
    text-transform: uppercase
}

.availibilityCheckdialog .availabilitycheck .productinfo .name .item-name {
    line-height: 30px
}

.availibilityCheckdialog .availabilitycheck .productinfo .itemNo {
    line-height: 40px
}

.availibilityCheckdialog .availabilitycheck .productinfo .pricing {
    padding: 15px 0;
    font-family: var(--font-family-sub-heading);
}

@media screen and (max-width:580px) {
    .availibilityCheckdialog .availabilitycheck .productinfo .pricing {
        padding: 5px 0
    }
}

.availibilityCheckdialog .availabilitycheck .productinfo .pricing .hide,
.availibilityCheckdialog .availabilitycheck .productinfo .pricing .standardprice.disabled {
    display: none
}

.availibilityCheckdialog .availabilitycheck .addToCartForm .selected {
    width: 18px;
    height: 18px
}

.availibilityCheckdialog .availabilitycheck .availabilityform {
    clear: both;
    border-top: 1px solid #cfd1d0;
    margin: 20px 0 0;
    padding: 20px 0 0
}

.availibilityCheckdialog .availabilitycheck .availabilityform .label {
    padding: 5px 0
}

.availibilityCheckdialog .availabilitycheck .availabilityform .value {
    float: left;
    width: 68%
}

@media screen and (max-width:580px) {
    .availibilityCheckdialog .availabilitycheck .availabilityform .value {
        width: 40%
    }
}

.availibilityCheckdialog .availabilitycheck .availabilityform .value input {
    width: 100%
}

.availibilityCheckdialog .availabilitycheck .availabilityform button {
    width: 28%;
    float: right
}

@media screen and (max-width:580px) {
    .availibilityCheckdialog .availabilitycheck .availabilityform button {
        width: 55%
    }
}

.availibilityCheckdialog .availabilitycheck .availabilityform .availabilityresponse .retailresults {
    margin: 30px 0 0;
    border-top: 1px solid #cfd1d0;
    padding: 30px 0 0
}

.availibilityCheckdialog .availabilitycheck .availabilityform .availabilityresponse h3 {
    padding: 0 0 15px
}

.availibilityCheckdialog .availabilitycheck .availabilityform .availabilityresponse #storesfound div {
    text-transform: capitalize
}

.availibilityCheckdialog .availabilitycheck .availabilityform .availabilityresponse #storesfound .storehead {
    width: auto;
    background-color: #f4f2ef;
    background-image: url(../images/icons/arrows/arrow_down.png);
    background-position: right 15px top 23px;
    background-repeat: no-repeat;
    background-size: 18px;
    border-top: 1px solid #fff;
    display: block;
    padding: 20px 60px 20px 20px
}

@media screen and (max-width:767px) {
    .availibilityCheckdialog .availabilitycheck .availabilityform .availabilityresponse #storesfound .storehead {
        padding-right: 40px
    }
}

.svg .availibilityCheckdialog .availabilitycheck .availabilityform .availabilityresponse #storesfound .storehead {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2226px%22%20height%3D%2216.2px%22%20viewBox%3D%220%20-3%2026%2016.2%22%20enable-background%3D%22new%200%20-3%2026%2016.2%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Arrow__x23_8f9491%22%3E%0D%0A%09%3Cpolygon%20fill%3D%22%238F9491%22%20points%3D%2213%2C13.2%200%2C0.2%203.2%2C-3%2013%2C6.8%2022.8%2C-3%2026%2C0.2%20%09%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A")
}

.availibilityCheckdialog .availabilitycheck .availabilityform .availabilityresponse #storesfound .storehead:hover {
    cursor: pointer;
    background-color: #f1eeea
}

.availibilityCheckdialog .availabilitycheck .availabilityform .availabilityresponse #storesfound .storehead.ui-accordion-header-active {
    background-image: url(../images/icons/arrows/arrow_up.png);
    background-color: #f1eeea
}

.svg .availibilityCheckdialog .availabilitycheck .availabilityform .availabilityresponse #storesfound .storehead.ui-accordion-header-active {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2226px%22%20height%3D%2216.2px%22%20viewBox%3D%220%20-3%2026%2016.2%22%20enable-background%3D%22new%200%20-3%2026%2016.2%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Arrow__x23_8f9491%22%3E%0D%0A%09%3Cpolygon%20fill%3D%22%238F9491%22%20points%3D%2222.8%2C13.2%2013%2C3.5%203.2%2C13.2%200%2C10%2013%2C-3%2026%2C10%20%09%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A")
}

.availibilityCheckdialog .availabilitycheck .availabilityform .availabilityresponse #storesfound .storehead .distance {
    float: right;
    text-align: right;
    text-transform: lowercase
}

.availibilityCheckdialog .availabilitycheck .availabilityform .availabilityresponse #storesfound .storedetails {
    display: block;
    background-color: #f1eeea;
    min-height: 10px
}

.availibilityCheckdialog .availabilitycheck .availabilityform .availabilityresponse #storesfound .storedetails div span {
    display: inline-block;
    width: 100%
}

.availibilityCheckdialog .availabilitycheck .availabilityform .availabilityresponse #storesfound .storedetails div span.detail {
    font-weight: 400;
    padding-top: 5px
}

.availibilityCheckdialog .availabilitycheck .availabilityform .availabilityresponse #storesfound .storedetails .availability {
    color: #41850f;
    font-family: var(--font-family-sub-heading);
    padding: 0 20px 10px
}

.availibilityCheckdialog .availabilitycheck .availabilityform .availabilityresponse #storesfound .storedetails .storeaddress {
    padding: 0 20px
}

.availibilityCheckdialog .availabilitycheck .availabilityform .availabilityresponse #storesfound .storedetails .storeaddress .title {
    text-transform: uppercase
}

.availibilityCheckdialog .availabilitycheck .availabilityform .availabilityresponse #storesfound .storedetails .storehours {
    padding: 0 20px 10px
}

.availibilityCheckdialog .availabilitycheck .availabilityform .availabilityresponse #storesfound .storedetails .storehours .title {
    text-transform: uppercase
}

.availibilityCheckdialog .availabilitycheck .availabilityform .availabilityresponse #storesfound .storedetails .storecontact {
    padding: 0 20px 20px
}

.availibilityCheckdialog .availabilitycheck .availabilityform .availabilityresponse #storesfound .storedetails .storecontact .title {
    text-transform: uppercase
}

.availibilityCheckdialog .availabilitycheck .availabilityform .availabilityresponse .expandradius {
    padding: 15px 0
}

.availabilitycheck.iconbox {
    display: inline-block;
    margin: 0 0 10px 18%;
    position: relative;
    top: -40px
}

@media screen and (max-width:980px) {
    .availabilitycheck.iconbox {
        margin: 15px 0 0;
        top: 0
    }
}

#recom_products_range .availabilitycheck.iconbox,
.recom_products_quickview .availabilitycheck.iconbox {
    position: relative;
    top: 15px
}

@media screen and (max-width:767px) {
    #recom_products_range .availabilitycheck.iconbox,
    .recom_products_quickview .availabilitycheck.iconbox {
        margin-bottom: 15px
    }
}

.retailAvailability {
    display: flex;
    align-items: center;
    fill: #6a6f74
}

.retailAvailability:active,
.retailAvailability:focus,
.retailAvailability:hover {
    fill: #494e53
}

.retailAvailability span {
    text-decoration: underline;
    cursor: pointer;
    margin: 0 0 0 9px;
    display: inline-block
}

.retailAvailability span:hover {
    text-decoration: none
}

.colorsizes .overlaysizes li {
    position: relative
}

.colorsizes .overlaysizes li:hover .tooltip {
    display: block
}

@media screen and (max-width:980px) {
    .colorsizes .overlaysizes li:hover .tooltip {
        display: none
    }
}

.colorsizes .overlaysizes li .tooltip {
    display: none;
    position: absolute;
    bottom: 20px;
    left: -20px;
    padding: 12px 0
}

.colorsizes .overlaysizes li .tooltip .tooltip_wrap {
    width: 340px;
    padding: 12px 20px;
    text-align: left;
    border: 1px solid #cfd1d0;
    color: #494e53;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 100;
    background: #f4f2ef
}

.colorsizes .overlaysizes li .tooltip .tooltip_wrap::after,
.colorsizes .overlaysizes li .tooltip .tooltip_wrap::before {
    position: absolute;
    top: 88%;
    left: 19%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none
}

.colorsizes .overlaysizes li .tooltip .tooltip_wrap::after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #f4f2ef;
    border-width: 10px;
    margin-left: -30px
}

.colorsizes .overlaysizes li .tooltip .tooltip_wrap::before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #cfd1d0;
    border-width: 11px;
    margin-left: -31px
}

.colorsizes .overlaysizes li .tooltip .title {
    text-transform: uppercase
}

.colorsizes .overlaysizes li .tooltip li {
    padding: 6px 0 6px 16px;
    background-image: url(../images/icons/arrows/arrow_right.png);
    background-position: 0 6px;
    background-size: 7px;
    background-repeat: no-repeat
}

.svg .colorsizes .overlaysizes li .tooltip li {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2216.2px%22%20height%3D%2226px%22%20viewBox%3D%220%20-3.4%2016.2%2026%22%20enable-background%3D%22new%200%20-3.4%2016.2%2026%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Arrow__x23_8f9491%22%3E%0D%0A%09%3Cpolygon%20fill%3D%22%238F9491%22%20points%3D%223.2%2C22.6%200%2C19.3%209.8%2C9.6%200%2C-0.2%203.2%2C-3.4%2016.2%2C9.6%20%09%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A")
}

.colorsizes .overlaysizes li .tooltip li:hover {
    cursor: pointer;
    text-decoration: underline
}

.colorsizes .overlaysizes li .findStoreMobile {
    display: none
}

@media screen and (max-width:980px) {
    .colorsizes .overlaysizes li .findStoreMobile {
        color: #494e53;
        display: block;
        position: absolute;
        right: 20px;
        text-decoration: underline;
        top: 3px
    }
}

@media screen and (max-width:767px) {
    .colorsizes .overlaysizes li .findStoreMobile {
        top: 6px
    }
}

#product_reviews * {
    font-family: var(--font-family-base);
    font-size: 14px;
    line-height: 20px;
    color: #494e53;
    background-image: none
}

#product_reviews .productreviews {
    border: none;
    background: #fff
}

#product_reviews .productreviews .ts-wrapper {
    padding: 0;
    background: #fff
}

#product_reviews .productreviews .ts-wrapper .ts-header-title {
    display: none
}

#product_reviews .productreviews .ts-wrapper .ts-header-description {
    line-height: 14px
}

@media screen and (max-width:767px) {
    #product_reviews .productreviews .ts-wrapper .ts-review-content {
        margin-left: 0
    }
}

#product_reviews .productreviews .ts-wrapper .ts-reviews-list {
    max-height: unset!important;
    overflow-y: visible
}

@media screen and (max-width:767px) {
    #product_reviews .productreviews .ts-wrapper .ts-reviews-list {
        overflow-y: auto;
        height: 400px;
        padding: 0 10px 0 0
    }
}

#product_reviews .productreviews .ts-wrapper .ts-header-filter-dropdown-label,
#product_reviews .productreviews .ts-wrapper .ts-review {
    border-color: #cfd1d0
}

#product_reviews .productreviews .ts-wrapper .ts-header-filter-dropdown * {
    font-size: 12px;
    line-height: 18px
}

#product_reviews .productreviews .ts-wrapper .ts-buyer-info {
    font-family: var(--font-family-sub-heading);
}

#product_reviews .ts-footer,
#product_reviews .ts-header-filter-dropdown,
#product_reviews .ts-header-logo,
#product_reviews .ts-header-subtitle,
#product_reviews .ts-review-avatar {
    display: none
}

.social-media-section {
    margin: 40px 0 0
}

.social-media-section .socialmedia {
    text-align: center
}

.social-media-section .socialmedia .text {
    display: inline-block;
    margin: 0 20px 0 0;
    position: relative;
    top: -5px
}

@media screen and (max-width:767px) {
    .social-media-section .socialmedia .text {
        margin: 0 12px 0 0
    }
}

.social-media-section .socialmedia .iconlink {
    display: inline-block;
    float: none;
    padding: 0 20px 0 0
}

@media screen and (max-width:767px) {
    .social-media-section .socialmedia .iconlink {
        padding: 0 12px 0 0
    }
}

.homepage-logo-bar img {
    width: 12%;
    margin: 0 2%;
    height: auto;
    vertical-align: middle
}

@media screen and (max-width:980px) {
    .homepage-logo-bar img {
        width: 28%
    }
}

.homepage-logo-bar a:active,
.homepage-logo-bar a:focus,
.homepage-logo-bar a:hover {
    text-transform: none;
    color: transparent
}

#footer-old-newsletter {
    background: #fbfaf8;
    color: #494e53;
    padding: 0 0 25px;
    min-height: 115px
}

#footer-old-newsletter .newsletter-footer {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    text-align: center
}

#footer-old-newsletter .newsletter-footer:last-child {
    margin-right: 0
}

@media screen and (max-width:767px) {
    #footer-old-newsletter .newsletter-footer {
        width: 100%
    }
}

@media screen and (max-width:580px) {
    #footer-old-newsletter .newsletter-footer {
        width: auto;
        margin: 0;
        float: none
    }
}

#footer-old-newsletter .newsletter-footer #newsletter-text .headline-small-bold,
#footer-old-newsletter .newsletter-footer #newsletter-text .moredetails-headline,
#footer-old-newsletter .newsletter-footer #newsletter-text p {
    margin: 0
}

#footer-old-newsletter .newsletter-footer #newsletter-text .voucher {
    color: #000000;
    font-family: var(--font-family-heading);
}

#footer-old-newsletter #newsletter-form {
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 30px 0 0;
    width: 40%
}

@media screen and (max-width:1160px) {
    #footer-old-newsletter #newsletter-form {
        width: 45%
    }
}

@media screen and (max-width:980px) {
    #footer-old-newsletter #newsletter-form {
        width: 60%
    }
}

@media screen and (max-width:767px) {
    #footer-old-newsletter #newsletter-form {
        width: 75%
    }
}

@media screen and (max-width:580px) {
    #footer-old-newsletter #newsletter-form {
        width: auto;
        margin: 0;
        float: none
    }
}

#co_confirm_newsletter .subscription .input_wrap .input-holder,
#newsletter-form .input_wrap .input-holder {
    float: left;
    margin: 0 20px 0 0
}

@media screen and (max-width:1160px) {
    #co_confirm_newsletter .subscription .input_wrap .input-holder,
    #newsletter-form .input_wrap .input-holder {
        margin-right: 10px
    }
}

@media screen and (max-width:580px) {
    #co_confirm_newsletter .subscription .input_wrap .input-holder,
    #newsletter-form .input_wrap .input-holder {
        width: 62%;
        margin: 0
    }
}

#co_confirm_newsletter .subscription .input_wrap .input-holder .simplesearchinput,
#newsletter-form .input_wrap .input-holder .simplesearchinput {
    background: #fbfaf8;
    border-bottom: 1px solid #aeb2b1;
    border-left: none;
    border-right: none;
    border-top: none;
    padding: 4px 10px 2px;
    text-align: center;
    width: 305px
}

@media screen and (max-width:580px) {
    #co_confirm_newsletter .subscription .input_wrap .input-holder .simplesearchinput,
    #newsletter-form .input_wrap .input-holder .simplesearchinput {
        width: 100%
    }
}

@media screen and (max-width:580px) {
    #co_confirm_newsletter .subscription .button,
    #newsletter-form .button {
        float: right
    }
}

#newsletter .NewsletterMobileBanner {
    display: none;
    line-height: 1px
}

@media screen and (max-width:767px) {
    #newsletter .NewsletterMobileBanner {
        display: block
    }
}

#newsletter .NewsletterMobileBanner img {
    width: 100%
}

#newsletter .newsletter-form #NewsletterSub {
    position: relative;
    width: 100%;
    height: 885px
}

@media screen and (max-width:980px) {
    #newsletter .newsletter-form #NewsletterSub {
        height: auto
    }
}

#newsletter .newsletter-form #NewsletterSub.first,
#newsletter .newsletter-form #NewsletterSub.second {
    position: relative;
    background-color: #f6f5f1;
    background-repeat: no-repeat;
    background-position: top right
}

@media screen and (max-width:980px) {
    #newsletter .newsletter-form #NewsletterSub.first,
    #newsletter .newsletter-form #NewsletterSub.second {
        background-size: auto 100%;
        background-position: top 0 right -60px
    }
}

@media screen and (max-width:767px) {
    #newsletter .newsletter-form #NewsletterSub.first,
    #newsletter .newsletter-form #NewsletterSub.second {
        background: 0 0
    }
}

#newsletter .newsletter-form #NewsletterSub .main-brasizecalculator {
    width: 500px;
    padding: 40px 0 40px 60px
}

@media screen and (max-width:980px) {
    #newsletter .newsletter-form #NewsletterSub .main-brasizecalculator {
        width: 420px;
        padding-left: 40px
    }
}

@media screen and (max-width:767px) {
    #newsletter .newsletter-form #NewsletterSub .main-brasizecalculator {
        padding: 0;
        width: auto;
        background-color: #f6f5f1
    }
}

#newsletter .newsletter-form #NewsletterSub .main-brasizecalculator .facebooklink,
#newsletter .newsletter-form #NewsletterSub .main-brasizecalculator .noemail {
    margin: 30px 0 0
}

#newsletter .newsletter-form #NewsletterSub .main-brasizecalculator .formfields .formfield {
    margin: 15px 0 0
}

#newsletter .newsletter-form #NewsletterSub .main-brasizecalculator .formfields .formfield .label.errormsg {
    margin: 0 0 2px
}

#newsletter .newsletter-form #NewsletterSub .main-brasizecalculator .formfields .formfield.birthday {
    margin-left: -45px;
    padding-left: 45px;
    background: url(../images/newsletter/triumph_balloons.png) 3px 0/7% no-repeat
}

@media screen and (max-width:980px) {
    #newsletter .newsletter-form #NewsletterSub .main-brasizecalculator .formfields .formfield.birthday {
        margin-left: -40px;
        padding-left: 40px;
        background-position: 9px 0;
        background-size: 6.5%
    }
}

@media screen and (max-width:767px) {
    #newsletter .newsletter-form #NewsletterSub .main-brasizecalculator .formfields .formfield.birthday {
        margin-left: 0;
        padding-left: 45px;
        background-position: 0 5px;
        background-size: 6%
    }
}

@media screen and (max-width:580px) {
    #newsletter .newsletter-form #NewsletterSub .main-brasizecalculator .formfields .formfield.birthday {
        padding-left: 23px;
        background-size: 7%
    }
    #newsletter .newsletter-form #NewsletterSub .main-brasizecalculator .formfields .formfield.birthday .day {
        width: 31%
    }
    #newsletter .newsletter-form #NewsletterSub .main-brasizecalculator .formfields .formfield.birthday .month {
        width: 33%
    }
    #newsletter .newsletter-form #NewsletterSub .main-brasizecalculator .formfields .formfield.birthday .year {
        width: 30%
    }
}

#newsletter .newsletter-form #NewsletterSub .main-brasizecalculator .formfields.salutation .formfield {
    margin: 0
}

#newsletter .newsletter-form #NewsletterSub .main-brasizecalculator .formfields.newslettercheck .formfield .requiredindicator {
    float: left;
    margin: 0 5px 0 0
}

#newsletter .newsletter-form #NewsletterSub .main-brasizecalculator .formfields.newslettercheck .formfield .checkbox .requiredindicator {
    display: none
}

#newsletter .newsletter-form #NewsletterSub .main-brasizecalculator .formfields.email .formfield.error .labeltext {
    color: #000000
}

#newsletter .newsletter-form #NewsletterSub .main-brasizecalculator .infotext.bottom,
#newsletter .newsletter-form #NewsletterSub .main-brasizecalculator .verratensieuns {
    margin: 10px 0 0;
    color: #6a6f74;
    font-size: 10px;
    line-height: 16px
}

#newsletter .newsletter-form #NewsletterSub .main-brasizecalculator .infotext.bottom a,
#newsletter .newsletter-form #NewsletterSub .main-brasizecalculator .verratensieuns a {
    color: #6a6f74
}

#newsletter .newsletter-form #NewsletterSub .main-brasizecalculator .infotext.bottom p,
#newsletter .newsletter-form #NewsletterSub .main-brasizecalculator .verratensieuns p {
    margin: 5px 0 0
}

#newsletter .newsletter-form #NewsletterSub .main-brasizecalculator .verratensieuns {
    color: #494e53;
    font-size: 12px;
    line-height: 18px
}

#newsletter .newsletter-form #NewsletterSub .main-brasizecalculator .requiredfields {
    margin: 10px 0
}

@media screen and (max-width:767px) {
    #newsletter .newsletter-form #NewsletterSub .main-brasizecalculator .clrBd,
    #newsletter .newsletter-form #NewsletterSub .main-brasizecalculator .text {
        padding: 15px 15px 0
    }
    #newsletter .newsletter-form #NewsletterSub .main-brasizecalculator .clrBd.firstblock,
    #newsletter .newsletter-form #NewsletterSub .main-brasizecalculator .text.firstblock {
        padding-top: 20px
    }
}

#newsletter #NewsletterSub .bubble {
    position: absolute;
    top: 25px;
    left: 48%;
    width: 170px;
    height: 170px;
    background-repeat: no-repeat
}

@media screen and (max-width:980px) {
    #newsletter #NewsletterSub .bubble {
        left: 50%;
        top: 5px
    }
}

@media screen and (max-width:767px) {
    #newsletter #NewsletterSub .bubble {
        display: none
    }
}

#newsletter .newsletter-form #NewsletterSub #content.nlconfirmation .instructionlist {
    width: 100%;
    height: auto;
    min-height: 180px;
    float: left;
    background: url(../images/newsletter/instructions.png) 40px 0 no-repeat
}

#newsletter .newsletter-form #NewsletterSub #content.nlconfirmation .instructionlist li {
    height: 75px;
    margin-left: 145px;
    list-style-type: decimal
}

#newsletter .newsletter-form #NewsletterSub #content.nlconfirmation .instructionlist li:last-child {
    height: auto
}

#newsletter .newsletter-form #NewsletterSub #content.nlconfirmation .doyouhaveacode {
    float: left;
    width: 100%;
    height: 75px;
    margin-bottom: 30px
}

#newsletter .newsletter-form #NewsletterSub #content.nlconfirmation .nlconfirmationtext {
    margin: 10px 0
}

#newsletter .newsletter-form #NewsletterSub #content.nlconfirmation .nlconfirmationtext span:first-child {
    display: inline-block;
    margin: 0 0 5px;
    font-family: var(--font-family-sub-heading);
}

#newsletter .newsletter-form #NewsletterSub #content.nlconfirmation .infotext {
    margin: 30px 0 0;
    color: #6a6f74;
    font-size: 10px;
    line-height: 16px
}

@media screen and (max-width:767px) {
    #newsletter .newsletter-form #NewsletterSub #content.nlconfirmation .infotext {
        padding: 0 15px 15px
    }
}

#newsletter .newsletter-form #NewsletterSub #content.nlconfirmation .infotext p {
    margin: 0
}

#newsletter #NewsletterUnSub .text {
    border: 1px solid #cfd1d0;
    border-top: none;
    padding: 40px 25%;
    margin: 0 0 40px;
    position: relative;
    top: -45px
}

@media screen and (max-width:980px) {
    #newsletter #NewsletterUnSub .text {
        padding: 40px;
        border-right: none;
        border-left: none
    }
}

@media screen and (max-width:767px) {
    #newsletter #NewsletterUnSub .text {
        top: -25px;
        padding: 15px
    }
}

#newsletter #NewsletterUnSub .text #unSubscribeSend {
    margin: 20px 0 0
}

#newsletter .newsletter-birthday-holder {
    position: relative;
    background-color: #f6f5f1;
    background-repeat: no-repeat;
    background-position: top right;
    height: 885px
}

@media screen and (max-width:980px) {
    #newsletter .newsletter-birthday-holder {
        height: auto;
        background-size: auto 100%;
        background-position: top 0 right 0
    }
}

@media screen and (max-width:767px) {
    #newsletter .newsletter-birthday-holder {
        background: 0 0
    }
}

#newsletter .newsletter-birthday-holder .main-brasizecalculator {
    padding: 220px 0 0 60px;
    width: 500px
}

@media screen and (max-width:980px) {
    #newsletter .newsletter-birthday-holder .main-brasizecalculator {
        width: 420px;
        padding: 60px 0 40px 40px
    }
}

@media screen and (max-width:767px) {
    #newsletter .newsletter-birthday-holder .main-brasizecalculator {
        padding: 20px 15px;
        width: auto;
        background-color: #f6f5f1
    }
}

#newsletter .newsletter-birthday-holder .confirmation-box .text p span,
#newsletter .newsletter-birthday-holder h2 span {
    white-space: nowrap;
    color: #000000;
    font-family: var(--font-family-sub-heading);
    font-size: 26px;
    background: 0 0;
    padding: 0
}

#newsletter .newsletter-birthday-holder .confirmation-box .text {
    margin: 0 0 40px
}

#newsletter .newsletter-birthday-holder #subscribeUpdate {
    margin: 30px 0
}

#newsletter .newsletter-birthday-holder .bdayVoucherBubble {
    position: absolute;
    background-repeat: no-repeat
}

@media screen and (max-width:980px) {
    #newsletter .newsletter-birthday-holder .bdayVoucherBubble {
        top: 5px;
        left: 54%
    }
}

@media screen and (max-width:767px) {
    #newsletter .newsletter-birthday-holder .bdayVoucherBubble {
        display: none
    }
}

.ui-dialog.MiniLayerNL {
    width: 580px!important;
    height: 405px!important
}

@media screen and (max-width:767px) {
    .ui-dialog.MiniLayerNL {
        width: 96%!important;
        height: auto!important;
        background: #fff!important
    }
}

.ui-dialog.MiniLayerNL .ui-dialog-titlebar {
    background: 0 0;
    padding: 50px 20px 0 44%;
    margin-bottom: 30px;
    font-family: var(--font-family-sub-heading);
}

@media screen and (max-width:767px) {
    .ui-dialog.MiniLayerNL .ui-dialog-titlebar {
        padding: 30px 15px 15px;
        margin: 0 0 10px;
        text-align: center
    }
}

.ui-dialog.MiniLayerNL .ui-dialog-titlebar .ui-dialog-title {
    font-size: 20px;
    color: #000000
}

@media screen and (max-width:767px) {
    .ui-dialog.MiniLayerNL .ui-dialog-titlebar .ui-dialog-title {
        font-size: 16px;
        color: #494e53
    }
    .ui-dialog.MiniLayerNL .ui-dialog-titlebar .ui-dialog-title span {
        font-size: 20px;
        color: #000000
    }
}

.ui-dialog.MiniLayerNL .ui-dialog-content#NewsletterSubMini {
    background: 0 0
}

.ui-dialog.MiniLayerNL .ui-dialog-content#NewsletterSubMini.ui-dialog-content {
    padding: 0 20px 0 44%;
    min-height: 335px!important
}

@media screen and (max-width:767px) {
    .ui-dialog.MiniLayerNL .ui-dialog-content#NewsletterSubMini.ui-dialog-content {
        padding-left: 15px;
        height: auto!important;
        min-height: unset!important
    }
}

.ui-dialog.MiniLayerNL .ui-dialog-content#NewsletterSubMini.ui-dialog-content h5 {
    margin: 10px 0
}

.ui-dialog.MiniLayerNL .ui-dialog-content#NewsletterSubMini .mininlbutton {
    display: block
}

.ui-dialog.MiniLayerNL .ui-dialog-content#NewsletterSubMini input#miniForm {
    width: 47%;
    float: left;
    margin: 0 2% 0 0
}

.ui-dialog.MiniLayerNL .ui-dialog-content#NewsletterSubMini .button.newsl {
    float: right;
    width: 51%
}

.ui-dialog.MiniLayerNL .ui-dialog-content#NewsletterSubMini .mobile_view {
    display: none
}

@media screen and (max-width:767px) {
    .ui-dialog.MiniLayerNL .ui-dialog-content#NewsletterSubMini .desktop_view {
        display: none
    }
    .ui-dialog.MiniLayerNL .ui-dialog-content#NewsletterSubMini .mobile_view {
        display: block
    }
    .ui-dialog.MiniLayerNL .ui-dialog-content#NewsletterSubMini .mobile_view.mininlicon {
        text-align: center;
        padding: 30px 0 0;
        clear: both;
        float: none
    }
}

.ui-dialog.TRTV {
    width: 586px!important;
    height: 405px!important;
    background: url(../images/overlayer/TRTV_background_2016.jpg)
}

.ui-dialog.TRTV .ui-dialog-titlebar .ui-dialog-title {
    display: none
}

.ui-dialog.TRTV .ui-dialog-content,
.ui-dialog.TRTV .ui-dialog-titlebar,
.ui-dialog.TRTV span.ui-dialog-titlebar {
    background: 0 0
}

.ui-dialog.TRTV .ui-dialog-content {
    padding: 0
}

.ui-dialog.TRTV #TRTVOverlay #player {
    margin-top: 7%
}

.ui-widget-overlay.black {
    background-color: #000
}

#product_main_details {
    border-bottom: 1px solid #cfd1d0;
    padding: 0 0 20px
}

@media screen and (max-width:980px) {
    #product_main_details {
        padding-bottom: 25px
    }
}

#product_information_features {
    padding: 25px 0 0
}

#product_reviews {
    padding: 0 0 40px
}

#product_features {
    padding: 0 0 25px
}

@media screen and (max-width:980px) {
    #product_care,
    #product_features {
        padding: 25px 0 0
    }
}

#recom_products_range,
.recom_products_quickview {
    position: relative;
    padding: 0;
    margin: 0
}

.zoomContainer.active {
    z-index: 1
}

@media screen and (max-width:980px) {
    .zoomContainer {
        display: none
    }
}

#product_main_details #product_images,
#product_main_details .recom_product_images_price,
#recom_products_range #product_images,
#recom_products_range .recom_product_images_price,
.recom_products_quickview #product_images,
.recom_products_quickview .recom_product_images_price {
    float: left;
    width: 49%;
    position: relative
}

@media screen and (max-width:767px) {
    #product_main_details #product_images,
    #product_main_details .recom_product_images_price,
    #recom_products_range #product_images,
    #recom_products_range .recom_product_images_price,
    .recom_products_quickview #product_images,
    .recom_products_quickview .recom_product_images_price {
        width: 75%;
        margin: 0 auto;
        float: none
    }
}

@media screen and (max-width:580px) {
    #product_main_details #product_images,
    #product_main_details .recom_product_images_price,
    #recom_products_range #product_images,
    #recom_products_range .recom_product_images_price,
    .recom_products_quickview #product_images,
    .recom_products_quickview .recom_product_images_price {
        width: auto;
        clear: both
    }
}

@media screen and (max-width:980px) {
    #product_main_details .recom_product_images_price,
    #recom_products_range .recom_product_images_price,
    .recom_products_quickview .recom_product_images_price {
        width: auto;
        float: none;
        clear: both
    }
}

#product_main_details #product_variant_details,
#product_main_details .recom_product_variant_details,
#recom_products_range #product_variant_details,
#recom_products_range .recom_product_variant_details,
.recom_products_quickview #product_variant_details,
.recom_products_quickview .recom_product_variant_details {
    float: right;
    height: 100%;
    width: 49%
}

@media screen and (max-width:767px) {
    #product_main_details #product_variant_details,
    #product_main_details .recom_product_variant_details,
    #recom_products_range #product_variant_details,
    #recom_products_range .recom_product_variant_details,
    .recom_products_quickview #product_variant_details,
    .recom_products_quickview .recom_product_variant_details {
        width: auto;
        float: none;
        clear: both;
        margin-top: 25px
    }
}

@media screen and (max-width:980px) {
    #product_main_details .recom_product_variant_details,
    #recom_products_range .recom_product_variant_details,
    .recom_products_quickview .recom_product_variant_details {
        width: 70%;
        float: right;
        padding: 0 0 0 23px
    }
}

@media screen and (max-width:767px) {
    #product_main_details .recom_product_variant_details,
    #recom_products_range .recom_product_variant_details,
    .recom_products_quickview .recom_product_variant_details {
        width: 65%;
        padding: 0 0 0 14px;
        margin: 0;
        clear: none
    }
}

#product_main_details .product_type,
#recom_products_range .product_type,
.recom_products_quickview .product_type {
    padding: 0;
    text-transform: none
}

#product_main_details .product_materials,
#recom_products_range .product_materials,
.recom_products_quickview .product_materials {
    margin: 20px 0 0
}

#product_main_details .suggestiontile .product_materials,
#recom_products_range .suggestiontile .product_materials,
.recom_products_quickview .suggestiontile .product_materials {
    margin: 0
}

@media screen and (max-width:980px) {
    #product_main_details .suggestiontile .product_materials,
    #recom_products_range .suggestiontile .product_materials,
    .recom_products_quickview .suggestiontile .product_materials {
        display: none
    }
}

#product_main_details .suggestiontile .product_id,
#recom_products_range .suggestiontile .product_id,
.recom_products_quickview .suggestiontile .product_id {
    margin: 15px 0 0
}

@media screen and (max-width:980px) {
    #product_main_details .suggestiontile .product_id,
    #recom_products_range .suggestiontile .product_id,
    .recom_products_quickview .suggestiontile .product_id {
        position: absolute;
        top: 27px;
        right: 0;
        margin: 0;
        font-size: 12px
    }
}

@media screen and (max-width:767px) {
    #product_main_details .suggestiontile .product_id,
    #recom_products_range .suggestiontile .product_id,
    .recom_products_quickview .suggestiontile .product_id {
        display: none
    }
}

#product_main_details .pricing_wrapper,
#recom_products_range .pricing_wrapper,
.recom_products_quickview .pricing_wrapper {
    margin: 10px 0 0
}

@media screen and (max-width:980px) {
    #product_main_details .pricing_wrapper,
    #recom_products_range .pricing_wrapper,
    .recom_products_quickview .pricing_wrapper {
        margin: 15px 0 0
    }
    .pdp-sticky-bar #product_main_details .pricing_wrapper,
    .pdp-sticky-bar #recom_products_range .pricing_wrapper,
    .pdp-sticky-bar .recom_products_quickview .pricing_wrapper {
        margin-top: 9px
    }
}

@media screen and (max-width:767px) {
    #product_main_details .pricing_wrapper,
    #recom_products_range .pricing_wrapper,
    .recom_products_quickview .pricing_wrapper {
        margin: 20px 0 0
    }
}

#product_main_details .pricing_wrapper .pricing,
#recom_products_range .pricing_wrapper .pricing,
.recom_products_quickview .pricing_wrapper .pricing {
    float: left;
    letter-spacing: 2px
}

#product_main_details .pricing_wrapper .price-box,
#recom_products_range .pricing_wrapper .price-box,
.recom_products_quickview .pricing_wrapper .price-box {
    font-family: var(--font-family-sub-heading);
    font-size: 24px;
    line-height: 27px;
    margin-right: 10px
}

@media screen and (max-width:767px) {
    #product_main_details .pricing_wrapper .price-box,
    #recom_products_range .pricing_wrapper .price-box,
    .recom_products_quickview .pricing_wrapper .price-box {
        font-size: 18px;
        line-height: 24px
    }
}

#product_main_details .pricing_wrapper .price-box .standardprice.disabled,
#recom_products_range .pricing_wrapper .price-box .standardprice.disabled,
.recom_products_quickview .pricing_wrapper .price-box .standardprice.disabled {
    text-decoration: line-through;
    display: inline-block
}

@media screen and (max-width:980px) {
    #product_main_details .pricing_wrapper .price-box .standardprice.disabled,
    #recom_products_range .pricing_wrapper .price-box .standardprice.disabled,
    .recom_products_quickview .pricing_wrapper .price-box .standardprice.disabled {
        font-size: 18px;
        line-height: 24px
    }
}

#product_main_details .pricing_wrapper .price-box .salesprice,
#recom_products_range .pricing_wrapper .price-box .salesprice,
.recom_products_quickview .pricing_wrapper .price-box .salesprice {
    color: #000000;
    display: inline-block;
    margin-left: 5px
}

@media screen and (max-width:980px) {
    #product_main_details .pricing_wrapper .price-box .salesprice,
    #recom_products_range .pricing_wrapper .price-box .salesprice,
    .recom_products_quickview .pricing_wrapper .price-box .salesprice {
        font-size: 18px;
        line-height: 24px
    }
}

#product_main_details .pricing_wrapper .price-box .salesprice-fromprice,
#recom_products_range .pricing_wrapper .price-box .salesprice-fromprice,
.recom_products_quickview .pricing_wrapper .price-box .salesprice-fromprice {
    color: #000000
}

#product_main_details .pricing_wrapper .price-box .savedpercenttext,
#recom_products_range .pricing_wrapper .price-box .savedpercenttext,
.recom_products_quickview .pricing_wrapper .price-box .savedpercenttext {
    font-size: 16px
}

#product_main_details .pricing_wrapper .price-box .savedpercenttext .savedpercent,
#recom_products_range .pricing_wrapper .price-box .savedpercenttext .savedpercent,
.recom_products_quickview .pricing_wrapper .price-box .savedpercenttext .savedpercent {
    color: #000000
}

@media screen and (max-width:767px) {
    #product_main_details .suggestiontile .pricing_wrapper,
    #recom_products_range .suggestiontile .pricing_wrapper,
    .recom_products_quickview .suggestiontile .pricing_wrapper {
        margin: 4px 0 0
    }
}

#product_main_details .pricing_wrapper.pricing_sticky_bar,
#recom_products_range .pricing_wrapper.pricing_sticky_bar,
.recom_products_quickview .pricing_wrapper.pricing_sticky_bar {
    margin: 5px 0 0
}

@media screen and (max-width:767px) {
    #product_main_details .pricing_wrapper.pricing_sticky_bar .price-box,
    #recom_products_range .pricing_wrapper.pricing_sticky_bar .price-box,
    .recom_products_quickview .pricing_wrapper.pricing_sticky_bar .price-box {
        font-size: 16px;
        line-height: 22px
    }
}

#product_main_details .pricing_wrapper.pricing_sticky_bar .price-box.scaleFontsize-1 .fromprice,
#product_main_details .pricing_wrapper.pricing_sticky_bar .price-box.scaleFontsize-1 .salesprice,
#product_main_details .pricing_wrapper.pricing_sticky_bar .price-box.scaleFontsize-1 .standardprice,
#recom_products_range .pricing_wrapper.pricing_sticky_bar .price-box.scaleFontsize-1 .fromprice,
#recom_products_range .pricing_wrapper.pricing_sticky_bar .price-box.scaleFontsize-1 .salesprice,
#recom_products_range .pricing_wrapper.pricing_sticky_bar .price-box.scaleFontsize-1 .standardprice,
.recom_products_quickview .pricing_wrapper.pricing_sticky_bar .price-box.scaleFontsize-1 .fromprice,
.recom_products_quickview .pricing_wrapper.pricing_sticky_bar .price-box.scaleFontsize-1 .salesprice,
.recom_products_quickview .pricing_wrapper.pricing_sticky_bar .price-box.scaleFontsize-1 .standardprice {
    font-size: 16px;
    line-height: 20px
}

#product_main_details .pricing_wrapper.pricing_sticky_bar .price-box.scaleFontsize-2 .fromprice,
#product_main_details .pricing_wrapper.pricing_sticky_bar .price-box.scaleFontsize-2 .salesprice,
#product_main_details .pricing_wrapper.pricing_sticky_bar .price-box.scaleFontsize-2 .standardprice,
#recom_products_range .pricing_wrapper.pricing_sticky_bar .price-box.scaleFontsize-2 .fromprice,
#recom_products_range .pricing_wrapper.pricing_sticky_bar .price-box.scaleFontsize-2 .salesprice,
#recom_products_range .pricing_wrapper.pricing_sticky_bar .price-box.scaleFontsize-2 .standardprice,
.recom_products_quickview .pricing_wrapper.pricing_sticky_bar .price-box.scaleFontsize-2 .fromprice,
.recom_products_quickview .pricing_wrapper.pricing_sticky_bar .price-box.scaleFontsize-2 .salesprice,
.recom_products_quickview .pricing_wrapper.pricing_sticky_bar .price-box.scaleFontsize-2 .standardprice {
    font-size: 14px;
    line-height: 20px
}

#product_main_details .pricing_wrapper.pricing_sticky_bar .price-box.scaleFontsize-3 .fromprice,
#product_main_details .pricing_wrapper.pricing_sticky_bar .price-box.scaleFontsize-3 .salesprice,
#product_main_details .pricing_wrapper.pricing_sticky_bar .price-box.scaleFontsize-3 .standardprice,
#recom_products_range .pricing_wrapper.pricing_sticky_bar .price-box.scaleFontsize-3 .fromprice,
#recom_products_range .pricing_wrapper.pricing_sticky_bar .price-box.scaleFontsize-3 .salesprice,
#recom_products_range .pricing_wrapper.pricing_sticky_bar .price-box.scaleFontsize-3 .standardprice,
.recom_products_quickview .pricing_wrapper.pricing_sticky_bar .price-box.scaleFontsize-3 .fromprice,
.recom_products_quickview .pricing_wrapper.pricing_sticky_bar .price-box.scaleFontsize-3 .salesprice,
.recom_products_quickview .pricing_wrapper.pricing_sticky_bar .price-box.scaleFontsize-3 .standardprice {
    font-size: 12px;
    line-height: 20px
}

#product_main_details .tax-include,
#recom_products_range .tax-include,
.recom_products_quickview .tax-include {
    font-size: 12px;
    color: #575d62;
    display: inline-block;
    margin: 6px 0 10px
}

#product_main_details .tax-include a,
#recom_products_range .tax-include a,
.recom_products_quickview .tax-include a {
    color: #575d62;
    text-decoration: underline
}

#product_main_details .tax-include a:active,
#product_main_details .tax-include a:focus,
#product_main_details .tax-include a:hover,
#recom_products_range .tax-include a:active,
#recom_products_range .tax-include a:focus,
#recom_products_range .tax-include a:hover,
.recom_products_quickview .tax-include a:active,
.recom_products_quickview .tax-include a:focus,
.recom_products_quickview .tax-include a:hover {
    text-decoration: none
}

@media screen and (max-width:767px) {
    #product_main_details .suggestiontile .tax-include,
    #recom_products_range .suggestiontile .tax-include,
    .recom_products_quickview .suggestiontile .tax-include {
        margin: 0 0 10px
    }
}

#product_main_details #product_variant_details .colorVariations .headline-small,
#product_main_details #product_variant_details .product_quantity .headline-small,
#product_main_details #product_variant_details .sizeVariations .headline-small,
#recom_products_range #product_variant_details .colorVariations .headline-small,
#recom_products_range #product_variant_details .product_quantity .headline-small,
#recom_products_range #product_variant_details .sizeVariations .headline-small,
.recom_products_quickview #product_variant_details .colorVariations .headline-small,
.recom_products_quickview #product_variant_details .product_quantity .headline-small,
.recom_products_quickview #product_variant_details .sizeVariations .headline-small {
    width: 18%;
    float: left;
    padding-top: 3px
}

@media screen and (max-width:980px) {
    #product_main_details #product_variant_details .colorVariations .headline-small,
    #product_main_details #product_variant_details .product_quantity .headline-small,
    #product_main_details #product_variant_details .sizeVariations .headline-small,
    #recom_products_range #product_variant_details .colorVariations .headline-small,
    #recom_products_range #product_variant_details .product_quantity .headline-small,
    #recom_products_range #product_variant_details .sizeVariations .headline-small,
    .recom_products_quickview #product_variant_details .colorVariations .headline-small,
    .recom_products_quickview #product_variant_details .product_quantity .headline-small,
    .recom_products_quickview #product_variant_details .sizeVariations .headline-small {
        width: auto;
        float: none;
        padding-top: 0;
        margin-top: 20px
    }
}

#product_main_details #product_variant_details .colorsizes_wrapper,
#product_main_details #product_variant_details .quantity-wrapper,
#product_main_details #product_variant_details .swatchesdisplay,
#recom_products_range #product_variant_details .colorsizes_wrapper,
#recom_products_range #product_variant_details .quantity-wrapper,
#recom_products_range #product_variant_details .swatchesdisplay,
.recom_products_quickview #product_variant_details .colorsizes_wrapper,
.recom_products_quickview #product_variant_details .quantity-wrapper,
.recom_products_quickview #product_variant_details .swatchesdisplay {
    width: 82%;
    float: left;
    margin: 25px 0 0
}

@media screen and (max-width:980px) {
    #product_main_details #product_variant_details .colorsizes_wrapper,
    #product_main_details #product_variant_details .quantity-wrapper,
    #product_main_details #product_variant_details .swatchesdisplay,
    #recom_products_range #product_variant_details .colorsizes_wrapper,
    #recom_products_range #product_variant_details .quantity-wrapper,
    #recom_products_range #product_variant_details .swatchesdisplay,
    .recom_products_quickview #product_variant_details .colorsizes_wrapper,
    .recom_products_quickview #product_variant_details .quantity-wrapper,
    .recom_products_quickview #product_variant_details .swatchesdisplay {
        width: auto;
        float: none;
        margin: 0
    }
}

#product_main_details #product_variant_details .sizeVariations .headline-small,
#recom_products_range #product_variant_details .sizeVariations .headline-small,
.recom_products_quickview #product_variant_details .sizeVariations .headline-small {
    margin-top: 20px
}

@media screen and (max-width:980px) {
    #product_main_details #product_variant_details .sizeVariations .headline-small,
    #recom_products_range #product_variant_details .sizeVariations .headline-small,
    .recom_products_quickview #product_variant_details .sizeVariations .headline-small {
        margin-top: 16px
    }
}

#product_main_details #product_variant_details .colorsizes_wrapper,
#recom_products_range #product_variant_details .colorsizes_wrapper,
.recom_products_quickview #product_variant_details .colorsizes_wrapper {
    margin-top: 20px;
    min-height: 70px
}

@media screen and (max-width:980px) {
    #product_main_details #product_variant_details .colorsizes_wrapper,
    #recom_products_range #product_variant_details .colorsizes_wrapper,
    .recom_products_quickview #product_variant_details .colorsizes_wrapper {
        margin-top: 0;
        min-height: 0
    }
}

#product_main_details #product_variant_details .product_quantity .headline-small,
#recom_products_range #product_variant_details .product_quantity .headline-small,
.recom_products_quickview #product_variant_details .product_quantity .headline-small {
    margin-top: -25px
}

@media screen and (max-width:980px) {
    #product_main_details #product_variant_details .product_quantity .headline-small,
    #recom_products_range #product_variant_details .product_quantity .headline-small,
    .recom_products_quickview #product_variant_details .product_quantity .headline-small {
        margin-top: 19px
    }
}

#product_main_details #product_variant_details .quantity-wrapper,
#recom_products_range #product_variant_details .quantity-wrapper,
.recom_products_quickview #product_variant_details .quantity-wrapper {
    margin-top: -25px;
    width: 40%
}

@media screen and (max-width:980px) {
    #product_main_details #product_variant_details .quantity-wrapper,
    #recom_products_range #product_variant_details .quantity-wrapper,
    .recom_products_quickview #product_variant_details .quantity-wrapper {
        margin-top: 0
    }
}

#product_main_details .suggestiontile .colorVariations .headline-small,
#product_main_details .suggestiontile .product_quantity .headline-small,
#product_main_details .suggestiontile .sizeVariations .headline-small,
#recom_products_range .suggestiontile .colorVariations .headline-small,
#recom_products_range .suggestiontile .product_quantity .headline-small,
#recom_products_range .suggestiontile .sizeVariations .headline-small,
.recom_products_quickview .suggestiontile .colorVariations .headline-small,
.recom_products_quickview .suggestiontile .product_quantity .headline-small,
.recom_products_quickview .suggestiontile .sizeVariations .headline-small {
    width: 25%;
    float: left;
    padding-top: 3px
}

@media screen and (max-width:980px) {
    #product_main_details .suggestiontile .colorVariations .headline-small,
    #product_main_details .suggestiontile .product_quantity .headline-small,
    #product_main_details .suggestiontile .sizeVariations .headline-small,
    #recom_products_range .suggestiontile .colorVariations .headline-small,
    #recom_products_range .suggestiontile .product_quantity .headline-small,
    #recom_products_range .suggestiontile .sizeVariations .headline-small,
    .recom_products_quickview .suggestiontile .colorVariations .headline-small,
    .recom_products_quickview .suggestiontile .product_quantity .headline-small,
    .recom_products_quickview .suggestiontile .sizeVariations .headline-small {
        width: 18%;
        float: left;
        padding-top: 3px
    }
}

@media screen and (max-width:767px) {
    #product_main_details .suggestiontile .colorVariations .headline-small,
    #product_main_details .suggestiontile .product_quantity .headline-small,
    #product_main_details .suggestiontile .sizeVariations .headline-small,
    #recom_products_range .suggestiontile .colorVariations .headline-small,
    #recom_products_range .suggestiontile .product_quantity .headline-small,
    #recom_products_range .suggestiontile .sizeVariations .headline-small,
    .recom_products_quickview .suggestiontile .colorVariations .headline-small,
    .recom_products_quickview .suggestiontile .product_quantity .headline-small,
    .recom_products_quickview .suggestiontile .sizeVariations .headline-small {
        display: none
    }
}

#product_main_details .suggestiontile .colorsizes_wrapper,
#product_main_details .suggestiontile .quantity-wrapper,
#product_main_details .suggestiontile .swatchesdisplay,
#recom_products_range .suggestiontile .colorsizes_wrapper,
#recom_products_range .suggestiontile .quantity-wrapper,
#recom_products_range .suggestiontile .swatchesdisplay,
.recom_products_quickview .suggestiontile .colorsizes_wrapper,
.recom_products_quickview .suggestiontile .quantity-wrapper,
.recom_products_quickview .suggestiontile .swatchesdisplay {
    width: 75%;
    float: left;
    margin: 25px 0 0
}

@media screen and (max-width:980px) {
    #product_main_details .suggestiontile .colorsizes_wrapper,
    #product_main_details .suggestiontile .quantity-wrapper,
    #product_main_details .suggestiontile .swatchesdisplay,
    #recom_products_range .suggestiontile .colorsizes_wrapper,
    #recom_products_range .suggestiontile .quantity-wrapper,
    #recom_products_range .suggestiontile .swatchesdisplay,
    .recom_products_quickview .suggestiontile .colorsizes_wrapper,
    .recom_products_quickview .suggestiontile .quantity-wrapper,
    .recom_products_quickview .suggestiontile .swatchesdisplay {
        width: 82%;
        float: left;
        margin: 25px 0 0
    }
}

@media screen and (max-width:767px) {
    #product_main_details .suggestiontile .colorsizes_wrapper,
    #product_main_details .suggestiontile .quantity-wrapper,
    #product_main_details .suggestiontile .swatchesdisplay,
    #recom_products_range .suggestiontile .colorsizes_wrapper,
    #recom_products_range .suggestiontile .quantity-wrapper,
    #recom_products_range .suggestiontile .swatchesdisplay,
    .recom_products_quickview .suggestiontile .colorsizes_wrapper,
    .recom_products_quickview .suggestiontile .quantity-wrapper,
    .recom_products_quickview .suggestiontile .swatchesdisplay {
        width: auto;
        float: none;
        margin: 0
    }
}

#product_main_details .suggestiontile .colorsizes_wrapper,
#product_main_details .suggestiontile .sizeVariations .headline-small,
#recom_products_range .suggestiontile .colorsizes_wrapper,
#recom_products_range .suggestiontile .sizeVariations .headline-small,
.recom_products_quickview .suggestiontile .colorsizes_wrapper,
.recom_products_quickview .suggestiontile .sizeVariations .headline-small {
    margin-top: 20px
}

@media screen and (max-width:767px) {
    #product_main_details .suggestiontile .sizeVariations .headline-small,
    #recom_products_range .suggestiontile .sizeVariations .headline-small,
    .recom_products_quickview .suggestiontile .sizeVariations .headline-small {
        margin-top: 16px
    }
}

@media screen and (max-width:767px) {
    #product_main_details .suggestiontile .colorsizes_wrapper,
    #recom_products_range .suggestiontile .colorsizes_wrapper,
    .recom_products_quickview .suggestiontile .colorsizes_wrapper {
        margin-top: 0
    }
}

#product_main_details .suggestiontile .product_quantity .headline-small,
#recom_products_range .suggestiontile .product_quantity .headline-small,
.recom_products_quickview .suggestiontile .product_quantity .headline-small {
    margin-top: 25px
}

@media screen and (max-width:767px) {
    #product_main_details .suggestiontile .product_quantity .headline-small,
    #recom_products_range .suggestiontile .product_quantity .headline-small,
    .recom_products_quickview .suggestiontile .product_quantity .headline-small {
        margin-top: 19px
    }
}

#product_main_details .suggestiontile .quantity-wrapper,
#recom_products_range .suggestiontile .quantity-wrapper,
.recom_products_quickview .suggestiontile .quantity-wrapper {
    margin-top: 25px;
    width: 40%
}

@media screen and (max-width:767px) {
    #product_main_details .suggestiontile .quantity-wrapper,
    #recom_products_range .suggestiontile .quantity-wrapper,
    .recom_products_quickview .suggestiontile .quantity-wrapper {
        margin-top: 0
    }
}

#product_main_details .headline-small .value,
#recom_products_range .headline-small .value,
.recom_products_quickview .headline-small .value {
    display: none;
    text-transform: none;
    margin: 0 0 0 5px
}

@media screen and (max-width:980px) {
    #product_main_details .headline-small .value,
    #recom_products_range .headline-small .value,
    .recom_products_quickview .headline-small .value {
        display: inline-block
    }
}

@media screen and (max-width:980px) {
    #product_main_details .suggestiontile .headline-small .value,
    #recom_products_range .suggestiontile .headline-small .value,
    .recom_products_quickview .suggestiontile .headline-small .value {
        display: none
    }
}

#product_main_details .retailAvailability,
#product_main_details .sizeguide,
#recom_products_range .retailAvailability,
#recom_products_range .sizeguide,
.recom_products_quickview .retailAvailability,
.recom_products_quickview .sizeguide {
    font-size: 12px;
    line-height: 14px
}

#product_main_details .sizeguide,
#recom_products_range .sizeguide,
.recom_products_quickview .sizeguide {
    float: left;
    margin: 18px 0 0 79%
}

#product_main_details .sizeguide.availability-active,
#recom_products_range .sizeguide.availability-active,
.recom_products_quickview .sizeguide.availability-active {
    position: relative;
    top: -18px
}

@media screen and (max-width:980px) {
    #product_main_details .sizeguide.availability-active,
    #recom_products_range .sizeguide.availability-active,
    .recom_products_quickview .sizeguide.availability-active {
        top: 0
    }
}

@media screen and (max-width:980px) {
    #product_main_details .sizeguide,
    #recom_products_range .sizeguide,
    .recom_products_quickview .sizeguide {
        width: 45%;
        float: right;
        margin: 0
    }
}

@media screen and (max-width:580px) {
    #product_main_details .sizeguide,
    #recom_products_range .sizeguide,
    .recom_products_quickview .sizeguide {
        width: 35%
    }
}

#product_main_details .sizeguide span,
#recom_products_range .sizeguide span,
.recom_products_quickview .sizeguide span {
    margin: 0 0 0 10px;
    display: inline-block;
    text-decoration: underline
}

#product_main_details .sizeguide span:active,
#product_main_details .sizeguide span:focus,
#product_main_details .sizeguide span:hover,
#recom_products_range .sizeguide span:active,
#recom_products_range .sizeguide span:focus,
#recom_products_range .sizeguide span:hover,
.recom_products_quickview .sizeguide span:active,
.recom_products_quickview .sizeguide span:focus,
.recom_products_quickview .sizeguide span:hover {
    text-decoration: none
}

#product_main_details .sizeguide .sizeguide_icon,
#recom_products_range .sizeguide .sizeguide_icon,
.recom_products_quickview .sizeguide .sizeguide_icon {
    height: 30px;
    padding: 3px 0 0
}

@media screen and (max-width:980px) {
    #product_main_details .sizeguide .sizeguide_icon,
    #recom_products_range .sizeguide .sizeguide_icon,
    .recom_products_quickview .sizeguide .sizeguide_icon {
        padding-top: 0
    }
}

@media screen and (max-width:767px) {
    #product_main_details .sizeguide .sizeguide_icon,
    #recom_products_range .sizeguide .sizeguide_icon,
    .recom_products_quickview .sizeguide .sizeguide_icon {
        padding-top: 2px
    }
}

#product_main_details .sizeguide .sizeguide_icon .icon,
#recom_products_range .sizeguide .sizeguide_icon .icon,
.recom_products_quickview .sizeguide .sizeguide_icon .icon {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    fill: #6a6f74
}

#product_main_details .sizeguide .sizeguide_icon .icon:active,
#product_main_details .sizeguide .sizeguide_icon .icon:focus,
#product_main_details .sizeguide .sizeguide_icon .icon:hover,
#recom_products_range .sizeguide .sizeguide_icon .icon:active,
#recom_products_range .sizeguide .sizeguide_icon .icon:focus,
#recom_products_range .sizeguide .sizeguide_icon .icon:hover,
.recom_products_quickview .sizeguide .sizeguide_icon .icon:active,
.recom_products_quickview .sizeguide .sizeguide_icon .icon:focus,
.recom_products_quickview .sizeguide .sizeguide_icon .icon:hover {
    fill: #494e53
}

#product_main_details .suggestiontile .sizeguide,
#recom_products_range .suggestiontile .sizeguide,
.recom_products_quickview .suggestiontile .sizeguide {
    width: 25%;
    float: right;
    margin: 17px 0 0
}

@media screen and (max-width:980px) {
    #product_main_details .suggestiontile .sizeguide,
    #recom_products_range .suggestiontile .sizeguide,
    .recom_products_quickview .suggestiontile .sizeguide {
        width: 27%
    }
}

@media screen and (max-width:767px) {
    #product_main_details .suggestiontile .sizeguide,
    #recom_products_range .suggestiontile .sizeguide,
    .recom_products_quickview .suggestiontile .sizeguide {
        margin: 0
    }
}

@media screen and (max-width:580px) {
    #product_main_details .suggestiontile .sizeguide,
    #recom_products_range .suggestiontile .sizeguide,
    .recom_products_quickview .suggestiontile .sizeguide {
        width: 35%
    }
}

#product_main_details .colorswatches_mobileselect,
#recom_products_range .colorswatches_mobileselect,
.recom_products_quickview .colorswatches_mobileselect {
    display: none
}

#product_main_details .swatchesdisplay li,
#recom_products_range .swatchesdisplay li,
.recom_products_quickview .swatchesdisplay li {
    width: 40px;
    height: 25px;
    float: left;
    margin: 0 9px 5px 0;
    border: 1px solid #cfd1d0
}

#product_main_details .swatchesdisplay li a,
#recom_products_range .swatchesdisplay li a,
.recom_products_quickview .swatchesdisplay li a {
    display: block;
    width: 100%;
    height: 100%
}

#product_main_details .swatchesdisplay li a span,
#recom_products_range .swatchesdisplay li a span,
.recom_products_quickview .swatchesdisplay li a span {
    display: none
}

#product_main_details .swatchesdisplay li.selected,
#product_main_details .swatchesdisplay li:active,
#product_main_details .swatchesdisplay li:focus,
#product_main_details .swatchesdisplay li:hover,
#recom_products_range .swatchesdisplay li.selected,
#recom_products_range .swatchesdisplay li:active,
#recom_products_range .swatchesdisplay li:focus,
#recom_products_range .swatchesdisplay li:hover,
.recom_products_quickview .swatchesdisplay li.selected,
.recom_products_quickview .swatchesdisplay li:active,
.recom_products_quickview .swatchesdisplay li:focus,
.recom_products_quickview .swatchesdisplay li:hover {
    cursor: pointer;
    border-color: #494e53
}

#product_main_details .swatchesdisplay li.selected a,
#recom_products_range .swatchesdisplay li.selected a,
.recom_products_quickview .swatchesdisplay li.selected a {
    pointer-events: none;
    background-image: url(../images/icons/spritemain.png);
    background-position: -138px -1593px;
    background-repeat: no-repeat
}

.svg #product_main_details .swatchesdisplay li.selected a,
.svg #recom_products_range .swatchesdisplay li.selected a,
.svg .recom_products_quickview .swatchesdisplay li.selected a {
    background-image: url(../images/icons/spritemain.svg)
}

#product_main_details .swatchesdisplay li.selected a[title*=Angora],
#product_main_details .swatchesdisplay li.selected a[title*=Skin-Light],
#product_main_details .swatchesdisplay li.selected a[title*=Teint],
#product_main_details .swatchesdisplay li.selected a[title*=Vanille],
#product_main_details .swatchesdisplay li.selected a[title*=White],
#product_main_details .swatchesdisplay li.selected a[title*="Orange Highlight"],
#recom_products_range .swatchesdisplay li.selected a[title*=Angora],
#recom_products_range .swatchesdisplay li.selected a[title*=Skin-Light],
#recom_products_range .swatchesdisplay li.selected a[title*=Teint],
#recom_products_range .swatchesdisplay li.selected a[title*=Vanille],
#recom_products_range .swatchesdisplay li.selected a[title*=White],
#recom_products_range .swatchesdisplay li.selected a[title*="Orange Highlight"],
.recom_products_quickview .swatchesdisplay li.selected a[title*=Angora],
.recom_products_quickview .swatchesdisplay li.selected a[title*=Skin-Light],
.recom_products_quickview .swatchesdisplay li.selected a[title*=Teint],
.recom_products_quickview .swatchesdisplay li.selected a[title*=Vanille],
.recom_products_quickview .swatchesdisplay li.selected a[title*=White],
.recom_products_quickview .swatchesdisplay li.selected a[title*="Orange Highlight"] {
    background-position: 13px -1643px
}

@media screen and (max-width:767px) {
    #product_main_details .detailscolumn .sizeVariations .dropdown-input-desktop,
    #product_main_details .pdp-sticky-bar .sizeVariations .dropdown-input-desktop,
    #product_main_details .suggestiontile .sizeVariations .dropdown-input-desktop,
    #recom_products_range .detailscolumn .sizeVariations .dropdown-input-desktop,
    #recom_products_range .pdp-sticky-bar .sizeVariations .dropdown-input-desktop,
    #recom_products_range .suggestiontile .sizeVariations .dropdown-input-desktop,
    .recom_products_quickview .detailscolumn .sizeVariations .dropdown-input-desktop,
    .recom_products_quickview .pdp-sticky-bar .sizeVariations .dropdown-input-desktop,
    .recom_products_quickview .suggestiontile .sizeVariations .dropdown-input-desktop {
        display: none
    }
}

#product_main_details .detailscolumn .sizeVariations .dropdown-input-mobile,
#product_main_details .pdp-sticky-bar .sizeVariations .dropdown-input-mobile,
#product_main_details .suggestiontile .sizeVariations .dropdown-input-mobile,
#recom_products_range .detailscolumn .sizeVariations .dropdown-input-mobile,
#recom_products_range .pdp-sticky-bar .sizeVariations .dropdown-input-mobile,
#recom_products_range .suggestiontile .sizeVariations .dropdown-input-mobile,
.recom_products_quickview .detailscolumn .sizeVariations .dropdown-input-mobile,
.recom_products_quickview .pdp-sticky-bar .sizeVariations .dropdown-input-mobile,
.recom_products_quickview .suggestiontile .sizeVariations .dropdown-input-mobile {
    display: none
}

@media screen and (max-width:767px) {
    #product_main_details .detailscolumn .sizeVariations .dropdown-input-mobile,
    #product_main_details .pdp-sticky-bar .sizeVariations .dropdown-input-mobile,
    #product_main_details .suggestiontile .sizeVariations .dropdown-input-mobile,
    #recom_products_range .detailscolumn .sizeVariations .dropdown-input-mobile,
    #recom_products_range .pdp-sticky-bar .sizeVariations .dropdown-input-mobile,
    #recom_products_range .suggestiontile .sizeVariations .dropdown-input-mobile,
    .recom_products_quickview .detailscolumn .sizeVariations .dropdown-input-mobile,
    .recom_products_quickview .pdp-sticky-bar .sizeVariations .dropdown-input-mobile,
    .recom_products_quickview .suggestiontile .sizeVariations .dropdown-input-mobile {
        display: block
    }
}

#product_main_details .detailscolumn .colorsizes_wrapper .dropdown-input a,
#product_main_details .detailscolumn .colorswatches_wrapper .dropdown-input a,
#product_main_details .pdp-sticky-bar .colorsizes_wrapper .dropdown-input a,
#product_main_details .pdp-sticky-bar .colorswatches_wrapper .dropdown-input a,
#product_main_details .suggestiontile .colorsizes_wrapper .dropdown-input a,
#product_main_details .suggestiontile .colorswatches_wrapper .dropdown-input a,
#recom_products_range .detailscolumn .colorsizes_wrapper .dropdown-input a,
#recom_products_range .detailscolumn .colorswatches_wrapper .dropdown-input a,
#recom_products_range .pdp-sticky-bar .colorsizes_wrapper .dropdown-input a,
#recom_products_range .pdp-sticky-bar .colorswatches_wrapper .dropdown-input a,
#recom_products_range .suggestiontile .colorsizes_wrapper .dropdown-input a,
#recom_products_range .suggestiontile .colorswatches_wrapper .dropdown-input a,
.recom_products_quickview .detailscolumn .colorsizes_wrapper .dropdown-input a,
.recom_products_quickview .detailscolumn .colorswatches_wrapper .dropdown-input a,
.recom_products_quickview .pdp-sticky-bar .colorsizes_wrapper .dropdown-input a,
.recom_products_quickview .pdp-sticky-bar .colorswatches_wrapper .dropdown-input a,
.recom_products_quickview .suggestiontile .colorsizes_wrapper .dropdown-input a,
.recom_products_quickview .suggestiontile .colorswatches_wrapper .dropdown-input a {
    margin: 0;
    min-width: 125px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width:980px) {
    #product_main_details .detailscolumn .colorsizes_wrapper .dropdown-input a,
    #product_main_details .detailscolumn .colorswatches_wrapper .dropdown-input a,
    #product_main_details .pdp-sticky-bar .colorsizes_wrapper .dropdown-input a,
    #product_main_details .pdp-sticky-bar .colorswatches_wrapper .dropdown-input a,
    #product_main_details .suggestiontile .colorsizes_wrapper .dropdown-input a,
    #product_main_details .suggestiontile .colorswatches_wrapper .dropdown-input a,
    #recom_products_range .detailscolumn .colorsizes_wrapper .dropdown-input a,
    #recom_products_range .detailscolumn .colorswatches_wrapper .dropdown-input a,
    #recom_products_range .pdp-sticky-bar .colorsizes_wrapper .dropdown-input a,
    #recom_products_range .pdp-sticky-bar .colorswatches_wrapper .dropdown-input a,
    #recom_products_range .suggestiontile .colorsizes_wrapper .dropdown-input a,
    #recom_products_range .suggestiontile .colorswatches_wrapper .dropdown-input a,
    .recom_products_quickview .detailscolumn .colorsizes_wrapper .dropdown-input a,
    .recom_products_quickview .detailscolumn .colorswatches_wrapper .dropdown-input a,
    .recom_products_quickview .pdp-sticky-bar .colorsizes_wrapper .dropdown-input a,
    .recom_products_quickview .pdp-sticky-bar .colorswatches_wrapper .dropdown-input a,
    .recom_products_quickview .suggestiontile .colorsizes_wrapper .dropdown-input a,
    .recom_products_quickview .suggestiontile .colorswatches_wrapper .dropdown-input a {
        font-size: 12px
    }
}

#product_main_details .detailscolumn .colorsizes_wrapper .colorsizes-scrollbar,
#product_main_details .detailscolumn .colorswatches_wrapper .colorsizes-scrollbar,
#product_main_details .pdp-sticky-bar .colorsizes_wrapper .colorsizes-scrollbar,
#product_main_details .pdp-sticky-bar .colorswatches_wrapper .colorsizes-scrollbar,
#product_main_details .suggestiontile .colorsizes_wrapper .colorsizes-scrollbar,
#product_main_details .suggestiontile .colorswatches_wrapper .colorsizes-scrollbar,
#recom_products_range .detailscolumn .colorsizes_wrapper .colorsizes-scrollbar,
#recom_products_range .detailscolumn .colorswatches_wrapper .colorsizes-scrollbar,
#recom_products_range .pdp-sticky-bar .colorsizes_wrapper .colorsizes-scrollbar,
#recom_products_range .pdp-sticky-bar .colorswatches_wrapper .colorsizes-scrollbar,
#recom_products_range .suggestiontile .colorsizes_wrapper .colorsizes-scrollbar,
#recom_products_range .suggestiontile .colorswatches_wrapper .colorsizes-scrollbar,
.recom_products_quickview .detailscolumn .colorsizes_wrapper .colorsizes-scrollbar,
.recom_products_quickview .detailscolumn .colorswatches_wrapper .colorsizes-scrollbar,
.recom_products_quickview .pdp-sticky-bar .colorsizes_wrapper .colorsizes-scrollbar,
.recom_products_quickview .pdp-sticky-bar .colorswatches_wrapper .colorsizes-scrollbar,
.recom_products_quickview .suggestiontile .colorsizes_wrapper .colorsizes-scrollbar,
.recom_products_quickview .suggestiontile .colorswatches_wrapper .colorsizes-scrollbar {
    margin: 10px 0 15px
}

@media screen and (max-width:980px) {
    #product_main_details .detailscolumn .colorsizes_wrapper .colorsizes-scrollbar li a,
    #product_main_details .detailscolumn .colorswatches_wrapper .colorsizes-scrollbar li a,
    #product_main_details .pdp-sticky-bar .colorsizes_wrapper .colorsizes-scrollbar li a,
    #product_main_details .pdp-sticky-bar .colorswatches_wrapper .colorsizes-scrollbar li a,
    #product_main_details .suggestiontile .colorsizes_wrapper .colorsizes-scrollbar li a,
    #product_main_details .suggestiontile .colorswatches_wrapper .colorsizes-scrollbar li a,
    #recom_products_range .detailscolumn .colorsizes_wrapper .colorsizes-scrollbar li a,
    #recom_products_range .detailscolumn .colorswatches_wrapper .colorsizes-scrollbar li a,
    #recom_products_range .pdp-sticky-bar .colorsizes_wrapper .colorsizes-scrollbar li a,
    #recom_products_range .pdp-sticky-bar .colorswatches_wrapper .colorsizes-scrollbar li a,
    #recom_products_range .suggestiontile .colorsizes_wrapper .colorsizes-scrollbar li a,
    #recom_products_range .suggestiontile .colorswatches_wrapper .colorsizes-scrollbar li a,
    .recom_products_quickview .detailscolumn .colorsizes_wrapper .colorsizes-scrollbar li a,
    .recom_products_quickview .detailscolumn .colorswatches_wrapper .colorsizes-scrollbar li a,
    .recom_products_quickview .pdp-sticky-bar .colorsizes_wrapper .colorsizes-scrollbar li a,
    .recom_products_quickview .pdp-sticky-bar .colorswatches_wrapper .colorsizes-scrollbar li a,
    .recom_products_quickview .suggestiontile .colorsizes_wrapper .colorsizes-scrollbar li a,
    .recom_products_quickview .suggestiontile .colorswatches_wrapper .colorsizes-scrollbar li a {
        font-size: 12px
    }
}

#product_main_details .detailscolumn .colorsizes_wrapper .colorsizes,
#product_main_details .detailscolumn .colorswatches_wrapper .colorsizes,
#product_main_details .pdp-sticky-bar .colorsizes_wrapper .colorsizes,
#product_main_details .pdp-sticky-bar .colorswatches_wrapper .colorsizes,
#product_main_details .suggestiontile .colorsizes_wrapper .colorsizes,
#product_main_details .suggestiontile .colorswatches_wrapper .colorsizes,
#recom_products_range .detailscolumn .colorsizes_wrapper .colorsizes,
#recom_products_range .detailscolumn .colorswatches_wrapper .colorsizes,
#recom_products_range .pdp-sticky-bar .colorsizes_wrapper .colorsizes,
#recom_products_range .pdp-sticky-bar .colorswatches_wrapper .colorsizes,
#recom_products_range .suggestiontile .colorsizes_wrapper .colorsizes,
#recom_products_range .suggestiontile .colorswatches_wrapper .colorsizes,
.recom_products_quickview .detailscolumn .colorsizes_wrapper .colorsizes,
.recom_products_quickview .detailscolumn .colorswatches_wrapper .colorsizes,
.recom_products_quickview .pdp-sticky-bar .colorsizes_wrapper .colorsizes,
.recom_products_quickview .pdp-sticky-bar .colorswatches_wrapper .colorsizes,
.recom_products_quickview .suggestiontile .colorsizes_wrapper .colorsizes,
.recom_products_quickview .suggestiontile .colorswatches_wrapper .colorsizes {
    display: none
}

#product_main_details .detailscolumn .colorsizes_wrapper .colorsizes li,
#product_main_details .detailscolumn .colorswatches_wrapper .colorsizes li,
#product_main_details .pdp-sticky-bar .colorsizes_wrapper .colorsizes li,
#product_main_details .pdp-sticky-bar .colorswatches_wrapper .colorsizes li,
#product_main_details .suggestiontile .colorsizes_wrapper .colorsizes li,
#product_main_details .suggestiontile .colorswatches_wrapper .colorsizes li,
#recom_products_range .detailscolumn .colorsizes_wrapper .colorsizes li,
#recom_products_range .detailscolumn .colorswatches_wrapper .colorsizes li,
#recom_products_range .pdp-sticky-bar .colorsizes_wrapper .colorsizes li,
#recom_products_range .pdp-sticky-bar .colorswatches_wrapper .colorsizes li,
#recom_products_range .suggestiontile .colorsizes_wrapper .colorsizes li,
#recom_products_range .suggestiontile .colorswatches_wrapper .colorsizes li,
.recom_products_quickview .detailscolumn .colorsizes_wrapper .colorsizes li,
.recom_products_quickview .detailscolumn .colorswatches_wrapper .colorsizes li,
.recom_products_quickview .pdp-sticky-bar .colorsizes_wrapper .colorsizes li,
.recom_products_quickview .pdp-sticky-bar .colorswatches_wrapper .colorsizes li,
.recom_products_quickview .suggestiontile .colorsizes_wrapper .colorsizes li,
.recom_products_quickview .suggestiontile .colorswatches_wrapper .colorsizes li {
    border: none
}

#product_main_details .detailscolumn .colorsizes_wrapper .colorsizes li.disabletile,
#product_main_details .detailscolumn .colorsizes_wrapper .colorsizes li.empty,
#product_main_details .detailscolumn .colorswatches_wrapper .colorsizes li.disabletile,
#product_main_details .detailscolumn .colorswatches_wrapper .colorsizes li.empty,
#product_main_details .pdp-sticky-bar .colorsizes_wrapper .colorsizes li.disabletile,
#product_main_details .pdp-sticky-bar .colorsizes_wrapper .colorsizes li.empty,
#product_main_details .pdp-sticky-bar .colorswatches_wrapper .colorsizes li.disabletile,
#product_main_details .pdp-sticky-bar .colorswatches_wrapper .colorsizes li.empty,
#product_main_details .suggestiontile .colorsizes_wrapper .colorsizes li.disabletile,
#product_main_details .suggestiontile .colorsizes_wrapper .colorsizes li.empty,
#product_main_details .suggestiontile .colorswatches_wrapper .colorsizes li.disabletile,
#product_main_details .suggestiontile .colorswatches_wrapper .colorsizes li.empty,
#recom_products_range .detailscolumn .colorsizes_wrapper .colorsizes li.disabletile,
#recom_products_range .detailscolumn .colorsizes_wrapper .colorsizes li.empty,
#recom_products_range .detailscolumn .colorswatches_wrapper .colorsizes li.disabletile,
#recom_products_range .detailscolumn .colorswatches_wrapper .colorsizes li.empty,
#recom_products_range .pdp-sticky-bar .colorsizes_wrapper .colorsizes li.disabletile,
#recom_products_range .pdp-sticky-bar .colorsizes_wrapper .colorsizes li.empty,
#recom_products_range .pdp-sticky-bar .colorswatches_wrapper .colorsizes li.disabletile,
#recom_products_range .pdp-sticky-bar .colorswatches_wrapper .colorsizes li.empty,
#recom_products_range .suggestiontile .colorsizes_wrapper .colorsizes li.disabletile,
#recom_products_range .suggestiontile .colorsizes_wrapper .colorsizes li.empty,
#recom_products_range .suggestiontile .colorswatches_wrapper .colorsizes li.disabletile,
#recom_products_range .suggestiontile .colorswatches_wrapper .colorsizes li.empty,
.recom_products_quickview .detailscolumn .colorsizes_wrapper .colorsizes li.disabletile,
.recom_products_quickview .detailscolumn .colorsizes_wrapper .colorsizes li.empty,
.recom_products_quickview .detailscolumn .colorswatches_wrapper .colorsizes li.disabletile,
.recom_products_quickview .detailscolumn .colorswatches_wrapper .colorsizes li.empty,
.recom_products_quickview .pdp-sticky-bar .colorsizes_wrapper .colorsizes li.disabletile,
.recom_products_quickview .pdp-sticky-bar .colorsizes_wrapper .colorsizes li.empty,
.recom_products_quickview .pdp-sticky-bar .colorswatches_wrapper .colorsizes li.disabletile,
.recom_products_quickview .pdp-sticky-bar .colorswatches_wrapper .colorsizes li.empty,
.recom_products_quickview .suggestiontile .colorsizes_wrapper .colorsizes li.disabletile,
.recom_products_quickview .suggestiontile .colorsizes_wrapper .colorsizes li.empty,
.recom_products_quickview .suggestiontile .colorswatches_wrapper .colorsizes li.disabletile,
.recom_products_quickview .suggestiontile .colorswatches_wrapper .colorsizes li.empty {
    display: none
}

@media screen and (max-width:767px) {
    #product_main_details .detailscolumn .colorsizes_wrapper .colorswatches,
    #product_main_details .detailscolumn .colorswatches_wrapper .colorswatches,
    #product_main_details .pdp-sticky-bar .colorsizes_wrapper .colorswatches,
    #product_main_details .pdp-sticky-bar .colorswatches_wrapper .colorswatches,
    #product_main_details .suggestiontile .colorsizes_wrapper .colorswatches,
    #product_main_details .suggestiontile .colorswatches_wrapper .colorswatches,
    #recom_products_range .detailscolumn .colorsizes_wrapper .colorswatches,
    #recom_products_range .detailscolumn .colorswatches_wrapper .colorswatches,
    #recom_products_range .pdp-sticky-bar .colorsizes_wrapper .colorswatches,
    #recom_products_range .pdp-sticky-bar .colorswatches_wrapper .colorswatches,
    #recom_products_range .suggestiontile .colorsizes_wrapper .colorswatches,
    #recom_products_range .suggestiontile .colorswatches_wrapper .colorswatches,
    .recom_products_quickview .detailscolumn .colorsizes_wrapper .colorswatches,
    .recom_products_quickview .detailscolumn .colorswatches_wrapper .colorswatches,
    .recom_products_quickview .pdp-sticky-bar .colorsizes_wrapper .colorswatches,
    .recom_products_quickview .pdp-sticky-bar .colorswatches_wrapper .colorswatches,
    .recom_products_quickview .suggestiontile .colorsizes_wrapper .colorswatches,
    .recom_products_quickview .suggestiontile .colorswatches_wrapper .colorswatches {
        display: none
    }
    #product_main_details .detailscolumn .colorsizes_wrapper .colorswatches li,
    #product_main_details .detailscolumn .colorswatches_wrapper .colorswatches li,
    #product_main_details .pdp-sticky-bar .colorsizes_wrapper .colorswatches li,
    #product_main_details .pdp-sticky-bar .colorswatches_wrapper .colorswatches li,
    #product_main_details .suggestiontile .colorsizes_wrapper .colorswatches li,
    #product_main_details .suggestiontile .colorswatches_wrapper .colorswatches li,
    #recom_products_range .detailscolumn .colorsizes_wrapper .colorswatches li,
    #recom_products_range .detailscolumn .colorswatches_wrapper .colorswatches li,
    #recom_products_range .pdp-sticky-bar .colorsizes_wrapper .colorswatches li,
    #recom_products_range .pdp-sticky-bar .colorswatches_wrapper .colorswatches li,
    #recom_products_range .suggestiontile .colorsizes_wrapper .colorswatches li,
    #recom_products_range .suggestiontile .colorswatches_wrapper .colorswatches li,
    .recom_products_quickview .detailscolumn .colorsizes_wrapper .colorswatches li,
    .recom_products_quickview .detailscolumn .colorswatches_wrapper .colorswatches li,
    .recom_products_quickview .pdp-sticky-bar .colorsizes_wrapper .colorswatches li,
    .recom_products_quickview .pdp-sticky-bar .colorswatches_wrapper .colorswatches li,
    .recom_products_quickview .suggestiontile .colorsizes_wrapper .colorswatches li,
    .recom_products_quickview .suggestiontile .colorswatches_wrapper .colorswatches li {
        margin: 0 7px 7px 0
    }
}

@media screen and (max-width:767px) {
    #product_main_details .detailscolumn .colorsizes_wrapper .colorswatches_mobileselect,
    #product_main_details .detailscolumn .colorswatches_wrapper .colorswatches_mobileselect,
    #product_main_details .pdp-sticky-bar .colorsizes_wrapper .colorswatches_mobileselect,
    #product_main_details .pdp-sticky-bar .colorswatches_wrapper .colorswatches_mobileselect,
    #product_main_details .suggestiontile .colorsizes_wrapper .colorswatches_mobileselect,
    #product_main_details .suggestiontile .colorswatches_wrapper .colorswatches_mobileselect,
    #recom_products_range .detailscolumn .colorsizes_wrapper .colorswatches_mobileselect,
    #recom_products_range .detailscolumn .colorswatches_wrapper .colorswatches_mobileselect,
    #recom_products_range .pdp-sticky-bar .colorsizes_wrapper .colorswatches_mobileselect,
    #recom_products_range .pdp-sticky-bar .colorswatches_wrapper .colorswatches_mobileselect,
    #recom_products_range .suggestiontile .colorsizes_wrapper .colorswatches_mobileselect,
    #recom_products_range .suggestiontile .colorswatches_wrapper .colorswatches_mobileselect,
    .recom_products_quickview .detailscolumn .colorsizes_wrapper .colorswatches_mobileselect,
    .recom_products_quickview .detailscolumn .colorswatches_wrapper .colorswatches_mobileselect,
    .recom_products_quickview .pdp-sticky-bar .colorsizes_wrapper .colorswatches_mobileselect,
    .recom_products_quickview .pdp-sticky-bar .colorswatches_wrapper .colorswatches_mobileselect,
    .recom_products_quickview .suggestiontile .colorsizes_wrapper .colorswatches_mobileselect,
    .recom_products_quickview .suggestiontile .colorswatches_wrapper .colorswatches_mobileselect {
        display: block
    }
}

@media screen and (max-width:767px) {
    #product_main_details .detailscolumn .colorswatches_wrapper,
    #product_main_details .pdp-sticky-bar .colorswatches_wrapper,
    #product_main_details .suggestiontile .colorswatches_wrapper,
    #recom_products_range .detailscolumn .colorswatches_wrapper,
    #recom_products_range .pdp-sticky-bar .colorswatches_wrapper,
    #recom_products_range .suggestiontile .colorswatches_wrapper,
    .recom_products_quickview .detailscolumn .colorswatches_wrapper,
    .recom_products_quickview .pdp-sticky-bar .colorswatches_wrapper,
    .recom_products_quickview .suggestiontile .colorswatches_wrapper {
        margin: 0 0 10px
    }
}

#product_main_details .detailscolumn .colorswatches_wrapper .colorsizes-scrollbar,
#product_main_details .pdp-sticky-bar .colorswatches_wrapper .colorsizes-scrollbar,
#product_main_details .suggestiontile .colorswatches_wrapper .colorsizes-scrollbar,
#recom_products_range .detailscolumn .colorswatches_wrapper .colorsizes-scrollbar,
#recom_products_range .pdp-sticky-bar .colorswatches_wrapper .colorsizes-scrollbar,
#recom_products_range .suggestiontile .colorswatches_wrapper .colorsizes-scrollbar,
.recom_products_quickview .detailscolumn .colorswatches_wrapper .colorsizes-scrollbar,
.recom_products_quickview .pdp-sticky-bar .colorswatches_wrapper .colorsizes-scrollbar,
.recom_products_quickview .suggestiontile .colorswatches_wrapper .colorsizes-scrollbar {
    margin: 10px 0 10px 15px
}

@media screen and (max-width:767px) {
    #product_main_details .suggestiontile .colorsizes_wrapper,
    #recom_products_range .suggestiontile .colorsizes_wrapper,
    .recom_products_quickview .suggestiontile .colorsizes_wrapper {
        margin: 0 0 10px
    }
}

#product_main_details .pdp-sticky-bar .colorsizes_wrapper,
#recom_products_range .pdp-sticky-bar .colorsizes_wrapper,
.recom_products_quickview .pdp-sticky-bar .colorsizes_wrapper {
    width: 100%
}

#product_main_details .hide,
#recom_products_range .hide,
.recom_products_quickview .hide {
    display: none
}

#product_main_details #product_variant_details .variant .product_color_size,
#recom_products_range #product_variant_details .variant .product_color_size,
.recom_products_quickview #product_variant_details .variant .product_color_size {
    border-top: 1px solid #cfd1d0;
    margin: 10px 0 0
}

@media screen and (max-width:980px) {
    #product_main_details #product_variant_details .variant .product_color_size,
    #recom_products_range #product_variant_details .variant .product_color_size,
    .recom_products_quickview #product_variant_details .variant .product_color_size {
        margin-top: 8px
    }
}

@media screen and (max-width:767px) {
    #product_main_details #product_variant_details .variant .product_color_size,
    #recom_products_range #product_variant_details .variant .product_color_size,
    .recom_products_quickview #product_variant_details .variant .product_color_size {
        margin-top: 18px
    }
}

#product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes_mobileselect,
#product_main_details #product_variant_details .variant .product_color_size .dropdown-input-mobile,
#recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes_mobileselect,
#recom_products_range #product_variant_details .variant .product_color_size .dropdown-input-mobile,
.recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes_mobileselect,
.recom_products_quickview #product_variant_details .variant .product_color_size .dropdown-input-mobile {
    display: none
}

@media screen and (max-width:980px) {
    #product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper,
    #recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper,
    .recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper {
        width: 53%;
        float: left
    }
}

@media screen and (max-width:580px) {
    #product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper,
    #recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper,
    .recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper {
        width: 60%
    }
}

@media screen and (max-width:980px) {
    #product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes_mobileselect,
    #recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes_mobileselect,
    .recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes_mobileselect {
        display: block
    }
    #product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes_mobileselect a,
    #recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes_mobileselect a,
    .recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes_mobileselect a {
        margin: 0 0 0 5px
    }
}

#product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes,
#recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes,
.recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes {
    width: 100%;
    float: left
}

@media screen and (max-width:980px) {
    #product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes,
    #recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes,
    .recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes {
        padding: 0 0 5px
    }
}

#product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes,
#recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes,
.recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes {
    float: left;
    width: 100%
}

#product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li,
#recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li,
.recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li {
    display: block;
    margin: 0 1% 5px 0;
    padding: 1.2% 1.2% .8%;
    line-height: 14px;
    width: 10%;
    text-align: center;
    float: left;
    border: 1px solid #cfd1d0;
    cursor: pointer;
    color: #494e53
}

@media screen and (max-width:980px) {
    #product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li,
    #recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li,
    .recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li {
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: left;
        border: none;
        line-height: 20px
    }
}

#product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li a,
#recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li a,
.recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li a {
    display: block;
    color: #494e53;
    text-decoration: none
}

@media screen and (max-width:980px) {
    #product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li a,
    #recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li a,
    .recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li a {
        padding: 3px 10px;
        margin: 0 0 0 5px
    }
}

@media screen and (max-width:767px) {
    #product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li a,
    #recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li a,
    .recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li a {
        padding-top: 6px;
        padding-bottom: 6px
    }
}

#product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.selected,
#product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li:hover,
#recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.selected,
#recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li:hover,
.recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.selected,
.recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li:hover {
    border-color: #494e53;
    background: #ebe7e1
}

@media screen and (max-width:980px) {
    #product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.selected,
    #product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li:hover,
    #recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.selected,
    #recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li:hover,
    .recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.selected,
    .recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li:hover {
        background: 0 0
    }
    #product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.selected a,
    #product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li:hover a,
    #recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.selected a,
    #recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li:hover a,
    .recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.selected a,
    .recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li:hover a {
        background: #f1eeea
    }
}

#product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.empty,
#recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.empty,
.recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.empty {
    visibility: hidden
}

@media screen and (max-width:980px) {
    #product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.empty,
    #recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.empty,
    .recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.empty {
        display: none
    }
}

#product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile,
#recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile,
.recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile {
    position: relative;
    color: #cfd1d0;
    cursor: default;
    background: 0 0
}

#product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile:active,
#product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile:focus,
#product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile:hover,
#recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile:active,
#recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile:focus,
#recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile:hover,
.recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile:active,
.recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile:focus,
.recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile:hover {
    border-color: #cfd1d0;
    color: #cfd1d0;
    background: 0 0
}

#product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile:active>a,
#product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile:focus>a,
#product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile:hover>a,
#recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile:active>a,
#recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile:focus>a,
#recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile:hover>a,
.recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile:active>a,
.recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile:focus>a,
.recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile:hover>a {
    background: 0 0;
    color: #cfd1d0
}

#product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile>a,
#recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile>a,
.recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile>a {
    cursor: default;
    background: 0 0;
    color: #cfd1d0;
    text-decoration: none
}

#product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile::before,
#recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile::before,
.recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile::before {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    content: "";
    border-top: 1px solid;
    border-color: #aeb2b1;
    transform: rotate(-25deg)
}

#product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile::after,
#recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile::after,
.recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile::after {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    content: "";
    border-top: 1px solid;
    border-color: #aeb2b1;
    transform: rotate(25deg)
}

@media screen and (max-width:980px) {
    #product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile::after,
    #product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile::before,
    #recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile::after,
    #recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile::before,
    .recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile::after,
    .recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile::before {
        display: none
    }
}

@media screen and (max-width:980px) {
    #product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes,
    #recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes,
    .recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes {
        margin-right: 20px
    }
}

@media screen and (max-width:980px) {
    #product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .colorsizes_inner,
    #recom_products_range #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .colorsizes_inner,
    .recom_products_quickview #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .colorsizes_inner {
        margin-top: 10px;
        margin-bottom: 15px
    }
}

#product_main_details #product_variant_details .pdp-sticky-bar .product_color_size.product_color_size_sticky_bar,
#recom_products_range #product_variant_details .pdp-sticky-bar .product_color_size.product_color_size_sticky_bar,
.recom_products_quickview #product_variant_details .pdp-sticky-bar .product_color_size.product_color_size_sticky_bar {
    border: none;
    margin: 0;
    padding: 0
}

@media screen and (max-width:980px) {
    #product_main_details #product_variant_details .pdp-sticky-bar .product_color_size.product_color_size_sticky_bar .colorsizes_wrapper,
    #recom_products_range #product_variant_details .pdp-sticky-bar .product_color_size.product_color_size_sticky_bar .colorsizes_wrapper,
    .recom_products_quickview #product_variant_details .pdp-sticky-bar .product_color_size.product_color_size_sticky_bar .colorsizes_wrapper {
        width: auto;
        float: none
    }
}

#product_main_details #product_variant_details .pdp-sticky-bar .product_color_size.product_color_size_sticky_bar .colorsizes_wrapper .colorsizes_mobileselect,
#recom_products_range #product_variant_details .pdp-sticky-bar .product_color_size.product_color_size_sticky_bar .colorsizes_wrapper .colorsizes_mobileselect,
.recom_products_quickview #product_variant_details .pdp-sticky-bar .product_color_size.product_color_size_sticky_bar .colorsizes_wrapper .colorsizes_mobileselect {
    display: block
}

#product_main_details .product_quantity .quantity-wrapper,
#recom_products_range .product_quantity .quantity-wrapper,
.recom_products_quickview .product_quantity .quantity-wrapper {
    float: left
}

#product_main_details .product_instock,
#recom_products_range .product_instock,
.recom_products_quickview .product_instock {
    display: inline-block;
    margin: 6px 0 0 10px
}

@media screen and (max-width:980px) {
    #product_main_details .product_instock,
    #recom_products_range .product_instock,
    .recom_products_quickview .product_instock {
        width: 42%;
        line-height: 14px
    }
}

@media screen and (max-width:580px) {
    #product_main_details .product_instock,
    #recom_products_range .product_instock,
    .recom_products_quickview .product_instock {
        display: none
    }
}

#product_main_details .product_instock span,
#recom_products_range .product_instock span,
.recom_products_quickview .product_instock span {
    text-transform: uppercase;
    color: #41850f
}

@media screen and (max-width:767px) {
    #product_main_details .product_instock span,
    #recom_products_range .product_instock span,
    .recom_products_quickview .product_instock span {
        display: inline-block
    }
}

#product_main_details .product_instock .instock_icon,
#recom_products_range .product_instock .instock_icon,
.recom_products_quickview .product_instock .instock_icon {
    padding: 2px 0 0 24px;
    background-image: url(../images/icons/spritemain.png);
    background-position: 2px -1595px;
    background-repeat: no-repeat
}

.svg #product_main_details .product_instock .instock_icon,
.svg #recom_products_range .product_instock .instock_icon,
.svg .recom_products_quickview .product_instock .instock_icon {
    background-image: url(../images/icons/spritemain.svg)
}

#product_main_details .cartactions .button_layer,
#product_main_details .pdp-sticky-bar .button_layer,
#recom_products_range .cartactions .button_layer,
#recom_products_range .pdp-sticky-bar .button_layer,
.recom_products_quickview .cartactions .button_layer,
.recom_products_quickview .pdp-sticky-bar .button_layer {
    display: block;
    width: 100%;
    height: 35px;
    position: absolute;
    top: 0;
    left: 0
}

#product_main_details .cartactions .button.addtowishlist,
#product_main_details .cartactions button,
#product_main_details .pdp-sticky-bar .button.addtowishlist,
#product_main_details .pdp-sticky-bar button,
#recom_products_range .cartactions .button.addtowishlist,
#recom_products_range .cartactions button,
#recom_products_range .pdp-sticky-bar .button.addtowishlist,
#recom_products_range .pdp-sticky-bar button,
.recom_products_quickview .cartactions .button.addtowishlist,
.recom_products_quickview .cartactions button,
.recom_products_quickview .pdp-sticky-bar .button.addtowishlist,
.recom_products_quickview .pdp-sticky-bar button {
    width: 100%;
    margin-bottom: 28px
}

@media screen and (max-width:980px) {
    #product_main_details .cartactions .button.addtowishlist,
    #product_main_details .cartactions button,
    #product_main_details .pdp-sticky-bar .button.addtowishlist,
    #product_main_details .pdp-sticky-bar button,
    #recom_products_range .cartactions .button.addtowishlist,
    #recom_products_range .cartactions button,
    #recom_products_range .pdp-sticky-bar .button.addtowishlist,
    #recom_products_range .pdp-sticky-bar button,
    .recom_products_quickview .cartactions .button.addtowishlist,
    .recom_products_quickview .cartactions button,
    .recom_products_quickview .pdp-sticky-bar .button.addtowishlist,
    .recom_products_quickview .pdp-sticky-bar button {
        margin-bottom: 15px
    }
    #product_main_details .cartactions .button.addtowishlist .svgicon,
    #product_main_details .cartactions button .svgicon,
    #product_main_details .pdp-sticky-bar .button.addtowishlist .svgicon,
    #product_main_details .pdp-sticky-bar button .svgicon,
    #recom_products_range .cartactions .button.addtowishlist .svgicon,
    #recom_products_range .cartactions button .svgicon,
    #recom_products_range .pdp-sticky-bar .button.addtowishlist .svgicon,
    #recom_products_range .pdp-sticky-bar button .svgicon,
    .recom_products_quickview .cartactions .button.addtowishlist .svgicon,
    .recom_products_quickview .cartactions button .svgicon,
    .recom_products_quickview .pdp-sticky-bar .button.addtowishlist .svgicon,
    .recom_products_quickview .pdp-sticky-bar button .svgicon {
        transform: scale(0.8)
    }
}

@media screen and (max-width:580px) {
    #product_main_details .cartactions .button.addtowishlist,
    #product_main_details .cartactions button,
    #product_main_details .pdp-sticky-bar .button.addtowishlist,
    #product_main_details .pdp-sticky-bar button,
    #recom_products_range .cartactions .button.addtowishlist,
    #recom_products_range .cartactions button,
    #recom_products_range .pdp-sticky-bar .button.addtowishlist,
    #recom_products_range .pdp-sticky-bar button,
    .recom_products_quickview .cartactions .button.addtowishlist,
    .recom_products_quickview .cartactions button,
    .recom_products_quickview .pdp-sticky-bar .button.addtowishlist,
    .recom_products_quickview .pdp-sticky-bar button {
        margin: 0
    }
}

@media screen and (max-width:320px) {
    #product_main_details .cartactions .button.addtowishlist,
    #product_main_details .cartactions button,
    #product_main_details .pdp-sticky-bar .button.addtowishlist,
    #product_main_details .pdp-sticky-bar button,
    #recom_products_range .cartactions .button.addtowishlist,
    #recom_products_range .cartactions button,
    #recom_products_range .pdp-sticky-bar .button.addtowishlist,
    #recom_products_range .pdp-sticky-bar button,
    .recom_products_quickview .cartactions .button.addtowishlist,
    .recom_products_quickview .cartactions button,
    .recom_products_quickview .pdp-sticky-bar .button.addtowishlist,
    .recom_products_quickview .pdp-sticky-bar button {
        font-size: 12px
    }
}

#product_main_details .cartactions .button.addtowishlist:not(.disabled)+.button_layer,
#product_main_details .cartactions button:not(.disabled)+.button_layer,
#product_main_details .pdp-sticky-bar .button.addtowishlist:not(.disabled)+.button_layer,
#product_main_details .pdp-sticky-bar button:not(.disabled)+.button_layer,
#recom_products_range .cartactions .button.addtowishlist:not(.disabled)+.button_layer,
#recom_products_range .cartactions button:not(.disabled)+.button_layer,
#recom_products_range .pdp-sticky-bar .button.addtowishlist:not(.disabled)+.button_layer,
#recom_products_range .pdp-sticky-bar button:not(.disabled)+.button_layer,
.recom_products_quickview .cartactions .button.addtowishlist:not(.disabled)+.button_layer,
.recom_products_quickview .cartactions button:not(.disabled)+.button_layer,
.recom_products_quickview .pdp-sticky-bar .button.addtowishlist:not(.disabled)+.button_layer,
.recom_products_quickview .pdp-sticky-bar button:not(.disabled)+.button_layer {
    cursor: pointer
}

#product_main_details .cartactions,
#recom_products_range .cartactions,
.recom_products_quickview .cartactions {
    margin: 24px 0 0 18%
}

@media screen and (max-width:980px) {
    #product_main_details .cartactions,
    #recom_products_range .cartactions,
    .recom_products_quickview .cartactions {
        margin: 20px 0 0
    }
}

#product_main_details .cartactions .product_addtocart,
#recom_products_range .cartactions .product_addtocart,
.recom_products_quickview .cartactions .product_addtocart {
    width: 70%;
    float: left;
    position: relative
}

@media screen and (max-width:980px) {
    #product_main_details .cartactions .product_addtocart,
    #recom_products_range .cartactions .product_addtocart,
    .recom_products_quickview .cartactions .product_addtocart {
        width: 100%
    }
}

#product_main_details .cartactions .product_actions,
#recom_products_range .cartactions .product_actions,
.recom_products_quickview .cartactions .product_actions {
    width: 30%;
    float: right;
    margin: 0
}

@media screen and (max-width:980px) {
    #product_main_details .cartactions .product_actions,
    #recom_products_range .cartactions .product_actions,
    .recom_products_quickview .cartactions .product_actions {
        line-height: 14px;
        float: none;
        clear: both;
        width: 100%;
        margin: 0;
        text-align: center;
        padding: 0
    }
}

@media screen and (max-width:767px) {
    #product_main_details .cartactions .product_actions,
    #recom_products_range .cartactions .product_actions,
    .recom_products_quickview .cartactions .product_actions {
        padding: 20px 0
    }
}

@media screen and (max-width:767px) {
    #product_main_details .suggestiontile .cartactions,
    #recom_products_range .suggestiontile .cartactions,
    .recom_products_quickview .suggestiontile .cartactions {
        margin: 10px 0 0
    }
}

@media screen and (max-width:980px) {
    #product_main_details .suggestiontile .cartactions .product_addtocart,
    #recom_products_range .suggestiontile .cartactions .product_addtocart,
    .recom_products_quickview .suggestiontile .cartactions .product_addtocart {
        width: 70%
    }
}

@media screen and (max-width:767px) {
    #product_main_details .suggestiontile .cartactions .product_addtocart,
    #recom_products_range .suggestiontile .cartactions .product_addtocart,
    .recom_products_quickview .suggestiontile .cartactions .product_addtocart {
        width: 100%
    }
}

@media screen and (max-width:980px) {
    #product_main_details .suggestiontile .cartactions .product_actions,
    #recom_products_range .suggestiontile .cartactions .product_actions,
    .recom_products_quickview .suggestiontile .cartactions .product_actions {
        width: 30%;
        float: right;
        clear: none;
        text-align: left;
        padding: 3px 0 0 17px
    }
}

@media screen and (max-width:767px) {
    #product_main_details .suggestiontile .cartactions .product_actions,
    #recom_products_range .suggestiontile .cartactions .product_actions,
    .recom_products_quickview .suggestiontile .cartactions .product_actions {
        float: none;
        clear: both;
        width: 100%;
        text-align: center;
        padding: 10px 0 0
    }
}

#product_main_details #product_variant_details .wishlist-icon-mainimage,
#product_main_details .suggestiontile .wishlist-icon-mainimage,
#recom_products_range #product_variant_details .wishlist-icon-mainimage,
#recom_products_range .suggestiontile .wishlist-icon-mainimage,
.recom_products_quickview #product_variant_details .wishlist-icon-mainimage,
.recom_products_quickview .suggestiontile .wishlist-icon-mainimage {
    cursor: pointer;
    padding: 20px;
    z-index: 5;
    position: absolute;
    top: 0;
    left: 100px
}

@media screen and (max-width:1160px) {
    #product_main_details #product_variant_details .wishlist-icon-mainimage,
    #product_main_details .suggestiontile .wishlist-icon-mainimage,
    #recom_products_range #product_variant_details .wishlist-icon-mainimage,
    #recom_products_range .suggestiontile .wishlist-icon-mainimage,
    .recom_products_quickview #product_variant_details .wishlist-icon-mainimage,
    .recom_products_quickview .suggestiontile .wishlist-icon-mainimage {
        left: 0
    }
}

@media screen and (max-width:767px) {
    #product_main_details #product_variant_details .wishlist-icon-mainimage,
    #product_main_details .suggestiontile .wishlist-icon-mainimage,
    #recom_products_range #product_variant_details .wishlist-icon-mainimage,
    #recom_products_range .suggestiontile .wishlist-icon-mainimage,
    .recom_products_quickview #product_variant_details .wishlist-icon-mainimage,
    .recom_products_quickview .suggestiontile .wishlist-icon-mainimage {
        left: 13%
    }
}

@media screen and (max-width:580px) {
    #product_main_details #product_variant_details .wishlist-icon-mainimage,
    #product_main_details .suggestiontile .wishlist-icon-mainimage,
    #recom_products_range #product_variant_details .wishlist-icon-mainimage,
    #recom_products_range .suggestiontile .wishlist-icon-mainimage,
    .recom_products_quickview #product_variant_details .wishlist-icon-mainimage,
    .recom_products_quickview .suggestiontile .wishlist-icon-mainimage {
        left: 0
    }
}

#product_main_details #product_variant_details .wishlist-icon-mainimage .added,
#product_main_details .suggestiontile .wishlist-icon-mainimage .added,
#recom_products_range #product_variant_details .wishlist-icon-mainimage .added,
#recom_products_range .suggestiontile .wishlist-icon-mainimage .added,
.recom_products_quickview #product_variant_details .wishlist-icon-mainimage .added,
.recom_products_quickview .suggestiontile .wishlist-icon-mainimage .added {
    display: none
}

#product_main_details .suggestiontile .wishlist-icon-mainimage,
#recom_products_range .suggestiontile .wishlist-icon-mainimage,
.recom_products_quickview .suggestiontile .wishlist-icon-mainimage {
    padding: 10px;
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width:767px) {
    #product_main_details .suggestiontile .wishlist-icon-mainimage,
    #recom_products_range .suggestiontile .wishlist-icon-mainimage,
    .recom_products_quickview .suggestiontile .wishlist-icon-mainimage {
        padding: 5px
    }
    #product_main_details .suggestiontile .wishlist-icon-mainimage .svgicon,
    #recom_products_range .suggestiontile .wishlist-icon-mainimage .svgicon,
    .recom_products_quickview .suggestiontile .wishlist-icon-mainimage .svgicon {
        width: 25px!important
    }
}

#product_main_details .product_container {
    position: relative
}

#product_main_details #product_images {
    min-height: 522px
}

@media screen and (max-width:980px) {
    #product_main_details #product_images {
        min-height: inherit
    }
}

#product_main_details #product_images .badges {
    bottom: 58px
}

@media screen and (max-width:767px) {
    #product_main_details #product_images .badges {
        bottom: 52px
    }
}

#product_main_details #product_images #productimage {
    position: relative;
    width: 82.7%;
    float: right;
    margin-bottom: 10px
}

@media screen and (max-width:1160px) {
    #product_main_details #product_images #productimage {
        width: 100%;
        float: none
    }
}

@media screen and (max-width:767px) {
    #product_main_details #product_images #productimage {
        overflow: visible
    }
}

#product_main_details #product_images #productimage .mainimageContainer {
    display: block
}

#product_main_details #product_images #productimage .mainimageContainer .mainimage {
    backface-visibility: visible!important;
    width: 100%;
    vertical-align: bottom
}

.no-touchevents #product_main_details #product_images #productimage .mainimageContainer .mainimage {
    transform: none!important
}

#product_main_details #product_images #productimage .pdp-main-image {
    position: relative
}

#product_main_details #product_images #productimage .pdp-main-image .pdp-image {
    min-height: 522px
}

@media screen and (max-width:1160px) {
    #product_main_details #product_images #productimage .pdp-main-image .pdp-image {
        min-height: 535px
    }
}

@media screen and (max-width:980px) {
    #product_main_details #product_images #productimage .pdp-main-image .pdp-image {
        min-height: 399px
    }
}

@media screen and (max-width:767px) {
    #product_main_details #product_images #productimage .pdp-main-image .pdp-image {
        min-height: 509px
    }
}

@media screen and (max-width:580px) {
    #product_main_details #product_images #productimage .pdp-main-image .pdp-image {
        min-height: 367px
    }
}

@media screen and (max-width:320px) {
    #product_main_details #product_images #productimage .pdp-main-image .pdp-image {
        min-height: 322px
    }
}

#product_main_details #product_images #productimage .pdp-main-image .image-next,
#product_main_details #product_images #productimage .pdp-main-image .image-prev {
    background-repeat: no-repeat;
    height: 100%;
    padding: 20px 15px;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
    z-index: 5;
    cursor: pointer
}

#product_main_details #product_images #productimage .pdp-main-image .image-prev {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/icons/arrows/arrow_slider_left_white.png);
    background-position: left 5px center
}

.svg #product_main_details #product_images #productimage .pdp-main-image .image-prev {
    background-image: url(../images/icons/arrows/arrow_slider_left_white.svg)
}

#product_main_details #product_images #productimage .pdp-main-image .image-next {
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(../images/icons/arrows/arrow_slider_right_white.png);
    background-position: right 5px center
}

.svg #product_main_details #product_images #productimage .pdp-main-image .image-next {
    background-image: url(../images/icons/arrows/arrow_slider_right_white.svg)
}

#product_main_details #product_images #productimage .pdp-main-image .image-next:hover,
#product_main_details #product_images #productimage .pdp-main-image .image-prev:hover {
    background-color: rgba(255, 255, 255, .5)
}

@media screen and (max-width:980px) {
    #product_main_details #product_images #productimage .pdp-main-image .image-next:hover,
    #product_main_details #product_images #productimage .pdp-main-image .image-prev:hover {
        background-color: transparent
    }
}

#product_main_details #product_images #productimage .pdp-main-image .pdp-main-image-owl-carousel {
    z-index: initial;
    max-height: 522px;
    overflow: hidden
}

@media screen and (max-width:1160px) {
    #product_main_details #product_images #productimage .pdp-main-image .pdp-main-image-owl-carousel {
        max-height: 535px
    }
}

@media screen and (max-width:980px) {
    #product_main_details #product_images #productimage .pdp-main-image .pdp-main-image-owl-carousel {
        max-height: 397px
    }
}

@media screen and (max-width:767px) {
    #product_main_details #product_images #productimage .pdp-main-image .pdp-main-image-owl-carousel {
        max-height: 531px
    }
}

@media screen and (max-width:580px) {
    #product_main_details #product_images #productimage .pdp-main-image .pdp-main-image-owl-carousel {
        max-height: 383px
    }
}

@media screen and (max-width:320px) {
    #product_main_details #product_images #productimage .pdp-main-image .pdp-main-image-owl-carousel {
        max-height: 322px
    }
}

@media only screen and (min-width:1025px) {
    #product_main_details #product_images #productimage .pdp-main-image .pdp-main-image-owl-carousel .owl-stage {
        width: 100%!important;
        transform: translate3d(0, 0, 0)!important
    }
    #product_main_details #product_images #productimage .pdp-main-image .pdp-main-image-owl-carousel .owl-stage .owl-item {
        width: 100%!important;
        margin-right: -100%!important;
        z-index: 1;
        opacity: 0
    }
    #product_main_details #product_images #productimage .pdp-main-image .pdp-main-image-owl-carousel .owl-stage .owl-item.active {
        z-index: 10;
        opacity: 1
    }
}

#product_main_details #product_images #productimage .pdp-main-image .pdp-main-image-owl-carousel .owl-dots {
    display: none!important
}

@media screen and (max-width:980px) {
    #product_main_details #product_images #productimage .pdp-main-image .pdp-main-image-owl-carousel .owl-dots {
        display: block!important;
        position: absolute;
        bottom: -20px;
        width: 100%
    }
}

#product_main_details #product_images #productimage .hover-msg {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(73, 78, 83, .4);
    width: 100%;
    z-index: 1;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer
}

#product_main_details #product_images #productimage .hover-msg .zoommainimg {
    display: inline-block;
    width: auto;
    padding: 14px 15px 10px;
    text-align: center;
    vertical-align: text-bottom
}

@media screen and (max-width:767px) {
    #product_main_details #product_images #productimage .hover-msg .zoommainimg {
        padding: 12px 14px 10px 6px
    }
}

#product_main_details #product_images #productimage .hover-msg .zoommainimg .zoomtitle,
#product_main_details #product_images #productimage .hover-msg .zoommainimg .zoomtitlemobile {
    background-size: 18px;
    background-position: 6px 0;
    background-repeat: no-repeat;
    background-image: url(../images/icons/misc/zoom.png);
    display: inline-block;
    padding: 0 0 0 30px
}

.svg #product_main_details #product_images #productimage .hover-msg .zoommainimg .zoomtitle,
.svg #product_main_details #product_images #productimage .hover-msg .zoommainimg .zoomtitlemobile {
    background-image: url(../images/icons/misc/zoom.svg)
}

@media screen and (max-width:767px) {
    #product_main_details #product_images #productimage .hover-msg .zoommainimg .zoomtitle,
    #product_main_details #product_images #productimage .hover-msg .zoommainimg .zoomtitlemobile {
        font-size: 12px;
        line-height: 18px;
        background-size: 16px
    }
}

@media screen and (max-width:980px) {
    #product_main_details #product_images #productimage .hover-msg .zoommainimg .zoomtitle {
        display: none
    }
}

#product_main_details #product_images #productimage .hover-msg .zoommainimg .zoomtitlemobile,
.touchevents #product_main_details #product_images #productimage .hover-msg .zoommainimg .zoomtitle {
    display: none
}

@media screen and (max-width:980px) {
    #product_main_details #product_images #productimage .hover-msg .zoommainimg .zoomtitlemobile {
        display: block
    }
}

.touchevents #product_main_details #product_images #productimage .hover-msg .zoommainimg .zoomtitlemobile {
    display: block
}

@media screen and (max-width:767px) {
    #product_main_details #product_images .socialmedia {
        display: none
    }
}

#product_main_details #product_images #productthumbnails {
    width: 15.5%;
    float: left
}

@media screen and (max-width:1160px) {
    #product_main_details #product_images #productthumbnails {
        display: none
    }
}

#product_main_details #product_images #productthumbnails .pdp-thumb-carousel {
    display: block
}

#product_main_details #product_images #productthumbnails .pdp-thumb-carousel-wrapper {
    position: relative
}

#product_main_details #product_images #productthumbnails .pdp-thumb-carousel-wrapper .bx-viewport {
    height: 524px!important
}

#product_main_details #product_images #productthumbnails .pdp-thumb-carousel-wrapper .bx-controls-direction .bx-next,
#product_main_details #product_images #productthumbnails .pdp-thumb-carousel-wrapper .bx-controls-direction .bx-prev {
    position: absolute;
    width: 100%;
    height: 25px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
    z-index: 5;
    cursor: pointer
}

#product_main_details #product_images #productthumbnails .pdp-thumb-carousel-wrapper .bx-controls-direction .bx-next.disabled,
#product_main_details #product_images #productthumbnails .pdp-thumb-carousel-wrapper .bx-controls-direction .bx-prev.disabled {
    display: none
}

#product_main_details #product_images #productthumbnails .pdp-thumb-carousel-wrapper .bx-controls-direction .bx-prev {
    top: 0;
    right: 0;
    background-image: url(../images/icons/arrows/arrow_slider_top_white.png)
}

.svg #product_main_details #product_images #productthumbnails .pdp-thumb-carousel-wrapper .bx-controls-direction .bx-prev {
    background-image: url(../images/icons/arrows/arrow_slider_top_white.svg)
}

#product_main_details #product_images #productthumbnails .pdp-thumb-carousel-wrapper .bx-controls-direction .bx-next {
    bottom: 0;
    left: 0;
    background-image: url(../images/icons/arrows/arrow_slider_bottom_white.png)
}

.svg #product_main_details #product_images #productthumbnails .pdp-thumb-carousel-wrapper .bx-controls-direction .bx-next {
    background-image: url(../images/icons/arrows/arrow_slider_bottom_white.svg)
}

#product_main_details #product_images #productthumbnails .productthumbnail {
    cursor: pointer;
    line-height: 1px
}

#product_main_details #product_images #productthumbnails .productthumbnail img {
    width: 100%;
    box-sizing: border-box
}

#product_main_details #product_images #productthumbnails .productthumbnail.active img {
    border: 1px solid #494e53
}

#product_main_details #product_images #productthumbnails .videothumbnail {
    overflow: hidden;
    line-height: 1px;
    position: relative
}

#product_main_details #product_images #productthumbnails .videothumbnail a {
    line-height: 1px
}

#product_main_details #product_images #productthumbnails .videothumbnail .video {
    height: 100.5px;
    width: auto;
    position: relative;
    left: -50%;
    margin: 0 0 0 25%
}

@media screen and (max-width:980px) {
    #product_main_details #product_images #productthumbnails .videothumbnail .video {
        height: 132.17px
    }
}

#product_main_details #product_images #productthumbnails .videothumbnail .play {
    position: absolute;
    top: 52%;
    left: 50%;
    height: 60px;
    pointer-events: none
}

#product_main_details #product_images #productthumbnails .videothumbnail .play img {
    position: relative;
    top: -50%;
    left: -50%;
    height: 60px;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s
}

#product_main_details #product_images #productthumbnails .videothumbnail:active .play img,
#product_main_details #product_images #productthumbnails .videothumbnail:focus .play img,
#product_main_details #product_images #productthumbnails .videothumbnail:hover .play img {
    opacity: .6
}

#product_main_details #product_variant_details {
    min-height: 436px
}

@media screen and (max-width:980px) {
    #product_main_details #product_variant_details {
        min-height: unset
    }
}

#product_main_details #product_variant_details #productreview_rating {
    position: absolute;
    top: 5px;
    right: 0
}

@media screen and (max-width:980px) {
    #product_main_details #product_variant_details #productreview_rating {
        top: 45px
    }
}

@media screen and (max-width:767px) {
    #product_main_details #product_variant_details #productreview_rating {
        position: static
    }
}

#product_main_details #product_variant_details #productreview_rating .ts-rating {
    text-decoration: none
}

#product_main_details #product_variant_details #productreview_rating .ts-rating .ts-stars-reviewCount {
    padding: 0 10px 0 7px
}

@media screen and (max-width:980px) {
    #product_main_details #product_variant_details #productreview_rating .ts-rating .ts-stars-reviewCount {
        padding-right: 0
    }
}

#product_main_details #product_variant_details #productreview_rating .ts-rating .ts-stars-wrapper .icon-star-empty {
    color: #ebe7e1
}

#product_main_details #product_variant_details .positionpromo {
    background: #ebe7e1;
    float: right;
    margin: 0;
    padding: 25px;
    text-align: center;
    width: 100%
}

@media screen and (max-width:980px) {
    #product_main_details #product_variant_details .positionpromo {
        width: auto;
        float: none;
        clear: both
    }
}

@media screen and (max-width:767px) {
    #product_main_details #product_variant_details .positionpromo {
        margin-bottom: 0
    }
}

#product_main_details #product_variant_details .positionpromo .promoinfo {
    display: inline-block;
    padding: 0 15px
}

#product_main_details #product_variant_details .positionpromo .promoinfo:first-child {
    border-right: 1px solid #aeb2b1
}

@media screen and (max-width:767px) {
    #product_main_details #product_variant_details .positionpromo .promoinfo:first-child {
        border-right: none
    }
}

#product_main_details #product_variant_details .positionpromo .promoinfo.checkmark {
    background-image: url(../images/icons/spritemain.png);
    background-position: 2px -1045px;
    background-repeat: no-repeat;
    margin: 0 0 0 8px;
    padding: 0 12px 0 24px
}

.svg #product_main_details #product_variant_details .positionpromo .promoinfo.checkmark {
    background-image: url(../images/icons/spritemain.svg)
}

#product_main_details #product_shopwithconfidence {
    float: right;
    width: 49%;
    clear: right
}

@media screen and (max-width:980px) {
    #product_main_details #product_shopwithconfidence {
        width: auto;
        float: none;
        clear: both
    }
}

@media screen and (max-width:980px) {
    #product_main_details #product_shopwithconfidence .promobox .headline-small {
        font-family: var(--font-family-sub-heading);
        letter-spacing: 1px
    }
}

@media screen and (max-width:767px) {
    #product_main_details #product_shopwithconfidence .promobox .headline-small {
        display: none
    }
}

#product_main_details #product_shopwithconfidence .promoinfo {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:767px) {
    #product_main_details #product_shopwithconfidence .promoinfo {
        display: block
    }
}

#product_main_details #product_shopwithconfidence .promoinfo li {
    position: relative;
    width: 32.5%;
    background: #f9f9f9;
    padding: 13px 20px 10px;
    font-size: 14px;
    line-height: 16px
}

@media screen and (max-width:1160px) {
    #product_main_details #product_shopwithconfidence .promoinfo li {
        padding: 10px 10px 8px
    }
}

@media screen and (max-width:980px) {
    #product_main_details #product_shopwithconfidence .promoinfo li {
        display: flex;
        align-items: center
    }
}

@media screen and (max-width:767px) {
    #product_main_details #product_shopwithconfidence .promoinfo li {
        width: 100%;
        padding: 6px 10px 5px;
        margin: 0 0 2px
    }
}

#product_main_details #product_shopwithconfidence .promoinfo li .checkmark {
    float: left;
    width: 14px;
    height: 14px;
    background-image: url(../images/icons/spritemain.png);
    background-position: 2px -1596px;
    background-repeat: no-repeat;
    margin: 0 8px 20px 0
}

.svg #product_main_details #product_shopwithconfidence .promoinfo li .checkmark {
    background-image: url(../images/icons/spritemain.svg)
}

@media screen and (max-width:1160px) {
    #product_main_details #product_shopwithconfidence .promoinfo li .checkmark {
        width: 16px;
        height: 16px;
        margin: 0 8px 6px 0
    }
}

@media screen and (max-width:767px) {
    #product_main_details #product_shopwithconfidence .promoinfo li .checkmark {
        background-position: 2px -1595px
    }
}

#product_information_features #product_information_wrapper {
    float: left;
    width: 49%
}

@media screen and (max-width:980px) {
    #product_information_features #product_information_wrapper {
        width: auto;
        float: none;
        clear: both
    }
}

#product_information_features #product_information_wrapper .description {
    margin: 10px 0 0
}

#product_information_features #product_information_wrapper .description ul {
    margin: 7px 0
}

#product_information_features #product_information_wrapper .description ul li {
    padding: 3px 0 4px 18px
}

#product_information_features #product_information_wrapper .description ul li::before {
    content: "-";
    position: absolute;
    margin-left: -15px
}

#product_information_features #product_features_care_wrapper {
    float: right;
    width: 49%
}

@media screen and (max-width:980px) {
    #product_information_features #product_features_care_wrapper {
        width: auto;
        float: none;
        clear: both
    }
}

#product_information_features #product_features .features li {
    display: block;
    width: 50%;
    margin: 0 0 15px;
    float: left
}

@media screen and (max-width:980px) {
    #product_information_features #product_features .features li {
        width: 33.3%
    }
}

@media screen and (max-width:767px) {
    #product_information_features #product_features .features li {
        width: 50%
    }
}

@media screen and (max-width:580px) {
    #product_information_features #product_features .features li {
        width: 33.3%
    }
}

#product_information_features #product_features .featureimage {
    float: left;
    margin: 0 25px 0 0
}

#product_information_features #product_features .featurecode {
    display: block;
    height: 85px;
    width: 85px
}

#product_information_features #product_features .featurecode.ICA004_ecom {
    background: url(../images/icons/feature/pdp/ICA004_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA007_ecom {
    background: url(../images/icons/feature/pdp/ICA007_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA008_ecom {
    background: url(../images/icons/feature/pdp/ICA008_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA014_ecom {
    background: url(../images/icons/feature/pdp/ICA014_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA015_ecom {
    background: url(../images/icons/feature/pdp/ICA015_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA016_ecom {
    background: url(../images/icons/feature/pdp/ICA016_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA017_ecom {
    background: url(../images/icons/feature/pdp/ICA153_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA018_ecom {
    background: url(../images/icons/feature/pdp/ICA018_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA018_ecom.FR {
    background: url(../images/icons/feature/pdp/ICA018_ecom_FR.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA018_ecom.AT,
#product_information_features #product_features .featurecode.ICA018_ecom.DE {
    background: url(../images/icons/feature/pdp/ICA018_ecom_DE.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA018_ecom.EU,
#product_information_features #product_features .featurecode.ICA018_ecom.GB {
    background: url(../images/icons/feature/pdp/ICA018_ecom_EN.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA019_ecom {
    background: url(../images/icons/feature/pdp/ICA019_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA047_ecom {
    background: url(../images/icons/feature/pdp/ICA047_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA060_ecom {
    background: url(../images/icons/feature/pdp/ICA060_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA077_ecom {
    background: url(../images/icons/feature/pdp/ICA077_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA094_ecom {
    background: url(../images/icons/feature/pdp/ICA094_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA103_ecom {
    background: url(../images/icons/feature/pdp/ICA103_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA140_ecom {
    background: url(../images/icons/feature/pdp/ICA140_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA148_ecom {
    background: url(../images/icons/feature/pdp/ICA148_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA150_ecom {
    background: url(../images/icons/feature/pdp/ICA150_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA154_ecom {
    background: url(../images/icons/feature/pdp/ICA154_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA033_ecom {
    background: url(../images/icons/feature/pdp/ICA033_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA153_ecom {
    background: url(../images/icons/feature/pdp/ICA153_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA074_ecom {
    background: url(../images/icons/feature/pdp/ICA074_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICL004_ecom {
    background: url(../images/icons/feature/pdp/ICL004_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICL017_ecom {
    background: url(../images/icons/feature/pdp/ICL017_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICL024_ecom {
    background: url(../images/icons/feature/pdp/ICL024_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA249_ecom {
    background: url(../images/icons/feature/pdp/ICA249_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA250_ecom {
    background: url(../images/icons/feature/pdp/ICA250_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA251_ecom {
    background: url(../images/icons/feature/pdp/ICA251_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA257_ecom {
    background: url(../images/icons/feature/pdp/ICA257_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA259_ecom {
    background: url(../images/icons/feature/pdp/ICA259_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICH011_ecom {
    background: url(../images/icons/feature/pdp/ICH011_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICH011_ecom.AT,
#product_information_features #product_features .featurecode.ICH011_ecom.DE {
    background: url(../images/icons/feature/pdp/ICH011_ecom_DE.png) no-repeat
}

#product_information_features #product_features .featurecode.ICH011_ecom.FI,
#product_information_features #product_features .featurecode.ICH011_ecom.GB {
    background: url(../images/icons/feature/pdp/ICH011_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICH011_ecom.SE {
    background: url(../images/icons/feature/pdp/ICH011_ecom_SE.png) no-repeat
}

#product_information_features #product_features .featurecode.ICH011_ecom.FR,
#product_information_features #product_features .featurecode.ICH011_ecom.fr_BE {
    background: url(../images/icons/feature/pdp/ICH011_ecom_FR.png) no-repeat
}

#product_information_features #product_features .featurecode.ICH011_ecom.NL,
#product_information_features #product_features .featurecode.ICH011_ecom.nl_BE {
    background: url(../images/icons/feature/pdp/ICH011_ecom_NL.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA406_ecom {
    background: url(../images/icons/feature/pdp/ICA406_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA407_ecom {
    background: url(../images/icons/feature/pdp/ICA407_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA247_ecom {
    background: url(../images/icons/feature/pdp/ICA247_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA428_ecom {
    background: url(../images/icons/feature/pdp/ICA428_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA429_ecom {
    background: url(../images/icons/feature/pdp/ICA429_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA430_ecom {
    background: url(../images/icons/feature/pdp/ICA430_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA444_ecom {
    background: url(../images/icons/feature/pdp/ICA444_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA448_ecom {
    background: url(../images/icons/feature/pdp/ICA448_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA449_ecom {
    background: url(../images/icons/feature/pdp/ICA449_ecom.png) no-repeat
}

#product_information_features #product_features .featurecode.ICA333_ecom {
    background: url(../images/icons/feature/pdp/ICA333_ecom.png) no-repeat
}

#product_information_features #product_features .featurelabel {
    height: 85px;
    padding: 0 30px 0 0;
    display: flex;
    align-items: center
}

@media screen and (max-width:767px) {
    #product_information_features #product_features .featurelabel {
        padding: 0
    }
}

@media screen and (max-width:580px) {
    #product_information_features #product_features .featurelabel {
        display: none
    }
}

#product_information_features #product_features .featurelabel a {
    text-decoration: underline;
    color: #494e53
}

#product_information_features #product_features .featurelabel a:hover {
    text-decoration: none;
    color: #3c4147
}

#product_information_features #product_care .care li {
    display: inline-block;
    vertical-align: middle
}

#product_information_features #product_care .careimage {
    float: left;
    margin-right: 12px
}

#product_information_features #product_care .carecode {
    display: block;
    width: 36px;
    height: 32px
}

#product_information_features #product_care .carecode.code_2 {
    background: url(../images/icons/care/2.svg) 50% 50% no-repeat
}

#product_information_features #product_care .carecode.code_3 {
    background: url(../images/icons/care/3.svg) 50% 50% no-repeat
}

#product_information_features #product_care .carecode.code_4 {
    background: url(../images/icons/care/4.svg) 50% 50% no-repeat
}

#product_information_features #product_care .carecode.code_5 {
    background: url(../images/icons/care/5.svg) 50% 50% no-repeat
}

#product_information_features #product_care .carecode.code_6 {
    background: url(../images/icons/care/6.svg) 50% 50% no-repeat
}

#product_information_features #product_care .carecode.code_7 {
    background: url(../images/icons/care/7.svg) 50% 50% no-repeat
}

#product_information_features #product_care .carecode.code_8 {
    background: url(../images/icons/care/8.svg) 50% 50% no-repeat
}

#product_information_features #product_care .carecode.code_9 {
    background: url(../images/icons/care/9.svg) 50% 50% no-repeat
}

#product_information_features #product_care .carecode.code_10 {
    background: url(../images/icons/care/10.svg) 50% 50% no-repeat
}

#product_information_features #product_care .carecode.code_11 {
    background: url(../images/icons/care/11.svg) 50% 50% no-repeat
}

#product_information_features #product_care .carecode.code_12 {
    background: url(../images/icons/care/12.svg) 50% 50% no-repeat
}

#product_information_features #product_care .carecode.code_13 {
    background: url(../images/icons/care/13.svg) 50% 50% no-repeat
}

#product_information_features #product_care .carecode.code_14 {
    background: url(../images/icons/care/14.svg) 50% 50% no-repeat
}

#product_information_features #product_care .carecode.code_15 {
    background: url(../images/icons/care/15.svg) 50% 50% no-repeat
}

#product_information_features #product_care .carecode.code_16 {
    background: url(../images/icons/care/16.svg) 50% 50% no-repeat
}

#product_information_features #product_care .carecode.code_17 {
    background: url(../images/icons/care/17.svg) 50% 50% no-repeat
}

#product_information_features #product_care .carecode.code_18 {
    background: url(../images/icons/care/18.svg) 50% 50% no-repeat
}

#product_information_features #product_care .carecode.code_19 {
    background: url(../images/icons/care/19.svg) 50% 50% no-repeat
}

#product_information_features #product_care .carecode.code_20 {
    background: url(../images/icons/care/20.svg) 50% 50% no-repeat
}

#product_information_features #product_care .carecode.code_21 {
    background: url(../images/icons/care/21.svg) 50% 50% no-repeat
}

#product_information_features #product_care .carecode.code_22 {
    background: url(../images/icons/care/22.svg) 50% 50% no-repeat
}

#product_information_features #product_care .carecode.code_23 {
    background: url(../images/icons/care/23.svg) 50% 50% no-repeat
}

#product_information_features #product_care .carecode.code_24 {
    background: url(../images/icons/care/24.svg) 50% 50% no-repeat
}

#product_information_features #product_care .carecode.code_25 {
    background: url(../images/icons/care/25.svg) 50% 50% no-repeat
}

#product_information_features #product_care .carecode.code_26 {
    background: url(../images/icons/care/26.svg) 50% 50% no-repeat
}

#product_information_features #product_care .carecode.code_27 {
    background: url(../images/icons/care/27.svg) 50% 50% no-repeat
}

#product_information_features #product_care .carecode.code_29 {
    background: url(../images/icons/care/29.svg) 50% 50% no-repeat
}

#product_information_features #product_care .carecode.code_31 {
    background: url(../images/icons/care/31.svg) 50% 50% no-repeat
}

#product_information_features #product_care .carecode.code_32 {
    background: url(../images/icons/care/32.svg) 50% 50% no-repeat
}

#product_information_features #product_care .carecode.code_33 {
    background: url(../images/icons/care/33.svg) 50% 50% no-repeat
}

#product_information_features #product_care .carelabel {
    display: none
}

#recom_products_styles {
    margin: 0 0 40px
}

#main #product_main_details.disablearea .loading,
#main #recom_products_range_carousel .suggestiontile.disablearea .loading {
    position: absolute;
    top: 48%;
    left: 64%
}

@media screen and (max-width:1160px) {
    #main #product_main_details.disablearea .loading,
    #main #recom_products_range_carousel .suggestiontile.disablearea .loading {
        top: 75%;
        left: 70%
    }
}

@media screen and (max-width:980px) {
    #main #product_main_details.disablearea .loading,
    #main #recom_products_range_carousel .suggestiontile.disablearea .loading {
        top: 51%
    }
}

@media screen and (max-width:767px) {
    #main #product_main_details.disablearea .loading,
    #main #recom_products_range_carousel .suggestiontile.disablearea .loading {
        top: 230%;
        left: 45%
    }
}

@media screen and (max-width:580px) {
    #main #product_main_details.disablearea .loading,
    #main #recom_products_range_carousel .suggestiontile.disablearea .loading {
        top: 107%;
        left: 50%
    }
}

#main #product_main_details.disablearea .pdp-sticky-bar,
#main #recom_products_range_carousel .suggestiontile.disablearea .pdp-sticky-bar {
    background: url(../images/loader/triumph_loader.gif) center center no-repeat #fff
}

.svg #main #product_main_details.disablearea .pdp-sticky-bar,
.svg #main #recom_products_range_carousel .suggestiontile.disablearea .pdp-sticky-bar {
    background-image: url(../images/loader/triumph_loader.svg)
}

#main #product_main_details.disablearea .pdp-sticky-bar .product_container,
#main #recom_products_range_carousel .suggestiontile.disablearea .pdp-sticky-bar .product_container {
    display: none
}

#main #recom_products_range_carousel .suggestiontile.disablearea .loading {
    position: absolute;
    top: 30%;
    left: 48%
}

.predictiveintelligence_recommendations {
    background: url(../images/loader/triumph_loader.gif) center center no-repeat;
    min-height: 295px
}

.svg .predictiveintelligence_recommendations {
    background-image: url(../images/loader/triumph_loader.svg)
}

.videopopup {
    border: none;
    background: 0 0;
    padding: 30px 0 0!important;
    position: fixed!important;
    width: 100%!important;
    height: 100%!important;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-400px, -260px)
}

@media screen and (max-width:980px) {
    .videopopup {
        transform: translate(-50%, -260px)
    }
}

.videopopup .ui-dialog-content,
.videopopup .ui-dialog-titlebar.ui-widget-header {
    padding: 0
}

@media screen and (max-width:980px) {
    .videopopup .ui-dialog-content {
        width: 96%!important;
        margin: 0 2%
    }
}

@media screen and (max-width:767px) {
    .videopopup .ui-dialog-content {
        width: 90%!important;
        margin: 0 3%
    }
}

.videopopup .ui-dialog-titlebar-close {
    right: auto;
    left: 800px;
    top: 0
}

@media screen and (max-width:980px) {
    .videopopup .ui-dialog-titlebar-close {
        right: 15px;
        left: auto
    }
}

#product_main_details #product_variant_details .pdp-sticky-bar {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: 102px;
    border-bottom: 1px solid #cfd1d0;
    z-index: 100;
    background: #fff
}

@media screen and (max-width:767px) {
    #product_main_details #product_variant_details .pdp-sticky-bar {
        height: 109px
    }
}

#product_main_details #product_variant_details .pdp-sticky-bar.scrolled {
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    -ms-transition: all 1s linear;
    transition: all 1s linear
}

#product_main_details #product_variant_details .pdp-sticky-bar.show {
    top: 0
}

#product_main_details #product_variant_details .pdp-sticky-bar.disable {
    display: none
}

#product_main_details #product_variant_details .pdp-sticky-bar .product_row {
    padding: 3px 0
}

@media screen and (max-width:980px) {
    #product_main_details #product_variant_details .pdp-sticky-bar .product_row {
        padding: 3px 20px
    }
}

@media screen and (max-width:767px) {
    #product_main_details #product_variant_details .pdp-sticky-bar .product_row {
        padding: 15px 20px
    }
}

#product_main_details #product_variant_details .pdp-sticky-bar .product_row .col {
    float: left
}

#product_main_details #product_variant_details .pdp-sticky-bar .product_row .col.imagecolumn {
    width: 9%
}

@media screen and (max-width:980px) {
    #product_main_details #product_variant_details .pdp-sticky-bar .product_row .col.imagecolumn {
        width: 13%
    }
}

@media screen and (max-width:767px) {
    #product_main_details #product_variant_details .pdp-sticky-bar .product_row .col.imagecolumn {
        display: none
    }
}

#product_main_details #product_variant_details .pdp-sticky-bar .product_row .col.imagecolumn .product_image {
    width: 83px
}

#product_main_details #product_variant_details .pdp-sticky-bar .product_row .col.imagecolumn .product_image img {
    width: 100%
}

#product_main_details #product_variant_details .pdp-sticky-bar .product_row .col .colorsizes_wrapper,
#product_main_details #product_variant_details .pdp-sticky-bar .product_row .col .quantity-wrapper,
#product_main_details #product_variant_details .pdp-sticky-bar .product_row .col .swatchesdisplay {
    margin: 0
}

#product_main_details #product_variant_details .pdp-sticky-bar .product_row .col .headline-small {
    width: 100%
}

#product_main_details #product_variant_details .pdp-sticky-bar .product_row .col.detailscolumn {
    width: 91%;
    position: relative
}

@media screen and (max-width:980px) {
    #product_main_details #product_variant_details .pdp-sticky-bar .product_row .col.detailscolumn {
        width: 87%
    }
}

@media screen and (max-width:767px) {
    #product_main_details #product_variant_details .pdp-sticky-bar .product_row .col.detailscolumn {
        width: 100%
    }
}

#product_main_details #product_variant_details .pdp-sticky-bar .product_row .col.detailscolumn .productcolumn {
    width: 33%
}

@media screen and (max-width:980px) {
    #product_main_details #product_variant_details .pdp-sticky-bar .product_row .col.detailscolumn .productcolumn {
        width: 24%;
        margin-right: 1%
    }
}

@media screen and (max-width:767px) {
    #product_main_details #product_variant_details .pdp-sticky-bar .product_row .col.detailscolumn .productcolumn {
        display: none
    }
}

#product_main_details #product_variant_details .pdp-sticky-bar .product_row .col.detailscolumn .selectcolumn {
    width: 20%;
    margin-right: 2%
}

@media screen and (max-width:980px) {
    #product_main_details #product_variant_details .pdp-sticky-bar .product_row .col.detailscolumn .selectcolumn {
        width: 21%
    }
}

@media screen and (max-width:767px) {
    #product_main_details #product_variant_details .pdp-sticky-bar .product_row .col.detailscolumn .selectcolumn.selectcolor {
        width: 48%
    }
    #product_main_details #product_variant_details .pdp-sticky-bar .product_row .col.detailscolumn .selectcolumn.selectsize {
        width: 39%
    }
}

#product_main_details #product_variant_details .pdp-sticky-bar .product_row .col.detailscolumn .buttoncolumn {
    width: 22%
}

@media screen and (max-width:980px) {
    #product_main_details #product_variant_details .pdp-sticky-bar .product_row .col.detailscolumn .buttoncolumn {
        width: 29%
    }
}

@media screen and (max-width:767px) {
    #product_main_details #product_variant_details .pdp-sticky-bar .product_row .col.detailscolumn .buttoncolumn {
        width: 100%
    }
}

#product_main_details #product_variant_details .pdp-sticky-bar .product_row .col .productcolumn .product_name {
    margin: 12px 0 2px;
    font-family: var(--font-family-sub-heading);
    font-size: 16px;
    letter-spacing: 2px
}

@media screen and (max-width:980px) {
    #product_main_details #product_variant_details .pdp-sticky-bar .product_row .col .productcolumn .product_name {
        font-size: 14px;
        margin: 16px 0 0
    }
}

#product_main_details #product_variant_details .pdp-sticky-bar .product_row .col .productcolumn .product_type {
    letter-spacing: 1px
}

@media screen and (max-width:980px) {
    #product_main_details #product_variant_details .pdp-sticky-bar .product_row .col .productcolumn .product_type {
        font-size: 12px;
        line-height: 18px
    }
}

#product_main_details #product_variant_details .pdp-sticky-bar .product_row .col .productcolumn .product_name,
#product_main_details #product_variant_details .pdp-sticky-bar .product_row .col .productcolumn .product_type {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#product_main_details #product_variant_details .pdp-sticky-bar .product_row .col .hide,
#product_main_details #product_variant_details .pdp-sticky-bar .product_row .col .sizeguide {
    display: none
}

#product_main_details #product_variant_details .pdp-sticky-bar .product_row .col .selectcolumn .headline-small {
    margin: 10px 0 0;
    font-size: 16px
}

@media screen and (max-width:980px) {
    #product_main_details #product_variant_details .pdp-sticky-bar .product_row .col .selectcolumn .headline-small {
        margin-top: 16px;
        font-size: 12px
    }
}

@media screen and (max-width:767px) {
    #product_main_details #product_variant_details .pdp-sticky-bar .product_row .col .selectcolumn .headline-small {
        display: none
    }
}

#product_main_details #product_variant_details .pdp-sticky-bar .product_row .col .selectcolumn .colorVariations .label {
    display: block
}

#product_main_details #product_variant_details .pdp-sticky-bar .product_row .col .selectcolumn .colorVariations .value.selectedvarval {
    display: none
}

#product_main_details #product_variant_details .pdp-sticky-bar .product_row .col .selectcolumn .colorVariations .colorsizes-scrollbar {
    width: 93.2%;
    margin: 15px 0 10px 15px
}

@media screen and (max-width:767px) {
    #product_main_details #product_variant_details .pdp-sticky-bar .product_row .col .selectcolumn .colorVariations .colorsizes-scrollbar {
        margin: 10px 0 10px 15px
    }
}

#product_main_details #product_variant_details .pdp-sticky-bar .product_row .col .selectcolumn .colorVariations .colorsizes-scrollbar ul li {
    margin: 6px 14px 5px 0
}

#product_main_details #product_variant_details .pdp-sticky-bar .product_row .col .selectcolumn .colorVariations .colorsizes-scrollbar ul li a:hover {
    background: 0 0
}

#product_main_details #product_variant_details .pdp-sticky-bar .product_row .col .buttoncolumn .product_addtocart {
    width: 100%;
    float: left;
    position: relative;
    top: 37px
}

@media screen and (max-width:767px) {
    #product_main_details #product_variant_details .pdp-sticky-bar .product_row .col .buttoncolumn .product_addtocart {
        top: 5px
    }
}

#product_main_details #product_variant_details .pdp-sticky-bar .product_row .col .buttoncolumn .product_addtocart .addtocartbutton {
    width: 100%;
    margin: 0;
    font-size: 18px;
    white-space: nowrap
}

@media screen and (max-width:980px) {
    #product_main_details #product_variant_details .pdp-sticky-bar .product_row .col .buttoncolumn .product_addtocart .addtocartbutton {
        height: 30px;
        line-height: 32px;
        margin-top: 10px;
        display: inline-block;
        font-size: 14px
    }
}

@media screen and (max-width:767px) {
    #product_main_details #product_variant_details .pdp-sticky-bar .product_row .col .stickybar-close {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 8px;
        right: 0;
        background-image: url(../images/icons/arrows/cross.png);
        background-size: 18px;
        background-repeat: no-repeat
    }
    .svg #product_main_details #product_variant_details .pdp-sticky-bar .product_row .col .stickybar-close {
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2226px%22%0D%0A%09%20height%3D%2225.999px%22%20viewBox%3D%220%200%2026%2025.999%22%20enable-background%3D%22new%200%200%2026%2025.999%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Arrow__x23_8f9491%22%3E%0D%0A%09%3Cpolygon%20fill%3D%22%23AEB2B1%22%20points%3D%2226%2C3.249%2022.751%2C0%2013%2C9.751%203.249%2C0%200%2C3.248%209.751%2C12.999%200%2C22.751%203.249%2C25.999%2013%2C16.249%20%0D%0A%09%0922.751%2C25.999%2026%2C22.752%2016.249%2C13%20%09%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A")
    }
}

.pdp-relatedproducts-owl-carousel .pdp-related-image {
    display: none
}

.pdp-relatedproducts-owl-carousel .pdp-related-image:first-child,
.pdp-relatedproducts-owl-carousel.owl-carousel .pdp-related-image {
    display: block
}

#largeteaserContent,
#searchContent {
    float: right;
    width: 100%
}

@media screen and (max-width:980px) {
    #largeteaserContent,
    #searchContent {
        clear: both;
        float: none;
        width: auto
    }
}

#largeteaserContent .largeteaser {
    margin: 0 0 18px
}

@media screen and (max-width:767px) {
    #largeteaserContent .largeteaser {
        margin: 0 0 40px
    }
}

#searchContent .productresultarea,
.recom_products_styles .productresultarea {
    margin: 10px 0 0
}

#searchContent .infiniteloader,
.recom_products_styles .infiniteloader {
    text-align: center
}

@media screen and (max-width:767px) {
    #searchContent .infiniteloader,
    .recom_products_styles .infiniteloader {
        margin: 0 0 20px
    }
}

#searchContent .productlisting.advice-teaser.tile,
.recom_products_styles .productlisting.advice-teaser.tile {
    width: 100%;
    padding: 5px
}

#searchContent .productlisting,
.recom_products_styles .productlisting {
    position: relative;
    z-index: 1;
    float: left;
    width: calc((100% - 90px) / 4)
}

#searchContent .productlisting:hover,
.recom_products_styles .productlisting:hover {
    z-index: 2
}

#searchContent .productlisting:nth-child(4n),
#searchContent .productlisting:nth-child(4n+1),
.recom_products_styles .productlisting:nth-child(4n),
.recom_products_styles .productlisting:nth-child(4n+1) {
    margin: 0
}

#searchContent .productlisting:nth-child(4n+2),
.recom_products_styles .productlisting:nth-child(4n+2) {
    margin: 0 15px 0 30px
}

#searchContent .productlisting:nth-child(4n+3),
.recom_products_styles .productlisting:nth-child(4n+3) {
    margin: 0 30px 0 15px
}

@media screen and (max-width:980px) {
    #searchContent .productlisting,
    .recom_products_styles .productlisting {
        width: calc((100% - 48px) / 3)
    }
    #searchContent .productlisting:nth-child(3n),
    #searchContent .productlisting:nth-child(3n+1),
    .recom_products_styles .productlisting:nth-child(3n),
    .recom_products_styles .productlisting:nth-child(3n+1) {
        margin: 0
    }
    #searchContent .productlisting:nth-child(3n+2),
    .recom_products_styles .productlisting:nth-child(3n+2) {
        margin: 0 24px
    }
}

@media screen and (max-width:580px) {
    #searchContent .productlisting,
    .recom_products_styles .productlisting {
        width: calc(50% - 5px)
    }
    #searchContent .productlisting:nth-child(2n),
    .recom_products_styles .productlisting:nth-child(2n) {
        margin: 0 0 0 5px
    }
    #searchContent .productlisting:nth-child(2n+1),
    .recom_products_styles .productlisting:nth-child(2n+1) {
        margin: 0 5px 0 0
    }
}

#searchContent .productlisting.teaser.large,
#searchContent .productlisting.video,
.recom_products_styles .productlisting.teaser.large,
.recom_products_styles .productlisting.video {
    width: 100%;
    margin-bottom: 30px
}

@media screen and (max-width:767px) {
    #searchContent .productlisting.teaser.large,
    #searchContent .productlisting.video,
    .recom_products_styles .productlisting.teaser.large,
    .recom_products_styles .productlisting.video {
        width: 100%;
        margin-right: 0
    }
}

#searchContent .producttile,
.recom_products_styles .producttile {
    overflow: visible;
    position: relative
}

@media screen and (max-width:767px) {
    #searchContent .producttile,
    .recom_products_styles .producttile {
        font-size: 14px
    }
}

#searchContent .producttile .image,
.recom_products_styles .producttile .image {
    position: relative;
    line-height: 1px;
    z-index: 5
}

#searchContent .producttile .image .productimage img,
.recom_products_styles .producttile .image .productimage img {
    display: block;
    width: 100%;
    -webkit-transition: all 500ms ease-in-out 100ms;
    -moz-transition: all 500ms ease-in-out 100ms;
    transition: all 500ms ease-in-out 100ms;
    background: url(../images/loader/triumph_loader.gif) center center no-repeat
}

.svg #searchContent .producttile .image .productimage img,
.svg .recom_products_styles .producttile .image .productimage img {
    background-image: url(../images/loader/triumph_loader.svg)
}

#searchContent .producttile .image .productimage img.lozad,
.recom_products_styles .producttile .image .productimage img.lozad {
    min-height: 280px
}

@media screen and (max-width:1160px) {
    #searchContent .producttile .image .productimage img.lozad,
    .recom_products_styles .producttile .image .productimage img.lozad {
        min-height: 237.6px
    }
}

@media screen and (max-width:980px) {
    #searchContent .producttile .image .productimage img.lozad,
    .recom_products_styles .producttile .image .productimage img.lozad {
        min-height: 254.8px
    }
}

@media screen and (max-width:767px) {
    #searchContent .producttile .image .productimage img.lozad,
    .recom_products_styles .producttile .image .productimage img.lozad {
        min-height: auto
    }
}

@media screen and (max-width:580px) {
    #searchContent .producttile .image .productimage img.lozad,
    .recom_products_styles .producttile .image .productimage img.lozad {
        min-height: 155px
    }
}

#searchContent .producttile .wishlist-icon-mainimage,
.recom_products_styles .producttile .wishlist-icon-mainimage {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    padding: 10px;
    z-index: 7
}

@media screen and (max-width:1160px) {
    #searchContent .producttile .wishlist-icon-mainimage,
    .recom_products_styles .producttile .wishlist-icon-mainimage {
        left: 0
    }
}

@media screen and (max-width:767px) {
    #searchContent .producttile .wishlist-icon-mainimage,
    .recom_products_styles .producttile .wishlist-icon-mainimage {
        left: 13%
    }
}

@media screen and (max-width:580px) {
    #searchContent .producttile .wishlist-icon-mainimage,
    .recom_products_styles .producttile .wishlist-icon-mainimage {
        left: 0
    }
}

#searchContent .producttile .wishlist-icon-mainimage .added,
#searchContent .producttile .wishlist-icon-mainimage.onwishlist .default,
.recom_products_styles .producttile .wishlist-icon-mainimage .added,
.recom_products_styles .producttile .wishlist-icon-mainimage.onwishlist .default {
    display: none
}

#searchContent .producttile .wishlist-icon-mainimage.onwishlist .added,
.recom_products_styles .producttile .wishlist-icon-mainimage.onwishlist .added {
    display: block
}

#searchContent .producttile .productdetails,
.recom_products_styles .producttile .productdetails {
    font-size: 16px;
    letter-spacing: 1px;
    padding: 8px 0 0 10px
}

@media screen and (max-width:767px) {
    #searchContent .producttile .productdetails,
    .recom_products_styles .producttile .productdetails {
        padding: 8px 0 0
    }
}

#searchContent .producttile .productdetails .productname a,
.recom_products_styles .producttile .productdetails .productname a {
    color: #494e53;
    text-decoration: none
}

#searchContent .producttile .productdetails .productname .product-name,
.recom_products_styles .producttile .productdetails .productname .product-name {
    display: block;
    font-family: var(--font-family-sub-heading);
    font-weight: 400;
    line-height: 25px;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

@media screen and (max-width:767px) {
    #searchContent .producttile .productdetails .productname .product-name,
    .recom_products_styles .producttile .productdetails .productname .product-name {
        font-size: 12px;
        height: 15px;
        line-height: 16px;
        overflow: hidden
    }
}

#searchContent .producttile .productdetails .productname .shortdescription,
.recom_products_styles .producttile .productdetails .productname .shortdescription {
    display: block;
    font-size: 14px;
    line-height: 20px;
    min-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: none;
    white-space: nowrap
}

@media screen and (max-width:767px) {
    #searchContent .producttile .productdetails .productname .shortdescription,
    .recom_products_styles .producttile .productdetails .productname .shortdescription {
        font-size: 12px;
        height: 25px;
        min-height: 25px;
        overflow: hidden
    }
}

#searchContent .producttile .productdetails .colors,
.recom_products_styles .producttile .productdetails .colors {
    display: inline-block;
    font-size: 14px;
    min-height: 31px;
    position: relative;
    z-index: 2
}

@media screen and (max-width:767px) {
    #searchContent .producttile .productdetails .colors,
    .recom_products_styles .producttile .productdetails .colors {
        display: none;
        font-size: 12px
    }
}

#searchContent .producttile .productdetails .colors .morecolors,
.recom_products_styles .producttile .productdetails .colors .morecolors {
    margin: 0 0 15px
}

@media screen and (max-width:767px) {
    #searchContent .producttile .productdetails .colors .morecolors,
    .recom_products_styles .producttile .productdetails .colors .morecolors {
        margin: 0
    }
}

#searchContent .producttile .productdetails .colors .morecolors a,
.recom_products_styles .producttile .productdetails .colors .morecolors a {
    text-decoration: none
}

#searchContent .producttile .productdetails .colors .morecolors a:hover,
.recom_products_styles .producttile .productdetails .colors .morecolors a:hover {
    text-decoration: underline
}

#searchContent .producttile .loadingplp,
.recom_products_styles .producttile .loadingplp {
    background: 0 0/800px 100px #f4f2ef;
    background-image: linear-gradient(to right, #f4f2ef 0, #fff 20%, #f4f2ef 40%, #f4f2ef 100%);
    -webkit-animation: placeHolderShimmer 1s forwards infinite linear;
    -moz-animation: placeHolderShimmer 1s forwards infinite linear;
    -o-animation: placeHolderShimmer 1s forwards infinite linear;
    min-height: 20px;
    margin: 10px 0
}

#searchContent .producttile .loadingplp_price,
.recom_products_styles .producttile .loadingplp_price {
    width: 30%
}

#searchContent .producttile .loadingplp_featurecode,
.recom_products_styles .producttile .loadingplp_featurecode {
    border-radius: 100%
}

#searchContent .producttile .detailsoverlay,
.recom_products_styles .producttile .detailsoverlay {
    border: 15px solid #fff;
    border-bottom: 25px solid #fff;
    box-sizing: content-box;
    display: none;
    opacity: 0;
    height: auto;
    left: -15px;
    outline: #cfd1d0 solid 1px;
    position: absolute;
    top: -15px;
    width: 100%
}

#searchContent .producttile .detailsoverlay.invisible,
.recom_products_styles .producttile .detailsoverlay.invisible {
    display: none
}

#searchContent .producttile .detailsoverlay.show,
.recom_products_styles .producttile .detailsoverlay.show {
    background: url(../images/loader/triumph_loader.gif) center 30% no-repeat #fff;
    display: block;
    min-height: 480px;
    opacity: 1;
    position: absolute;
    z-index: 11
}

.svg #searchContent .producttile .detailsoverlay.show,
.svg .recom_products_styles .producttile .detailsoverlay.show {
    background-image: url(../images/loader/triumph_loader.svg)
}

#searchContent .producttile .detailsoverlay .image,
.recom_products_styles .producttile .detailsoverlay .image {
    display: block;
    line-height: 0
}

#searchContent .producttile .detailsoverlay .image img,
.recom_products_styles .producttile .detailsoverlay .image img {
    min-height: 300px;
    min-width: 100%;
    width: 100%
}

#searchContent .producttile .detailsoverlay .image a,
.recom_products_styles .producttile .detailsoverlay .image a {
    display: block;
    line-height: 0;
    text-decoration: none
}

#searchContent .producttile .detailsoverlay .productname a,
.recom_products_styles .producttile .detailsoverlay .productname a {
    color: #494e53;
    text-decoration: none
}

#searchContent .producttile .detailsoverlay .productname .product-name,
.recom_products_styles .producttile .detailsoverlay .productname .product-name {
    display: block;
    padding-top: 10px;
    line-height: 25px;
    text-transform: uppercase
}

#searchContent .producttile .detailsoverlay .productname .shortdescription,
.recom_products_styles .producttile .detailsoverlay .productname .shortdescription {
    display: block;
    line-height: 20px;
    min-height: 40px;
    text-transform: none
}

#searchContent .producttile .detailsoverlay ul.overlaysizes,
.recom_products_styles .producttile .detailsoverlay ul.overlaysizes {
    padding-left: 10px;
    padding-right: 10px
}

#searchContent .producttile .detailsoverlay ul.overlaysizes li,
.recom_products_styles .producttile .detailsoverlay ul.overlaysizes li {
    list-style: none;
    font-size: 12px;
    padding: 3px 0 1px;
    background-color: #fff;
    margin: 0 4% 10px 0;
    width: 21.5%;
    text-align: center;
    float: left;
    outline: #cfd1d0 solid 1px
}

#searchContent .producttile .detailsoverlay ul.overlaysizes li.moreelements,
.recom_products_styles .producttile .detailsoverlay ul.overlaysizes li.moreelements {
    outline: #cfd1d0 solid 1px;
    text-align: left;
    width: 47%
}

#searchContent .producttile .detailsoverlay ul.overlaysizes li.moreelements a,
.recom_products_styles .producttile .detailsoverlay ul.overlaysizes li.moreelements a {
    color: #494e53;
    cursor: pointer;
    display: inline-block;
    padding-left: 10px;
    text-transform: none;
    text-decoration: none
}

#searchContent .producttile .detailsoverlay ul.overlaysizes li.disabletile,
.recom_products_styles .producttile .detailsoverlay ul.overlaysizes li.disabletile {
    background-color: #cfd1d0;
    cursor: default;
    position: relative
}

#searchContent .producttile .detailsoverlay ul.overlaysizes li.disabletile:hover,
.recom_products_styles .producttile .detailsoverlay ul.overlaysizes li.disabletile:hover {
    outline-color: #cfd1d0;
    background-color: #cfd1d0
}

#searchContent .producttile .detailsoverlay ul.overlaysizes li.disabletile::before,
.recom_products_styles .producttile .detailsoverlay ul.overlaysizes li.disabletile::before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid;
    border-color: #aeb2b1;
    transform: rotate(-25deg)
}

#searchContent .producttile .detailsoverlay ul.overlaysizes li.disabletile::after,
.recom_products_styles .producttile .detailsoverlay ul.overlaysizes li.disabletile::after {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid;
    border-color: #aeb2b1;
    transform: rotate(25deg)
}

#searchContent .producttile .detailsoverlay ul.overlaysizes li:last-child,
#searchContent .producttile .detailsoverlay ul.overlaysizes li:nth-child(4),
.recom_products_styles .producttile .detailsoverlay ul.overlaysizes li:last-child,
.recom_products_styles .producttile .detailsoverlay ul.overlaysizes li:nth-child(4) {
    margin-right: 0
}

#searchContent .producttile .detailsoverlay ul.overlaysizes li:hover,
.recom_products_styles .producttile .detailsoverlay ul.overlaysizes li:hover {
    background-color: #f4f2ef;
    outline-color: #aeb2b1
}

#searchContent .producttile .detailsoverlay ul.overlaysizes li a,
.recom_products_styles .producttile .detailsoverlay ul.overlaysizes li a {
    color: #494e53;
    display: block;
    text-decoration: none
}

#searchContent .producttile .detailsoverlay div.availablesizes,
.recom_products_styles .producttile .detailsoverlay div.availablesizes {
    font-family: var(--font-family-sub-heading);
    font-size: 14px;
    padding-bottom: 20px;
    text-align: center
}

#searchContent .producttile .detailsoverlay .moreavailablesizes,
.recom_products_styles .producttile .detailsoverlay .moreavailablesizes {
    text-align: center
}

#searchContent .producttile .detailsoverlay .moreavailablesizes .button,
.recom_products_styles .producttile .detailsoverlay .moreavailablesizes .button {
    margin-top: 20px
}

.touchevents #searchContent .producttile .detailsoverlay,
.touchevents .recom_products_styles .producttile .detailsoverlay {
    display: none!important
}

@media screen and (max-width:767px) {
    #searchContent .producttile .detailsoverlay,
    .recom_products_styles .producttile .detailsoverlay {
        display: none!important
    }
}

#searchContent .searchresultsfooter,
.recom_products_styles .searchresultsfooter {
    clear: both
}

#searchContent .searchresultsfooter.hidden,
.recom_products_styles .searchresultsfooter.hidden {
    display: none
}

@media screen and (max-width:767px) {
    #searchContent .pricing,
    .recom_products_styles .pricing {
        font-size: 14px;
        min-height: 22px
    }
}

#searchContent .pricing .salesprice,
#searchContent .pricing .standardprice,
.recom_products_styles .pricing .salesprice,
.recom_products_styles .pricing .standardprice {
    font-family: var(--font-family-sub-heading);
}

#searchContent .pricing .discountprice .standardprice,
.recom_products_styles .pricing .discountprice .standardprice {
    margin: 0 10px 0 0;
    text-decoration: line-through
}

@media screen and (max-width:767px) {
    #searchContent .pricing .discountprice .standardprice,
    .recom_products_styles .pricing .discountprice .standardprice {
        margin-right: 5px
    }
}

#searchContent .pricing .discountprice .salesprice,
.recom_products_styles .pricing .discountprice .salesprice {
    color: #000000;
    display: inline-block
}

#searchContent .image-des .pricing,
.recom_products_styles .image-des .pricing {
    text-align: left
}

#filtersearchArea {
    position: relative
}

#filtersearchArea.loading #filterbar,
#filtersearchArea.loading #filterbarYourChoice,
#filtersearchArea.loading #searchContent {
    opacity: .3
}

#filtersearchArea .loading {
    z-index: 1000000!important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 800px;
    text-align: center;
    pointer-events: all
}

#filtersearchArea .loading>img {
    margin: 140px auto 0
}

#searchContent .product-listing .moredetails {
    letter-spacing: 1px;
    margin: 20px 0 5px;
    padding: 0 0 0 10px;
    text-align: left;
    position: relative;
    right: 0
}

#searchContent .product-listing .moredetails:not(.is-active)::after,
#searchContent .product-listing .moredetails:not(.is-active)::before {
    border: none
}

@media screen and (max-width:1160px) {
    #searchContent .product-listing .moredetails {
        margin-bottom: 10px
    }
}

@media screen and (max-width:767px) {
    #searchContent .product-listing .moredetails {
        bottom: 20px;
        margin-bottom: 10px;
        padding: 0 0 0 4px
    }
}

#searchContent .product-listing .featuredProducts {
    position: relative;
    border: 1px solid #cfd1d0;
    margin: 40px 0 0;
    padding-top: 20px;
    border-top: 0
}

@media screen and (max-width:767px) {
    #searchContent .product-listing .featuredProducts {
        margin: 25px 1% 0
    }
}

#searchContent .product-listing .featuredProducts .productlisting {
    width: 100%;
    margin: 0;
    padding: 0 7px
}

#searchContent .product-listing .featuredProducts .producttile {
    border-bottom: none
}

#searchContent .product-listing .featuredProducts h2 {
    margin: -42px 0 0
}

#searchContent .product-listing .featuredProducts .listItem {
    padding: 0 5px
}

#searchContent .product-listing .featuredProducts .detailsoverlay {
    display: none
}

#filtersearchArea .seobox {
    clear: both;
    border-top: 1px solid #cfd1d0;
    margin: 20px auto;
    padding: 0 20px;
    width: 100%;
    text-align: center
}

@media screen and (max-width:980px) {
    #filtersearchArea .seobox {
        margin: 15px 0 40px;
        padding: 0 20px;
        width: auto
    }
}

@media screen and (max-width:767px) {
    #filtersearchArea .seobox {
        width: 98%
    }
}

#filtersearchArea .seobox .teaserOpener-headline,
#filtersearchArea .seobox h1,
#filtersearchArea .seobox h2 {
    font: 14px var(--font-family-sub-heading);
    line-height: 20px;
    margin: 0;
    padding: 20px 0 10px;
    text-transform: uppercase;
    word-spacing: inherit
}

#filtersearchArea .seobox p {
    font-size: 12px;
    margin-bottom: 30px
}

#filtersearchArea .seobox p:last-child {
    margin-bottom: 0
}

#filtersearchArea .seobox p+.teaserOpener-headline,
#filtersearchArea .seobox p+h1,
#filtersearchArea .seobox p+h2 {
    margin-top: -20px
}

#filtersearchArea .seobox .filter-content {
    margin-bottom: 15px
}

.disablearea {
    z-index: 1000000!important;
    background: #fff;
    opacity: .3
}

.disablearea .loading {
    width: 67px;
    height: 60px;
    margin-left: -33px;
    position: absolute;
    top: 40%;
    left: 50%
}

.searchresultsheader {
    position: relative
}

@media screen and (max-width:767px) {
    .searchresultsheader {
        font-size: 14px
    }
}

.searchresultsheader .paging {
    float: right
}

.searchresultsheader .itemscount {
    position: absolute;
    top: 0;
    margin: 0;
    text-align: left
}

.searchresultsheader .itemscount span {
    text-transform: initial;
    font-size: 16px;
    letter-spacing: 1px;
    margin: 3px 10px 0 0;
    padding: 0;
    font-family: var(--font-family-base);
    font-weight: 300
}

@media screen and (max-width:580px) {
    .searchresultsheader .itemscount {
        display: none
    }
}

.searchresultsheader .itemscount::after {
    border: none;
    content: none;
    display: block;
    width: auto;
    position: relative;
    top: 0
}

.searchresultsheader .pagination-wrapper {
    display: none
}

.searchresultsheader .sorting-options {
    float: right
}

@media screen and (max-width:580px) {
    .searchresultsheader .sorting-options {
        margin: 0 0 10px
    }
}

@media screen and (max-width:580px) {
    .searchresultsheader .sorting-options {
        float: left
    }
}

.searchresultsheader .sorting-options .title {
    display: block;
    float: left;
    margin: 6px 10px 0 0;
    font-size: 16px
}

@media screen and (max-width:980px) {
    .searchresultsheader .sorting-options .title {
        margin-top: 8px
    }
}

@media screen and (max-width:580px) {
    .searchresultsheader .sorting-options .title {
        display: none
    }
}

.searchresultsheader .sorting-options .options-wrapper {
    float: right;
    position: relative
}

.searchresultsheader .sorting-options .options-wrapper .options {
    min-width: 200px;
    display: none;
    width: 100%;
    border-right: 1px solid #aeb2b1;
    border-bottom: 1px solid #aeb2b1;
    border-left: 1px solid #aeb2b1;
    background-color: #fff;
    position: absolute;
    top: 29px;
    border-top: none;
    border-color: #cfd1d0;
    z-index: 8
}

@media screen and (max-width:767px) {
    .searchresultsheader .sorting-options .options-wrapper .options {
        position: absolute;
        top: 34px
    }
}

.searchresultsheader .sorting-options .options-wrapper .options li {
    display: block
}

.searchresultsheader .sorting-options .options-wrapper .options li:active,
.searchresultsheader .sorting-options .options-wrapper .options li:focus,
.searchresultsheader .sorting-options .options-wrapper .options li:hover {
    background: #b4a4a7;
    color: #fff;
    cursor: pointer
}

.searchresultsheader .sorting-options .options-wrapper .options li:active a,
.searchresultsheader .sorting-options .options-wrapper .options li:focus a,
.searchresultsheader .sorting-options .options-wrapper .options li:hover a {
    display: block;
    color: #fff;
    text-decoration: none
}

.searchresultsheader .sorting-options .options-wrapper .options li:first-child {
    border-top: 1px solid #cfd1d0;
    border-radius: 0
}

.searchresultsheader .sorting-options .options-wrapper .options li a {
    display: block;
    padding: 6px 10px 4px;
    font-size: 14px;
    text-decoration: none;
    color: #494e53
}

.searchresultsheader .sorting-options .options-wrapper .options li a:active,
.searchresultsheader .sorting-options .options-wrapper .options li a:focus,
.searchresultsheader .sorting-options .options-wrapper .options li a:hover {
    background: #b4a4a7;
    color: #fff
}

@media screen and (max-width:980px) {
    .searchresultsheader .sorting-options .options-wrapper .options li a {
        padding-top: 3px;
        padding-bottom: 3px;
        font-size: 12px
    }
}

@media screen and (max-width:767px) {
    .searchresultsheader .sorting-options .options-wrapper .options li a {
        padding-top: 6px;
        padding-bottom: 6px;
        font-size: 12px
    }
}

@media screen and (max-width:580px) {
    .searchresultsheader .sorting-options .options-wrapper .options {
        min-width: 170px
    }
}

.searchresultsheader .sorting-options .options-wrapper .currentoption {
    min-width: 200px;
    border-bottom: 1px solid #6a6f74;
    font-size: 16px;
    line-height: 16px;
    color: #494e53;
    position: relative;
    text-decoration: none;
    height: 30px;
    background-color: #fff;
    padding: 8px 10px 6px
}

@media screen and (max-width:767px) {
    .searchresultsheader .sorting-options .options-wrapper .currentoption {
        height: 35px;
        background-position: right -173px top -589px;
        border: 1px solid #cfd1d0;
        padding-top: 9px;
        padding-bottom: 9px
    }
}

@media screen and (max-width:580px) {
    .searchresultsheader .sorting-options .options-wrapper .currentoption {
        min-width: 170px
    }
}

.searchresultsheader .sorting-options .options-wrapper .currentoption a {
    display: block;
    text-decoration: none;
    color: #494e53
}

.searchresultsheader .sorting-options .options-wrapper .currentoption a:active,
.searchresultsheader .sorting-options .options-wrapper .currentoption a:focus,
.searchresultsheader .sorting-options .options-wrapper .currentoption a:hover {
    text-decoration: none
}

.searchresultsheader .sorting-options .options-wrapper .currentoption .arrow {
    border: 1px solid #6a6f74;
    border-width: 0 0 2px 2px;
    width: 10px;
    height: 10px;
    margin: 3px 10px;
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 6px
}

@media screen and (max-width:767px) {
    .searchresultsheader .sorting-options .options-wrapper .currentoption .arrow {
        margin: 6px 10px
    }
}

.searchresultsheader .sorting-options .options-wrapper .currentoption .arrow.arrow_down {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.searchresultsheader .sorting-options .options-wrapper .currentoption .arrow.arrow_up {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    bottom: 3px
}

@media screen and (max-width:580px) {
    .pagination-wrapper {
        position: static
    }
}

.pagination-wrapper .paginationlink {
    text-decoration: none;
    display: inline-block;
    vertical-align: top
}

.pagination-wrapper .paginationlink.disabled {
    pointer-events: none;
    cursor: default;
    opacity: .7
}

.pagination-wrapper .page,
.pagination-wrapper .paging-content {
    padding-top: 0
}

.pagination-wrapper .page {
    padding-right: 3px;
    vertical-align: top
}

.pagination-wrapper .paging-content,
.pagination-wrapper .paging-content .paging .currentpage,
.pagination-wrapper .paging-content .paging .divider,
.pagination-wrapper .paging-content .paging .pagenext {
    display: inline-block
}

.pagination-wrapper .nextpage,
.pagination-wrapper .previouspage {
    border: 1px solid #575d62;
    border-width: 0 0 2px 2px;
    width: 18px;
    height: 18px
}

@media screen and (max-width:767px) {
    .pagination-wrapper .nextpage,
    .pagination-wrapper .previouspage {
        width: 15px;
        height: 15px
    }
}

.pagination-wrapper .nextpage {
    float: right;
    margin-left: 15px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

@media screen and (max-width:767px) {
    .pagination-wrapper .nextpage {
        margin-left: 6px
    }
}

.pagination-wrapper .previouspage {
    float: left;
    margin-right: 15px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (max-width:767px) {
    .pagination-wrapper .previouspage {
        margin-right: 6px
    }
}

.searchresultsfooter {
    position: relative;
    margin: 20px 0 0;
    text-align: center
}

@media screen and (max-width:980px) {
    .searchresultsfooter {
        position: static;
        margin: 0 0 20px
    }
}

@media screen and (max-width:767px) {
    .searchresultsfooter {
        margin: 0 0 20px
    }
}

.searchresultsfooter .itemscount {
    display: none
}

#category #slide .special-col-50 {
    float: right;
    width: 49%
}

@media screen and (max-width:767px) {
    #category #slide .special-col-50 {
        width: auto;
        float: none
    }
}

#category #slide .special-col-50.first {
    float: left
}

@media screen and (max-width:767px) {
    #category #slide .special-col-50.first {
        float: none;
        margin: 0 0 20px
    }
}

#category #slide .special-col-50 img {
    max-width: 100%
}

@media screen and (max-width:767px) {
    #category #slide .special-col-50 img {
        width: 100%
    }
}

#category #slide .special-col-50 a {
    font-family: var(--font-family-sub-heading);
}

#category .local-teaser-section {
    clear: both;
    float: none;
    padding: 40px 0 0;
    margin: 0
}

#category .grid-1-1-1-1 {
    clear: both;
    float: none;
    padding: 40px 0 0
}

@media screen and (max-width:767px) {
    #category .grid-1-1-1-1 {
        padding-top: 20px
    }
}

#category .grid-1-1-1-1 .box {
    float: left;
    width: 24.25%;
    height: auto;
    margin: 0 1% 0 0
}

@media screen and (max-width:767px) {
    #category .grid-1-1-1-1 .box {
        width: auto;
        margin: 0 0 20px
    }
}

#category .grid-1-1-1-1 .box:last-child {
    margin: 0
}

#category .grid-1-1-1-1 .box img {
    max-width: 100%
}

@media screen and (max-width:767px) {
    #category .grid-1-1-1-1 .box img {
        width: 100%
    }
}

#category .grid-1-1-1-1 li {
    width: 25.85%;
    height: 164px;
    margin-right: 15px;
    float: left
}

#category .grid-1-1-1-1 li.prevlast {
    margin-right: 0!important
}

#category .grid-1-1-1-1 li.last {
    margin-right: 0!important;
    float: right
}

#staticContent {
    min-height: 250px;
    float: right;
    width: 69%;
    margin: 40px 0 0
}

@media screen and (max-width:980px) {
    #staticContent {
        width: 64%
    }
}

@media screen and (max-width:767px) {
    #staticContent {
        clear: both;
        float: none;
        width: auto;
        min-height: auto
    }
}

#staticContent .static-header img {
    margin: 0 0 40px;
    width: 100%
}

@media screen and (max-width:767px) {
    #staticContent .static-header img {
        margin: 0 0 15px
    }
}

#staticContent .static-header .mobile_view {
    display: none
}

@media screen and (max-width:767px) {
    #staticContent .static-header .mobile_view {
        display: block
    }
}

#staticContent .static-header .base_view {
    display: block
}

@media screen and (max-width:767px) {
    #staticContent .static-header .base_view {
        display: none
    }
}

#staticContent .static-content {
    position: relative;
    top: -25px;
    border: 1px solid #cfd1d0;
    border-top: none;
    padding: 40px
}

@media screen and (max-width:980px) {
    #staticContent .static-content {
        padding: 15px
    }
}

@media screen and (max-width:767px) {
    #staticContent .static-content {
        position: static;
        border: none;
        padding: 0
    }
}

#staticContent .static-content .contactus .contactus_teaser {
    padding: 20px 0 0
}

@media screen and (max-width:767px) {
    #staticContent .static-content .contactus .contactus_teaser img {
        max-width: 100%
    }
}

#serviceContact,
#serviceNavigation {
    width: 25%;
    float: left;
    margin: 40px 0 0
}

@media screen and (max-width:980px) {
    #serviceContact,
    #serviceNavigation {
        width: 30%
    }
}

@media screen and (max-width:767px) {
    #serviceContact,
    #serviceNavigation {
        clear: both;
        float: none;
        width: auto
    }
}

#serviceNavigation .navgroup .classification-folder {
    background: 0 0;
    border: none
}

#serviceNavigation .navgroup .classification-folder a {
    padding: 10px 0 0
}

#serviceContact .triumph_contactus_box {
    border: 1px solid #cfd1d0;
    padding: 20px
}

@media screen and (max-width:767px) {
    #serviceContact .triumph_contactus_box {
        padding: 0;
        border: none
    }
}

#serviceContact .contactus-box-header {
    padding-bottom: 0
}

@media screen and (max-width:767px) {
    #serviceContact .contactus-box-header {
        position: relative;
        top: -20px;
        text-align: center
    }
}

#serviceContact .contactus-box-header span {
    text-transform: uppercase
}

@media screen and (max-width:767px) {
    #serviceContact .contactus-box-header span {
        display: inline-block;
        background: #fff;
        padding: 10px 5px
    }
}

#serviceContact .contactus-content-top {
    margin-bottom: 40px
}

@media screen and (max-width:767px) {
    #serviceContact .contactus-content-bottom,
    #serviceContact .contactus-content-top {
        padding: 0 20px 20px;
        border: 1px solid #cfd1d0
    }
}

#serviceContact .contactus-content-bottom .phonedesktop,
#serviceContact .contactus-content-top .phonedesktop {
    display: block
}

@media screen and (max-width:767px) {
    #serviceContact .contactus-content-bottom .phonedesktop,
    #serviceContact .contactus-content-top .phonedesktop {
        display: none
    }
}

#serviceContact .contactus-content-bottom .phonemobile,
#serviceContact .contactus-content-top .phonemobile {
    display: none
}

@media screen and (max-width:767px) {
    #serviceContact .contactus-content-bottom .phonemobile,
    #serviceContact .contactus-content-top .phonemobile {
        display: block
    }
}

@media screen and (max-width:767px) {
    #serviceContact .contactus-box-text {
        margin: -20px 0 0
    }
}

#serviceContact .contactus-box-text .headline-bold {
    padding-bottom: 0
}

#serviceContact .contactus-box-text .headline-bold+p {
    margin-top: 0
}

#serviceContact a {
    color: #494e53;
    text-decoration: underline
}

#serviceNavigation #menuStaticPage_wrapper #menuStaticPage_mobileselect {
    display: none
}

@media screen and (max-width:767px) {
    #serviceNavigation #menuStaticPage_wrapper #menuStaticPage_mobileselect {
        display: block;
        margin-bottom: 25px
    }
    #serviceNavigation #menuStaticPage_wrapper #menuStaticPage_mobileselect a {
        margin: 0 0 0 5px;
        line-height: normal;
        text-transform: uppercase
    }
}

#serviceNavigation #menuStaticPage_wrapper #menuStaticPage {
    width: 100%;
    float: left;
    display: block;
    position: relative;
    top: 0
}

@media screen and (max-width:767px) {
    #serviceNavigation #menuStaticPage_wrapper #menuStaticPage {
        display: none;
        position: absolute;
        top: 32px;
        padding: 0;
        border-top: none
    }
}

#serviceNavigation #menuStaticPage_wrapper #menuStaticPage #menuStaticPage_inner {
    width: 100%
}

#serviceNavigation #menuStaticPage_wrapper #menuStaticPage #menuStaticPage_inner .overlayMenu {
    float: left;
    width: 100%
}

@media screen and (max-width:767px) {
    #serviceNavigation #menuStaticPage_wrapper #menuStaticPage #menuStaticPage_inner .overlayMenu li {
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: left;
        border: none;
        line-height: 20px
    }
}

#serviceNavigation #menuStaticPage_wrapper #menuStaticPage #menuStaticPage_inner .overlayMenu li a {
    padding: 10px 15px
}

#serviceNavigation #menuStaticPage_wrapper #menuStaticPage #menuStaticPage_inner .overlayMenu li.selected {
    padding-left: 35px
}

#serviceNavigation #menuStaticPage_wrapper #menuStaticPage #menuStaticPage_inner .overlayMenu li.selected a {
    padding-left: 0
}

@media screen and (max-width:767px) {
    #serviceNavigation #menuStaticPage_wrapper #menuStaticPage #menuStaticPage_inner .overlayMenu li.selected {
        padding-left: 0;
        background: 0 0
    }
    #serviceNavigation #menuStaticPage_wrapper #menuStaticPage #menuStaticPage_inner .overlayMenu li.selected a {
        padding-left: 15px;
        background: #b4a4a7;
        color: #fff
    }
}

#servicepages #ContactForm .contact {
    padding: 0 15%
}

@media screen and (max-width:980px) {
    #servicepages #ContactForm .contact {
        padding: 0
    }
}

#servicepages #ContactForm .contact .selectboxit,
#servicepages #ContactForm .contact .selectboxit-container,
#servicepages #ContactForm .contact .selectboxit-options {
    width: 100%!important
}

#servicepages #ContactForm .contact textarea {
    width: 100%
}

#servicepages .help-content-entry {
    border-bottom: 1px solid #cfd1d0;
    padding: 20px 0;
    clear: both;
    float: none;
    min-height: 150px
}

#servicepages .help-content-entry:last-child {
    border: none
}

#servicepages .help-content-entry .headline-small-bold,
#servicepages .help-content-entry .moredetails-headline,
#servicepages .help-content-entry h2 {
    margin-top: 0
}

#servicepages .help-content-entry img {
    float: left;
    margin: 0 15px 0 0
}

#servicepages .help-content-entry a {
    display: inline-block;
    padding: 0 0 0 20px;
    margin: 10px 0 0;
    text-decoration: underline;
    background-position: 7px 2px;
    background-repeat: no-repeat;
    background-size: 7px;
    font-size: 14px!important;
    background-image: url(../images/icons/arrows/arrow_right.png)
}

#servicepages .help-content-entry a:hover {
    text-decoration: none
}

.svg #servicepages .help-content-entry a {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2216.2px%22%20height%3D%2226px%22%20viewBox%3D%220%20-3.4%2016.2%2026%22%20enable-background%3D%22new%200%20-3.4%2016.2%2026%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Arrow__x23_8f9491%22%3E%0D%0A%09%3Cpolygon%20fill%3D%22%238F9491%22%20points%3D%223.2%2C22.6%200%2C19.3%209.8%2C9.6%200%2C-0.2%203.2%2C-3.4%2016.2%2C9.6%20%09%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A")
}

#error .error_headline {
    margin: 0
}

#error .error_content {
    border: 1px solid #cfd1d0;
    border-top: none;
    padding: 40px;
    position: relative;
    top: -5px
}

@media screen and (max-width:767px) {
    #error .error_content {
        top: -25px;
        padding: 40px 15px 15px
    }
}

#error .error_content .error-image {
    margin: 0 0 25px
}

#error .error_content .error-image img {
    max-width: 100%
}

#error .error_content .error-image .mobile_view {
    display: none
}

@media screen and (max-width:767px) {
    #error .error_content .error-image .mobile_view {
        display: block
    }
}

#error .error_content .error-image .base_view {
    display: block
}

@media screen and (max-width:767px) {
    #error .error_content .error-image .base_view {
        display: none
    }
}

.boxBordered {
    margin-top: 40px;
    padding: 40px 0;
    border: 1px solid #cfd1d0;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    align-items: center
}

.boxBordered-item {
    flex-basis: 50%;
    padding: 0 40px
}

.boxBordered-item:first-child {
    border-right: 1px solid #cfd1d0
}

.boxBordered-item:last-child {
    margin-left: -1px;
    border-left: 1px solid #cfd1d0
}

.boxBordered .headtext+form .errorform {
    margin-top: 10px
}

.boxBordered img.logo {
    width: 80%;
    margin: 0 auto;
    padding: 20px;
    display: block
}

.boxBordered .errorinfobox {
    margin-bottom: 0
}

.teaserImgWithText {
    background-position: center;
    background-size: cover;
    padding: 20vh 0;
    background-image: url(../images/loyalty/teaserImgText.jpg)
}

@media screen and (max-width:767px) {
    .teaserImgWithText {
        background-image: url(../images/loyalty/teaserImgText_m.jpg)
    }
}

.teaserImgWithText-slider {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center
}

@media screen and (max-width:580px) {
    .teaserImgWithText {
        padding-bottom: 0
    }
}

.teaserImgWithText-small {
    padding: 20px 0;
    margin-bottom: 40px
}

.teaserImgWithText-headline {
    color: #bfa4b6;
    font-size: 30px;
    line-height: 30px;
    text-transform: none;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 23px
}

@media screen and (max-width:580px) {
    .teaserImgWithText-headline {
        margin-top: 0;
        padding-top: 0;
        font-size: 24px;
        line-height: 24px
    }
}

.teaserImgWithText p {
    font-weight: 700;
    font-size: 16px
}

.teaserImgWithText .teaserImgWithText-btn {
    margin-top: 17px;
    min-width: 265px;
    background-color: #bfa4b6
}

@media screen and (max-width:580px) {
    .teaserImgWithText .teaserImgWithText-btn {
        width: 100%;
        min-width: 0
    }
}

.teaserImgWithText-text {
    width: 70%;
    max-width: 744px;
    text-align: center;
    display: block;
    margin: 0 auto;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    padding: 40px 40px 52px;
    position: relative;
    z-index: 1
}

@media screen and (max-width:980px) {
    .teaserImgWithText-text {
        width: 100%
    }
}

@media screen and (max-width:580px) {
    .teaserImgWithText-text {
        max-width: none;
        padding: 33px 24px
    }
}

.teaserImgWithText-text:before {
    content: '';
    display: block;
    position: absolute;
    top: 12px;
    left: 12px;
    width: calc(100% - 24px);
    height: calc(100% - 24px);
    border: 1px solid #bfa4b6;
    z-index: -1
}

.teaserImgWithText-slider .teaserImgWithText-text {
    margin: 0
}

.headline-section-lined.headline-section-crown {
    position: relative;
    color: #000000;
    margin-top: 53px;
    margin-bottom: 0
}

@media screen and (max-width:580px) {
    .headline-section-lined.headline-section-crown {
        margin-top: 33px
    }
}

.headline-section-lined.headline-section-crown:after {
    border-color: #000000
}

.headline-section-lined.headline-section-crown:before {
    content: '';
    display: block;
    width: 100%;
    height: 45px;
    background-image: url(../images/icons/misc/crown_red.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.highlightBox {
    background-color: #bfa4b6;
    color: #fff;
    position: relative;
    padding: 34px 34px 44px;
    text-align: center;
    margin-top: 64px
}

@media screen and (max-width:580px) {
    .highlightBox {
        margin-top: 24px
    }
}

.highlightBox-bronze {
    background-color: #f8f3f1
}

.highlightBox-silver {
    background-color: #f7f7f7
}

.highlightBox-gold {
    background-color: #f9f6ed
}

.highlightBox-bronze,
.highlightBox-gold,
.highlightBox-silver {
    color: #6a6f74
}

.highlightBox-50 {
    width: 50%;
    float: left
}

@media screen and (max-width:580px) {
    .highlightBox-50 {
        float: none;
        width: 100%
    }
}

.highlightBox-100 {
    width: 100%;
    margin-top: 20px
}

.highlightBox img {
    max-width: 80%
}

.highlightBox:before {
    content: '';
    display: block;
    position: absolute;
    top: 12px;
    left: 12px;
    width: calc(100% - 24px);
    height: calc(100% - 24px);
    border: 1px solid #fff;
    z-index: 0
}

.highlightBox-headline {
    margin-top: 14px
}

.highlightBox .tiertable-benefitslist {
    max-height: 1000px
}

.highlightBox .tiertable-threshold,
.highlightBox p {
    margin-bottom: 20px
}

#account .highlightBox #myAccountOrderbox .ordertbl,
#account .highlightBox #myAccountOrderbox .ordertbl .table-head,
#account .highlightBox #myAccountOrderbox .ordertbl tr.view_details {
    border-color: #fff
}

#account .accordion-list #myAccountOrderbox .ordertbl tr td.orderdate,
#account .accordion-list #myAccountOrderbox .ordertbl tr td.orderprice,
#account .accordion-list #myAccountOrderbox .ordertbl tr td.orderstatus,
#account .highlightBox #myAccountOrderbox .ordertbl tr td.orderdate,
#account .highlightBox #myAccountOrderbox .ordertbl tr td.orderprice,
#account .highlightBox #myAccountOrderbox .ordertbl tr td.orderstatus {
    white-space: normal
}

@media screen and (max-width:580px) {
    #account .highlightBox #myAccountOrderbox .ordertbl tr td.orderdate,
    #account .highlightBox #myAccountOrderbox .ordertbl tr td.orderprice,
    #account .highlightBox #myAccountOrderbox .ordertbl tr td.orderstatus {
        display: block;
        width: 100%;
        text-align: left
    }
    #account .highlightBox #myAccountOrderbox .ordertbl tr td.orderdate {
        font-weight: 700
    }
}

@media screen and (max-width:580px) {
    #account .accordion-list #myAccountOrderbox .ordertbl tr td:last-child,
    #account .highlightBox #myAccountOrderbox .ordertbl tr td:last-child {
        padding-bottom: 10px
    }
}

.accordion {
    border-bottom: 1px solid #cfd1d0;
    border-top: 1px solid #cfd1d0;
    padding: 40px 0;
    margin-top: 64px
}

@media screen and (max-width:580px) {
    .accordion {
        margin-top: 24px
    }
}

.accordion-dl dd,
.accordion-dl dt {
    display: inline-block;
    vertical-align: top
}

.accordion-dl dt {
    width: 50px
}

.accordion-dl dd {
    width: calc(100% - 50px)
}

.accordion-list li {
    position: relative;
    padding-bottom: 10px
}

.accordion-list li:last-child,
.accordion-list li:last-child .accordion-list-toggle {
    padding-bottom: 0
}

.accordion-list-toggle {
    padding-left: 20px;
    display: block;
    position: relative;
    text-decoration: none
}

.accordion-list-toggle .contentasset {
    display: inline
}

.accordion-list-toggle:before {
    content: '';
    display: inline-block;
    height: 9px;
    width: 15px;
    position: absolute;
    top: 6px;
    left: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/icons/arrows/arrow_down.png);
    transform: rotateZ(-90deg);
    transition: transform .3s ease-in-out
}

.svg .accordion-list-toggle:before {
    background-image: url(../images/icons/arrows/arrow_down.svg)
}

.accordion-list-toggle.is-active:before {
    transform: rotateZ(0deg)
}

.accordion-list-close {
    display: none;
    font-size: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0
}

.is-active~.accordion-list-content .accordion-list-close {
    display: block
}

.accordion-list-close:before {
    content: '';
    display: inline-block;
    height: 9px;
    width: 15px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/icons/arrows/cross_hover.png)
}

.svg .accordion-list-close:before {
    background-image: url(../images/icons/arrows/cross_hover.svg)
}

.accordion-list-content {
    overflow: hidden;
    max-height: 0;
    padding: 0;
    transition: max-height .5s ease-in-out
}

.accordion-list-toggle.is-active~.accordion-list-content {
    max-height: 1000px
}

.accordion .headline-section-lined.boxed.static {
    margin-top: -63px;
    margin-bottom: 12px
}

.teaserOpener {
    margin: 64px 0;
    background: #c5c2bd;
    background: -moz-linear-gradient(top, #c5c2bd 0, #d4d1cc 25%, #dfded9 50%, #dfdcd7 75%, #cccbc6 100%);
    background: -webkit-linear-gradient(top, #c5c2bd 0, #d4d1cc 25%, #dfded9 50%, #dfdcd7 75%, #cccbc6 100%);
    background: linear-gradient(to bottom, #c5c2bd 0, #d4d1cc 25%, #dfded9 50%, #dfdcd7 75%, #cccbc6 100%);
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: distribute;
    -moz-box-pack: distribute;
    box-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: distribute;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width:580px) {
    .teaserOpener {
        margin: 24px 0
    }
}

.teaserOpener-visual {
    width: 20%;
    background-position: bottom center;
    background-size: contain;
    background-repeat: no-repeat;
    order: 1
}

@media screen and (max-width:767px) {
    .teaserOpener-visual {
        order: 2;
        width: 100%;
        height: 50vh;
        display: block
    }
}

.teaserOpener-text {
    width: 80%;
    padding: 40px 40px 40px 20px;
    order: 2
}

@media screen and (max-width:767px) {
    .teaserOpener-text {
        order: 1;
        width: 100%;
        display: block;
        padding: 20px
    }
}

.teaserOpener-headline {
    color: #fff;
    font-size: 48px;
    line-height: 48px;
    font-weight: 300;
    padding-top: 0
}

.teaserOpener-copy {
    font-size: 22px;
    line-height: 25px;
    font-weight: 300;
    color: #6a6f74
}

.teaserOpener-btn {
    margin: 15px 15px 0 0
}

@media screen and (max-width:580px) {
    .teaserOpener-btn {
        display: none
    }
}

.tiertable {
    margin-top: 40px
}

@media screen and (max-width:580px) {
    .tiertable {
        margin-top: 20px
    }
}

@media screen and (max-width:767px) {
    .tiertable {
        margin-right: -15px;
        margin-left: -15px
    }
}

.tiertable img {
    display: block;
    width: 100%;
    max-width: 143px;
    margin: 0 auto
}

.tiertable-lvl {
    display: inline-block;
    background-color: #fff;
    border: 2px solid #6a6f74;
    text-transform: uppercase;
    padding: 2px 8px;
    margin: 11px 0
}

.tiertable-row {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width:767px) {
    .tiertable-row {
        display: none
    }
    .tiertable-row:first-child {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.tiertable-threshold {
    text-transform: uppercase
}

@media screen and (max-width:767px) {
    .tiertable-threshold {
        margin-bottom: 24px
    }
}

.tiertable-label {
    position: relative;
    padding-left: 24px
}

.tiertable-label:before {
    content: '';
    display: inline-block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/icons/misc/play.png)
}

.svg .tiertable-label:before {
    background-image: url(../images/icons/misc/play.svg)
}

.tiertable-cell {
    border-bottom: 1px solid #d6d8d8;
    width: calc(25% - 10px);
    text-align: center;
    font-weight: 700;
    padding: 15px;
    font-size: 16px;
    line-height: 18px;
    color: #6a6f74
}

@media screen and (max-width:767px) {
    .tiertable-cell {
        width: 100%
    }
}

.tiertable-row .tiertable-cell:nth-child(1) {
    text-align: left
}

.tiertable-cell-bronze,
.tiertable-row .tiertable-cell:nth-child(2) {
    background-color: #f8f3f1;
    color: #b68671
}

.tiertable-cell-bronze .icon-checkmark,
.tiertable-row .tiertable-cell:nth-child(2) .icon-checkmark {
    background-image: url(../images/icons/checkmarks/checkmark_rose.png)
}

.svg .tiertable-cell-bronze .icon-checkmark,
.svg .tiertable-row .tiertable-cell:nth-child(2) .icon-checkmark {
    background-image: url(../images/icons/checkmarks/checkmark_rose.svg)
}

.tiertable-cell-bronze .tiertable-lvl,
.tiertable-row .tiertable-cell:nth-child(2) .tiertable-lvl {
    border-color: #b68671
}

.tiertable-cell-silver,
.tiertable-row .tiertable-cell:nth-child(3) {
    background-color: #f7f7f7;
    color: #6a6f74
}

.tiertable-cell-silver .icon-checkmark,
.tiertable-row .tiertable-cell:nth-child(3) .icon-checkmark {
    background-image: url(../images/icons/checkmarks/checkmark_silver.png)
}

.svg .tiertable-cell-silver .icon-checkmark,
.svg .tiertable-row .tiertable-cell:nth-child(3) .icon-checkmark {
    background-image: url(../images/icons/checkmarks/checkmark_silver.svg)
}

.tiertable-cell-silver .tiertable-lvl,
.tiertable-row .tiertable-cell:nth-child(3) .tiertable-lvl {
    border-color: #6a6f74
}

.tiertable-cell-gold,
.tiertable-row .tiertable-cell:nth-child(4) {
    background-color: #f9f6ed;
    color: #c8a552
}

.tiertable-cell-gold .icon-checkmark,
.tiertable-row .tiertable-cell:nth-child(4) .icon-checkmark {
    background-image: url(../images/icons/checkmarks/checkmark_gold.png)
}

.svg .tiertable-cell-gold .icon-checkmark,
.svg .tiertable-row .tiertable-cell:nth-child(4) .icon-checkmark {
    background-image: url(../images/icons/checkmarks/checkmark_gold.svg)
}

.tiertable-cell-gold .tiertable-lvl,
.tiertable-row .tiertable-cell:nth-child(4) .tiertable-lvl {
    border-color: #c8a552
}

.tiertable-benefitslist {
    text-align: left;
    list-style: disc;
    padding: 0 12px;
    color: #6a6f74;
    overflow: hidden;
    max-height: 0;
    transition: max-height .5s ease-in-out
}

.tiertable-benefitslist li {
    margin-bottom: 20px;
    margin-left: 15px;
    font-size: 16px
}

@media screen and (max-width:767px) {
    .tiertable-cell.is-active .tiertable-benefitslist {
        max-height: 1000px
    }
}

.tiertable-toggle {
    background-color: none;
    cursor: pointer;
    display: none;
    text-decoration: none
}

@media screen and (max-width:767px) {
    .tiertable-toggle {
        display: block
    }
}

.tiertable-toggle:before {
    content: '';
    display: inline-block;
    height: 9px;
    width: 15px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/icons/arrows/arrow_down.png);
    transform: rotateZ(-90deg);
    transition: transform .3s ease-in-out;
    margin-right: 5px
}

.svg .tiertable-toggle:before {
    background-image: url(../images/icons/arrows/arrow_down.svg)
}

.tiertable-cell.is-active .tiertable-toggle:before {
    transform: rotateZ(-180deg)
}

.tiertable-toggle:after {
    content: attr(data-more);
    display: inline
}

.tiertable-cell.is-active .tiertable-toggle:after {
    content: attr(data-close)
}

.icon-checkmark {
    background-image: url(../images/icons/checkmarks/checkmark_silver.png);
    background-size: 13px;
    background-position: center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block
}

.svg .icon-checkmark {
    background-image: url(../images/icons/checkmarks/checkmark_silver.svg)
}

.subheadlineBordered {
    font-size: 14px;
    font-family: var(--font-family-sub-heading);
    font-weight: 400;
    margin-top: 40px;
    border-bottom: 1px solid #494e53
}

@media screen and (max-width:580px) {
    .subheadlineBordered {
        margin-top: 20px
    }
}

.subheadlineBordered img {
    display: inline-block;
    margin: 0 auto
}

.subheadlineBordered-item {
    margin-top: 0;
    text-align: center
}

.subheadlineBordered .subheadlineBordered-item:first-child {
    text-align: left
}

@media screen and (max-width:580px) {
    .subheadlineBordered .subheadlineBordered-item:first-child {
        text-align: center
    }
}

.subheadlineBordered .subheadlineBordered-item:last-child {
    text-align: right
}

@media screen and (max-width:580px) {
    .subheadlineBordered .subheadlineBordered-item:last-child {
        text-align: center
    }
}

.chart {
    position: relative;
    display: block;
    color: #999;
    font-size: 20px;
    text-align: center
}

.chart svg {
    margin: 0 auto;
    display: block;
    width: 450px;
    height: 270px
}

@media (max-width:520px) {
    .chart svg {
        width: 300px;
        height: 165px
    }
}

.chart-tint-bronze ellipse {
    stroke: #b68671
}

.chart-tint-bronze path,
.chart-tint-bronze polygon {
    fill: #b68671
}

.chart-tint-silver ellipse {
    stroke: #6a6f74
}

.chart-tint-silver path,
.chart-tint-silver polygon {
    fill: #6a6f74
}

.chart-tint-gold ellipse {
    stroke: #c8a552
}

.chart-tint-gold path,
.chart-tint-gold polygon {
    fill: #c8a552
}

.chart-label {
    position: absolute;
    z-index: 3;
    fill: #fff;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    width: 50px
}

.chart-label-large,
.chart-label-small {
    fill: #aaa
}

.chart-label-small {
    font-size: 20px
}

.chart-label-large {
    font-size: 28px
}

.chart-crown {
    fill: #6a6f74
}

.chart-circle {
    fill: transparent;
    stroke-width: 40;
    stroke-dasharray: 1570;
    transition: stroke-dashoffset 3s;
    -webkit-animation-play-state: running;
    border: 2px solid #fff;
    stroke-dashoffset: 1570
}

.chart-circle.bronze {
    stroke: #b68671;
    stroke-dashoffset: 1343;
    -webkit-animation: tachoAnimationBronze 3s;
    animation: tachoAnimationBronze 3s
}

.ch .chart-circle.bronze {
    stroke-dashoffset: 1305;
    -webkit-animation: tachoAnimationBronze-ch 3s;
    animation: tachoAnimationBronze-ch 3s
}

.chart-circle.silver {
    stroke: #6a6f74;
    stroke-dashoffset: 1047;
    -webkit-animation: tachoAnimationSilver 3s;
    animation: tachoAnimationSilver 3s
}

.chart-circle.gold {
    stroke: #c8a552;
    stroke-dashoffset: 785;
    -webkit-animation: tachoAnimationGold 3s;
    animation: tachoAnimationGold 3s
}

.chart-circle.spacer1 {
    stroke-dashoffset: 1338;
    -webkit-animation: tachoAnimationSpacer1 3s;
    animation: tachoAnimationSpacer1 3s;
    stroke: #fff
}

.ch .chart-circle.spacer1 {
    stroke-dashoffset: 1300;
    -webkit-animation: tachoAnimationSpacer1-ch 3s;
    animation: tachoAnimationSpacer1-ch 3s
}

.chart-circle.spacer2 {
    stroke-dashoffset: 1042;
    -webkit-animation: tachoAnimationSpacer2 3s;
    animation: tachoAnimationSpacer2 3s;
    stroke: #fff
}

.chart-pointer {
    -webkit-animation-play-state: running;
    transform: rotate(90 0 0)
}

.chart-pointer-arrow {
    fill: #6a6f74
}

.chart-pointer-circle {
    stroke: #6a6f74;
    fill: #fff
}

@keyframes tachoAnimationBronze {
    from {
        stroke-dashoffset: 1570
    }
    to {
        stroke-dashoffset: 1343
    }
}

@keyframes tachoAnimationSilver {
    from {
        stroke-dashoffset: 1570
    }
    to {
        stroke-dashoffset: 1047
    }
}

@keyframes tachoAnimationGold {
    from {
        stroke-dashoffset: 1570
    }
    to {
        stroke-dashoffset: 785
    }
}

@keyframes tachoAnimationSpacer1 {
    from {
        stroke-dashoffset: 1570
    }
    to {
        stroke-dashoffset: 1338
    }
}

@keyframes tachoAnimationSpacer2 {
    from {
        stroke-dashoffset: 1570
    }
    to {
        stroke-dashoffset: 1042
    }
}

@keyframes tachoAnimationBronze-ch {
    from {
        stroke-dashoffset: 1570
    }
    to {
        stroke-dashoffset: 1305
    }
}

@keyframes tachoAnimationSpacer1-ch {
    from {
        stroke-dashoffset: 1570
    }
    to {
        stroke-dashoffset: 1300
    }
}

.errorinfobox.loyalty {
    border: 1px solid #cc9400;
    color: #cc9400
}

.c-loyaltyLilac {
    color: #bfa4b6
}

.icon-mytriumph-text {
    font-size: 0;
    display: block;
    background-image: url(../images/logos/logo_MyTriumph_text.png);
    background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat;
    width: 14vw;
    height: 6.6vw;
    margin: 10px auto
}

@media screen and (max-width:980px) {
    .icon-mytriumph-text {
        width: 25vw;
        height: 11.5vw
    }
}

.svg .icon-mytriumph-text {
    background-image: url(../images/logos/logo_MyTriumph_text.svg)
}

.main-brasizecalculator .braCalc {
    margin: 50px 0;
}

.main-brasizecalculator .braCalc section {
    opacity: 1;
    transition: opacity .3s ease-in-out
}

.main-brasizecalculator .braCalc section.disabled {
    opacity: .5;
    position: relative
}

.main-brasizecalculator .braCalc section.disabled::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.main-brasizecalculator .braCalc-highlight {
    background-color: #000000;
    color: #fff;
    padding: 20px
}

.main-brasizecalculator .braCalc-highlight .subheadlineBordered-item:nth-child(1),
.main-brasizecalculator .braCalc-highlight .u-gridNoWrap-item:nth-child(1) {
    width: 200px
}

@media screen and (max-width:580px) {
    .main-brasizecalculator .braCalc-highlight .subheadlineBordered-item:nth-child(1),
    .main-brasizecalculator .braCalc-highlight .u-gridNoWrap-item:nth-child(1) {
        width: 100%;
        text-align: center
    }
}

.main-brasizecalculator .braCalc-highlight .subheadlineBordered-item:nth-child(2),
.main-brasizecalculator .braCalc-highlight .u-gridNoWrap-item:nth-child(2) {
    width: calc(100% - 200px)
}

@media screen and (max-width:580px) {
    .main-brasizecalculator .braCalc-highlight .subheadlineBordered-item:nth-child(2),
    .main-brasizecalculator .braCalc-highlight .u-gridNoWrap-item:nth-child(2) {
        width: 100%
    }
}

.main-brasizecalculator .braCalc-highlight .headline-small {
    margin-top: 0
}

.main-brasizecalculator .braCalc-highlight .headline-section {
    margin-bottom: 0
}

@media screen and (max-width:580px) {
    .main-brasizecalculator .braCalc-highlight .headline-section {
        text-align: center
    }
}

.main-brasizecalculator .braCalc .list-dots {
    margin-bottom: 20px
}

.main-brasizecalculator .braCalc .braCalc-measure .list-dots {
    margin-bottom: 20px
}

.main-brasizecalculator .braCalc .subheadlineBordered-item,
.main-brasizecalculator .braCalc .u-gridNoWrap-item {
    width: 50%
}

@media screen and (max-width:767px) {
    .main-brasizecalculator .braCalc .subheadlineBordered-item,
    .main-brasizecalculator .braCalc .u-gridNoWrap-item {
        width: 100%
    }
}

@media screen and (max-width:580px) {
    .main-brasizecalculator .braCalc .subheadlineBordered,
    .main-brasizecalculator .braCalc .u-gridNoWrap {
        display: flex
    }
}

.main-brasizecalculator .braCalc .subheadlineBordered:not(.braCalc-tiles) .subheadlineBordered-item,
.main-brasizecalculator .braCalc .subheadlineBordered:not(.braCalc-tiles) .u-gridNoWrap-item,
.main-brasizecalculator .braCalc .u-gridNoWrap:not(.braCalc-tiles) .subheadlineBordered-item,
.main-brasizecalculator .braCalc .u-gridNoWrap:not(.braCalc-tiles) .u-gridNoWrap-item {
    order: 2
}

@media screen and (max-width:767px) {
    .main-brasizecalculator .braCalc .subheadlineBordered:not(.braCalc-tiles) .subheadlineBordered-item,
    .main-brasizecalculator .braCalc .subheadlineBordered:not(.braCalc-tiles) .u-gridNoWrap-item,
    .main-brasizecalculator .braCalc .u-gridNoWrap:not(.braCalc-tiles) .subheadlineBordered-item,
    .main-brasizecalculator .braCalc .u-gridNoWrap:not(.braCalc-tiles) .u-gridNoWrap-item {
        order: 1
    }
}

.main-brasizecalculator .braCalc .subheadlineBordered .subheadlineBordered-item:nth-child(2),
.main-brasizecalculator .braCalc .subheadlineBordered .u-gridNoWrap-item:nth-child(2),
.main-brasizecalculator .braCalc .u-gridNoWrap .subheadlineBordered-item:nth-child(2),
.main-brasizecalculator .braCalc .u-gridNoWrap .u-gridNoWrap-item:nth-child(2) {
    order: 1
}

.main-brasizecalculator .braCalc .teaserOpener-headline,
.main-brasizecalculator .braCalc h1,
.main-brasizecalculator .braCalc h2,
.main-brasizecalculator .braCalc h3 {
    color: #000000
}

.main-brasizecalculator .braCalc iframe {
    width: 100%;
    height: 100%;
    background-color: #000
}

.main-brasizecalculator .braCalc-result {
    width: 50%;
    padding: 20px 10vw 20px 0
}

@media screen and (max-width:767px) {
    .main-brasizecalculator .braCalc-result {
        padding-right: 0;
        width: 100%;
    }
    a.update-bra-size-calculator {
      margin: 0 0 15px 0;
    }
}

.main-brasizecalculator .braCalc-result .button {
    width: 100%;
    display: block
}

.main-brasizecalculator .braCalc-result-space {
    margin-top: -70px;
    position: relative;
    z-index: 2
}

.main-brasizecalculator .braCalc-image {
    float: right;
    margin-left: 10px;
    margin-bottom: 20px;
    height: 380px
}

@media screen and (max-width:767px) {
    .main-brasizecalculator .braCalc-image {
        height: auto;
        width: 100%
    }
}

.main-brasizecalculator .braCalc-answers {
    width: 100%;
    padding-right: 10vw;
    padding-left: 0px;
    margin-left: 0px;
    list-style: none;
}

@media screen and (max-width:767px) {
    .main-brasizecalculator .braCalc-answers {
        padding-right: 10vw;
        padding-left: 10vw;
        padding-top: 35px
    }
}

@media screen and (max-width:580px) {
    .main-brasizecalculator .braCalc-answers {
        padding-top: 25px
    }
}

.main-brasizecalculator .braCalc-answers-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.main-brasizecalculator .braCalc-answers li {
    padding: 15px 0;
    border-bottom: 1px solid #cfd1d0
}

.main-brasizecalculator .braCalc-measure {
    padding-top: 20px;
    width: 100%
}

.main-brasizecalculator .braCalc-maker {
    padding-top: 20px;
    padding-bottom: 20px
}

.main-brasizecalculator .braCalc-subheadline {
    text-transform: uppercase
}

.main-brasizecalculator .braCalc-video img {
    width: 100%
}

.main-brasizecalculator .braCalc label {
    width: 100%;
    display: block;
    margin: 10px 0;
    cursor: pointer;
    transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out
}

.main-brasizecalculator .braCalc label input {
    transition: border .3s ease-in-out;
    -webkit-transition: border .3s ease-in-out
}

.main-brasizecalculator .braCalc label .label {
    display: block
}

.main-brasizecalculator .braCalc label.radio {
    position: relative
}

.main-brasizecalculator .braCalc label.radio .label {
    padding-left: 45px;
    position: relative
}

.main-brasizecalculator .braCalc label.radio input[type=checkbox], .main-brasizecalculator .braCalc label.radio input[type=radio] {
    visibility: hidden;
    height: 1px;
    display: block;
    position: absolute
}

.main-brasizecalculator .braCalc label.radio input[type=checkbox]~.label::before, .main-brasizecalculator .braCalc label.radio input[type=radio]~.label::before {
    content: '';
    display: block;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: -3px;
    width: 25px;
    height: 25px;
    border: 1px solid #000000;
    box-shadow: inset 0 0 0 0 #000000;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.main-brasizecalculator .braCalc label.radio input[type=checkbox]:checked~.label::before, .main-brasizecalculator .braCalc label.radio input[type=radio]:checked~.label::before {
    -moz-box-shadow: inset 0 0 0 18px #000000;
    -webkit-box-shadow: inset 0 0 0 18px #000000;
    box-shadow: inset 0 0 0 18px #000000
}

.main-brasizecalculator .braCalc .ui-slider {
    margin-top: 60px
}

.main-brasizecalculator .braCalc .ui-widget-content .ui-state-default {
    border-width: 2px
}

.main-brasizecalculator .braCalc .ui-slider-horizontal .ui-slider-handle {
    top: -.8em
}

.main-brasizecalculator .braCalc .ui-slider .ui-slider-handle {
    height: 25px;
    width: 25px;
    cursor: pointer
}

.main-brasizecalculator .braCalc .ui-slider-horizontal {
    height: 2px
}

.main-brasizecalculator .braCalc .ui-widget.ui-widget-content {
    border: none
}

.main-brasizecalculator .braCalc .ui-widget-content {
    background-color: #575d62;
    border: none
}

.main-brasizecalculator .braCalc .ui-widget-header {
    background-color: #000000
}

.main-brasizecalculator .braCalc .ui-slider-handle.ui-corner-all {
    border-radius: 50%;
    border-color: #000000;
    background-color: #fff
}

.main-brasizecalculator .braCalc .ui-slider-handle.ui-corner-all.ui-state-hover {
    border: 2px solid #000000;
}

.main-brasizecalculator .braCalc .ui-slider-handle::after {
    top: -8px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #000000;
    border-width: 5px;
    margin-left: -5px
}

.main-brasizecalculator .braCalc .ui-slider-handle::before {
    content: attr(data-value);
    display: block;
    position: relative;
    padding: 5px;
    width: 37px;
    text-align: center;
    color: #fff;
    top: -38px;
    left: -8px;
    background-color: #000000
}

.main-brasizecalculator .braCalc .rangeslider {
    position: relative;
    width: 70%;
    margin-left: 8%;
    margin-bottom: 10px
}

@media screen and (max-width:580px) {
    .main-brasizecalculator .braCalc .rangeslider {
        margin-left: 11%
    }
}

.main-brasizecalculator .braCalc .rangeslider::after,
.main-brasizecalculator .braCalc .rangeslider::before {
    position: absolute;
    display: block;
    left: 50%;
    top: -8px
}

.main-brasizecalculator .braCalc .rangeslider::after {
    margin-left: -60%;
    content: attr(data-min)
}

@media screen and (max-width:580px) {
    .main-brasizecalculator .braCalc .rangeslider::after {
        margin-left: -64%
    }
}

.main-brasizecalculator .braCalc .rangeslider::before {
    margin-left: 56%;
    content: attr(data-max)
}

@media screen and (max-width:580px) {
    .main-brasizecalculator .braCalc .rangeslider::before {
        margin-left: 58%
    }
}

.main-brasizecalculator .braCalc-finalsize.headline-section {
    font-weight: 400;
    font-size: 40px;
    font-family: var(--font-family-base);
}

.main-brasizecalculator .braCalc-tiles {
    margin: 40px -5px 30px
}

.main-brasizecalculator .braCalc-tiles .subheadlineBordered-item,
.main-brasizecalculator .braCalc-tiles .u-gridNoWrap-item {
    position: relative;
    width: 33.333%;
    padding: 5px
}

@media screen and (max-width:767px) {
    .main-brasizecalculator .braCalc-tiles .subheadlineBordered-item,
    .main-brasizecalculator .braCalc-tiles .u-gridNoWrap-item {
        width: 50%
    }
}

@media screen and (max-width:580px) {
    .main-brasizecalculator .braCalc-tiles .subheadlineBordered-item,
    .main-brasizecalculator .braCalc-tiles .u-gridNoWrap-item {
        margin-bottom: 0
    }
}

.main-brasizecalculator .braCalc-tiles .subheadlineBordered-item:not(.is-active):hover img,
.main-brasizecalculator .braCalc-tiles .u-gridNoWrap-item:not(.is-active):hover img {
    box-shadow: 0 0 20px #686868;
    transform: scale(1.01)
}

.main-brasizecalculator .braCalc-tiles .is-active.subheadlineBordered-item,
.main-brasizecalculator .braCalc-tiles .u-gridNoWrap-item.is-active {
    filter: grayscale(100%);
    opacity: .5
}

.main-brasizecalculator .braCalc-tiles img {
    width: 100%;
    box-shadow: 0 0 0 #686868;
    transform: scale(1);
    transition: all .3s ease-in-out;
    display: block
}

.main-brasizecalculator .braCalc-tiles-button {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: calc(100% - 40px);
    margin-left: 20px;
    background-color: #fff;
    color: #000;
    padding-left: 5px;
    padding-right: 5px
}

.main-brasizecalculator .braCalc-tiles-button:hover {
    color: #fff
}

.main-brasizecalculator .braCalc #footer-old-newsletter {
    position: relative;
    background-color: #000000;
    border: none;
    margin: 70px 0 40px;
    text-align: center
}

@media screen and (max-width:767px) {
    .main-brasizecalculator .braCalc #footer-old-newsletter {
        text-align: left;
        padding-top: 25px;
        padding-right: 10px
    }
}

.main-brasizecalculator .braCalc #footer-old-newsletter,
.main-brasizecalculator .braCalc #footer-old-newsletter a {
    color: #fff
}

.main-brasizecalculator .braCalc #footer-old-newsletter .width-wrapper {
    margin-top: 34px
}

@media screen and (max-width:767px) {
    .main-brasizecalculator .braCalc #footer-old-newsletter .width-wrapper {
        margin-top: 0;
        padding-left: 90px
    }
}

.main-brasizecalculator .braCalc #footer-old-newsletter .button {
    margin-top: 20px;
    background-color: #fff;
    color: #000000
}

.main-brasizecalculator .braCalc #footer-old-newsletter .newsletter-footer {
    width: 100%;
    float: none;
    padding-right: 0
}

.main-brasizecalculator .braCalc #footer-old-newsletter .newsletter-footer #newsletter-text .voucher {
    color: #fff
}

@media screen and (max-width:580px) {
    .main-brasizecalculator .braCalc #footer-old-newsletter #newsletter-form .button {
        float: none
    }
}

.main-brasizecalculator .braCalc #footer-old-newsletter #newsletter-bubble {
    position: absolute;
    top: -120px;
    right: auto;
    left: 50%;
    margin-left: -47px;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 4px #000000;
    cursor: pointer
}

@media screen and (max-width:1160px) {
    .main-brasizecalculator .braCalc #footer-old-newsletter #newsletter-bubble {
        top: -112px;
        right: auto;
        margin-left: -49px
    }
}

@media screen and (max-width:767px) {
    .main-brasizecalculator .braCalc #footer-old-newsletter #newsletter-bubble {
        top: 50%;
        left: 0;
        right: auto;
        margin-top: -40px;
        margin-left: 8px
    }
}

.main-brasizecalculator .braCalc #footer-old-newsletter #newsletter-bubble::after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 50%;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    background-image: url(../images/icons/misc/crown_blank.png);
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (max-width:767px) {
    .main-brasizecalculator .braCalc #footer-old-newsletter #newsletter-bubble::after {
        display: none
    }
}

.svg .braCalc #footer-old-newsletter #newsletter-bubble::after {
    background-image: url(../images/icons/misc/crown_blank.svg)
}

.main-brasizecalculator .braCalc #footer-old-newsletter .textfield {
    display: none
}

.main-brasizecalculator .braCalc-letterspacing {
    margin-top: 10px;
}

.main-brasizecalculator .braCalc-sectionWithVideo .subheadlineBordered:not(.braCalc-tiles) .subheadlineBordered-item,
.main-brasizecalculator .braCalc-sectionWithVideo .subheadlineBordered:not(.braCalc-tiles) .u-gridNoWrap-item,
.main-brasizecalculator .braCalc-sectionWithVideo .u-gridNoWrap:not(.braCalc-tiles) .subheadlineBordered-item,
.main-brasizecalculator .braCalc-sectionWithVideo .u-gridNoWrap:not(.braCalc-tiles) .u-gridNoWrap-item {
    width: 33.333%;
    width: 340px;
}

@media screen and (max-width:767px) {
    .main-brasizecalculator .braCalc-sectionWithVideo .subheadlineBordered:not(.braCalc-tiles) .subheadlineBordered-item,
    .main-brasizecalculator .braCalc-sectionWithVideo .subheadlineBordered:not(.braCalc-tiles) .u-gridNoWrap-item,
    .main-brasizecalculator .braCalc-sectionWithVideo .u-gridNoWrap:not(.braCalc-tiles) .subheadlineBordered-item,
    .main-brasizecalculator .braCalc-sectionWithVideo .u-gridNoWrap:not(.braCalc-tiles) .u-gridNoWrap-item {
        width: 100%
    }
}

.main-brasizecalculator .braCalc-sectionWithVideo .subheadlineBordered .subheadlineBordered-item:nth-child(2),
.main-brasizecalculator .braCalc-sectionWithVideo .subheadlineBordered .u-gridNoWrap-item:nth-child(2),
.main-brasizecalculator .braCalc-sectionWithVideo .u-gridNoWrap .subheadlineBordered-item:nth-child(2),
.main-brasizecalculator .braCalc-sectionWithVideo .u-gridNoWrap .u-gridNoWrap-item:nth-child(2) {
    width: 66.666%
}

@media screen and (max-width:767px) {
    .main-brasizecalculator .braCalc-sectionWithVideo .subheadlineBordered .subheadlineBordered-item:nth-child(2),
    .main-brasizecalculator .braCalc-sectionWithVideo .subheadlineBordered .u-gridNoWrap-item:nth-child(2),
    .main-brasizecalculator .braCalc-sectionWithVideo .u-gridNoWrap .subheadlineBordered-item:nth-child(2),
    .main-brasizecalculator .braCalc-sectionWithVideo .u-gridNoWrap .u-gridNoWrap-item:nth-child(2) {
        width: 100%
    }
}

.main-brasizecalculator .braCalc-youtube {
    display: block;
    position: relative;
    width: 340px;
    height: 300px;
}

.main-brasizecalculator .braCalc-youtube::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -35px;
    margin-top: -35px;
    width: 70px;
    height: 70px;
    background-image: url(/cdn/shop/t/1/assets/site-sprite.svg);
    background-repeat: no-repeat;
    background-position: 0px -1100px;
    
}

.svg .braCalc-youtube::after {
    background-image: url(/cdn/shop/t/1/assets/site-sprite.svg);
    background-position: 0px -1100px;
}

.main-brasizecalculator .braCalcPDP {
    margin-top: 45px
}

.main-brasizecalculator .braCalcPDP .headline-large {
    margin-bottom: 20px
}

.main-brasizecalculator .braCalcPDP .braCalc-tiles {
    margin-top: 0
}

.main-brasizecalculator .braCalcPDP #product_main_details {
    border: none;
    padding-bottom: 0
}

.main-brasizecalculator .braCalcPDP #product_main_details #product_variant_details .colorsizes_wrapper,
.main-brasizecalculator .braCalcPDP #product_main_details #product_variant_details .swatchesdisplay {
    margin-top: 15px
}

@media screen and (max-width:980px) {
    .main-brasizecalculator .braCalcPDP #product_main_details #product_variant_details .colorswatches_wrapper {
        padding-top: 1px
    }
}

.main-brasizecalculator .braCalcPDP #product_main_details #product_variant_details .variant .product_color_size {
    border: none
}

.main-brasizecalculator .braCalcPDP #product_main_details #product_variant_details .colorsizes_wrapper {
    min-height: 0
}

.main-brasizecalculator .braCalcPDP #product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes_mobileselect {
    display: block
}

.main-brasizecalculator .braCalcPDP #product_main_details #product_variant_details .headline-large {
    margin-bottom: 0;
    font-family: var(--font-family-sub-heading);
}

.main-brasizecalculator .braCalcPDP #product_main_details #product_variant_details .headline-small-bold,
.main-brasizecalculator .braCalcPDP #product_main_details #product_variant_details .moredetails-headline {
    font-size: 18px;
    font-family: var(--font-family-base);
}

.main-brasizecalculator .braCalcPDP #product_main_details .cartactions {
    margin-left: 0;
    display: flex;
    flex-direction: column
}

.main-brasizecalculator .braCalcPDP #product_main_details .cartactions .product_addtocart {
    order: 2
}

.main-brasizecalculator .braCalcPDP #product_main_details .cartactions .product_actions {
    order: 1
}

.main-brasizecalculator .braCalcPDP #product_main_details .cartactions .button.addtowishlist {
    margin-bottom: 15px
}

.main-brasizecalculator .braCalcPDP #product_main_details .cartactions .product_actions,
.main-brasizecalculator .braCalcPDP #product_main_details .cartactions .product_addtocart {
    width: 100%
}

.main-brasizecalculator .braCalcPDP #product_main_details .cartactions .product_actions .button {
    border: 1px solid #aeb2b1;
    text-align: center;
    display: inline-block
}

.main-brasizecalculator .braCalcPDP #product_main_details .cartactions .product_actions .button .text {
    font-size: 20px;
    line-height: 20px;
    margin: 6px 0 4px;
    display: inline-block;
    letter-spacing: 1px
}

.main-brasizecalculator .braCalcPDP #product_main_details .cartactions .product_actions .button .svgicon {
    width: 10px;
    height: 10px;
    position: relative;
    top: -2px
}

.main-brasizecalculator .braCalcPDP .description {
    max-height: 86px;
    position: relative;
    overflow: hidden;
    transition: max-height .5s ease-in-out;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px
}

.main-brasizecalculator .braCalcPDP .description::before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    display: block;
    height: 15px;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%)
}

.main-brasizecalculator .braCalcPDP .description::after {
    position: absolute;
    right: 0;
    bottom: 0;
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-image: url(../images/icons/arrows/arrow_up.png);
    transform: rotate(180deg)
}

.svg .braCalcPDP .description::after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2226px%22%20height%3D%2216.2px%22%20viewBox%3D%220%20-3%2026%2016.2%22%20enable-background%3D%22new%200%20-3%2026%2016.2%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Arrow__x23_8f9491%22%3E%0D%0A%09%3Cpolygon%20fill%3D%22%238F9491%22%20points%3D%2222.8%2C13.2%2013%2C3.5%203.2%2C13.2%200%2C10%2013%2C-3%2026%2C10%20%09%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A")
}

.main-brasizecalculator .braCalcPDP .description.is-active {
    max-height: 1000px
}

.main-brasizecalculator .braCalcPDP .description.is-active::before {
    display: none
}

.main-brasizecalculator .braCalcPDP .description.is-active::after {
    transform: rotate(0deg)
}

.main-brasizecalculator .braCalcPDP #product_main_details #product_variant_details .pdp-sticky-bar,
.main-brasizecalculator .braCalcPDP #product_shopwithconfidence {
    display: none
}

.main-brasizecalculator .braCalcPDP .product_color_size_main>.colorVariations,
.main-brasizecalculator .braCalcPDP .product_color_size_main>.description-wrap,
.main-brasizecalculator .braCalcPDP .product_color_size_main>.sizeVariations {
    border-bottom: 1px solid #494e53;
    padding-bottom: 10px
}

.main-brasizecalculator .braCalcPDP .product_color_size_main .headline-small {
    font-family: var(--font-family-sub-heading);
    font-size: 18px;
    margin-top: 15px
}

.main-brasizecalculator .braCalcPDP .moredetailscontent-wrapper .product_color_size_main>.colorVariations,
.main-brasizecalculator .braCalcPDP .moredetailscontent-wrapper .product_color_size_main>.description-wrap,
.main-brasizecalculator .braCalcPDP .moredetailscontent-wrapper .product_color_size_main>.sizeVariations {
    border-bottom: 0;
    padding-bottom: 0
}

.main-brasizecalculator .braCalcPDP #productreview_rating,
.main-brasizecalculator .braCalcPDP .sizeguide {
    display: none
}

.main-brasizecalculator .braCalcPDP #product_variant_details .product_quantity {
    margin-top: 35px
}

#main .braCalcPDP #recom_products_styles .productlisting,
.main-brasizecalculator .braCalcPDP .colorsizes-scrollbar {
    width: 100%
}

.main-brasizecalculator .braCalcPDP #product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    border: none
}

.main-brasizecalculator .braCalcPDP #product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile::after,
.main-brasizecalculator .braCalcPDP #product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.disabletile::before,
.main-brasizecalculator .braCalcPDP #product_main_details #product_variant_details .variant .product_color_size .colorsizes_wrapper .colorsizes .overlaysizes>li.empty {
    display: none
}

@media screen and (max-width:980px) {
    .main-brasizecalculator .braCalcPDP #product_main_details #product_variant_details .colorVariations .headline-small,
    .main-brasizecalculator .braCalcPDP #product_main_details #product_variant_details .sizeVariations .headline-small {
        width: 33%;
        float: left
    }
    .main-brasizecalculator .braCalcPDP .recom_products_quickview {
        margin-bottom: 0;
        padding-bottom: 0
    }
}

.main-brasizecalculator .braCalcPDP .product_recommendations {
    margin-bottom: 40px
}

#main #mainContent .braCalcPDP .product_recommendations #recom_products_styles {
    margin-bottom: 0
}

.main-brasizecalculator .braCalcPDP .braCalc-maker {
    padding-top: 0
}

#main .braCalcPDP .product_recommendations .producttile .image .productimage img.lozad,
.main-brasizecalculator .braCalcPDP #main #recom_products_styles .producttile .image .productimage img.lozad {
    min-height: 0
}

.main-brasizecalculator .braCalcPDP #recom_products_range,
.main-brasizecalculator .braCalcPDP #recom_products_styles .headline-section-lined {
    display: none
}

section video{
    width:100%;
}

.cup-validation .cup-val-text {
    font-family: var(--font-family-base);
    font-weight: 400;
    text-align: center;
    background-color: rgba(255,255,255,0.96);
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin: 0 20px 0 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
 }
 
 #completed-result > h2.headline-large {
    padding: 0;
 }
 
 #completed-result #brasCalcSubscribe {
    background-color: #f4f2ef;
    padding: 20px;
    margin: 40px 0 40px 0;
 }
 @media (max-width : 767px) {
    #completed-result #brasCalcSubscribe {
       margin: 40px -15px 10px -15px;
    }
 }
 #completed-result #brasCalcSubscribe #bracalc_form ul  {
   list-style: none;
   margin: 0;
 }
  #completed-result #brasCalcSubscribe #bracalc_form ul li {
     margin: 15px 0 0 0;
  }
 @media (min-width : 1024px) {
 #completed-result #brasCalcSubscribe #bracalc_form ul li {
    max-width: 400px;
    width: 100%;
 }
 
 }
 #completed-result #brasCalcSubscribe h2 {
    margin-top: 0;
    margin-bottom: 10px;
    font-family: var(--font-family-heading);
    font-size: 177%;
    line-height: 125%;
 }
 
 #completed-result .block.block-slideshow.block-collection-carousel {
    min-height: 250px;
 }
 #completed-result .block.block-slideshow.block-collection-carousel .productsselection:not(.hide) {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
    z-index: 99;
    background-color: rgba(255,255,255,0.7);
 }
 #completed-result .block.block-slideshow.block-collection-carousel .productsselection img {
    width: 70px;
 }
 
 .block.block-slideshow.block-collection-carousel .slide .product-item {
    font-size: 14px;
 }
 @media (min-width : 1024px) {
    #completed-result .block.block-slideshow.block-collection-carousel {
       margin-bottom: 40px; 
    }
 }
 #completed-result .block.block-slideshow.block-collection-carousel h2 {
    margin-bottom: 10px;
 }
 @media (max-width : 1023px) {
    #completed-result .block.block-slideshow.block-collection-carousel h2 {
       text-align: center;
    }
 }