html {
	font-size: 14px;
	line-height: 14px;
	font-family: Helvetica, sans-serif;
}

/* Layout helpers

 --------------------------------*/
.ui-helper-hidden {
	display: none;
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
}

.ui-helper-clearfix:after {
	clear: both;
}

.ui-helper-clearfix {
	min-height: 0;
	/* support: IE7 */
}

.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity=0);
}

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

/* Interaction Cues
 ----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}

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

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

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

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ui-resizable {
	position: relative;
}

.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}

.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}

.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}

.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}

.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}

.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}

.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}

.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}

.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}

.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	padding: .5em .5em .5em .7em;
	min-height: 0;
	/* support: IE7 */
}

.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}

.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
	padding: 0 0 0 2.2em;
	border-top: 0;
	overflow: auto;
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .3em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible;
	/* removes extra width in IE */
}

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

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}

/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}

.ui-button-icons-only {
	width: 3.4em;
}

button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}

.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}

/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -12px;
}

.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -12px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}

.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}

.ui-datepicker .ui-datepicker-next {
	right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}

.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}

.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}

.ui-datepicker td {
	border: 0;
	padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}

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

.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
	/*padding: .4em 1em;*/
	position: relative;
}

.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .2em;
	top: 4px;
	height: 25px;
	width: 25px;
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	overflow: auto;
}

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

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}

.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}

.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}

.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}

.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
}

.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}

.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0;
	/* support: IE7 */
	font-weight: normal;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}

.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}

.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}

.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
	background: url('img/animated-overlay.gif');
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}

.ui-slider {
	position: relative;
	text-align: left;
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

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

.ui-slider-horizontal {
	height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}

.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}

.ui-spinner-button {
	width: 16px;
	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 overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}

/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}

.ui-spinner-up {
	top: 0;
}

.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}

.ui-tabs {
	position: relative;
	/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}

.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom: 0;
	padding: 0;
	white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}

.ui-tabs .ui-tabs-nav li a,
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}

body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
 ----------------------------------*/
.ui-widget {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 0.9em;
}

.ui-widget .ui-widget {
	font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 1em;
}

.ui-widget-content {
	color: #222222;
}

#dia_editor .ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url(img/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
}

.ui-widget-content a {
	color: #222222;
}

.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc url(img/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}

.ui-widget-header a {
	color: #222222;
}

/* Interaction states
 ----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	/*	border: 1px solid #d3d3d3;
	 background: #e6e6e6 url(img/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50%
	 repeat-x;*/
	font-weight: normal;
	color: #555555;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	/*border: 1px solid #999999;
	 background: #dadada url(img/ui-bg_glass_75_dadada_1x400.png) 50% 50%
	 repeat-x;*/
	font-weight: normal;
	color: #212121;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #212121;
	text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	/*border: 1px solid #aaaaaa;
	 background: #ffffff url(img/ui-bg_glass_65_ffffff_1x400.png) 50% 50%
	 repeat-x;*/
	font-weight: normal;
	color: #212121;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
 ----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	/*	background: #fbf9ee url(img/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50%
	 repeat-x;*/
	color: #363636;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	/*border: 1px solid #cd0a0a;
	 background: #fef1ec url(img/ui-bg_glass_95_fef1ec_1x400.png) 50% 50%
	 repeat-x;*/
	color: #cd0a0a;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter: Alpha(Opacity=70);
	font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter: Alpha(Opacity=35);
	/*background-image: none;*/
}

.ui-state-disabled .ui-icon {
	filter: Alpha(Opacity=35);
	/* For IE8 - See #6059 */
}

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

/* states and images */
.ui-icon {
	width: 25px;
	height: 25px;
}

.ui-icon,
.ui-widget-content .ui-icon {
	/* close button dialog */
	/* 	background-image: url(img/btt_25_25.png); */
	background-color: #555;
}

/* positioning */
.ui-icon-carat-1-n {
	background-position: 0 0;
}

.ui-icon-carat-1-ne {
	background-position: -16px 0;
}

.ui-icon-carat-1-e {
	background-position: -32px 0;
}

.ui-icon-carat-1-se {
	background-position: -48px 0;
}

.ui-icon-carat-1-s {
	background-position: -64px 0;
}

.ui-icon-carat-1-sw {
	background-position: -80px 0;
}

.ui-icon-carat-1-w {
	background-position: -96px 0;
}

.ui-icon-carat-1-nw {
	background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
	background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
	background-position: -144px 0;
}

.ui-icon-triangle-1-n {
	background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
	background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
	background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
	background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
	background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
	background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
	background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
	background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
	background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
	background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
	background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
	background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
	background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
	background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
	background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
	background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
	background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
	background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
	background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
	background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
	background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
	background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
	background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
	background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
	background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
	background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
	background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
	background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
	background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
	background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
	background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
	background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
	background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
	background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
	background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
	background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
	background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
	background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
	background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
	background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
	background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
	background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
	background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
	background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
	background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
	background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
	background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
	background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
	background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
	background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
	background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
	background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
	background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
	background-position: -176px -64px;
}

.ui-icon-arrow-4 {
	background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
	background-position: -16px -80px;
}

.ui-icon-extlink {
	background-position: -32px -80px;
}

.ui-icon-newwin {
	background-position: -48px -80px;
}

.ui-icon-refresh {
	background-position: -64px -80px;
}

.ui-icon-shuffle {
	background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
	background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
	background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
	background-position: 0 -96px;
}

.ui-icon-folder-open {
	background-position: -16px -96px;
}

.ui-icon-document {
	background-position: -32px -96px;
}

.ui-icon-document-b {
	background-position: -48px -96px;
}

.ui-icon-note {
	background-position: -64px -96px;
}

.ui-icon-mail-closed {
	background-position: -80px -96px;
}

.ui-icon-mail-open {
	background-position: -96px -96px;
}

.ui-icon-suitcase {
	background-position: -112px -96px;
}

.ui-icon-comment {
	background-position: -128px -96px;
}

.ui-icon-person {
	background-position: -144px -96px;
}

.ui-icon-print {
	background-position: -160px -96px;
}

.ui-icon-trash {
	background-position: -176px -96px;
}

.ui-icon-locked {
	background-position: -192px -96px;
}

.ui-icon-unlocked {
	background-position: -208px -96px;
}

.ui-icon-bookmark {
	background-position: -224px -96px;
}

.ui-icon-tag {
	background-position: -240px -96px;
}

.ui-icon-home {
	background-position: 0 -112px;
}

.ui-icon-flag {
	background-position: -16px -112px;
}

.ui-icon-calendar {
	background-position: -32px -112px;
}

.ui-icon-cart {
	background-position: -48px -112px;
}

.ui-icon-pencil {
	background-position: -64px -112px;
}

.ui-icon-clock {
	background-position: -80px -112px;
}

.ui-icon-disk {
	background-position: -96px -112px;
}

.ui-icon-calculator {
	background-position: -112px -112px;
}

.ui-icon-zoomin {
	background-position: -128px -112px;
}

.ui-icon-zoomout {
	background-position: -144px -112px;
}

.ui-icon-search {
	background-position: -160px -112px;
}

.ui-icon-wrench {
	background-position: -176px -112px;
}

.ui-icon-gear {
	background-position: -192px -112px;
}

.ui-icon-heart {
	background-position: -208px -112px;
}

.ui-icon-star {
	background-position: -224px -112px;
}

.ui-icon-link {
	background-position: -240px -112px;
}

.ui-icon-cancel {
	background-position: 0 -128px;
}

.ui-icon-plus {
	background-position: -16px -128px;
}

.ui-icon-plusthick {
	background-position: -32px -128px;
}

.ui-icon-minus {
	background-position: -48px -128px;
}

.ui-icon-minusthick {
	background-position: -64px -128px;
}

.ui-icon-close {
	background-position: 0px -50px;
}

.ui-icon-closethick {
	background-position: 0px -50px;
}

.ui-icon-key {
	background-position: -112px -128px;
}

.ui-icon-lightbulb {
	background-position: -128px -128px;
}

.ui-icon-scissors {
	background-position: -144px -128px;
}

.ui-icon-clipboard {
	background-position: -160px -128px;
}

.ui-icon-copy {
	background-position: -176px -128px;
}

.ui-icon-contact {
	background-position: -192px -128px;
}

.ui-icon-image {
	background-position: -208px -128px;
}

.ui-icon-video {
	background-position: -224px -128px;
}

.ui-icon-script {
	background-position: -240px -128px;
}

.ui-icon-alert {
	background-position: 0 -144px;
}

.ui-icon-info {
	background-position: -16px -144px;
}

.ui-icon-notice {
	background-position: -32px -144px;
}

.ui-icon-help {
	background-position: -48px -144px;
}

.ui-icon-check {
	background-position: -64px -144px;
}

.ui-icon-bullet {
	background-position: -80px -144px;
}

.ui-icon-radio-on {
	background-position: -96px -144px;
}

.ui-icon-radio-off {
	background-position: -112px -144px;
}

.ui-icon-pin-w {
	background-position: -128px -144px;
}

.ui-icon-pin-s {
	background-position: -144px -144px;
}

.ui-icon-play {
	background-position: 0 -160px;
}

.ui-icon-pause {
	background-position: -16px -160px;
}

.ui-icon-seek-next {
	background-position: -32px -160px;
}

.ui-icon-seek-prev {
	background-position: -48px -160px;
}

.ui-icon-seek-end {
	background-position: -64px -160px;
}

.ui-icon-seek-start {
	background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
	background-position: -80px -160px;
}

.ui-icon-stop {
	background-position: -96px -160px;
}

.ui-icon-eject {
	background-position: -112px -160px;
}

.ui-icon-volume-off {
	background-position: -128px -160px;
}

.ui-icon-volume-on {
	background-position: -144px -160px;
}

.ui-icon-power {
	background-position: 0 -176px;
}

.ui-icon-signal-diag {
	background-position: -16px -176px;
}

.ui-icon-signal {
	background-position: -32px -176px;
}

.ui-icon-battery-0 {
	background-position: -48px -176px;
}

.ui-icon-battery-1 {
	background-position: -64px -176px;
}

.ui-icon-battery-2 {
	background-position: -80px -176px;
}

.ui-icon-battery-3 {
	background-position: -96px -176px;
}

.ui-icon-circle-plus {
	background-position: 0 -192px;
}

.ui-icon-circle-minus {
	background-position: -16px -192px;
}

.ui-icon-circle-close {
	background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
	background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
	background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
	background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
	background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
	background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
	background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
	background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
	background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
	background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
	background-position: -192px -192px;
}

.ui-icon-circle-check {
	background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
	background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
	background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
	background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
	background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
	background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
	background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
	background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
	background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
	background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
	background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
	background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
	background-position: -80px -224px;
}

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

/* Overlays */
.ui-widget-overlay {
	/*	background: #aaaaaa url(img/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50%
	 repeat-x;*/
	background-color: #1d1d1d;
	opacity: 0.8;
	filter: Alpha(Opacity=80);
}

.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	/*	background: #aaaaaa url(img/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50%
	 repeat-x;*/
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}

.qtip-default {
	border-color: #000;
}

.ui-tooltip-dark {
	color: #000000;
	background-color: transparent;
}

.ui-tooltip-dark .qtip-content {
	background-color: rgb(137, 137, 137);
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

html,
body,
#wrapper,
#content {
	overflow: hidden;
	width: 100%;
	height: 100%;
}

body.fullscreen1 {
	height: 100vh;
}

#layout {
	overflow: hidden;
}

.clear {
	clear: both;
}

#loader_global {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	z-index: 33000;
}

.vertical-center-hack {
	position: absolute;
	display: block;
	top: 50%;
	margin: 0 auto;
	margin-top: -1000px;
	height: 2000px;
	text-align: center;
	line-height: 2000px;
	margin-top: -1000px;
	width: 100%;
}

.vertical-center-hack-wrap {
	line-height: 0;
}

.vertical-center-hack-content {
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}

#viewlist_display {
	position: absolute;
	right: 0px;
	/*z-index: 20;*/
}

#viewlist_display table {
	right: 0px;
	margin-right: 20px;
}

.view_chip {
	position: relative;
	background: #808080 center center;
	margin: 8px;
	padding: 0px;
	border: 2px solid #ffffff;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	float: left;
}

.view_chip_active {
	border: 2px solid #ff0000;
}

#vl_pos {
	border: 2px solid black;
	width: 16px;
	height: 16px;
	background: #fff url(img/ui-icons_888888_256x240.png) no-repeat -128px -48px;
	cursor: pointer;
}

#vl_pos_h {
	border: 2px solid black;
	width: 16px;
	height: 16px;
	background: #fff url(img/ui-icons_888888_256x240.png) no-repeat -160px -48px;
	cursor: pointer;
	margin-top: 10px;
}

#viewlist_display.vl_top {
	top: 0;
}

#viewlist_display.vl_bottom {
	bottom: 15px;
}

#viewlist_display.vl_right {
	right: 0px;
}

#viewlist_display.vl_left {
	left: 0px;
}

#vl_wrapper_display {
	position: absolute;
	overflow: hidden;
}

#wrapper,
#content {
	position: absolute;
	top: 0px;
	left: 0px;
}

.dialog {
	background-color: #fff;
}

.content {
	display: none;
	color: #000;
	background-color: #EFEFEF;
	overflow: hidden;
	position: absolute;
	-webkit-overflow-scrolling: touch;
	background-color: #EFEFEF;
}

.texture_chip {
	background: #cccccc center center;
	padding: 0px;
	border: 2px solid #777;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
}

/*--------------------------------------------------------------------------------------------------*/
html {
	background-color: #fff;
	color: #fff;
}

#logo {
	right: 0px;
	top: 0px;
	width: 245px;
	height: 100px;
	background-color: transparent;
	position: absolute;
}

.btt {
	display: inline-block;
	vertical-align: top;
	height: 35px;
	line-height: 35px;
	margin-left: 0px;
	cursor: pointer;
}

.btt {
	border-width: 5px 0px;
}

.room_chip {
	margin: 15px 0 0 15px;
	display: inline-block;
	cursor: pointer;
}

.content {
	background-color: rgba(239, 239, 239, 0.75);
}

#content_details hr {
	margin: 15px 0;
}

.chips_more {
	grid-column: 1 / -1;
	margin: 15px;
	text-align: center;
}

.chips_more_inner {
	display: inline-block;
	color: #fff;
	background-color: #5a5e61;
	padding: 5px 10px;
	cursor: pointer;
}

#display,
#display_img_1,
#display_img_2,
#display_edit,
#display_edit_img_1,
#display_edit_img_2 {
	overflow: hidden;
}

#display_img_1,
#display_img_2,
#display_edit,
#display_edit_img_1,
#display_edit_img_2 {
	position: relative;
}

#display_edit_img_3 {
	display: none;
}

.info_texture,
.coordinate_texture,
.fav_texture {
	width: 27px;
	height: 27px;
	position: absolute;
	background: url(img/Buttonset_on_thumb.png) 0px 0px;
	cursor: pointer;
}

.info_texture {
	top: 0px;
	right: 0px;
}

.coordinate_texture {
	bottom: 0px;
	left: 0px;
	background-position: 0 -54px;
}

.fav_texture {
	top: 0px;
	right: 0px;
	background-position: 0 -81px;
}

.info_texture:hover {
	background-position: -27px 0px;
}

.coordinate_texture:hover {
	background-position: -27px -54px;
}

.fav_texture:hover,
.fav_texture.act {
	background-position: -27px -81px;
}

.ui-dialog .ui-dialog-titlebar {
	display: none;
}

.ui-dialog-content {
	background-color: #efefef;
}

.ui-dialog-titlebar-close {
	width: 25px;
	height: 25px;
}

#dia_pdf_title {
	font-weight: bold;
	padding-top: 10px;
	display: inline-block;
}

#dia_pdf_close {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 27px;
	height: 27px;
	background: #000 url(img//Buttonset_on_thumb.png) 27px -27px;
	cursor: pointer;
}

#dia_pdf_close:hover {
	background-position: 0px -27px;
}


#text_info {
	position: absolute;
	bottom: 5px;
	right: 5px;
	display: inline-block;
	width: 200px;
	height: 385px;
	vertical-align: top;
	overflow-x: hidden;
	overflow-y: auto;
	white-space: normal;
	background-color: #efefef;
	padding: 10px;
	font-size: 10px;
	line-height: 16px;
}

.text_info_key {
	font-size: 14px;
	font-weight: bold;
}

.text_info_value {
	font-size: 18px;
	text-transform: uppercase;
}

#det_rot_270.act,
#det_rot_270:hover {
	background-position: -42px 0px;
}

#det_rot_0.act,
#det_rot_0:hover {
	background-position: -42px -42px;
}

#det_rot_45.act,
#det_rot_45:hover {
	background-position: -42px -84px;
}

#det_rot_315.act,
#det_rot_315:hover {
	background-position: -42px -126px;
}

#det_top_left,
#det_top_right,
#det_bottom_left,
#det_bottom_right {
	display: inline-block;
	vertical-align: top;
}

#det_bottom_left,
#det_bottom_right {
	width: 150px;
}

#det_bottom_right {
	margin-left: 70px;
}

#det_thumb {
	width: 150px;
	height: 150px;
}

#det_thumb_i {
	top: -150px;
	left: 0px;
	display: inline-block;
}

#det_margin {
	margin: 15px;
}

#det_top_right {
	margin-left: 20px;
}

.locked {
	position: absolute;
	top: 0;
	right: 0;
	width: 24px;
	height: 24px;
	margin: 6px;
	background-position: 0px 0px;
}

#det_thumb_i,
#det_thumb_img {
	cursor: pointer;
}

#det_rot_0,
#det_rot_45,
#det_rot_315 {
	margin-left: 15px;
}

#det_rot_0 {
	background-position: 0px -42px;
}

#det_rot_45 {
	background-position: 0px -84px;
}

#det_rot_315 {
	background-position: 0px -126px;
}

#det_rot_title,
#det_type_title {
	margin-bottom: 15px;
}

#det_boden_title,
#det_wall1_title,
#det_wall2_title {
	font-weight: bold;
}

.det_wall {
	height: 40px;
	border: 1px solid #000;
	margin-top: 7px;
}

select {
	font-size: 12px;
}

#btt_editor {
	display: inline-block;
	width: 42px;
	height: 42px;
	cursor: pointer;
	background: url(img/Buttonset_rotation_and_upload.png) 0px -168px;
	vertical-align: middle;
	margin-left: 15px;
}

.dia_hr {
	padding: 5px 15px;
}

#dia_print object {
	width: 100%;
}

#viewlist_display {
	position: absolute;
	right: 0px;
}

#viewlist_display table {
	right: 0px;
	margin: 0;
}

#viewlist_display td {
	background-color: #565657;
}

#viewlist_display #vl_ctrl_display {
	background-color: transparent;
	padding: 0;
	vertical-align: bottom;
}

.view_chip {
	position: relative;
	background: #808080 center center;
	margin: 8px;
	padding: 0px;
	border: 2px solid #565657;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	float: left;
}

.view_chip_active {
	border: 2px solid #ff0000;
}

#vl_pos_display {
	border: 2px solid black;
	width: 16px;
	height: 16px;
	background: #fff url(../../../img/appli/webview2/ui-icons_888888_256x240.png) no-repeat -128px -48px;
	cursor: pointer;
	display: none;
}

#vl_pos_h_display {
	border: 0px solid black;
	width: 37px;
	height: 37px;
	background: #fff url(img/Buttonset_lupe.png) no-repeat 0px 0px;
	cursor: pointer;
}

#viewlist_display.vl_top {
	top: 0;
}

#viewlist_display.vl_bottom {
	bottom: 15px;
}

#viewlist_display.vl_right {
	right: 0px;
}

#viewlist_display.vl_left {
	left: 0px;
}

#btt_details_block {
	position: absolute;
	background-color: #565657;
	cursor: normal;
}

#vl_wrapper_display {
	width: 100%;
	height: 100%;
}

#forward_back_hold,
#display_edit,
#wrapper {
	display: none;
}

#display_time_loader {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100px;
	height: 100px;
	margin: 0px;
	padding: 10px;
	border: 0px none;
	text-align: center;
	display: none;
	color: #0a0a0a;
	z-index: 70;
}

.mobile #display_time_loader {
	width: 128px;
	height: 128px;
	left: 50%;
	top: 50%;
}

.mobile #display_time_loader svg {
	width: 100%;
	height: 100%;
}

.mobile .choose-product__filter-list--color {
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 25px;
	grid-row-gap: 25px;
	margin-bottom: 28px;
}

.mobile .cbm {
	width: 100%;
	height: 1px;
	background-color: #EAEAEA;
	margin-bottom: 30px;
}

.mobile .cbm2 {
	width: calc(100% - 40px);
	height: 1px;
	background-color: #EAEAEA;
	margin: 19px 20px 0px 20px;
}

.mobile .choose-product__filter {
	padding-top: 26px;
}

.mobile #tapes_m_result {
	margin-bottom: 30px;
	width: 114px;
	height: 22px;
	color: #fff;
	line-height: 22px;
	text-align: center;
	font-family: "acumin-pro-condensed", sans-serif;
	font-weight: bold;
	font-size: 13px;
	font-weight: 600;
}


.btt_brightness {
	display: inline-block;
	width: 40px;
	height: 30px;
	margin: 0;
}

.btt_brightness.act,
.btt_brightness:hover {
	width: 36px;
	height: 26px;
	border: 2px solid #333;
}


.brightness0 {
	background-color: rgb(96, 56, 19);
}

.brightness1 {
	background-color: rgb(117, 76, 36);
}

.brightness2 {
	background-color: rgb(140, 98, 57);
}

.brightness3 {
	background-color: rgb(166, 124, 82);
}

.brightness4 {
	background-color: rgb(198, 156, 109);
}

.search_brightness {
	display: inline-block;
	margin: 5px;
	margin-top: 10px;
	margin-left: 10px;
	font-size: 12px;
	line-height: 19px;
}

/*----*/
.size_selectors {
	display: inline;
	float: right;
	height: 25px;
	line-height: 25px;
	background-color: #000;
	color: #fff;
	padding-left: 8px;
	padding-right: 8px;
	margin-right: 8px;
	margin-top: 9px;
	cursor: pointer;
}

.size_selectors:hover {
	background-color: #f7911f;
}

.size_selectors.act {
	background-color: #f7911f;
}

.size_selectors.mrg {
	margin-right: 16px;
}

.thumb_type_selectors {
	display: inline;
	float: right;
	height: 25px;
	line-height: 25px;
	background-color: #000;
	color: #fff;
	padding-left: 8px;
	padding-right: 8px;
	margin-right: 8px;
	margin-top: 9px;
	cursor: pointer;
}

.thumb_type_selectors:hover {
	background-color: #f7911f;
}

.thumb_type_selectors.act {
	background-color: #f7911f;
}

.thumb_type_selectors.mrg {
	margin-right: 40px;
}

.label_thumb_options {
	display: inline;
	float: right;
	height: 25px;
	line-height: 25px;
	color: #000;
	margin-right: 15px;
	margin-top: 10px;
}

.search_count {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	color: #000;
	margin-left: 10px;
	margin-top: 10px;
}

.art_yes_no {
	display: inline;
	float: right;
	height: 25px;
	line-height: 25px;
	background-color: #000;
	color: #fff;
	padding-left: 8px;
	padding-right: 8px;
	margin-right: 15px;
	margin-top: 9px;
	cursor: pointer;
}

.art_yes_no:hover {
	background-color: #f7911f;
}

.art_yes_no.act {
	background-color: #f7911f;
}

#up_down {
	display: block;
	position: absolute;
	top: 50%;
	right: 0px;
	margin-top: -83px;
	display: none;
	width: 55px;
	height: 165px;
	opacity: 0.8;
	/*
	background: url(img/Buttonset_slider.png) 0px 0px;
	*/
}

#form_send_contact {
	margin-top: 12px;
	height: 440px;
}

.form_contact_label {
	display: inline-block;
	width: 150px;
	float: left;
	height: 22px;
	line-height: 24px;
	font-size: 16px;
	color: #666;
}

.form_contact_input {
	display: inline-block;
	width: 200px;
	height: 17px;
	font-size: 12px !important;
}

.form_contact_div {
	display: inline-block;
	height: 25px;
	width: 360px;
	margin-bottom: 8px;
}

#form_send_contact_input_zip {
	width: 100px;
}

#form_send_contact_text_note {
	clear: both;
	display: block;
	position: relative;
	top: 8px;
	width: 350px;
	height: 90px;
}

#btt_form_send_contact_send {
	width: 120px;
	height: 32px;
	background-color: rgba(90, 90, 90, 0.7);
	color: #fff;
	position: relative;
	top: 109px;
	line-height: 32px;
	padding-left: 5px;
	left: 230px;
	text-align: center;
	cursor: pointer;
}

#btt_form_send_contact_send:hover {
	background-color: rgba(30, 30, 30, 1.0);
}

.form_send_error {
	border-color: #f00
}

.text_orange {
	display: inline-block;
	color: #e3821a;
	margin: 0px;
}

#contact_content {
	padding: 10px;
}

#contact_header {
	line-height: 45px;
	padding-left: 10px;
	font-size: 20px;
	font-weight: bold;
	color: #666;
}

.search_reset {
	margin: 10px 5px 5px 10px;
	background-color: #000;
	color: #fff;
	text-align: center;
	height: 22px;
	line-height: 22px;
	border: 1px solid #000;
	width: 210px;
	cursor: pointer;
	font-size: 12px;
}

.search_reset:hover {
	background-color: #e3821a;
}

.chip_ico_trap {
	position: relative;
}

#info_buttons {
	position: absolute;
	width: 300px;
	height: 27px;
	left: 10px;
	bottom: 10px;
}

.btt_info {
	display: inline-block;
	height: 27px;
	line-height: 27px;
	border: 1px solid #000;
	background-color: #000;
	color: #fff;
	text-align: center;
	margin-right: 10px;
	cursor: pointer;
}

.btt_info:hover,
.btt_info.act {
	background-color: #e3821a;
}

#btt_info_2d {
	width: 30px;
}

#btt_info_3d {
	width: 30px;
}

#up_down_slider {
	height: 125px;
	width: 10px;
	background-color: #ccc;
	margin-left: 22px;
	margin-top: 22px;
	border: 1px solid #999;
}

#up_down_slider .ui-slider-handle {
	border: 1px solid #e3821a;
	background-color: #e3821a;
	background-image: none;
}

#up_down_slider .ui-slider-range {
	background-color: #ccc;
	background-image: none;
}

#up_down_slider .ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #dfe5e7;
}

.object_image {
	background-color: #e3821a;
}

.object_item {
	float: left;
	margin-bottom: 10px;
}

#colors_list {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 300px;
}

#csl_head {
	position: relative;
}

#csl_head_close {
	width: 31px;
	height: 31px;
	position: absolute;
	right: 0;
	top: 0;
	background: transparent url(img/buttonset_31x31.png) no-repeat 0 -31px;
}

#csl_head_close:hover {
	background-position: -31px -31px;
}

.btt_cl {
	width: 50px;
	height: 50px;
	background: transparent url("img/buttonset_50x50.png") no-repeat 0 0;
}

#btt_cl_up {
	position: absolute;
	top: -50px;
	left: 135px;
}

#cl_colors {
	position: absolute;
	bottom: 69px;
	width: 50px;
}

#cl_colors_arrow {
	position: absolute;
	right: -12px;
	width: 23px;
	height: 25px;
	background: transparent url(img/buttonset_23x25.png) no-repeat 0 0;
	width: 23px;
	right: -12px;
}

#btt_cl_dwn {
	position: absolute;
	bottom: 0px;
	background-position: 0 -50px;
	margin-bottom: 19px;
	left: 135px;
}

#colorpages_margin {
	position: relative;
	width: 194px;
	overflow: hidden;
	top: 0px;
}

#colorpages {
	position: absolute;
}

.color_chip,
.color_stripe {
	cursor: pointer;
}

.color_chip {
	width: 160px;
	margin-bottom: 19px;
	border: 1px solid #000;
	position: relative;
}

.color_chip>div {
	margin: 5px;
	position: absolute;
	bottom: 5px;
	display: inline-block;
}

/*tech demo*/
#logo {
	display: none;
}

/* !INTRO */
/* !CONTENTS
	
	!FONTS 				(@font-face, icon-fonts, etc.)
	!VARIABLES 	 		(Variable declarations)
	!RESET 	 			(Print Styles, Normalize, Chrome Prompt, etc.)
	!UTILITY 			(Clearfix, Alignment, Containers, etc.)
	!TYPE 				(Links, Selection, Headings, Body, etc.)
	!BASE 				(Base Element Styling, Forms, Tables, etc.)
	!PLUGINS 			(Plugin CSS)
	!BASE 				(Body, HTML, wrappers, etc.)

	!PAGE-ELEMENTS

	!PAGES

	//	*/
/* !VARIABLES */
/* !COLOURS */
/* !GRID */
/* !MEDIA-QUERIES  */
/* !SPEEDS */
/* !EASINGS */
/* !FONT-STACKS */
/* !RESETS */
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 62.5%;
	-webkit-font-smoothing: antialiased
}

body {
	line-height: 1;
	background: #fff
}

blockquote {
	quotes: none
}

abbr[title] {
	border-bottom: 1px dotted
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

ul {
	list-style-type: none
}

address {
	font-style: normal
}

a:active,
a:hover,
button,
input,
select,
textarea {
	outline: 0
}

svg {
	width: 100%;
	height: 100%
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
	max-width: 100%;
	height: auto
}

input:first-line,
select:first-line {
	display: inline-block
}

button,
html,
input,
select,
textarea {
	font-family: inherit;
	color: #222;
	font-size: 100%;
	line-height: 1
}

button,
input,
label,
option,
select,
textarea {
	vertical-align: baseline;
	*vertical-align: middle;
	cursor: pointer;
	border-radius: 0
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	*overflow: visible
}

input[type=text]:active,
input[type=text]:focus,
textarea:active,
textarea:focus {
	cursor: text
}

input[type=email],
input[type=password],
input[type=tel],
input[type=text],
textarea {
	background-clip: padding-box
}

button[disabled],
input[disabled] {
	cursor: default
}

textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

[hidden] {
	display: none
}

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

.broser-outdated {
	margin: 1em 0;
	background-color: #b00;
	color: #fff;
	padding: 1em 0;
	text-align: center
}

.broser-outdated a {
	color: #fff
}

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		text-shadow: none !important;
		-webkit-filter: none !important;
		filter: none !important;
		-ms-filter: none !important
	}

	a,
	a:visited {
		text-decoration: underline
	}

	a[href]:after {
		content: " (" attr(href) ")"
	}

	a[href^="#"]:after {
		content: ""
	}

	img {
		max-width: 100% !important
	}
}

/* !UTILITY */
/* !CLEARS */
.cf:after,
.cf:before {
	content: "";
	display: table
}

.cf:after {
	clear: both
}

.clear {
	clear: both
}

.clear-left {
	clear: left
}

.clear-right {
	clear: right
}

/* !ALIGNMENT */
.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.text-center {
	text-align: center
}

.justify {
	text-align: justify
}

.justify:after {
	content: "";
	display: inline-block;
	height: 0;
	width: 100%
}

.alignleft {
	float: left
}

.alignleftimg {
	margin: 0.5rem 13.25rem 6.625rem 0
}

.alignright {
	float: right
}

.alignrightimg {
	margin: 0.5rem 0 6.625rem 13.25rem
}

.aligncenter {
	display: block;
	margin: 0 auto
}

.aligncenterimg {
	margin: 0.5rem auto 13.25rem
}

/* !GRID FUNCTION */
/* !GRID */
.w12 {
	width: 12.5%
}

.w25 {
	width: 25%
}

.w33 {
	width: 33.33%
}

.w50 {
	width: 50%
}

.w66 {
	width: 66.66%
}

.w75 {
	width: 75%
}

.w100 {
	width: 100%
}

.flex {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

/* !TYPOGRAPHY */
/* !LINKS */
a {
	color: #ef8200;
	text-decoration: none;
	outline: 0
}

a:focus,
a:hover {
	color: #ff9b23
}

.btn {
	border: solid 1px;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-family: "acumin-pro-condensed", sans-serif;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 1rem 0 1.2rem;
	text-align: center;
	text-transform: uppercase;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	width: 12.8rem
}

.btn span {
	display: inline-block;
	position: relative;
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1),
		-webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	will-change: transform
}

.btn span:after {
	background-image: url("./images/button-arrow-white.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 1.1rem;
	opacity: 0;
	position: absolute;
	right: 0;
	top: .4rem;
	-webkit-transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1),
		-webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1),
		-webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1),
		opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	width: 1.5rem;
	z-index: 2
}

.infoProberties {
	overflow-y: hidden;
	overflow-x: hidden;
	text-overflow: ellipsis;
	height: auto;
	margin-bottom: 34px;
	margin-top: 8px;
}

.mobile .infoProberties {
	margin-bottom: 0px;
}

.mobile .btn span:after {
	top: calc(50% - 0.55rem);
}

.btn:hover span {
	-webkit-transform: translateX(-1rem);
	-ms-transform: translateX(-1rem);
	transform: translateX(-1rem);
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	transition: -webkit-transform 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	-o-transition: transform 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	transition: transform 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	transition: transform 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53),
		-webkit-transform 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

.btn:hover span:after {
	opacity: 1;
	-webkit-transform: translateX(2rem);
	-ms-transform: translateX(2rem);
	transform: translateX(2rem);
	-webkit-transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53),
		-webkit-transform 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53),
		-webkit-transform 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	-o-transition: transform 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53),
		opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	transition: transform 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53),
		opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	transition: transform 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53),
		opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

.btn.alt {
	background-color: transparent;
	border-color: #5a5e61;
	color: #5a5e61;
	overflow: hidden;
	position: relative;
	-webkit-transition: border-color 0.4s cubic-bezier(0.42, 0, 0.58, 1),
		color 0.4s cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: border-color 0.4s cubic-bezier(0.42, 0, 0.58, 1), color 0.4s cubic-bezier(0.42, 0, 0.58, 1);
	transition: border-color 0.4s cubic-bezier(0.42, 0, 0.58, 1), color 0.4s cubic-bezier(0.42, 0, 0.58, 1)
}

.btn.alt span:first-of-type {
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
	transition: -webkit-transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
	transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
	transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1),
		-webkit-transform 0.4s cubic-bezier(0.42, 0, 0.58, 1)
}

.btn.alt span:nth-of-type(2) {
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%) translateY(3rem);
	-ms-transform: translateX(-50%) translateY(-50%) translateY(3rem);
	transform: translateX(-50%) translateY(-50%) translateY(3rem);
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
	transition: -webkit-transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
	transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
	transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1),
		-webkit-transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
	z-index: 2
}

.btn.alt span:after {
	display: none
}

.btn.alt:hover span:first-of-type {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.btn.alt:hover span:nth-of-type(2) {
	-webkit-transform: translateX(-50%) translateY(-50%) translateY(3rem);
	-ms-transform: translateX(-50%) translateY(-50%) translateY(3rem);
	transform: translateX(-50%) translateY(-50%) translateY(3rem)
}

.btn.alt[data-state=active] span:first-of-type {
	-webkit-transform: translateY(-3rem);
	-ms-transform: translateY(-3rem);
	transform: translateY(-3rem);
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
	transition: -webkit-transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
	transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
	transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1),
		-webkit-transform 0.4s cubic-bezier(0.42, 0, 0.58, 1)
}

.btn.alt[data-state=active] span:nth-of-type(2) {
	-webkit-transform: translateX(-50%) translateY(-50%) translateY(-0.1rem);
	-ms-transform: translateX(-50%) translateY(-50%) translateY(-0.1rem);
	transform: translateX(-50%) translateY(-50%) translateY(-0.1rem);
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
	transition: -webkit-transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
	transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1);
	transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1),
		-webkit-transform 0.4s cubic-bezier(0.42, 0, 0.58, 1)
}

.btn.alt[data-state=active]:hover span:first-of-type {
	-webkit-transform: translateY(-3rem);
	-ms-transform: translateY(-3rem);
	transform: translateY(-3rem)
}

.btn.alt[data-state=active]:hover span:nth-of-type(2) {
	-webkit-transform: translateX(-50%) translateY(-50%) translateY(-0.1rem);
	-ms-transform: translateX(-50%) translateY(-50%) translateY(-0.1rem);
	transform: translateX(-50%) translateY(-50%) translateY(-0.1rem)
}

input,
textarea {
	color: #5a5e61;
	resize: none
}

/* !BASE-TYPE */
html {
	font-size: 62.5%
}

body {
	font-family: "acumin-pro", sans-serif;
	color: #5a5e61;
	font-size: 1.6rem;
	margin: 0;
	-webkit-font-smoothing: antialiased
}

.bold-text,
.panel__closed-title,
.sidebar__main-nav,
.sidebar__sub-nav {
	font-family: "acumin-pro-condensed", sans-serif;
	letter-spacing: .02em;
	text-transform: uppercase
}

/* !HEADINGS */
h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.2;
	font-family: "acumin-pro-condensed", sans-serif;
	margin-bottom: 3.4rem
}

.h1,
h1 {
	font-family: "acumin-pro", sans-serif;
	font-size: 2.6rem;
	font-weight: 100;
	line-height: .84
}

@media (max-width :1300px),
(max-height :800px) {

	.h1,
	h1 {
		font-size: 2rem
	}
}

.h2,
h2 {
	font-family: "acumin-pro", sans-serif;
	font-size: 2rem;
	font-weight: 100;
	line-height: 1.4;
	margin-top: 0
}

@media (max-width :1300px),
(max-height :800px) {

	.h2,
	h2 {
		font-size: 1.8rem
	}
}

.h3,
h3 {
	font-family: "acumin-pro", sans-serif;
	font-size: 1.4rem;
	font-weight: 100;
	line-height: 1.7;
	margin-bottom: 0;
	margin-top: 0
}

@media (max-width :1300px),
(max-height :800px) {

	.h3,
	h3 {
		font-size: 1.2rem
	}
}

.h4,
h4 {
	font-size: 1.2rem;
	line-height: 1.5;
	margin-bottom: 2.5rem;
	margin-top: 0;
	text-transform: uppercase
}

.h5,
h5 {
	font-size: 1.8rem
}

p {
	line-height: 1.6
}

/* !ARTICLES */
article p {
	margin-bottom: 2rem
}

article blockquote {
	font-style: italic;
	padding: 13.25rem;
	margin-bottom: 13.25rem
}

article blockquote>p {
	margin-bottom: 0
}

article ol,
article ul {
	padding-left: 2rem;
	margin: 0;
	list-style-position: outside;
	list-style-type: disc
}

article ol {
	list-style-type: decimal
}

article li {
	margin: 0 0 2rem
}

/* !PLUGINS

-- !PERFECT-SCROLLBAR

	//	*/
/* !PERFECT-SCROLLBAR */
.ps {
	-ms-touch-action: auto;
	touch-action: auto;
	overflow: hidden !important;
	-ms-overflow-style: none
}

@supports (-ms-overflow-style:none) {
	. ps {
		overflow: auto !important
	}

}

@media (-ms-high-contrast :none),
screen and (-ms-high-contrast:active) {
	.ps {
		overflow: auto !important
	}
}

.ps.ps--active-x>.ps__scrollbar-x-rail,
.ps.ps--active-y>.ps__scrollbar-y-rail {
	display: block;
	background-color: #eaeaea
}

.ps.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail {
	background-color: #eee;
	opacity: 0.9
}

.ps.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail {
	background-color: #eee;
	opacity: 0.9
}

.ps>.ps__scrollbar-x-rail {
	display: none;
	position: absolute;
	opacity: 0;
	-webkit-transition: background-color .2s linear, opacity .2s linear;
	-o-transition: background-color .2s linear, opacity .2s linear;
	-moz-transition: background-color .2s linear, opacity .2s linear;
	transition: background-color .2s linear, opacity .2s linear;
	bottom: 0px;
	height: 15px
}

.ps>.ps__scrollbar-x-rail>.ps__scrollbar-x {
	position: absolute;
	background-color: #aaa;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition: background-color .2s linear, height .2s linear,
		width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
	transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
	-o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
	-moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
	-webkit-transition: background-color .2s linear, height .2s linear,
		width .2s ease-in-out, border-radius .2s ease-in-out;
	transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
	transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
	bottom: 2px;
	height: 6px
}

.ps>.ps__scrollbar-x-rail:active>.ps__scrollbar-x,
.ps>.ps__scrollbar-x-rail:hover>.ps__scrollbar-x {
	height: 11px
}

.ps>.ps__scrollbar-y-rail {
	display: none;
	position: absolute;
	opacity: .5;
	-webkit-transition: background-color .2s linear, opacity .2s linear;
	-o-transition: background-color .2s linear, opacity .2s linear;
	-moz-transition: background-color .2s linear, opacity .2s linear;
	transition: background-color .2s linear, opacity .2s linear;
	right: 2.2rem !important;
	width: 4px
}

@media (max-width :1300px),
(max-height :800px) {
	.ps>.ps__scrollbar-y-rail {
		right: 0 !important
	}
}

.ps>.ps__scrollbar-y-rail>.ps__scrollbar-y {
	position: absolute;
	background-color: #5B676F;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: background-color .2s linear, height .2s linear,
		width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
	transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
	-o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
	-moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
	-webkit-transition: background-color .2s linear, height .2s linear,
		width .2s ease-in-out, border-radius .2s ease-in-out;
	transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
	transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
	right: 0;
	width: 4px
}

.ps:hover.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail {
	background-color: #eee;
	opacity: 1
}

.ps:hover>.ps__scrollbar-x-rail,
.ps:hover>.ps__scrollbar-y-rail {
	opacity: 0.6
}

.ps:hover>.ps__scrollbar-x-rail:hover {
	opacity: 0.9
}

/* !BASE STYLES */
/* !SELECTION */
::-moz-selection {
	background: #ef8200;
	color: #ffffff;
	text-shadow: none
}

::selection {
	background: #ef8200;
	color: #ffffff;
	text-shadow: none
}

body {
	overflow: hidden
}

/* !FORMS */
.field--textarea label,
textarea {
	min-height: 10rem
}

.field__label {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s
}

.field__label.is-focused {
	opacity: 0
}

label.error {
	color: #e43546
}

/* !BUTTONS */
.button,
[type=button],
[type=submit],
button {
	cursor: pointer
}

/* !TABLES */
/* !PAGE-ELEMENTS */
/* !OBJECTS

-- !INTRO
-- !TOGGLES
-- !TIME-TOGGLE
-- !VIEW-TOGGLE
-- !SIDEBAR
-- !SAMPLES-FORM
-- !WISHLIST-FORM
-- !SHARE-FORM
-- !ROOM

	//	*/
/* !INTRO */
.intro {
	background-color: #ffffff;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 5000
}

.intro[data-state=loaded] .intro__logo {
	opacity: 1;
	-webkit-transition: opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.intro[data-state=loaded] .intro__block-text button,
.intro[data-state=loaded] .intro__block-text h1,
.intro[data-state=loaded] .intro__block-text p {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1),
		-webkit-transform 0.85s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1),
		-webkit-transform 0.85s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1),
		transform 0.85s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.85s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.85s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.85s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.intro[data-state=loaded] .intro__block-text p {
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s
}

.intro[data-state=loaded] .intro__block-text button {
	-webkit-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s
}

.intro[data-state=loaded] .intro__small-image img {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s, -webkit-transform 0.85s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
	transition: opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s,
		-webkit-transform 0.85s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
	-o-transition: opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s,
		transform 0.85s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
	transition: opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s,
		transform 0.85s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
	transition: opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s,
		transform 0.85s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s,
		-webkit-transform 0.85s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s
}

.intro[data-state=loaded] .intro__main-image img {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: opacity 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s, -webkit-transform 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
	transition: opacity 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s,
		-webkit-transform 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
	-o-transition: opacity 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s,
		transform 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
	transition: opacity 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s,
		transform 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
	transition: opacity 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s,
		transform 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s,
		-webkit-transform 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s
}

.intro[data-state=hidden] .intro__logo,
.intro[data-state=waiting] .intro__logo {
	opacity: 0;
	-webkit-transition: opacity 0.65s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	-o-transition: opacity 0.65s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	transition: opacity 0.65s cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

.intro[data-state=hidden] .intro__block-text button,
.intro[data-state=hidden] .intro__block-text h1,
.intro[data-state=hidden] .intro__block-text p,
.intro[data-state=waiting] .intro__block-text button,
.intro[data-state=waiting] .intro__block-text h1,
.intro[data-state=waiting] .intro__block-text p {
	opacity: 0;
	-webkit-transform: translateX(-5rem);
	-ms-transform: translateX(-5rem);
	transform: translateX(-5rem);
	-webkit-transition: opacity 0.65s cubic-bezier(0.55, 0.085, 0.68, 0.53),
		-webkit-transform 0.65s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	transition: opacity 0.65s cubic-bezier(0.55, 0.085, 0.68, 0.53),
		-webkit-transform 0.65s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	-o-transition: opacity 0.65s cubic-bezier(0.55, 0.085, 0.68, 0.53),
		transform 0.65s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	transition: opacity 0.65s cubic-bezier(0.55, 0.085, 0.68, 0.53),
		transform 0.65s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	transition: opacity 0.65s cubic-bezier(0.55, 0.085, 0.68, 0.53),
		transform 0.65s cubic-bezier(0.55, 0.085, 0.68, 0.53),
		-webkit-transform 0.65s cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

.intro[data-state=hidden] .intro__block-text p,
.intro[data-state=waiting] .intro__block-text p {
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s
}

.intro[data-state=hidden] .intro__block-text button,
.intro[data-state=waiting] .intro__block-text button {
	-webkit-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s
}

.intro[data-state=hidden] .intro__small-image img,
.intro[data-state=waiting] .intro__small-image img {
	opacity: 0;
	-webkit-transform: translateX(5rem);
	-ms-transform: translateX(5rem);
	transform: translateX(5rem);
	-webkit-transition: opacity 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.2s, -webkit-transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.2s;
	transition: opacity 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.2s,
		-webkit-transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.2s;
	-o-transition: opacity 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.2s,
		transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.2s;
	transition: opacity 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.2s,
		transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.2s;
	transition: opacity 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.2s,
		transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.2s,
		-webkit-transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.2s
}

.intro[data-state=hidden] .intro__main-image img,
.intro[data-state=waiting] .intro__main-image img {
	opacity: 0;
	-webkit-transform: translateX(5rem);
	-ms-transform: translateX(5rem);
	transform: translateX(5rem);
	-webkit-transition: opacity 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.4s, -webkit-transform 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.4s;
	transition: opacity 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.4s,
		-webkit-transform 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.4s;
	-o-transition: opacity 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.4s,
		transform 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.4s;
	transition: opacity 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.4s,
		transform 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.4s;
	transition: opacity 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.4s,
		transform 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.4s,
		-webkit-transform 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.4s
}

.intro[data-state=hidden] .intro__loader,
.intro[data-state=waiting] .intro__loader {
	opacity: 1;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	-webkit-transition: opacity 0.56s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s, -webkit-transform 0.56s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
	transition: opacity 0.56s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s,
		-webkit-transform 0.56s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
	-o-transition: opacity 0.56s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s,
		transform 0.56s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
	transition: opacity 0.56s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s,
		transform 0.56s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
	transition: opacity 0.56s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s,
		transform 0.56s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s,
		-webkit-transform 0.56s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s
}

.intro[data-state=hidden] path,
.intro[data-state=waiting] path {
	stroke-dashoffset: 0;
	-webkit-transition: stroke-dashoffset 2.2s linear;
	-o-transition: stroke-dashoffset 2.2s linear;
	transition: stroke-dashoffset 2.2s linear
}

.intro[data-state=hidden] {
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity 0.8s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.4s;
	-o-transition: opacity 0.8s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.4s;
	transition: opacity 0.8s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.4s
}

.intro[data-state=hidden] .intro__loader {
	-webkit-transform: translateX(-50%) translateY(-50%) translateY(5rem);
	-ms-transform: translateX(-50%) translateY(-50%) translateY(5rem);
	transform: translateX(-50%) translateY(-50%) translateY(5rem);
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.2s;
	transition: -webkit-transform 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.2s;
	-o-transition: transform 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.2s;
	transition: transform 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.2s;
	transition: transform 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.2s,
		-webkit-transform 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.2s
}

.intro__block {
	background-color: #ffffff;
	height: 100%;
	position: absolute;
	width: 59vw;
	z-index: 2
}

.intro__logo {
	/* left: 14.25rem; */
	left: 5vw;
	opacity: 0;
	position: absolute;
	top: 10rem
}

@media (max-width :1480px) {
	.intro__logo {
		left: 8.65rem
	}
}

@media (max-width :1300px),
(max-height :800px) {
	.intro__logo {
		left: 6rem;
		top: 5rem
	}
}

/*
.intro__logo img {
	height: 2.4rem;
	width: 17rem
}
*/
.intro__block-text {
	/* 	left: 14.25rem; */
	left: 5vw;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	/* width: 21vw; */
	width: 28vw;
	padding-right: 1.2rem;
}

.intro__block-text h1 {
	margin-bottom: 0;
}

@media (max-width :1480px) {
	.intro__block-text {
		left: 8.65rem
	}
}

@media (max-width :1300px),
(max-height :800px) {
	.intro__block-text {
		/* left: 6rem; */
		left: 5vw;
		top: 140px;
		transform: inherit;
	}
}

@media (max-width :1300px),
(max-height :800px) {
	.intro__block-text p {
		margin-bottom: 2.5rem;
	}
}




.intro__block-text h1 {
	font-family: "acumin-pro-condensed", sans-serif;
	font-size: 10rem;
	letter-spacing: -.02em;
	opacity: 0;
	text-transform: uppercase;
	-webkit-transform: translateX(-5rem);
	-ms-transform: translateX(-5rem);
	transform: translateX(-5rem)
}

@media (max-width :1300px),
(max-height :800px) {
	.intro__block-text h1 {
		/* font-size: 8rem */
		font-size: 6rem;
		min-height: 100px;
	}
}

@media (max-width :1300px),
(max-height :800px) {
	.mobile .intro__block-text h1 {
		font-size: 2.5rem;
	}
}

.mobile .intro__block-text h1 {
	font-size: 5rem;
}

.intro__block-text p {
	margin-bottom: 5.5rem;
	opacity: 0;
	-webkit-transform: translateX(-5rem);
	-ms-transform: translateX(-5rem);
	transform: translateX(-5rem)
}

.intro__block-text button {
	opacity: 0;
	-webkit-transform: translateX(-5rem);
	-ms-transform: translateX(-5rem);
	transform: translateX(-5rem)
}

.intro__small-image {
	bottom: 15rem;
	height: 20vw;
	left: 33vw;
	overflow: hidden;
	position: absolute;
	width: 41vw
}

@media (max-height :850px) {
	.intro__small-image {
		top: 50%
	}
}

.intro__small-image img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	opacity: 0;
	position: absolute;
	-webkit-transform: translateX(20rem);
	-ms-transform: translateX(20rem);
	transform: translateX(20rem);
	width: 100%;
	will-change: transform
}

.intro__main-image {
	bottom: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 41vw;
	z-index: 1
}

.intro__main-image img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	opacity: 0;
	position: absolute;
	-webkit-transform: translateX(20rem);
	-ms-transform: translateX(20rem);
	transform: translateX(20rem);
	width: 100%;
	will-change: transform
}

.intro__loader {
	height: 8.5rem;
	left: 50%;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%) translateY(3rem);
	-ms-transform: translateX(-50%) translateY(-50%) translateY(3rem);
	transform: translateX(-50%) translateY(-50%) translateY(3rem);
	width: 8.5rem;
	z-index: 5
}

.intro__loader svg {
	-webkit-animation: spin 2.2s 0s cubic-bezier(0.42, 0, 0.58, 1) infinite forwards;
	animation: spin 2.2s 0s cubic-bezier(0.42, 0, 0.58, 1) infinite forwards;
	width: 150%;
	height: 150%;
}

.mobile .intro__loader svg {
	width: 100%;
	height: 100%;
}

.mobile .intro__loader {
	height: 128px;
	width: 128px;
}

.intro__loader path {
	stroke-dasharray: 304px;
	stroke-dashoffset: 304px
}

@-webkit-keyframes spin {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}

}

@keyframes spin {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}

}

/* !TOGGLES */
.toggle-icon {
	cursor: pointer;
	height: 1.5rem;
	position: absolute;
	width: 1.5rem
}

.toggle-icon path {
	-webkit-transition: fill 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: fill 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: fill 0.3s cubic-bezier(0.42, 0, 0.58, 1)
}

/* !TIME-TOGGLE */
.time-toggle {
	background-color: #ffffff;
	border-radius: 2rem;
	height: 8.5rem;
	overflow: hidden;
	position: fixed;
	right: 4.4rem;
	top: 6rem;
	width: 4rem;
	z-index: 2;
}

@media (max-width :1440px),
(max-height :850px) {
	.time-toggle {
		right: 3rem;
		top: 2.5rem
	}
}

.time-toggle:before {
	border-bottom: #eaeaea 1px solid;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 50%;
	z-index: 10
}

.time-toggle[data-time=day] .time-toggle__btn--day .time-toggle__active-state {
	height: 100%;
	-webkit-transition: height 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s;
	-o-transition: height 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s;
	transition: height 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s
}

.time-toggle[data-time=night] .time-toggle__btn--night .time-toggle__active-state {
	height: 100%;
	-webkit-transition: height 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s;
	-o-transition: height 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s;
	transition: height 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s
}

.time-toggle__btn {
	cursor: pointer;
	height: 50%;
	left: 0;
	position: absolute;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%
}

.time-toggle__btn svg {
	left: 50%;
	position: absolute;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}

.time-toggle__btn--day {
	top: 0
}

.time-toggle__btn--day svg {
	height: 2rem;
	top: 52.5%;
	width: 2rem
}

.time-toggle__btn--day .time-toggle__active-state {
	bottom: 0;
	height: 0
}

.time-toggle__btn--day .time-toggle__active-state-inner {
	bottom: 0
}

.time-toggle__btn--night {
	bottom: 0
}

.time-toggle__btn--night svg {
	height: 1.6rem;
	top: 47.5%;
	width: 1.6rem
}

.time-toggle__btn--night .time-toggle__active-state {
	height: 0;
	top: 0
}

.time-toggle__btn--night .time-toggle__active-state-inner {
	top: 0
}

.time-toggle__active-state {
	background-color: #ffffff;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	-webkit-transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.time-toggle__active-state-inner {
	height: 4.25rem;
	left: 0;
	position: absolute;
	right: 0
}

/* !VIEW TOGGLE */
.view-toggle {
	background-color: #ffffff;
	border-radius: 2rem;
	cursor: pointer;
	height: 4rem;
	overflow: hidden;
	position: fixed;
	right: 4.4rem;
	top: 16.5rem;
	width: 4rem;
	z-index: 10
}

@media (max-width :1440px),
(max-height :850px) {
	.view-toggle {
		right: 3rem;
		top: 13.5rem
	}
}

.view-toggle svg {
	height: 2rem;
	left: .7rem;
	position: absolute;
	top: 1rem;
	width: 2.6rem
}

.view-toggle[data-animate=true] .view-toggle__active-state {
	width: 100%
}

.view-toggle__active-state {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	-webkit-transition: width 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: width 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: width 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	width: 0;
	z-index: 2
}

/* Compare Toggle*/
#compare-toggle {
	background-color: #ffffff;
	border-radius: 2rem;
	cursor: pointer;
	height: 4rem;
	overflow: hidden;
	position: fixed;
	right: 4.4rem;
	top: 15.7rem;
	width: 4rem;
	z-index: 2;

}

@media (max-width :1440px),
(max-height :850px) {
	#compare-toggle {
		right: 3rem;
		top: 13.5rem
	}
}

/* OpenState Slider */
#slider_toggle {
	display: none;
	border-radius: 2rem;
	cursor: pointer;
	height: 4rem;
	overflow: hidden;
	position: fixed;
	right: 4.4rem;
	top: 209px;
	width: 4rem;
	z-index: 2;
}

#slider_toggle.off {
	opacity: 0.4;
	cursor: default;
}

/* #slider_toggle.act {
	background-color: var(--az-color);
} */
#slider_toggle circle {
	fill: #fff;
}

#slider_toggle.act circle {
	stroke: var(--az-color);
}


#slider_toggle.act circle {
	stroke: var(--az-color);
	fill: #fff;
}

#slider_toggle.act path {
	fill: var(--az-color);
}

#slider-wrap {
	position: fixed;
	top: 285px;
	right: -129px;
	width: 129px;
	height: 474px;
	background-color: #fff;
	border-radius: 12px 0 0 12px;
	overflow: hidden;
	z-index: 2;
	-webkit-transition: right 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: right 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: right 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}

#slider-wrap.act {
	right: 0px;
}




#slider-openstate-icon-wrap {
	width: 100%;
	height: 17px;
	margin-top: 25px;
	border: none;
	margin-bottom: 33px;
	cursor: pointer;
}

#slider-openstate-icon {
	/* height: 2rem; */
	height: 17px;
}

#slider-openstate {
	background-color: #5B6770;
	width: 100%;
	height: calc(100% - 181px);
	margin: 20px calc(50% - 2.5px) 20px calc(50% - 2.5px);
	width: 5px;
	border-radius: 5px 5px 5px 5px;
}

#slider-openstate .ui-slider-range {
	width: 5px;
	height: 100%;
	/* left: calc(50% - 0.4rem); */
	background: #ced2d5;
	border-radius: 0 0 5px 5px;
}

#slider-openstate .ui-slider-handle {
	left: calc(50% - 14px);
	background-color: #5B6770;
	/* border: 2px solid rgb(173, 179, 183); */
	border-radius: 14px;
	width: 28px;
	height: 28px;
	cursor: pointer;
}

.slider-txt {
	font-family: "acumin-pro-condensed", sans-serif;
	letter-spacing: 0;
	font-weight: 700;
	font-size: 14px;
	width: 100%;
	text-align: center;
	height: 14px;
	line-height: 10px;
	cursor: default;
}

/* #val-openstate {
	width: 100%;
	height: 3.8rem;
	line-height: 3.6rem;
	border: none;

	color: rgb(173, 179, 183);
	text-align: center;
} */



@media (max-width: 1440px),
(max-height: 850px) {

	#slider_toggle {
		top: 20rem;
		right: 3rem;
	}

	#slider-wrap {
		top: 26.7rem;
		height: calc(100% - 40.2rem);
		width: 10rem;
	}

	/*compact mode*/
	#slider-wrap.act {
		right: 0rem;
	}

}

/* open state mobile*/

#slider-wrap.mob {
	width: 100%;
	bottom: 0;
	top: unset;
	background-color: #F8F8F8;
	border-radius: 0;
	height: calc(100% - 32rem);
	right: -100%;
}


#slider-wrap.mob.act {
	right: 0rem;
}

#slider-wrap.mob .op-slider-header {
	height: 6.4rem;
	background-color: #F8F8F8;
	box-shadow: 0rem .4rem 2rem 0rem #00000014;
	font-family: "acumin-pro-condensed", sans-serif;
	font-weight: 400;
	font-size: 2rem;
	line-height: 6.4rem;
	letter-spacing: 0;
	display: flex;
	padding: 0 2.7rem 0 3.1rem;
	justify-content: space-between;
}

#slider-wrap.mob #slider-openstate-icon {
	height: 1.4rem;
}

/* #slider-wrap.mob #slider-openstate .ui-slider-handle {
	left: calc(50% - 1rem);
	width: 2rem;
	height: 2rem;
}*/

#slider-wrap.mob .slider-txt {
	width: fit-content;
	height: 3rem;
	line-height: 2.4rem;
}

#slider-wrap.mob .op-slider-holder {
	display: flex;
	margin: 6.2rem 2.9rem 0rem 3.1rem;
	height: 3rem;
	line-height: 3rem;
}

#slider-wrap.mob #slider-openstate {
	height: .6rem;
	margin: 1.2rem 2rem;
	width: 100%;
}

#slider-wrap.mob #slider-openstate .ui-slider-handle {
	top: -1.2rem;
	margin-left: -1.5rem;
	border-radius: 1.5rem;
	width: 3rem;
	height: 3rem;
}


#slider-wrap.mob #slider-openstate {
	background-color: #ced2d5;
}

#slider-wrap.mob #slider-openstate .ui-slider-range {
	background: #5B6770;
	border-radius: .5rem .5rem .5rem .5rem;
}


.mobile #slider_toggle {
	display: none;
	height: 3.3rem;
	width: 3.3rem;
	right: unset;
	left: 2rem;
	top: 26.7rem;
	z-index: 0;
}





/* !TITLE BAR */
.title-bar {
	color: #ffffff;
	position: absolute;
	z-index: 12
}

.title-bar.tb-l1 {
	bottom: 4.5rem;
	right: 8rem;
}

.title-bar.tb-l2 {
	bottom: 8.5rem;
	right: 8rem;
}

@media (max-width :1300px),
(max-height :800px) {
	.title-bar.tb-l1 {
		bottom: 3.8rem;
		right: 7.5rem
	}

	.title-bar.tb-l2 {
		bottom: 7.8rem;
		right: 7.5rem
	}
}

.title-bar[data-state=open] .title-bar__product-name-text {
	-webkit-transform: translateY(0) translateZ(0);
	transform: translateY(0) translateZ(0);
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1),
		-webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.title-bar[data-state=open] .title-bar__info-icon {
	opacity: 1;
	-webkit-transform: translateX(100%) translateZ(0);
	transform: translateX(100%) translateZ(0);
	-webkit-transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
	transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s,
		-webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
	-o-transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s,
		transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
	transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s,
		transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
	transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s,
		transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s,
		-webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s
}

.title-bar[data-state=changing] .title-bar__info-icon {
	opacity: 1;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
	transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s,
		-webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
	-o-transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s,
		transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
	transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s,
		transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
	transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s,
		transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s,
		-webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s
}

.title-bar__product-name {
	font-family: "acumin-pro-condensed", sans-serif;
	font-size: 2.4rem;
	height: 2.2rem;
	overflow: hidden;
	position: relative;
	/* 	text-transform: uppercase; */
	width: 60rem
}

.title-bar__product-name-text {
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: -webkit-transform .45s;
	transition: -webkit-transform .45s;
	-o-transition: transform .45s;
	transition: transform .45s;
	transition: transform .45s, -webkit-transform .45s;
	-webkit-transform: translateY(100%) translateZ(0);
	transform: translateY(100%) translateZ(0);
	will-change: transform;
	height: 32px;
	line-height: 16px;
}

.title-bar__info-icon {
	cursor: pointer;
	height: 2.55rem;
	opacity: 0;
	position: absolute;
	right: -1.5rem;
	top: 0;
	-webkit-transform: translateX(0) translateZ(0);
	transform: translateX(0) translateZ(0);
	width: 2.55rem
}

.title-bar__info-icon path {
	-webkit-transition: fill .3s;
	-o-transition: fill .3s;
	transition: fill .3s
}

/* !HELP MODAL */
.help-modal {
	bottom: 0;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	right: 0;
	top: 0;
	-webkit-transition: opacity .8s;
	-o-transition: opacity .8s;
	transition: opacity .8s;
	z-index: 55
}

.help-modal[data-state=open] {
	opacity: 1;
	pointer-events: all
}

.help-modal[data-state=open] .help-modal__inner {
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
	-ms-transform: translateX(-50%) translateY(-50%) scale(1);
	transform: translateX(-50%) translateY(-50%) scale(1)
}

.help-modal__overlay {
	left: 0;
	opacity: .8;
	position: absolute;
	top: 0;
	will-change: transform
}

.help-modal__overlay svg {
	-webkit-animation: tinyPulse .6s 0s linear infinite alternate;
	animation: tinyPulse .6s 0s linear infinite alternate;
	height: 600rem;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
	transform: translateX(-50%) translateY(-50%) translateZ(0);
	width: 1200rem
}

@media (max-width :1440px),
(max-height :850px) {
	.help-modal__overlay svg {
		height: 350rem;
		width: 700rem
	}
}

.help-modal__inner {
	color: #ffffff;
	height: 100%;
	left: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	-webkit-transition: -webkit-transform 0.45s cubic-bezier(0.065, 0.16, 0, 0.675);
	transition: -webkit-transform 0.45s cubic-bezier(0.065, 0.16, 0, 0.675);
	-o-transition: transform 0.45s cubic-bezier(0.065, 0.16, 0, 0.675);
	transition: transform 0.45s cubic-bezier(0.065, 0.16, 0, 0.675);
	transition: transform 0.45s cubic-bezier(0.065, 0.16, 0, 0.675),
		-webkit-transform 0.45s cubic-bezier(0.065, 0.16, 0, 0.675);
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.98);
	-ms-transform: translateX(-50%) translateY(-50%) scale(0.98);
	transform: translateX(-50%) translateY(-50%) scale(0.98);
	width: 100%;
	will-change: transform
}

.help-modal__inner .help-modal__toggle {
	right: 3rem;
	top: 3rem
}

.help-modal__inner[data-current="0"] .help-modal__steps ul li:nth-of-type(0) {
	opacity: 1;
	-webkit-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);
	-webkit-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s, -webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	-o-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s
}

.help-modal__inner[data-current="0"] .help-modal__pager li:nth-of-type(0) {
	background-color: #ffffff
}

.help-modal__inner[data-current="1"] .help-modal__steps ul li:first-of-type {
	opacity: 1;
	-webkit-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);
	-webkit-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s, -webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	-o-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s
}

.help-modal__inner[data-current="1"] .help-modal__pager li:first-of-type {
	background-color: #ffffff
}

.help-modal__inner[data-current="2"] .help-modal__steps ul li:nth-of-type(2) {
	opacity: 1;
	-webkit-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);
	-webkit-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s, -webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	-o-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s
}

.help-modal__inner[data-current="2"] .help-modal__pager li:nth-of-type(2) {
	background-color: #ffffff
}

.help-modal__inner[data-current="3"] .help-modal__steps ul li:nth-of-type(3) {
	opacity: 1;
	-webkit-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);
	-webkit-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s, -webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	-o-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s
}

.help-modal__inner[data-current="3"] .help-modal__pager li:nth-of-type(3) {
	background-color: #ffffff
}

.help-modal__inner[data-current="4"] .help-modal__steps ul li:nth-of-type(4) {
	opacity: 1;
	-webkit-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);
	-webkit-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s, -webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	-o-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s
}

.help-modal__inner[data-current="4"] .help-modal__pager li:nth-of-type(4) {
	background-color: #ffffff
}

.help-modal__inner[data-current="5"] .help-modal__steps ul li:nth-of-type(5) {
	opacity: 1;
	-webkit-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);
	-webkit-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s, -webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	-o-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s
}

.help-modal__inner[data-current="5"] .help-modal__pager li:nth-of-type(5) {
	background-color: #ffffff
}

.help-modal__inner[data-current="6"] .help-modal__steps ul li:nth-of-type(6) {
	opacity: 1;
	-webkit-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);
	-webkit-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s, -webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	-o-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s
}

.help-modal__inner[data-current="6"] .help-modal__pager li:nth-of-type(6) {
	background-color: #ffffff
}

.help-modal__inner[data-current="7"] .help-modal__steps ul li:nth-of-type(7) {
	opacity: 1;
	-webkit-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);
	-webkit-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s, -webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	-o-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s
}

.help-modal__inner[data-current="7"] .help-modal__pager li:nth-of-type(7) {
	background-color: #ffffff
}

.help-modal__inner[data-current="8"] .help-modal__steps ul li:nth-of-type(8) {
	opacity: 1;
	-webkit-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);
	-webkit-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s, -webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	-o-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s
}

.help-modal__inner[data-current="8"] .help-modal__pager li:nth-of-type(8) {
	background-color: #ffffff
}

.help-modal__inner[data-current="9"] .help-modal__steps ul li:nth-of-type(9) {
	opacity: 1;
	-webkit-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);
	-webkit-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s, -webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	-o-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s
}

.help-modal__inner[data-current="9"] .help-modal__pager li:nth-of-type(9) {
	background-color: #ffffff
}

.help-modal__inner[data-current="10"] .help-modal__steps ul li:nth-of-type(10) {
	opacity: 1;
	-webkit-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);
	-webkit-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s, -webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	-o-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s
}

.help-modal__inner[data-current="10"] .help-modal__pager li:nth-of-type(10) {
	background-color: #ffffff
}

.help-modal__inner[data-current="11"] .help-modal__steps ul li:nth-of-type(11) {
	opacity: 1;
	-webkit-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);
	-webkit-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s, -webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	-o-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s
}

.help-modal__inner[data-current="11"] .help-modal__pager li:nth-of-type(11) {
	background-color: #ffffff
}

.help-modal__inner[data-current="12"] .help-modal__steps ul li:nth-of-type(12) {
	opacity: 1;
	-webkit-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);
	-webkit-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s, -webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	-o-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s
}

.help-modal__inner[data-current="12"] .help-modal__pager li:nth-of-type(12) {
	background-color: #ffffff
}

.help-modal__inner[data-current="13"] .help-modal__steps ul li:nth-of-type(13) {
	opacity: 1;
	-webkit-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);
	-webkit-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s, -webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	-o-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s
}

.help-modal__inner[data-current="13"] .help-modal__pager li:nth-of-type(13) {
	background-color: #ffffff
}

.help-modal__inner[data-current="14"] .help-modal__steps ul li:nth-of-type(14) {
	opacity: 1;
	-webkit-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);
	-webkit-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s, -webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	-o-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s
}

.help-modal__inner[data-current="14"] .help-modal__pager li:nth-of-type(14) {
	background-color: #ffffff
}

.help-modal__inner[data-current="15"] .help-modal__steps ul li:nth-of-type(15) {
	opacity: 1;
	-webkit-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);
	-webkit-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s, -webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	-o-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s
}

.help-modal__inner[data-current="15"] .help-modal__pager li:nth-of-type(15) {
	background-color: #ffffff
}

.help-modal__inner[data-current="16"] .help-modal__steps ul li:nth-of-type(16) {
	opacity: 1;
	-webkit-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);
	-webkit-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s, -webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	-o-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s
}

.help-modal__inner[data-current="16"] .help-modal__pager li:nth-of-type(16) {
	background-color: #ffffff
}

.help-modal__inner[data-current="17"] .help-modal__steps ul li:nth-of-type(17) {
	opacity: 1;
	-webkit-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);
	-webkit-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s, -webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	-o-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s
}

.help-modal__inner[data-current="17"] .help-modal__pager li:nth-of-type(17) {
	background-color: #ffffff
}

.help-modal__inner[data-current="18"] .help-modal__steps ul li:nth-of-type(18) {
	opacity: 1;
	-webkit-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);
	-webkit-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s, -webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	-o-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s
}

.help-modal__inner[data-current="18"] .help-modal__pager li:nth-of-type(18) {
	background-color: #ffffff
}

.help-modal__inner[data-current="19"] .help-modal__steps ul li:nth-of-type(19) {
	opacity: 1;
	-webkit-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);
	-webkit-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s, -webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	-o-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s
}

.help-modal__inner[data-current="19"] .help-modal__pager li:nth-of-type(19) {
	background-color: #ffffff
}

.help-modal__inner[data-current="20"] .help-modal__steps ul li:nth-of-type(20) {
	opacity: 1;
	-webkit-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);
	-webkit-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s, -webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	-o-transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s;
	transition: opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s,
		-webkit-transform 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.24s
}

.help-modal__inner[data-current="20"] .help-modal__pager li:nth-of-type(20) {
	background-color: #ffffff
}

.help-modal__inner[data-pos=start] .help-modal__navigation>div:first-of-type {
	opacity: 0;
	-webkit-transition: width 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0.45s,
		opacity 0.45s;
	-o-transition: width 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0.45s, opacity 0.45s;
	transition: width 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0.45s, opacity 0.45s;
	width: 0
}

.help-modal__inner[data-pos=end] .help-modal__navigation>div:last-of-type {
	opacity: 0;
	-webkit-transition: width 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0.45s,
		opacity 0.45s;
	-o-transition: width 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0.45s, opacity 0.45s;
	transition: width 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0.45s, opacity 0.45s;
	width: 0
}

.help-modal__toggle {
	position: absolute;
	right: 0;
	top: 10rem;
	z-index: 4
}

.help-modal__toggle path {
	fill: #ffffff
}

.help-modal__title {
	font-family: "acumin-pro-condensed", sans-serif;
	font-size: 2rem;
	left: 50%;
	position: absolute;
	top: 10rem;
	text-transform: uppercase;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.help-modal__title svg {
	display: inline-block;
	margin-right: 1.1rem;
	-webkit-transform: translateY(0.7rem);
	-ms-transform: translateY(0.7rem);
	transform: translateY(0.7rem);
	width: 2.8rem
}

.help-modal__steps {
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	will-change: transform
}

.help-modal__steps h2 {
	font-size: 1.6rem;
	margin-bottom: 1rem
}

.help-modal__steps h2:last-child {
	font-size: 3.6rem;
	margin-bottom: 7rem
}

.help-modal__steps h2,
.help-modal__steps h3 {
	white-space: nowrap
}

.help-modal__steps ul {
	height: 15rem;
	position: relative;
	width: 60rem
}

.help-modal__steps li {
	display: block;
	left: 50%;
	opacity: 0;
	position: absolute;
	top: 0;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
		-webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
		-webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
		transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.help-modal__navigation>div {
	display: inline-block;
	opacity: 1;
	overflow: hidden;
	-webkit-transition: width 0.6s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.45s 0.6s;
	-o-transition: width 0.6s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.45s 0.6s;
	transition: width 0.6s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.45s 0.6s;
	width: 15rem
}

.help-modal__navigation .btn {
	margin: 0 1rem
}

.help-modal__navigation .alt {
	border-color: #ffffff;
	color: #ffffff
}

.help-modal__pager {
	bottom: 10rem;
	left: 50%;
	position: absolute;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.help-modal__pager li {
	background-color: transparent;
	border: 1px solid #ffffff;
	border-radius: 50%;
	cursor: pointer;
	display: inline-block;
	height: .6rem;
	margin: 0 .3rem;
	-webkit-transition: background-color .4s;
	-o-transition: background-color .4s;
	transition: background-color .4s;
	width: .6rem
}

.help-modal__pager li:hover {
	background-color: rgba(255, 255, 255, 0.5)
}

/* !SAMPLES FORM */
.samples-form-wrap {
	background-color: rgba(49, 56, 61, 0.8);
	bottom: 0;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	right: 0;
	top: 0;
	-webkit-transition: opacity .8s;
	-o-transition: opacity .8s;
	transition: opacity .8s;
	z-index: 50
}

.samples-form-wrap[data-state=open] {
	opacity: 1;
	pointer-events: all
}

.samples-form-wrap[data-state=open] .samples-form {
	-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 0px;
	box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 0px;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
	-ms-transform: translateX(-50%) translateY(-50%) scale(1);
	transform: translateX(-50%) translateY(-50%) scale(1)
}

.samples-form-wrap[data-state=open] .samples-form[data-stage=samples] .samples-form__basket-wrap {
	pointer-events: all
}

.samples-form-wrap[data-state=open] .samples-form[data-stage=samples] .samples-form__form-wrap {
	pointer-events: none
}

.samples-form-wrap[data-state=open] .samples-form[data-stage=samples] .samples-form__back {
	pointer-events: none
}

.samples-form-wrap[data-state=open] .samples-form[data-stage=form] .samples-form__basket-wrap {
	pointer-events: none
}

.samples-form-wrap[data-state=open] .samples-form[data-stage=form] .samples-form__form-wrap {
	pointer-events: all
}

.samples-form-wrap[data-state=open] .samples-form[data-stage=form] .samples-form__back {
	pointer-events: all
}

.samples-form {
	background-color: #f8f8f8;
	-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 30px;
	box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 30px;
	height: 70rem;
	left: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	-webkit-transition: -webkit-transform 0.45s cubic-bezier(0.065, 0.16, 0, 0.675), -webkit-box-shadow 0.3s;
	transition: -webkit-transform 0.45s cubic-bezier(0.065, 0.16, 0, 0.675),
		-webkit-box-shadow 0.3s;
	-o-transition: transform 0.45s cubic-bezier(0.065, 0.16, 0, 0.675),
		box-shadow 0.3s;
	transition: transform 0.45s cubic-bezier(0.065, 0.16, 0, 0.675),
		box-shadow 0.3s;
	transition: transform 0.45s cubic-bezier(0.065, 0.16, 0, 0.675),
		box-shadow 0.3s, -webkit-transform 0.45s cubic-bezier(0.065, 0.16, 0, 0.675), -webkit-box-shadow 0.3s;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.98);
	-ms-transform: translateX(-50%) translateY(-50%) scale(0.98);
	transform: translateX(-50%) translateY(-50%) scale(0.98);
	width: 127.25rem;
	will-change: transform
}

@media (max-width :1300px),
(max-height :800px) {
	.samples-form {
		height: 56.2rem;
		width: 85.5rem
	}
}

.samples-form .toggle-icon {
	right: 2.5rem;
	top: 2.5rem;
	z-index: 5
}

.samples-form[data-stage=samples] .samples-form__basket-wrap {
	opacity: 1;
	-webkit-transition: opacity .6s .3s;
	-o-transition: opacity .6s .3s;
	transition: opacity .6s .3s
}

.samples-form[data-stage=samples] .samples-form__form-wrap {
	opacity: 0;
	-webkit-transition: opacity .6s;
	-o-transition: opacity .6s;
	transition: opacity .6s
}

.samples-form[data-stage=samples] .samples-form__back {
	opacity: 0;
	-webkit-transition: opacity .6s;
	-o-transition: opacity .6s;
	transition: opacity .6s
}

.samples-form[data-stage=form] .samples-form__basket-wrap {
	opacity: 0;
	-webkit-transition: opacity .6s;
	-o-transition: opacity .6s;
	transition: opacity .6s
}

.samples-form[data-stage=form] .samples-form__form-wrap {
	opacity: 1;
	-webkit-transition: opacity .6s .3s;
	-o-transition: opacity .6s .3s;
	transition: opacity .6s .3s
}

.samples-form[data-stage=form] .samples-form__back {
	opacity: 1;
	-webkit-transition: opacity .6s .3s;
	-o-transition: opacity .6s .3s;
	transition: opacity .6s .3s
}

.samples-form__back {
	cursor: pointer;
	left: 2.5rem;
	position: absolute;
	top: 2.5rem;
	-webkit-transform: rotate(90deg) translateY(-100%);
	-ms-transform: rotate(90deg) translateY(-100%);
	transform: rotate(90deg) translateY(-100%);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	width: 2rem;
	z-index: 5
}

.samples-form__back path {
	fill: #5b6770;
	-webkit-transition: fill .3s;
	-o-transition: fill .3s;
	transition: fill .3s
}

.samples-form__basket-wrap {
	padding-left: 15.35rem;
	padding-right: 11.15rem;
	padding-top: 10rem;
	position: relative;
	z-index: 1
}

@media (max-width :1300px),
(max-height :800px) {
	.samples-form__basket-wrap {
		padding-left: 7rem;
		padding-right: 5.3rem;
		padding-top: 6rem
	}
}

.samples-form__basket-wrap .samples-form__submit,
.samples-form__basket-wrap .samples-form__subtitle,
.samples-form__basket-wrap .samples-form__title {
	padding-right: 4.2rem
}

@media (max-width :1300px),
(max-height :800px) {

	.samples-form__basket-wrap .samples-form__submit,
	.samples-form__basket-wrap .samples-form__subtitle,
	.samples-form__basket-wrap .samples-form__title {
		padding-right: 1.7rem
	}
}

.samples-form__form-wrap {
	left: 0;
	padding-left: 7.5rem;
	padding-right: 7.5rem;
	padding-top: 5.9rem;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2
}

@media (max-width :1300px),
(max-height :800px) {
	.samples-form__form-wrap {
		padding-left: 8.15rem;
		padding-right: 8.15rem;
		padding-top: 3.5rem
	}
}

.samples-form__form-wrap .samples-form__subtitle {
	margin-bottom: 5.5rem
}

.samples-form__title {
	margin-bottom: 1.2rem
}

.samples-form__subtitle {
	margin-bottom: 8rem
}

@media (max-width :1300px),
(max-height :800px) {
	.samples-form__subtitle {
		margin-bottom: 6.4rem
	}
}

.samples-form__chosen-samples {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 35rem;
	text-align: left
}

@media (max-width :1300px),
(max-height :800px) {
	.samples-form__chosen-samples {
		height: 30.6rem
	}
}

.samples-form__chosen-samples li {
	display: inline-block;
	width: 16rem
}

@media (max-width :1300px),
(max-height :800px) {
	.samples-form__chosen-samples li {
		width: 12.5rem
	}
}

.samples-form__chosen-samples li[data-state=empty] .chosen-samples__swatch {
	border: #d5d5d5 solid .1rem
}

.samples-form__chosen-samples li[data-state=empty] .chosen-samples__clear {
	display: none
}

.chosen-samples__swatch {
	background-color: #ffffff;
	background-image: url("./images/empty.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 2rem;
	/* height: 11.8rem; */
	position: relative;
	/* width: 11.8rem; */
	height: 120px;
	width: 120px;
}

@media (max-width :1300px),
(max-height :800px) {
	.chosen-samples__swatch {
		height: 10.8rem;
		width: 10.8rem
	}
}

.chosen-samples__swatch img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	width: 100%
}

.chosen-samples__details {
	line-height: 1.4;
	margin-bottom: 2rem;
	margin-top: 1rem
}

@media (max-width :1300px),
(max-height :800px) {
	.chosen-samples__details {
		font-size: 1.2rem
	}
}

.chosen-samples__clear {
	cursor: pointer;
	font-family: "acumin-pro-condensed", sans-serif;
	font-size: 1.4rem;
	text-transform: uppercase;
	-webkit-transition: color .45s;
	-o-transition: color .45s;
	transition: color .45s
}

.chosen-samples__clear:hover {
	color: #5a5e61
}

.samples-form__form {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.samples-form__form .field {
	margin-bottom: 1.4rem;
	position: relative
}

.samples-form__form label {
	font-family: "acumin-pro-condensed", sans-serif;
	font-size: 1.2rem;
	left: 0;
	position: absolute;
	text-transform: uppercase;
	top: 1.8rem;
	-webkit-transform: translateX(-100%) translateX(-1rem) translateY(-50%);
	-ms-transform: translateX(-100%) translateX(-1rem) translateY(-50%);
	transform: translateX(-100%) translateX(-1rem) translateY(-50%);
	z-index: 2
}

@media (max-width :1300px),
(max-height :800px) {
	.samples-form__form label {
		font-size: 1.1rem;
		top: 1.4rem
	}
}

.samples-form__form input {
	background-color: transparent;
	border: #d5d5d5 1px solid;
	height: 3.8rem;
	font-size: 1.3rem;
	letter-spacing: .025em;
	line-height: 1.5;
	padding: 0 1rem
}

@media (max-width :1300px),
(max-height :800px) {
	.samples-form__form input {
		font-size: 1.1rem;
		height: 3rem
	}
}

.samples-form__form .comment {
	font-size: 1.4rem
}

@media (max-width :1300px),
(max-height :800px) {
	.samples-form__form .comment {
		font-size: 1.1rem
	}
}

.samples-form__form-column {
	height: 40rem;
	padding-left: 14.75rem;
	padding-right: 6.625rem;
	text-align: left;
	width: 50%
}

@media (max-width :1300px),
(max-height :800px) {
	.samples-form__form-column {
		height: 34rem;
		padding-left: 9.15rem;
		padding-right: 4.325rem
	}
}

.samples-form__form-column input {
	display: block;
	width: 100%
}

.samples-form__submit {
	text-align: center;
	width: 100%
}

/* !WISHLIST FORM */
.wishlist-form-wrap {
	background-color: rgba(49, 56, 61, 0.8);
	bottom: 0;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	right: 0;
	top: 0;
	-webkit-transition: opacity .8s;
	-o-transition: opacity .8s;
	transition: opacity .8s;
	z-index: 50
}

.wishlist-form-wrap[data-state=open] {
	opacity: 1;
	pointer-events: all
}

.wishlist-form-wrap[data-state=open] .wishlist-form {
	-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 0px;
	box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 0px;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
	-ms-transform: translateX(-50%) translateY(-50%) scale(1);
	transform: translateX(-50%) translateY(-50%) scale(1)
}

.wishlist-form-wrap[data-state=open] .wishlist-form[data-stage=wishlist] .wishlist-form__basket-wrap {
	pointer-events: all
}

.wishlist-form-wrap[data-state=open] .wishlist-form[data-stage=wishlist] .wishlist-form__form-wrap {
	pointer-events: none
}

.wishlist-form-wrap[data-state=open] .wishlist-form[data-stage=wishlist] .wishlist-form__back {
	pointer-events: none
}

.wishlist-form-wrap[data-state=open] .wishlist-form[data-stage=form] .wishlist-form__basket-wrap {
	pointer-events: none
}

.wishlist-form-wrap[data-state=open] .wishlist-form[data-stage=form] .wishlist-form__form-wrap {
	pointer-events: all
}

.wishlist-form-wrap[data-state=open] .wishlist-form[data-stage=form] .wishlist-form__back {
	pointer-events: all
}

.wishlist-form {
	background-color: #f8f8f8;
	-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 30px;
	box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 30px;
	height: 70rem;
	left: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	-webkit-transition: -webkit-transform 0.45s cubic-bezier(0.065, 0.16, 0, 0.675), -webkit-box-shadow 0.3s;
	transition: -webkit-transform 0.45s cubic-bezier(0.065, 0.16, 0, 0.675),
		-webkit-box-shadow 0.3s;
	-o-transition: transform 0.45s cubic-bezier(0.065, 0.16, 0, 0.675),
		box-shadow 0.3s;
	transition: transform 0.45s cubic-bezier(0.065, 0.16, 0, 0.675),
		box-shadow 0.3s;
	transition: transform 0.45s cubic-bezier(0.065, 0.16, 0, 0.675),
		box-shadow 0.3s, -webkit-transform 0.45s cubic-bezier(0.065, 0.16, 0, 0.675), -webkit-box-shadow 0.3s;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.98);
	-ms-transform: translateX(-50%) translateY(-50%) scale(0.98);
	transform: translateX(-50%) translateY(-50%) scale(0.98);
	width: 127.25rem;
	will-change: transform
}

@media (max-width :1300px),
(max-height :800px) {
	.wishlist-form {
		height: 56.2rem;
		width: 85.5rem
	}
}

.wishlist-form .toggle-icon {
	right: 2.5rem;
	top: 2.5rem;
	z-index: 5
}

.wishlist-form[data-stage=wishlist] .wishlist-form__basket-wrap {
	opacity: 1;
	-webkit-transition: opacity .6s .3s;
	-o-transition: opacity .6s .3s;
	transition: opacity .6s .3s
}

.wishlist-form[data-stage=wishlist] .wishlist-form__form-wrap {
	opacity: 0;
	-webkit-transition: opacity .6s;
	-o-transition: opacity .6s;
	transition: opacity .6s
}

.wishlist-form[data-stage=wishlist] .wishlist-form__back {
	opacity: 0;
	-webkit-transition: opacity .6s;
	-o-transition: opacity .6s;
	transition: opacity .6s
}

.wishlist-form[data-stage=form] .wishlist-form__basket-wrap {
	opacity: 0;
	-webkit-transition: opacity .6s;
	-o-transition: opacity .6s;
	transition: opacity .6s
}

.wishlist-form[data-stage=form] .wishlist-form__form-wrap {
	opacity: 1;
	-webkit-transition: opacity .6s .3s;
	-o-transition: opacity .6s .3s;
	transition: opacity .6s .3s
}

.wishlist-form[data-stage=form] .wishlist-form__back {
	opacity: 1;
	-webkit-transition: opacity .6s .3s;
	-o-transition: opacity .6s .3s;
	transition: opacity .6s .3s
}

.wishlist-form__back {
	cursor: pointer;
	left: 2.5rem;
	position: absolute;
	top: 2.5rem;
	-webkit-transform: rotate(90deg) translateY(-100%);
	-ms-transform: rotate(90deg) translateY(-100%);
	transform: rotate(90deg) translateY(-100%);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	width: 2rem;
	z-index: 5
}

.wishlist-form__back path {
	fill: #5b6770;
	-webkit-transition: fill .3s;
	-o-transition: fill .3s;
	transition: fill .3s
}

.wishlist-form__basket-wrap {
	padding-left: 15.35rem;
	padding-right: 11.15rem;
	padding-top: 10rem;
	position: relative;
	z-index: 1
}

@media (max-width :1300px),
(max-height :800px) {
	.wishlist-form__basket-wrap {
		padding-left: 7rem;
		padding-right: 5.3rem;
		padding-top: 6rem
	}
}

.wishlist-form__basket-wrap .wishlist-basket__subtitle,
.wishlist-form__basket-wrap .wishlist-basket__title,
.wishlist-form__basket-wrap .wishlist-form__submit {
	padding-right: 4.2rem
}

@media (max-width :1300px),
(max-height :800px) {

	.wishlist-form__basket-wrap .wishlist-basket__subtitle,
	.wishlist-form__basket-wrap .wishlist-basket__title,
	.wishlist-form__basket-wrap .wishlist-form__submit {
		padding-right: 1.7rem
	}
}

.wishlist-basket__title {
	margin-bottom: 1.2rem
}

.wishlist-basket__subtitle {
	margin-bottom: 8rem
}

@media (max-width :1300px),
(max-height :800px) {
	.wishlist-basket__subtitle {
		margin-bottom: 6.4rem
	}
}

.wishlist-basket__chosen-wishlist {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 33rem;
	text-align: left
}

@media (max-width :1300px),
(max-height :800px) {
	.wishlist-basket__chosen-wishlist {
		height: 30.6rem
	}
}

.wishlist-basket__chosen-wishlist li {
	display: inline-block;
	width: 17rem;
	margin-bottom: 2rem
}

@media (max-width :1300px),
(max-height :800px) {
	.wishlist-basket__chosen-wishlist li {
		width: 12.5rem
	}
}

.wishlist-basket__chosen-wishlist li[data-state=empty] .chosen-wishlist__swatch {
	border: #d5d5d5 solid .1rem
}

.wishlist-basket__chosen-wishlist li[data-state=empty] .chosen-wishlist__clear {
	display: none
}

.chosen-wishlist__swatch {
	background-color: #ffffff;
	background-image: url("./images/empty.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 2rem;
	/* height: 11.8rem; */
	position: relative;
	/* width: 11.8rem; */
	height: 120px;
	width: 120px;
}

@media (max-width :1300px),
(max-height :800px) {
	.chosen-wishlist__swatch {
		height: 10.8rem;
		width: 10.8rem
	}
}

.chosen-wishlist__swatch img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	width: 100%
}

.chosen-wishlist__details {
	line-height: 1.4;
	margin-bottom: 1rem;
	margin-top: 1rem
}

@media (max-width :1300px),
(max-height :800px) {
	.chosen-wishlist__details {
		font-size: 1.2rem
	}
}

.chosen-wishlist__clear {
	cursor: pointer;
	font-family: "acumin-pro-condensed", sans-serif;
	font-size: 1.4rem;
	text-transform: uppercase;
	-webkit-transition: color .45s;
	-o-transition: color .45s;
	transition: color .45s
}

.chosen-wishlist__clear:hover {
	color: #5a5e61
}

.wishlist-form__form-wrap {
	left: 0;
	padding-left: 7.5rem;
	padding-right: 7.5rem;
	padding-top: 5.9rem;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2
}

@media (max-width :1300px),
(max-height :800px) {
	.wishlist-form__form-wrap {
		padding-left: 8.15rem;
		padding-right: 8.15rem;
		padding-top: 3.5rem
	}
}

.wishlist-form__title {
	margin-bottom: 1.2rem
}

.wishlist-form__subtitle {
	margin-bottom: 5.5rem
}

.wishlist-form__render {
	margin-bottom: 2.4rem
}

@media (max-width :1300px),
(max-height :800px) {
	.wishlist-form__render {
		margin-bottom: 1.6rem;
		max-height: 14rem;
		overflow: hidden;
		position: relative
	}
}

.wishlist-form__details {
	border-bottom: #dee1e2 .1rem solid;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.4rem;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 1.5rem;
	padding-bottom: 1.5rem
}

@media (max-width :1300px),
(max-height :800px) {
	.wishlist-form__details {
		font-size: 1.1rem
	}
}

.wishlist-form__details li span:first-child {
	display: block;
	font-family: "acumin-pro-condensed", sans-serif;
	font-size: 1.2rem;
	padding-bottom: .5rem;
	text-transform: uppercase
}

.wishlist-form__pdf-download {
	cursor: pointer;
	display: inline-block;
	font-family: "acumin-pro-condensed", sans-serif;
	font-size: 1.2rem;
	padding-top: 0.7rem;
	text-transform: uppercase;
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s
}

.wishlist-form__pdf-download-icon {
	display: inline-block;
	height: 1.7rem;
	margin-right: 1.4rem;
	-webkit-transform: translateY(0.2rem);
	-ms-transform: translateY(0.2rem);
	transform: translateY(0.2rem);
	width: 1.8rem
}

@media (max-width :1300px),
(max-height :800px) {
	.wishlist-form__pdf-download-icon {
		margin-right: 1rem
	}
}

.wishlist-form__form,
.mobile .mail-form__form {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.wishlist-form__form .field {
	margin-bottom: 1.4rem;
	position: relative
}

.wishlist-form__form label {
	font-family: "acumin-pro-condensed", sans-serif;
	font-size: 1.2rem;
	left: 0;
	position: absolute;
	text-transform: uppercase;
	top: 1.8rem;
	-webkit-transform: translateX(-100%) translateX(-1rem) translateY(-50%);
	-ms-transform: translateX(-100%) translateX(-1rem) translateY(-50%);
	transform: translateX(-100%) translateX(-1rem) translateY(-50%);
	z-index: 2
}

@media (max-width :1300px),
(max-height :800px) {
	.wishlist-form__form label {
		font-size: 1.1rem;
		top: 1.4rem
	}
}

.wishlist-form__form input,
.wishlist-form__form textarea,
.mail-form__form input,
.mail-form__form textarea {
	background-color: transparent;
	border: #d5d5d5 1px solid;
	height: 3.8rem;
	font-size: 1.3rem;
	letter-spacing: .025em;
	line-height: 1.5;
	padding: 0 1rem;
	width: 100%
}

@media (max-width :1300px),
(max-height :800px) {

	.wishlist-form__form input,
	.wishlist-form__form textarea {
		font-size: 1.1rem;
		height: 3rem
	}
}

.wishlist-form__form textarea {
	height: 21.3rem;
	padding: 1rem
}

@media (max-width :1300px),
(max-height :800px) {
	.wishlist-form__form textarea {
		height: 12.5rem;
		padding: 0.7rem 1rem
	}
}

.wishlist-form__form .comment {
	font-size: 1.4rem
}

.wishlist-form__form-column {
	height: 40rem;
	padding-left: 14.75rem;
	padding-right: 6.625rem;
	text-align: left;
	width: 49%
}

#wishlist-form_right {
	margin-left: 2%;
}

@media (max-width :1300px),
(max-height :800px) {
	.wishlist-form__form-column {
		height: 34rem;
		padding-left: 9.15rem;
		padding-right: 4.325rem
	}
}

.wishlist-form__form-column p,
.mobile .mail-form__form-column p {
	font-size: 1.4rem
}

@media (max-width :1300px),
(max-height :800px) {
	.wishlist-form__form-column p {
		font-size: 1.1rem
	}
}

.wishlist-form__form-column input,
.wishlist-form__form-column textarea {
	display: block;
	width: 100%
}

.wishlist-form__form-column>ul>li:last-child .wishlist-form__details {
	border-bottom: none
}

.wishlist-form__form-column:first-of-type {
	/* padding-left: 17.5rem; */
	padding-left: 8.5rem;
}

@media (max-width :1300px),
(max-height :800px) {
	.wishlist-form__form-column:first-of-type {
		padding-left: 6.5rem
	}
}

.wishlist-form__submit {
	text-align: center;
	width: 100%;
	margin-top: 2rem
}

/* !SHARE FORM */
.mail-share-wrap {
	background-color: rgba(49, 56, 61, 0.8);
	bottom: 0;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	right: 0;
	top: 0;
	-webkit-transition: opacity .8s;
	-o-transition: opacity .8s;
	transition: opacity .8s;
	z-index: 50
}

.mail-share-wrap[data-state=open] {
	opacity: 1;
	pointer-events: all
}

.mail-share-wrap[data-state=open] .mail-share {
	-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 0px;
	box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 0px;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
	-ms-transform: translateX(-50%) translateY(-50%) scale(1);
	transform: translateX(-50%) translateY(-50%) scale(1)
}

.mail-share {
	background-color: #f8f8f8;
	-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 30px;
	box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 30px;
	height: 70rem;
	left: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	-webkit-transition: -webkit-transform 0.45s cubic-bezier(0.065, 0.16, 0, 0.675), -webkit-box-shadow 0.3s;
	transition: -webkit-transform 0.45s cubic-bezier(0.065, 0.16, 0, 0.675),
		-webkit-box-shadow 0.3s;
	-o-transition: transform 0.45s cubic-bezier(0.065, 0.16, 0, 0.675),
		box-shadow 0.3s;
	transition: transform 0.45s cubic-bezier(0.065, 0.16, 0, 0.675),
		box-shadow 0.3s;
	transition: transform 0.45s cubic-bezier(0.065, 0.16, 0, 0.675),
		box-shadow 0.3s, -webkit-transform 0.45s cubic-bezier(0.065, 0.16, 0, 0.675), -webkit-box-shadow 0.3s;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.98);
	-ms-transform: translateX(-50%) translateY(-50%) scale(0.98);
	transform: translateX(-50%) translateY(-50%) scale(0.98);
	width: 127.25rem;
	will-change: transform
}

@media (max-width :1300px),
(max-height :800px) {
	.mail-share {
		height: 56.2rem;
		width: 85.5rem
	}
}

.mail-share .toggle-icon {
	right: 2.5rem;
	top: 2.5rem;
	z-index: 5
}

.mail-share__form-wrap {
	left: 0;
	padding-left: 7.5rem;
	padding-right: 7.5rem;
	padding-top: 5.9rem;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2
}

@media (max-width :1300px),
(max-height :800px) {
	.mail-share__form-wrap {
		padding-left: 8.15rem;
		padding-right: 8.15rem;
		padding-top: 3.5rem
	}
}

.mail-share__title {
	margin-bottom: 1.2rem
}

.mail-share__subtitle {
	margin-bottom: 5.5rem
}

.mail-share__brand {
	display: inline-block;
	font-family: "acumin-pro-condensed", sans-serif;
	font-size: 1.4rem;
	line-height: 1.5;
	padding-bottom: 1rem;
	text-transform: uppercase
}

.mail-share__render {
	margin-bottom: 2.4rem
}

@media (max-width :1300px),
(max-height :800px) {
	.mail-share__render {
		margin-bottom: 1.6rem;
		max-height: 14rem;
		overflow: hidden;
		position: relative
	}
}

.mail-share__details {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.4rem;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: 3rem
}

@media (max-width :1300px),
(max-height :800px) {
	.mail-share__details {
		font-size: 1.1rem
	}
}

.mail-share__details li span:first-child {
	display: block;
	font-family: "acumin-pro-condensed", sans-serif;
	font-size: 1.2rem;
	padding-bottom: .5rem;
	text-transform: uppercase
}

.mail-share__pdf-download {
	cursor: pointer;
	display: inline-block;
	font-family: "acumin-pro-condensed", sans-serif;
	font-size: 1.2rem;
	padding-top: 0.7rem;
	text-transform: uppercase;
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s
}

.mail-share__pdf-download-icon {
	display: inline-block;
	height: 1.7rem;
	margin-right: 1.4rem;
	-webkit-transform: translateY(0.2rem);
	-ms-transform: translateY(0.2rem);
	transform: translateY(0.2rem);
	width: 1.8rem
}

@media (max-width :1300px),
(max-height :800px) {
	.mail-share__pdf-download-icon {
		margin-right: 1rem
	}
}

.mail-share__form {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.mail-share__form .field {
	margin-bottom: 1.4rem;
	position: relative
}

.mail-share__form label {
	font-family: "acumin-pro-condensed", sans-serif;
	font-size: 1.2rem;
	left: 0;
	position: absolute;
	text-transform: uppercase;
	top: 1.8rem;
	-webkit-transform: translateX(-100%) translateX(-1rem) translateY(-50%);
	-ms-transform: translateX(-100%) translateX(-1rem) translateY(-50%);
	transform: translateX(-100%) translateX(-1rem) translateY(-50%);
	z-index: 2
}

@media (max-width :1300px),
(max-height :800px) {
	.mail-share__form label {
		font-size: 1.1rem;
		top: 1.4rem
	}
}

.mail-share__form input,
.mail-share__form textarea {
	background-color: transparent;
	border: #d5d5d5 1px solid;
	height: 3.8rem;
	font-size: 1.3rem;
	letter-spacing: .025em;
	line-height: 1.5;
	padding: 0 1rem;
	width: 100%
}

@media (max-width :1300px),
(max-height :800px) {

	.mail-share__form input,
	.mail-share__form textarea {
		font-size: 1.1rem;
		height: 3rem
	}
}

.mail-share__form textarea {
	height: 21.3rem;
	padding: 1rem
}

@media (max-width :1300px),
(max-height :800px) {
	.mail-share__form textarea {
		height: 12.5rem;
		padding: 0.7rem 1rem
	}
}

.mail-share__form .comment {
	font-size: 1.4rem
}

.mail-share__form-column {
	height: 40rem;
	padding-left: 14.75rem;
	padding-right: 6.625rem;
	text-align: left;
	width: 50%
}

@media (max-width :1300px),
(max-height :800px) {
	.mail-share__form-column {
		height: 34rem;
		padding-left: 9.15rem;
		padding-right: 4.325rem
	}
}

.mail-share__form-column p {
	font-size: 1.4rem
}

@media (max-width :1300px),
(max-height :800px) {
	.mail-share__form-column p {
		font-size: 1.1rem
	}
}

.mail-share__form-column input,
.mail-share__form-column textarea {
	display: block;
	width: 100%
}

.mail-share__form-column:first-of-type {
	padding-left: 17.5rem
}

@media (max-width :1300px),
(max-height :800px) {
	.mail-share__form-column:first-of-type {
		padding-left: 6.5rem
	}
}

.mail-share__submit {
	text-align: center;
	width: 100%
}

/* !SIDEBAR */
.sidebar {
	background-color: #ffffff;
	border-right: #eaeaea 0.1rem solid;
	bottom: 0;
	left: 0;
	padding: 4rem 0 0;
	position: fixed;
	text-align: center;
	top: 0;
	width: 13.25rem;
	-webkit-font-smoothing: unset;
	z-index: 16
}

@media (max-width :1300px),
(max-height :800px) {
	.sidebar {
		padding: 2.3rem 0 0;
		width: 7.65rem
	}
}

.sidebar__logo {
	display: block;
	margin: 0 auto;
	width: 7.1rem;
	cursor: pointer;
}

.sidebar__logo.dp {
	cursor: default;
}

@media (max-width :1440px),
(max-height :850px) {
	.sidebar__logo {
		width: 6.4rem
	}
}

@media (max-width :1300px),
(max-height :800px) {
	.sidebar__logo {
		width: 4.9rem
	}
}

.sidebar__main-nav {
	left: 0;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

@media (max-height :900px) {
	.sidebar__main-nav {
		top: 42%
	}
}

@media (max-width :1300px),
(max-height :800px) {
	.sidebar__main-nav {
		top: 38%
	}
}

.sidebar__main-nav-item {
	color: #5a5e61;
	cursor: pointer;
	font-size: 1.6rem;
	line-height: 1.125;
	padding: 2.15rem 0 1.75rem;
	position: relative;
	-webkit-transition: color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.sidebar__main-nav-item[data-disabled=true] {
	opacity: .4;
	pointer-events: none
}

@media (max-width :1440px),
(max-height :850px) {
	.sidebar__main-nav-item {
		font-size: 1.2rem
	}
}

@media (max-width :1300px),
(max-height :800px) {
	.sidebar__main-nav-item {
		padding: 1.5rem 0 1.5rem
	}
}

.sidebar__main-nav-item:after {
	border-bottom: #dee1e2 .1rem solid;
	bottom: 0;
	content: "";
	height: 0;
	margin-left: -3rem;
	left: 50%;
	position: absolute;
	width: 6rem
}

@media (max-width :1300px),
(max-height :800px) {
	.sidebar__main-nav-item:after {
		margin-left: -2rem;
		width: 4rem
	}
}

.sidebar__main-nav-item:last-child:after {
	display: none
}

.main-nav-item__icon {
	height: 2.6rem;
	margin: 0 auto 1.5rem;
	width: 2.6rem
}

@media (max-width :1300px),
(max-height :800px) {
	.main-nav-item__icon {
		margin: 0 auto .8rem
	}
}

.main-nav-item__icon svg {
	-webkit-transition: fill 0.3s cubic-bezier(0.42, 0, 0.58, 1), stroke 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: fill 0.3s cubic-bezier(0.42, 0, 0.58, 1), stroke 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: fill 0.3s cubic-bezier(0.42, 0, 0.58, 1), stroke 0.3s cubic-bezier(0.42, 0, 0.58, 1)
}

.sidebar__sub-nav {
	bottom: 4rem;
	left: 0;
	padding-left: 3.4rem;
	padding-right: 2rem;
	position: absolute;
	right: 0;
	text-align: left
}

@media (max-width :1440px),
(max-height :850px) {
	.sidebar__sub-nav {
		bottom: 3.1rem
	}
}

@media (max-width :1300px),
(max-height :800px) {
	.sidebar__sub-nav {
		bottom: 2.8rem;
		padding-left: 0;
		padding-right: 0;
		text-align: center
	}
}

.sidebar__sub-nav-item {
	color: #5a5e61;
	cursor: pointer;
	font-size: 1.2rem;
	line-height: 1.125;
	margin: 2.15rem 0 0;
	position: relative;
	-webkit-transition: color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

@media (max-width :1440px),
(max-height :850px) {
	.sidebar__sub-nav-item {
		font-size: 1rem;
		margin: 1.55rem 0 0
	}
}

@media (max-width :1300px),
(max-height :800px) {
	.sidebar__sub-nav-item {
		margin: 1.5rem 0 0
	}
}

.sidebar__sub-nav-item span {
	display: inline-block;
	padding-top: .6rem;
	vertical-align: top
}

@media (max-width :1440px),
(max-height :850px) {
	.sidebar__sub-nav-item span {
		padding-top: .5rem
	}
}

@media (max-width :1300px),
(max-height :800px) {
	.sidebar__sub-nav-item span {
		padding-top: 1rem
	}
}

.sub-nav-item__icon {
	display: inline-block;
	fill: #5a5e61;
	height: 2.6rem;
	line-height: 2.6rem;
	margin-right: .4rem;
	position: relative;
	stroke: #5a5e61;
	text-align: center;
	width: 2.6rem
}

@media (max-width :1440px),
(max-height :850px) {
	.sub-nav-item__icon {
		height: 2rem;
		width: 2.1rem
	}
}

@media (max-width :1300px),
(max-height :800px) {
	.sub-nav-item__icon {
		display: block;
		margin: 0 auto;
		margin-right: auto
	}
}

.sub-nav-item__icon svg {
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}

.sub-nav-item__icon circle,
.sub-nav-item__icon path,
.sub-nav-item__icon text {
	-webkit-transition: stroke 0.3s cubic-bezier(0.42, 0, 0.58, 1), fill 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: stroke 0.3s cubic-bezier(0.42, 0, 0.58, 1), fill 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: stroke 0.3s cubic-bezier(0.42, 0, 0.58, 1), fill 0.3s cubic-bezier(0.42, 0, 0.58, 1)
}

.sidebar__share-popup {
	background-color: #f8f8f8;
	border: #eaeaea 1px solid;
	border-radius: 2.3rem;
	cursor: default;
	height: 4.6rem;
	left: -1.1rem;
	opacity: 0;
	padding: 1rem 0 0 1.2rem;
	pointer-events: none;
	position: absolute;
	top: -1.1rem;
	width: 4.6rem;
	-webkit-transition: width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275),
		opacity 0.4s;
	-o-transition: width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275),
		opacity 0.4s;
	transition: width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.4s;
	z-index: 2
}

@media (max-width :1440px),
(max-height :850px) {
	.sidebar__share-popup {
		height: 3.9rem;
		left: -1.1rem;
		padding: .8rem 0 0 1rem;
		top: -.9rem
	}
}

@media (max-width :1300px),
(max-height :800px) {
	.sidebar__share-popup {
		height: 3.3rem;
		left: 1.6rem;
		padding: .5rem 0 0 1rem;
		top: -.6rem
	}
}

.sidebar__share-popup[data-state=open] {
	opacity: 1;
	pointer-events: all;
	width: 22rem;
}

.nolink.sidebar__share-popup[data-state=open] {
	/* width: 19rem; */
	width: fit-content;
}


@media (max-width :1440px),
(max-height :850px) {
	.sidebar__share-popup[data-state=open] {
		width: 16.8rem;
	}
}

.sidebar__share-popup[data-state=open] .sub-nav-item__icon--fb {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: opacity 0.3s 0.1s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: opacity 0.3s 0.1s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-o-transition: opacity 0.3s 0.1s, transform 0.3s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: opacity 0.3s 0.1s, transform 0.3s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: opacity 0.3s 0.1s, transform 0.3s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.sidebar__share-popup[data-state=open] .sub-nav-item__icon--tw {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: opacity 0.3s 0.2s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: opacity 0.3s 0.2s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-o-transition: opacity 0.3s 0.2s, transform 0.3s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: opacity 0.3s 0.2s, transform 0.3s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: opacity 0.3s 0.2s, transform 0.3s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.sidebar__share-popup[data-state=open] .sub-nav-item__icon--pt {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: opacity 0.3s 0.2s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: opacity 0.3s 0.2s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-o-transition: opacity 0.3s 0.2s, transform 0.3s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: opacity 0.3s 0.2s, transform 0.3s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: opacity 0.3s 0.2s, transform 0.3s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.sidebar__share-popup[data-state=open] .sub-nav-item__icon--ma {
	opacity: 1;
	margin-right: .8rem;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: opacity 0.3s 0.3s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: opacity 0.3s 0.3s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-o-transition: opacity 0.3s 0.3s, transform 0.3s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: opacity 0.3s 0.3s, transform 0.3s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: opacity 0.3s 0.3s, transform 0.3s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.sidebar__share-popup[data-state=open] .sub-nav-item__icon--dw {
	opacity: 1;
	margin-right: .8rem;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: opacity 0.3s 0.3s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: opacity 0.3s 0.3s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-o-transition: opacity 0.3s 0.3s, transform 0.3s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: opacity 0.3s 0.3s, transform 0.3s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: opacity 0.3s 0.3s, transform 0.3s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.sidebar__share-popup[data-state=open] .sub-nav-item__icon--li {
	opacity: 1;
	margin-right: 0;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: opacity 0.3s 0.3s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: opacity 0.3s 0.3s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-o-transition: opacity 0.3s 0.3s, transform 0.3s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: opacity 0.3s 0.3s, transform 0.3s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: opacity 0.3s 0.3s, transform 0.3s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.sidebar__share-popup .sub-nav-item__icon {
	border: 1px solid;
	border-radius: 50%;
	cursor: pointer;
	margin-right: .8rem
}

.sub-nav-item__icon {
	border-color: #5a5e61;
}

@media (max-width :1440px),
(max-height :850px) {
	.sidebar__share-popup .sub-nav-item__icon {
		margin-right: 1rem
	}
}

@media (max-width :1300px),
(max-height :800px) {
	.sidebar__share-popup .sub-nav-item__icon {
		display: inline-block
	}
}

.sidebar__share-popup .sub-nav-item__icon path {
	-webkit-transition: fill 0.3s cubic-bezier(0.42, 0, 0.58, 1), stroke 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: fill 0.3s cubic-bezier(0.42, 0, 0.58, 1), stroke 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: fill 0.3s cubic-bezier(0.42, 0, 0.58, 1), stroke 0.3s cubic-bezier(0.42, 0, 0.58, 1)
}

.sidebar__share-popup .sub-nav-item__icon--fb {
	opacity: 0
}

.sidebar__share-popup .sub-nav-item__icon--fb svg {
	height: 1.3rem;
	-webkit-transform: translateX(-50%) translateY(-50%) translateX(0);
	-ms-transform: translateX(-50%) translateY(-50%) translateX(0);
	transform: translateX(-50%) translateY(-50%) translateX(0);
	-webkit-transition: opacity 0.3s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: opacity 0.3s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: opacity 0.3s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	width: .6rem
}

@media (max-width :1440px),
(max-height :850px) {
	.sidebar__share-popup .sub-nav-item__icon--fb svg {
		height: 1.2rem;
		width: .5rem
	}
}

.sidebar__share-popup .sub-nav-item__icon--tw {
	opacity: 0;
	-webkit-transform: translateX(-3.6rem);
	-ms-transform: translateX(-3.6rem);
	transform: translateX(-3.6rem);
	-webkit-transition: border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1),
		-webkit-transform 0.3s 0.1s;
	transition: border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1),
		-webkit-transform 0.3s 0.1s;
	-o-transition: transform 0.3s 0.1s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: transform 0.3s 0.1s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: transform 0.3s 0.1s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s 0.1s
}

.sidebar__share-popup .sub-nav-item__icon--tw svg {
	height: 1.1rem;
	-webkit-transform: translateX(-50%) translateY(-50%) translateX(0);
	-ms-transform: translateX(-50%) translateY(-50%) translateX(0);
	transform: translateX(-50%) translateY(-50%) translateX(0);
	width: 1.1rem
}

@media (max-width :1440px),
(max-height :850px) {
	.sidebar__share-popup .sub-nav-item__icon--tw svg {
		height: .9rem;
		width: .9rem
	}
}


.sidebar__share-popup .sub-nav-item__icon--pt {
	opacity: 0;
	-webkit-transform: translateX(-3.6rem);
	-ms-transform: translateX(-3.6rem);
	transform: translateX(-3.6rem);
	-webkit-transition: border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1),
		-webkit-transform 0.3s 0.1s;
	transition: border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1),
		-webkit-transform 0.3s 0.1s;
	-o-transition: transform 0.3s 0.1s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: transform 0.3s 0.1s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: transform 0.3s 0.1s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s 0.1s
}

.sidebar__share-popup .sub-nav-item__icon--pt svg {
	height: 1.1rem;
	-webkit-transform: translateX(-50%) translateY(-50%) translateX(0);
	-ms-transform: translateX(-50%) translateY(-50%) translateX(0);
	transform: translateX(-50%) translateY(-50%) translateX(0);
	width: 1.1rem
}

@media (max-width :1440px),
(max-height :850px) {
	.sidebar__share-popup .sub-nav-item__icon--pt svg {
		height: .9rem;
		width: .9rem
	}
}

/*---*/
.sidebar__share-popup .sub-nav-item__icon--ma {
	opacity: 0;
	margin-right: 0;
	-webkit-transform: translateX(-3.6rem);
	-ms-transform: translateX(-3.6rem);
	transform: translateX(-3.6rem);
	-webkit-transition: border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1),
		-webkit-transform 0.3s;
	transition: border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1),
		-webkit-transform 0.3s;
	-o-transition: transform 0.3s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: transform 0.3s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: transform 0.3s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s
}

.sidebar__share-popup .sub-nav-item__icon--ma svg {
	height: 1.2rem;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 1.3rem
}

@media (max-width :1440px),
(max-height :850px) {
	.sidebar__share-popup .sub-nav-item__icon--ma svg {
		-webkit-transform: translateX(-50%) translateY(-50%) translateX(0);
		-ms-transform: translateX(-50%) translateY(-50%) translateX(0);
		transform: translateX(-50%) translateY(-50%) translateX(0);
	}
}

@media (max-width :1300px),
(max-height :800px) {
	.sidebar__share-popup .sub-nav-item__icon--ma svg {
		-webkit-transform: translateX(-50%) translateY(-50%) translateX(0);
		-ms-transform: translateX(-50%) translateY(-50%) translateX(0);
		transform: translateX(-50%) translateY(-50%) translateX(0);
	}
}

/*---*/

.sidebar__share-popup .sub-nav-item__icon--dw {
	opacity: 0;
	margin-right: 0;
	-webkit-transform: translateX(-3.6rem);
	-ms-transform: translateX(-3.6rem);
	transform: translateX(-3.6rem);
	-webkit-transition: border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1),
		-webkit-transform 0.3s;
	transition: border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1),
		-webkit-transform 0.3s;
	-o-transition: transform 0.3s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: transform 0.3s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: transform 0.3s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s
}

.sidebar__share-popup .sub-nav-item__icon--dw svg {
	height: 2rem;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 2rem
}

@media (max-width :1440px),
(max-height :850px) {
	.sidebar__share-popup .sub-nav-item__icon--dw svg {
		-webkit-transform: translateX(-50%) translateY(-50%) translateX(0);
		-ms-transform: translateX(-50%) translateY(-50%) translateX(0);
		transform: translateX(-50%) translateY(-50%) translateX(0);
	}
}

@media (max-width :1300px),
(max-height :800px) {
	.sidebar__share-popup .sub-nav-item__icon--dw svg {
		-webkit-transform: translateX(-50%) translateY(-50%) translateX(0);
		-ms-transform: translateX(-50%) translateY(-50%) translateX(0);
		transform: translateX(-50%) translateY(-50%) translateX(0);
	}
}

/*---*/
.sidebar__share-popup .sub-nav-item__icon--li {
	opacity: 0;
	margin-right: 0;
	-webkit-transform: translateX(-3.6rem);
	-ms-transform: translateX(-3.6rem);
	transform: translateX(-3.6rem);
	-webkit-transition: border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1),
		-webkit-transform 0.3s;
	transition: border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1),
		-webkit-transform 0.3s;
	-o-transition: transform 0.3s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: transform 0.3s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: transform 0.3s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s
}

.sidebar__share-popup .sub-nav-item__icon--li svg {
	height: 1.2rem;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 1.3rem
}

@media (max-width :1440px),
(max-height :850px) {
	.sidebar__share-popup .sub-nav-item__icon--li svg {
		-webkit-transform: scale(0.9) translateX(-50%) translateX(-0.1rem) translateY(-50%) translateY(-0.1rem);
		-ms-transform: scale(0.9) translateX(-50%) translateX(-0.1rem) translateY(-50%) translateY(-0.1rem);
		transform: scale(0.9) translateX(-50%) translateX(-0.1rem) translateY(-50%) translateY(-0.1rem)
	}
}

@media (max-width :1300px),
(max-height :800px) {
	.sidebar__share-popup .sub-nav-item__icon--li svg {
		-webkit-transform: scale(0.8) translateX(-50%) translateX(-0.1rem) translateY(-50%) translateY(-0.2rem);
		-ms-transform: scale(0.8) translateX(-50%) translateX(-0.1rem) translateY(-50%) translateY(-0.2rem);
		transform: scale(0.8) translateX(-50%) translateX(-0.1rem) translateY(-50%) translateY(-0.2rem)
	}
}

.sidebar__share-popup-inner {
	width: 20rem;
}

.nolink .sidebar__share-popup-inner {
	/* width: 18rem; */
	width: fit-content;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	flex-wrap: nowrap;
	padding: 0 2rem;
}

@media (max-width :1440px),
(max-height :850px) {
	.sidebar__share-popup-inner {
		width: 14.8rem;
	}
}

/* !ROOM */
.room-image-mask {
	background-color: #5a5e61;
	bottom: 0;
	left: 0;
	opacity: 1;
	pointer-events: none;
	position: fixed;
	right: 0;
	top: 0;
	-webkit-transition: opacity .6s;
	-o-transition: opacity .6s;
	transition: opacity .6s;
	z-index: 2
}

.room-image-mask[data-opacity="80"] {
	opacity: .8
}

.room-image-mask[data-opacity="0"] {
	opacity: 0
}

.room-image-canvas {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	-webkit-transition: opacity .6s;
	-o-transition: opacity .6s;
	transition: opacity .6s;
	z-index: 1;
}

.room-image-wrap {
	height: 100vh;
	left: 13.25rem;
	overflow: hidden;
	position: relative;
	-webkit-transition: -webkit-transform 0s .6s;
	transition: -webkit-transform 0s .6s;
	-o-transition: transform 0s .6s;
	transition: transform 0s .6s;
	transition: transform 0s .6s, -webkit-transform 0s .6s;
	width: calc(100vw - 13.25rem);
	z-index: 1
}

.room-image-wrap[data-view="2"] {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg)
}

@media (max-width :1300px),
(max-height :800px) {
	.room-image-wrap {
		left: 7.65rem;
		width: calc(100vw - 7.65rem)
	}
}

.room-image-wrap img {
	height: 100%;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%
}

/* !PANELS

-- !PANELS-GLOBAL
-- !CHOOSE-ITEM-PANEL
-- !ROOM-PANELS
-- !PRODUCT-PANELS
-- -- !CHOOSE-FABRIC-PANEL
-- -- !FABRIC-DETAIL-PANEL

	//	*/
/* !PANELS-GLOBAL */
.panel-wrap {
	bottom: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	left: 13.25rem;
	/* overflow: hidden; */
	position: fixed;
	top: 0;
	width: auto;
	z-index: 15
}

@media (max-width :1300px),
(max-height :800px) {
	.panel-wrap {
		left: 7.65rem
	}
}

.panel {
	background: #f8f8f8;
	border-right: #eaeaea 1px solid;
	color: #5a5e61;
	height: 100%;
	overflow: hidden;
	position: relative;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.panel .panel__inner {
	bottom: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2
}

.panel .toggle-icon {
	right: 2.25rem;
	top: 4.3rem;
	-webkit-transform: translateX(-1.2rem) translateZ(0);
	transform: translateX(-1.2rem) translateZ(0);
	-webkit-transition: .6s transform;
	-o-transition: .6s transform;
	transition: .6s transform
}

.panel .toggle-icon.js-product-tab-toggle-four {
	width: 3rem;
	height: 3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	right: 1.5rem;
	top: 3.55rem;
}

.panel .toggle-icon.js-product-tab-toggle-four svg {
	height: 50%;
	width: 50%;
}

@media (max-width :1300px),
(max-height :800px) {
	.panel .toggle-icon {
		right: 1.6rem;
		top: 3.3rem;
		-webkit-transform: translateX(-0.5rem) translateZ(0);
		transform: translateX(-0.5rem) translateZ(0)
	}

	.panel .toggle-icon.js-product-tab-toggle-four {
		right: 0.85rem;
		top: 2.55rem;
		width: 3rem;
		height: 3rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.panel .toggle-icon.js-product-tab-toggle-four svg {
		height: 1.5rem;
		width: 1.5rem;
	}
}

.panel:before {
	background: #f8f8f8;
	background: -webkit-gradient(linear, left top, right top, from(#f3f3f3),
			color-stop(2rem, #f8f8f8), to(#f8f8f8));
	background: -webkit-linear-gradient(left, #f3f3f3 0%, #f8f8f8 2rem, #f8f8f8 100%);
	background: -o-linear-gradient(left, #f3f3f3 0%, #f8f8f8 2rem, #f8f8f8 100%);
	background: linear-gradient(to right, #f3f3f3 0%, #f8f8f8 2rem, #f8f8f8 100%);
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1),
		-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	z-index: 1
}

.panel[data-state=closed] .panel__closed-title {
	opacity: 1;
	-webkit-transform: translateX(100%) rotate(90deg) translateY(12px);
	-ms-transform: translateX(100%) rotate(90deg) translateY(12px);
	transform: translateX(100%) rotate(90deg) translateY(12px)
}

.panel[data-state=closed] .choose-item__list,
.panel[data-state=closed] .choose-product__filters,
.panel[data-state=closed] .choose-product__result,
.panel[data-state=closed] .choose-product__search-form,
.panel[data-state=closed] .choose-product__switch,
.panel[data-state=closed] .choose-product__header {
	-webkit-transform: translateX(-60px);
	-ms-transform: translateX(-60px);
	transform: translateX(-60px)
}

.panel[data-state=closed] .panel__scroller {
	pointer-events: none
}

.panel[data-state=closed] .ps__scrollbar-y-rail,
.panel[data-state=hidden] .ps__scrollbar-y-rail {
	opacity: 0 !important
}

.panel[data-state=closed] .choose-item__list-item[data-state=selected] img,
.panel[data-state=hidden] .choose-item__list-item[data-state=selected] img {
	border-color: transparent
}

.panel[data-state=closed] .choose-item__list-item[data-state=selected] .choose-item__list-item-tick,
.panel[data-state=hidden] .choose-item__list-item[data-state=selected] .choose-item__list-item-tick {
	opacity: 0
}

.panel__closed-title {
	color: #5a5e61;
	display: block;
	font-size: 1.4rem;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	right: 1rem;
	top: 9.5rem;
	-webkit-transform: translateX(100%) rotate(90deg) translateY(-40px);
	-ms-transform: translateX(100%) rotate(90deg) translateY(-40px);
	transform: translateX(100%) rotate(90deg) translateY(-40px);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	-webkit-transition: 0.3s opacity cubic-bezier(0.55, 0.085, 0.68, 0.53),
		color 0.3s cubic-bezier(0.42, 0, 0.58, 1), 0.3s -webkit-transform cubic-bezier(0.55, 0.085, 0.68, 0.53);
	transition: 0.3s opacity cubic-bezier(0.55, 0.085, 0.68, 0.53), color 0.3s cubic-bezier(0.42, 0, 0.58, 1), 0.3s -webkit-transform cubic-bezier(0.55, 0.085, 0.68, 0.53);
	-o-transition: 0.3s opacity cubic-bezier(0.55, 0.085, 0.68, 0.53), 0.3s transform cubic-bezier(0.55, 0.085, 0.68, 0.53), color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: 0.3s opacity cubic-bezier(0.55, 0.085, 0.68, 0.53), 0.3s transform cubic-bezier(0.55, 0.085, 0.68, 0.53), color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: 0.3s opacity cubic-bezier(0.55, 0.085, 0.68, 0.53), 0.3s transform cubic-bezier(0.55, 0.085, 0.68, 0.53), color 0.3s cubic-bezier(0.42, 0, 0.58, 1), 0.3s -webkit-transform cubic-bezier(0.55, 0.085, 0.68, 0.53);
	white-space: nowrap;
	will-change: transform;
	-webkit-font-smoothing: unset
}

@media (max-width :1300px),
(max-height :800px) {
	.panel__closed-title {
		font-size: 1.2rem;
		right: .5rem;
		top: 8.7rem
	}
}

.panel__open-title {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #5a5e61;
	display: block;
	font-size: 2.6rem;
	/* 	height: 9.5rem; */
	height: 90px;
	line-height: .85;
	padding: 4rem 5rem 0;
	padding-right: 8rem;
	-webkit-transition: -webkit-transform .6s;
	transition: -webkit-transform .6s;
	-o-transition: transform .6s;
	transition: transform .6s;
	transition: transform .6s, -webkit-transform .6s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

@media (max-width :1440px),
(max-height :850px) {
	.panel__open-title {
		font-size: 2rem
	}
}

@media (max-width :1300px),
(max-height :800px) {
	.panel__open-title {
		font-size: 1.8rem;
		height: 8rem;
		padding: 3rem 2rem 0
	}
}

.panel__scroller {
	overflow: hidden;
	position: relative;
	width: 100%
}


/* !CHOOSE-ITEM-PANEL */
.choose-item__list {
	list-style-type: none;
	margin: 0;
	padding: 0 5rem;
	-webkit-transition: -webkit-transform .6s;
	transition: -webkit-transform .6s;
	-o-transition: transform .6s;
	transition: transform .6s;
	transition: transform .6s, -webkit-transform .6s;
	overflow: hidden;
}

@media (max-width :1300px),
(max-height :800px) {
	.choose-item__list {
		padding: 0 2rem
	}
}

.choose-item__list[data-columns="4"] {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 2.4rem;
	grid-row-gap: 2.4rem
}

@supports not (display:grid) {
	. choose-item__list [data-columns="4"] {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

}

@media (max-width :1300px),
(max-height :800px) {
	.choose-item__list[data-columns="4"] {
		grid-template-columns: 1fr 1fr 1fr;
		grid-column-gap: 2rem;
		grid-row-gap: 2rem
	}
}

@supports not (display:grid) {
	.choose-item__list [data-columns="4"] .choose-item__list-item {
		padding: .3rem;
		width: 25%
	}

}

.choose-item__list[data-columns="4"] .choose-item__list-item-tick {
	top: 3rem;
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5)
}

.choose-item__list-item {
	position: relative
}

.choose-item__list-item img {
	height: auto;
	-webkit-transition: border-color .3s;
	-o-transition: border-color .3s;
	transition: border-color .3s;
	/* 	width: 100% */
}

.choose-item__list-item-img {
	border: solid 1px transparent;
}

.choose-item__list-item span {
	display: block;
	font-size: 1.4rem;
	padding: 1.3rem 0 2.2rem
}

.choose-item__list-item:hover {
	cursor: pointer
}

.choose-item__list-item:hover .choose-item__list-item-tick {
	opacity: .2
}

.choose-item__list-item[data-help-active=true] .choose-item__list-item-tick {
	opacity: .2
}

.choose-item__list-item[data-state=selected] .choose-item__list-item-tick {
	opacity: 1
}

.choose-item__list-item-tick {
	height: 4rem;
	left: 50%;
	margin-left: -2rem;
	margin-top: -2rem;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 9.8rem;
	-webkit-transition: opacity .6s;
	-o-transition: opacity .6s;
	transition: opacity .6s;
	width: 4rem
}

@media (max-width :1300px),
(max-height :800px) {
	.choose-item__list-item-tick {
		top: 6.5rem
	}
}

/* !ROOM-PANELS */
.panel--choose-r {
	-webkit-transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	width: 41.75rem
}

@media (max-width :1300px),
(max-height :800px) {

	.panel--choose-r {
		width: 24.95rem
	}
}

.panel--choose-r[data-state=hidden] {
	margin-left: -.1rem;
	opacity: 0;
	-webkit-transition: width 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53),
		opacity 0s 0.6s;
	-o-transition: width 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 0s 0.6s;
	transition: width 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 0s 0.6s;
	width: 0
}

.panel--choose-r .panel__scroller {
	height: calc(100% - 95px);
	padding-bottom: 5rem
}

@media (max-width :1300px),
(max-height :800px) {

	.panel--choose-r .panel__scroller {
		height: calc(100% - 80px);
		padding-bottom: 0
	}
}

.panel--choose-r .panel__inner {
	width: 41.75rem
}

@media (max-width :1300px),
(max-height :800px) {

	.panel--choose-r .panel__inner {
		width: 24.95rem
	}
}

/* !PRODUCT-PANELS */
.panel--choose,
.panel--choose-product,
.panel--choose-sheers-shadings {
	-webkit-transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	width: 41.75rem
}

@media (max-width :1300px),
(max-height :800px) {

	.panel--choose,
	.panel--choose-product,
	.panel--choose-sheers-shadings {
		width: 24.95rem
	}
}


.panel--choose[data-state=hidden],
.panel--choose-product[data-state=hidden],
.panel--choose-sheers-shadings[data-state=hidden] {
	-webkit-transition: width 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53),
		opacity 0s 0.6s;
	-o-transition: width 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 0s 0.6s;
	transition: width 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 0s 0.6s;
	opacity: 0;
	width: 0
}

.panel--choose[data-state=closed],
.panel--choose-product[data-state=closed],
.panel--choose-sheers-shadings[data-state=closed] {
	cursor: pointer;
	-webkit-transition: width 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	-o-transition: width 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	transition: width 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	width: 6rem
}

@media (max-width :1300px),
(max-height :800px) {

	.panel--choose[data-state=closed],
	.panel--choose-product[data-state=closed],
	.panel--choose-sheers-shadings[data-state=closed] {
		width: 4.5rem
	}
}

.panel--choose[data-state=closed] .toggle-icon,
.panel--choose-product[data-state=closed] .toggle-icon,
.panel--choose-sheers-shadings[data-state=closed] .toggle-icon {
	-webkit-transform: translateX(0px) rotate(45deg);
	-ms-transform: translateX(0px) rotate(45deg);
	transform: translateX(0px) rotate(45deg)
}

.panel--choose[data-state=closed] .panel__open-title,
.panel--choose-product[data-state=closed] .panel__open-title,
.panel--choose-sheers-shadings[data-state=closed] .panel__open-title {
	-webkit-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	transform: translateX(-50px)
}

.panel--choose[data-state=closed]:hover,
.panel--choose-product[data-state=closed]:hover,
.panel--choose-sheers-shadings[data-state=closed]:hover {
	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, right top, from(#ececec),
			color-stop(2rem, #f8f8f8), to(#f8f8f8));
	background: -webkit-linear-gradient(left, #ececec 0%, #f8f8f8 2rem, #f8f8f8 100%);
	background: -o-linear-gradient(left, #ececec 0%, #f8f8f8 2rem, #f8f8f8 100%);
	background: linear-gradient(to right, #ececec 0%, #f8f8f8 2rem, #f8f8f8 100%)
}

.panel--choose .panel__scroller,
.panel--choose-product .panel__scroller,
.panel--choose-sheers-shadings .panel__scroller {
	height: calc(100% - 95px);
	padding-bottom: 5rem
}

@media (min-width :1301px) and (min-height :801px) {
	.js-panel-product-one li.choose-item__list-item {
		width: 320px;
	}

	.js-panel-product-one li.choose-item__list-item img {
		height: 200px;
	}

	.js-panel-product-two li.choose-item__list-item {
		width: 320px;
	}

	.js-panel-product-two li.choose-item__list-item img {
		height: 180px;
	}

	.js-panel-room-one li.choose-item__list-item {
		width: 320px;
	}

	.js-panel-room-one li.choose-item__list-item img {
		height: 200px;
	}

	.js-panel-room-two li.choose-item__list-item {
		width: 320px;
	}

	.js-panel-room-two li.choose-item__list-item img {
		height: 180px;
	}
}

@media (max-width :1300px),
(max-height :800px) {

	.panel--choose .panel__scroller,
	.panel--choose-product .panel__scroller,
	.panel--choose-sheers-shadings .panel__scroller {
		height: calc(100% - 80px);
		padding-bottom: 0
	}
}

.panel--choose .panel__inner,
.panel--choose-product .panel__inner,
.panel--choose-sheers-shadings .panel__inner {
	width: 41.75rem
}

@media (max-width :1300px),
(max-height :800px) {

	.panel--choose .panel__inner,
	.panel--choose-product .panel__inner,
	.panel--choose-sheers-shadings .panel__inner {
		width: 24.95rem
	}
}

.panel--choose-product {
	z-index: 4
}

.panel--choose-sheers-shadings {
	z-index: 3
}

.panel--choose-z1 {
	z-index: 1
}

.panel--choose-z2 {
	z-index: 2
}

.panel--choose-z3 {
	z-index: 3
}

.panel--choose-z4 {
	z-index: 4
}

.panel--choose-fabric {
	-webkit-transition: width 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: width 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: width 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
	width: 48.375rem;
	z-index: 2
}

@media (max-width :1300px),
(max-height :800px) {
	.panel--choose-fabric {
		width: 42.25rem
	}
}

.panel--choose-fabric[data-state=hidden] {
	-webkit-transition: width 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53),
		opacity 0s 0.6s;
	-o-transition: width 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 0s 0.6s;
	transition: width 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 0s 0.6s;
	opacity: 0;
	width: 0
}

.panel--choose-fabric[data-state=closed] {
	cursor: pointer;
	-webkit-transition: width 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	-o-transition: width 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	transition: width 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	width: 6rem
}

@media (max-width :1300px),
(max-height :800px) {
	.panel--choose-fabric[data-state=closed] {
		width: 4.5rem
	}
}

.panel--choose-fabric[data-state=closed] .toggle-icon {
	-webkit-transform: translateX(0px) rotate(45deg);
	-ms-transform: translateX(0px) rotate(45deg);
	transform: translateX(0px) rotate(45deg)
}

.panel--choose-fabric[data-state=closed] .panel__open-title {
	-webkit-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	transform: translateX(-50px)
}

.panel--choose-fabric[data-state=closed]:hover {
	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, right top, from(#ececec),
			color-stop(2rem, #f8f8f8), to(#f8f8f8));
	background: -webkit-linear-gradient(left, #ececec 0%, #f8f8f8 2rem, #f8f8f8 100%);
	background: -o-linear-gradient(left, #ececec 0%, #f8f8f8 2rem, #f8f8f8 100%);
	background: linear-gradient(to right, #ececec 0%, #f8f8f8 2rem, #f8f8f8 100%)
}

.panel--choose-fabric .panel__inner {
	width: 48.375rem
}

@media (max-width :1300px),
(max-height :800px) {
	.panel--choose-fabric .panel__inner {
		width: 42.25rem
	}
}

.panel--choose-fabric .panel__scroller {
	/* 	height: calc(100% - 181px); */
	height: calc(100% - 161px);
	padding-bottom: 5rem
}

@media (max-width :1300px),
(max-height :800px) {
	.panel--choose-fabric .panel__scroller {
		height: calc(100% - 136px);
		padding-bottom: 5rem
	}
}

.panel--fabric-details {
	-webkit-transition: width 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: width 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: width 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	width: 70.25rem;
	z-index: 1
}

@media (max-width :1440px),
(max-height :850px) {
	.panel--fabric-details {
		width: 56rem
	}
}

@media (max-width :1300px),
(max-height :800px) {
	.panel--fabric-details {
		width: 43.55rem
	}
}

.panel--fabric-details[data-state=hidden] {
	opacity: 0;
	-webkit-transition: width 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53),
		opacity 0s 0.6s;
	-o-transition: width 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 0s 0.6s;
	transition: width 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 0s 0.6s;
	-webkit-transform: translateX(-1px);
	-ms-transform: translateX(-1px);
	transform: translateX(-1px);
	width: 0
}

.panel--fabric-details[data-position=right] {
	position: fixed;
	right: 0
}

.panel--fabric-details[data-position=right] .panel__inner {
	left: 0;
	right: auto
}

.panel--fabric-details[data-position=right] .fabric-details__apply-fabric-button {
	display: none
}

.panel--fabric-details .panel__inner {
	width: 70.25rem
}

@media (max-width :1440px),
(max-height :850px) {
	.panel--fabric-details .panel__inner {
		width: 56rem
	}
}

@media (max-width :1300px),
(max-height :800px) {
	.panel--fabric-details .panel__inner {
		width: 43.55rem
	}
}

.panel--fabric-details .panel__scroller {
	height: calc(100% - 95px);
	padding-bottom: 5rem
}

@media (max-width :1300px),
(max-height :800px) {
	.panel--fabric-details .panel__scroller {
		height: calc(100% - 80px);
		padding-bottom: 3.5rem
	}
}

/* !CHOOSE-FABRIC-PANEL */
.choose-product__filters,
.choose-product__result,
.choose-product__search-form {
	padding: 0 5rem
}

@media (max-width :1300px),
(max-height :800px) {

	.choose-product__filters,
	.choose-product__result,
	.choose-product__search-form {
		padding: 0 2rem
	}
}

.result_number_text {
	display: inline-block;
}

.result_number_num {
	display: inline-block;
	margin-left: 5px;
}

.choose-product__search-form {
	height: 56px;
	margin-bottom: 4rem;
	-webkit-transition: -webkit-transform .6s;
	transition: -webkit-transform .6s;
	-o-transition: transform .6s;
	transition: transform .6s;
	transition: transform .6s, -webkit-transform .6s
}

.choose-product__search-form form {
	position: relative
}

.choose-product__search-form label {
	border: 1px solid transparent;
	font-size: 1.6rem;
	left: 0;
	line-height: 1.3;
	opacity: .6;
	padding: 1.6rem 2rem;
	pointer-events: none;
	position: absolute;
	top: 0;
	-webkit-transition: opacity .3s .1s;
	-o-transition: opacity .3s .1s;
	transition: opacity .3s .1s
}

.choose-product__search-form label[data-state=hidden] {
	opacity: 0
}

.choose-product__search-form input {
	border: #eaeaea 1px solid;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.6rem;
	line-height: 1.3;
	padding: 1.6rem 2rem;
	padding-right: 6rem;
	-webkit-transition: border-color .3s;
	-o-transition: border-color .3s;
	transition: border-color .3s;
	width: 100%;
	z-index: 2
}

.choose-product__search-form input:focus {
	border-color: #5a5e61;
	outline: none
}

.choose-product__search-form button {
	background: #ffffff;
	border: none;
	bottom: 1px;
	cursor: pointer;
	padding: 0;
	position: absolute;
	right: 1px;
	top: 1px;
	width: 6rem
}

.choose-product__search-form button img {
	height: 20px;
	opacity: .23;
	width: 20px
}

.choose-product__search-form button span {
	will-change: transform
}

.choose-product__search-form button span:first-child {
	border: #e43546 2px solid;
	border-radius: 50%;
	display: block;
	height: 18px;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	-webkit-transition: border-color .5s, -webkit-transform .5s;
	transition: border-color .5s, -webkit-transform .5s;
	-o-transition: transform .5s, border-color .5s;
	transition: transform .5s, border-color .5s;
	transition: transform .5s, border-color .5s, -webkit-transform .5s;
	width: 18px
}

.choose-product__search-form button span:nth-child(2),
.choose-product__search-form button span:nth-child(3) {
	border-left: #e43546 2px solid;
	height: 10px;
	left: 50%;
	position: absolute;
	top: 50%
}

.choose-product__search-form button span:nth-child(2) {
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	-webkit-transition: border-color 0.5s, -webkit-transform 0.5s cubic-bezier(0.805, 0.005, 0.265, 1.55);
	transition: border-color 0.5s, -webkit-transform 0.5s cubic-bezier(0.805, 0.005, 0.265, 1.55);
	-o-transition: transform 0.5s cubic-bezier(0.805, 0.005, 0.265, 1.55),
		border-color 0.5s;
	transition: transform 0.5s cubic-bezier(0.805, 0.005, 0.265, 1.55),
		border-color 0.5s;
	transition: transform 0.5s cubic-bezier(0.805, 0.005, 0.265, 1.55),
		border-color 0.5s, -webkit-transform 0.5s cubic-bezier(0.805, 0.005, 0.265, 1.55)
}

.choose-product__search-form button span:nth-child(3) {
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-webkit-transition: opacity 0.5s, border-color 0.5s, -webkit-transform 0.5s cubic-bezier(0.805, 0.005, 0.265, 1.55);
	transition: opacity 0.5s, border-color 0.5s, -webkit-transform 0.5s cubic-bezier(0.805, 0.005, 0.265, 1.55);
	-o-transition: transform 0.5s cubic-bezier(0.805, 0.005, 0.265, 1.55),
		opacity 0.5s, border-color 0.5s;
	transition: transform 0.5s cubic-bezier(0.805, 0.005, 0.265, 1.55),
		opacity 0.5s, border-color 0.5s;
	transition: transform 0.5s cubic-bezier(0.805, 0.005, 0.265, 1.55),
		opacity 0.5s, border-color 0.5s, -webkit-transform 0.5s cubic-bezier(0.805, 0.005, 0.265, 1.55)
}

.choose-product__search-form button[data-state=empty] span {
	border-color: #5a5e61
}

.choose-product__search-form button[data-state=empty] span:first-child {
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.75);
	-ms-transform: translateX(-50%) translateY(-50%) scale(0.75);
	transform: translateX(-50%) translateY(-50%) scale(0.75)
}

.choose-product__search-form button[data-state=empty] span:nth-child(2) {
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg) translateY(11px) scaleY(0.8);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg) translateY(11px) scaleY(0.8);
	transform: translateX(-50%) translateY(-50%) rotate(-45deg) translateY(11px) scaleY(0.8)
}

.choose-product__search-form button[data-state=empty] span:nth-child(3) {
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg) translateY(16px);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg) translateY(16px);
	transform: translateX(-50%) translateY(-50%) rotate(45deg) translateY(16px);
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.805, 0.005, 0.265, 1.55);
	transition: -webkit-transform 0.3s cubic-bezier(0.805, 0.005, 0.265, 1.55);
	-o-transition: transform 0.3s cubic-bezier(0.805, 0.005, 0.265, 1.55);
	transition: transform 0.3s cubic-bezier(0.805, 0.005, 0.265, 1.55);
	transition: transform 0.3s cubic-bezier(0.805, 0.005, 0.265, 1.55),
		-webkit-transform 0.3s cubic-bezier(0.805, 0.005, 0.265, 1.55)
}

.choose-product__search-form button:active,
.choose-product__search-form button:focus {
	outline: none
}

.choose-product__filters,
.choose-product__result {
	-webkit-transition: -webkit-transform .6s;
	transition: -webkit-transform .6s;
	-o-transition: transform .6s;
	transition: transform .6s;
	transition: transform .6s, -webkit-transform .6s
}

.choose-product__result {
	padding-top: 5rem;
}

.choose-product__filter {
	padding-top: 3.8rem;
}

.choose-product__filter--opacity,
.choose-product__result--opacity {
	padding-top: 0
}

.choose-product__filter-list,
.choose-product__result-list {
	display: grid;
	list-style-type: none;
	margin: 0;
	padding-left: 0
}

@supports not (display:grid) {

	.choose-product__filter-list,
	.choose-product__result-list {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

}

.choose-product__filter-list li {
	-webkit-transition: border-color .3s;
	-o-transition: border-color .3s;
	transition: border-color .3s
}

li.choose__color-clear:hover {
	border-color: #e43546
}

.choose-product__filter-list--opacity {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.choose-product__filter-list--opacity li {
	cursor: pointer;
	fill: #5a5e61;
	stroke: #5a5e61;
	display: inline-block;
	height: 5.4rem;
	margin-right: 3.3rem;
	width: 5.0rem;
}

.mobile .choose-product__filter-list--opacity li {
	margin-right: 1.3rem;
}

.choose-product__filter.choose-product__filter--opacity h4 {
	margin-bottom: 1.5rem;
}


.choose-product__filter-list.choose-product__filter-list--opacity {
	margin-left: 0px;

}

/* .choose-product__filter-list--opacity li {
	cursor: pointer;
	fill: #5a5e61;
	stroke: #5a5e61;
	display: inline-block;
	height: 2.4rem;
	margin-right: 3rem;
	width: 2.4rem
} */
.choose-product__filter-list--opacity li svg circle,
.choose-product__filter-list--opacity li svg path,
.choose-product__filter-list--opacity li svg polygon,
.choose-product__filter-list--opacity li svg rect {
	-webkit-transition: fill 0.3s cubic-bezier(0.42, 0, 0.58, 1), stroke 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: fill 0.3s cubic-bezier(0.42, 0, 0.58, 1), stroke 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: fill 0.3s cubic-bezier(0.42, 0, 0.58, 1), stroke 0.3s cubic-bezier(0.42, 0, 0.58, 1)
}

.choose-product__filter-list--color {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-column-gap: 2.4rem;
	grid-row-gap: 2.4rem;
}

.choose__color-chip,
.choose__color-clear {
	border: #eaeaea 1px solid;
}

.choose-product__filter-list-opacity-swatch img {
	height: auto;
	width: 100%
}

.choose-product__filter-list-more {
	margin-left: 3rem;
	pointer-events: none;
	position: relative
}

.choose-product__filter-list-more:before {
	border-left: #e1e1e1 solid .1rem;
	bottom: 0;
	content: "";
	left: -2.9rem;
	position: absolute;
	top: 0
}

@supports not (display:grid) {

	.choose__color-chip,
	.choose__color-clear {
		border: none !important;
		padding: .7rem;
		width: 20%
	}

}


.choose__color-chip>div,
.choose__color-clear>div {
	cursor: pointer;
	height: 62px
}

.choose__color-chip.off_color>div {
	cursor: default;
}

.choose__color-chip.multi div {
	background: #e4d5b4;
	background: -webkit-linear-gradient(315deg, #e4d5b4 0%, #73543f 12%, #f4e54e 25%, #da6b3d 37%, #f8a4d6 50%, #b00c25 62%, #865aa7 75%, #3a81c1 87%, #3dac45 100%);
	background: -o-linear-gradient(315deg, #e4d5b4 0%, #73543f 12%, #f4e54e 25%, #da6b3d 37%, #f8a4d6 50%, #b00c25 62%, #865aa7 75%, #3a81c1 87%, #3dac45 100%);
	background: linear-gradient(135deg, #e4d5b4 0%, #73543f 12%, #f4e54e 25%, #da6b3d 37%, #f8a4d6 50%, #b00c25 62%, #865aa7 75%, #3a81c1 87%, #3dac45 100%)
}

.choose__color-clear div {
	position: relative
}

.choose__color-clear .toggle-icon {
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}

.choose__color-clear .toggle-icon svg path {
	fill: #e43546
}

.choose-product__result {
	position: relative
}

.choose-product__result-list {
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 1.1rem;
	grid-row-gap: 2.1rem
}

.choose-product__result-filter-switch {
	cursor: default;
	margin-bottom: 0;
	opacity: .4;
	position: absolute;
	right: 0px;
	top: 13px;
	-webkit-transition: color .3s, opacity .3s;
	-o-transition: color .3s, opacity .3s;
	transition: color .3s, opacity .3s
}

.choose-product__result-filter-switch[data-state=visible] {
	cursor: pointer;
	opacity: 1
}

@supports not (display:grid) {
	.choose-product__result-list-item {
		padding: .7rem;
		width: 33%
	}

}

.choose-product__result-list-item:hover .choose-product__result-list-item-tick {
	opacity: .2
}

.choose-product__result-list-item[data-state=selected] .choose-product__result-list-item-tick {
	opacity: 1
}

.choose-product__result-list-item:hover,
.choose-product__result-list-item[data-state=selected] {
	cursor: pointer
}

.choose-product__result-list-item>div:first-child {
	border: transparent 1px solid;
	height: 122px;
	position: relative;
	-webkit-transition: border-color .3s;
	-o-transition: border-color .3s;
	transition: border-color .3s
}

.choose-product__result-list-item>div:first-child img {
	height: 120px;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	width: 120px;
}

.choose-product__result-list-item[data-filter-state=active] {
	position: relative;
	visibility: visible
}

.choose-product__result-list-item[data-filter-state=inactive] {
	position: absolute;
	visibility: hidden
}

.choose-product__result-list-item-details {
	padding-right: 28px;
	position: relative
}

.choose-product__result-list-item-details h3 {
	padding-top: .6rem
}

.choose-product__result-list-item-details .info-icon {
	height: 2rem;
	position: absolute;
	right: 0;
	top: .7rem;
	width: 2rem
}

.laddertapes-item .info-icon {
	height: 2rem;
	width: 2rem;
	margin-top: 10px;
	display: inline-block;
}

.unCheck-icon {
	display: inline-block;
	float: right;
	margin-top: 10px;
	display: none;
	opacity: 0;

	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;

}

.unCheck-icon.exists {
	display: block;
}

.unCheck-icon.exists.act {
	display: block;
	opacity: 1;

}

.unCheck-icon .text {
	font-family: "acumin-pro-condensed", sans-serif;
	display: inline-block;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 700;
	vertical-align: top;
	height: 22px;
	line-height: 22px;
}

.unCheck-icon .icon {
	height: 2rem;
	width: 2rem;
	display: inline-block;
	margin-left: 10px;
}

.info-icon path {
	-webkit-transition: fill .3s;
	-o-transition: fill .3s;
	transition: fill .3s
}

/* !FABRIC-DETAIL-PANEL */
.fabric-details__image,
.fabric-details__information {
	padding: 0 5rem
}

.fabric-details__image img {
	width: 600px;
	/*   height: 600px; */
}

.choose-product__result-list-item {
	width: 122px;
	position: relative;
}

@media (max-width :1300px),
(max-height :800px) {

	.fabric-details__image,
	.fabric-details__information {
		padding: 0 2rem;
	}
}

.fabric-details__image {
	padding: 0;
	margin: 0 5rem;
	margin-bottom: 4rem;
}

@media (max-width :1300px),
(max-height :800px) {
	.fabric-details__image {
		padding-bottom: 3rem
	}
}

.fabric-details__information {
	position: relative
}

.fabric-details__buttons {
	font-size: 0;
	position: absolute;
	right: 5rem;
	top: 0
}

@media (max-width :1300px),
(max-height :800px) {
	.fabric-details__buttons {
		right: 2rem
	}
}

.fabric-details__buttons button {
	display: block;
	margin-bottom: 1.4rem;
	margin-right: 0;
	will-change: transform
}

.fabric-details__buttons button:last-child {
	margin-bottom: 0
}

.fabric-details__wishlist-button {
	background-color: transparent;
	background-color: rgba(239, 130, 0, 0.1);
	border-color: transparent;
	border-radius: 50%;
	height: 4.2rem;
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
	vertical-align: bottom;
	width: 4.2rem
}

.fabric-details__wishlist-button:hover {
	background-color: rgba(239, 130, 0, 0.5);
}

.fabric-details__wishlist-button[data-state=active] {
	background-color: #ef8200;
}

.fabric-details__links ul {
	list-style-type: none;
	padding-left: 0
}

.fabric-details__links li {
	cursor: pointer;
	opacity: .4;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s
}

.fabric-details__links li:hover {
	opacity: 1
}

.fabric-details__links svg {
	display: inline-block;
	height: 1.4rem;
	margin-right: 1rem;
	-webkit-transform: translateY(0.1rem);
	-ms-transform: translateY(0.1rem);
	transform: translateY(0.1rem);
	width: 2.2rem
}

.choose-product__result-list-item-tick {
	height: 4rem;
	left: 50%;
	margin-left: -20px;
	/*     margin-top: calc(50% - 75px); */
	opacity: 0;
	pointer-events: none;
	position: absolute;
	/* top: calc(50% - 20px); */
	top: calc(50% - 20px);
	-webkit-transition: opacity .6s;
	-o-transition: opacity .6s;
	transition: opacity .6s;
	width: 4rem;
	z-index: 3;
}

/* !WALL-PANELS */
.panel--choose-wall {
	-webkit-transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	width: 48.375rem;
	z-index: 4
}

@media (max-width :1300px),
(max-height :800px) {
	.panel--choose-wall {
		width: 42.25rem
	}
}

.panel--choose-wall[data-state=hidden] {
	-webkit-transition: width 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53),
		opacity 0s 0.6s;
	-o-transition: width 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 0s 0.6s;
	transition: width 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 0s 0.6s;
	opacity: 0;
	width: 0
}

.panel--choose-wall[data-state=closed] {
	cursor: pointer;
	-webkit-transition: width 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	-o-transition: width 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	transition: width 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	width: 6rem
}

.panel--choose-wall[data-state=closed] .toggle-icon {
	-webkit-transform: translateX(0px) rotate(45deg);
	-ms-transform: translateX(0px) rotate(45deg);
	transform: translateX(0px) rotate(45deg)
}

.panel--choose-wall[data-state=closed] .panel__open-title {
	-webkit-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	transform: translateX(-50px)
}

.panel--choose-wall[data-state=closed]:hover {
	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, right top, from(#ececec),
			color-stop(2rem, #f8f8f8), to(#f8f8f8));
	background: -webkit-linear-gradient(left, #ececec 0%, #f8f8f8 2rem, #f8f8f8 100%);
	background: -o-linear-gradient(left, #ececec 0%, #f8f8f8 2rem, #f8f8f8 100%);
	background: linear-gradient(to right, #ececec 0%, #f8f8f8 2rem, #f8f8f8 100%)
}

.panel--choose-wall .panel__scroller {
	height: calc(100% - 95px);
	padding-bottom: 5rem
}

@media (max-width :1300px),
(max-height :800px) {
	.panel--choose-wall .panel__scroller {
		height: calc(100% - 80px);
		padding-bottom: 0
	}
}

.panel--choose-wall .panel__inner {
	width: 48.375rem
}

@media (max-width :1300px),
(max-height :800px) {
	.panel--choose-wall .panel__inner {
		width: 42.25rem
	}
}

/* !FILTERS */
.choose-wall-color__filters,
.choose-wall-color__result,
.choose-wall-color__search-form {
	padding: 0 5rem
}

@media (max-width :1300px),
(max-height :800px) {

	.choose-wall-color__filters,
	.choose-wall-color__result,
	.choose-wall-color__search-form {
		padding: 0 2rem
	}
}

.choose-wall-color__search-form {
	height: 56px;
	-webkit-transition: -webkit-transform .6s;
	transition: -webkit-transform .6s;
	-o-transition: transform .6s;
	transition: transform .6s;
	transition: transform .6s, -webkit-transform .6s
}

.choose-wall-color__search-form form {
	position: relative
}

.choose-wall-color__search-form input {
	border: #eaeaea 1px solid;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	padding: 18px 20px;
	padding-right: 6rem;
	-webkit-transition: border-color .3s;
	-o-transition: border-color .3s;
	transition: border-color .3s;
	width: 100%;
	z-index: 2
}

.choose-wall-color__search-form input:focus {
	border-color: #5a5e61;
	outline: none
}

.choose-wall-color__search-form button {
	background: #ffffff;
	border: none;
	bottom: 1px;
	cursor: pointer;
	padding: 0;
	position: absolute;
	right: 1px;
	top: 1px;
	width: 6rem
}

.choose-wall-color__search-form button img {
	height: 20px;
	opacity: .23;
	width: 20px
}

.choose-wall-color__search-form button span {
	will-change: transform
}

.choose-wall-color__search-form button span:first-child {
	border: #e43546 2px solid;
	border-radius: 50%;
	display: block;
	height: 18px;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	-webkit-transition: border-color .5s, -webkit-transform .5s;
	transition: border-color .5s, -webkit-transform .5s;
	-o-transition: transform .5s, border-color .5s;
	transition: transform .5s, border-color .5s;
	transition: transform .5s, border-color .5s, -webkit-transform .5s;
	width: 18px
}

.choose-wall-color__search-form button span:nth-child(2),
.choose-wall-color__search-form button span:nth-child(3) {
	border-left: #e43546 2px solid;
	height: 10px;
	left: 50%;
	position: absolute;
	top: 50%
}

.choose-wall-color__search-form button span:nth-child(2) {
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	-webkit-transition: border-color 0.5s, -webkit-transform 0.5s cubic-bezier(0.805, 0.005, 0.265, 1.55);
	transition: border-color 0.5s, -webkit-transform 0.5s cubic-bezier(0.805, 0.005, 0.265, 1.55);
	-o-transition: transform 0.5s cubic-bezier(0.805, 0.005, 0.265, 1.55),
		border-color 0.5s;
	transition: transform 0.5s cubic-bezier(0.805, 0.005, 0.265, 1.55),
		border-color 0.5s;
	transition: transform 0.5s cubic-bezier(0.805, 0.005, 0.265, 1.55),
		border-color 0.5s, -webkit-transform 0.5s cubic-bezier(0.805, 0.005, 0.265, 1.55)
}

.choose-wall-color__search-form button span:nth-child(3) {
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-webkit-transition: opacity 0.5s, border-color 0.5s, -webkit-transform 0.5s cubic-bezier(0.805, 0.005, 0.265, 1.55);
	transition: opacity 0.5s, border-color 0.5s, -webkit-transform 0.5s cubic-bezier(0.805, 0.005, 0.265, 1.55);
	-o-transition: transform 0.5s cubic-bezier(0.805, 0.005, 0.265, 1.55),
		opacity 0.5s, border-color 0.5s;
	transition: transform 0.5s cubic-bezier(0.805, 0.005, 0.265, 1.55),
		opacity 0.5s, border-color 0.5s;
	transition: transform 0.5s cubic-bezier(0.805, 0.005, 0.265, 1.55),
		opacity 0.5s, border-color 0.5s, -webkit-transform 0.5s cubic-bezier(0.805, 0.005, 0.265, 1.55)
}

.choose-wall-color__search-form button[data-state=empty] span {
	border-color: #5a5e61
}

.choose-wall-color__search-form button[data-state=empty] span:first-child {
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.75);
	-ms-transform: translateX(-50%) translateY(-50%) scale(0.75);
	transform: translateX(-50%) translateY(-50%) scale(0.75)
}

.choose-wall-color__search-form button[data-state=empty] span:nth-child(2) {
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg) translateY(11px) scaleY(0.8);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg) translateY(11px) scaleY(0.8);
	transform: translateX(-50%) translateY(-50%) rotate(-45deg) translateY(11px) scaleY(0.8)
}

.choose-wall-color__search-form button[data-state=empty] span:nth-child(3) {
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg) translateY(16px);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg) translateY(16px);
	transform: translateX(-50%) translateY(-50%) rotate(45deg) translateY(16px);
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.805, 0.005, 0.265, 1.55);
	transition: -webkit-transform 0.3s cubic-bezier(0.805, 0.005, 0.265, 1.55);
	-o-transition: transform 0.3s cubic-bezier(0.805, 0.005, 0.265, 1.55);
	transition: transform 0.3s cubic-bezier(0.805, 0.005, 0.265, 1.55);
	transition: transform 0.3s cubic-bezier(0.805, 0.005, 0.265, 1.55),
		-webkit-transform 0.3s cubic-bezier(0.805, 0.005, 0.265, 1.55)
}

.choose-wall-color__search-form button:active,
.choose-wall-color__search-form button:focus {
	outline: none
}

.choose-wall-color__filters,
.choose-wall-color__result {
	-webkit-transition: -webkit-transform .6s;
	transition: -webkit-transform .6s;
	-o-transition: transform .6s;
	transition: transform .6s;
	transition: transform .6s, -webkit-transform .6s
}

.choose-wall-color__result {
	padding-top: 5rem
}

.choose-wall-color__filter-list,
.choose-wall-color__result-list {
	display: grid;
	list-style-type: none;
	margin: 0;
	padding-left: 0
}

@supports not (display:grid) {

	.choose-wall-color__filter-list,
	.choose-wall-color__result-list {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

}

@supports not (display:grid) {

	.choose-wall-color__filter-list .choose-wall-color__filter-list-color-swatch,
	.choose-wall-color__filter-list .choose-wall-color__filter-list-color-swatch-clear {
		border: none !important;
		padding: .7rem;
		width: 20%
	}

}

.choose-wall-color__filter-list li {
	-webkit-transition: border-color .3s;
	-o-transition: border-color .3s;
	transition: border-color .3s
}

.choose-wall-color__filter-list li.choose-wall-color__filter-list-color-swatch-clear:hover {
	border-color: #e43546
}

.choose-wall-color__filter-list--opacity {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.choose-wall-color__filter-list--opacity li {
	cursor: pointer;
	display: inline-block;
	height: 2.4rem;
	margin-right: 3rem;
	width: 2.4rem
}

.choose-wall-color__filter-list--opacity li svg circle,
.choose-wall-color__filter-list--opacity li svg path {
	-webkit-transition: stroke 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: stroke 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: stroke 0.3s cubic-bezier(0.42, 0, 0.58, 1)
}

.choose-wall-color__filter-list--opacity li:hover svg circle,
.choose-wall-color__filter-list--opacity li:hover svg path,
.choose-wall-color__filter-list--opacity li[data-state=active] svg circle,
.choose-wall-color__filter-list--opacity li[data-state=active] svg path {
	stroke: #ef8200
}

.choose-wall-color__filter-list--color {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-column-gap: 2.4rem;
	grid-row-gap: 2.4rem
}

.choose-wall-color__filter-list--color li {}

.choose-wall-color__filter-list-color-swatch,
.choose-wall-color__filter-list-color-swatch-clear {
	border: #eaeaea 1px solid
}

.choose-wall-color__filter-list-opacity-swatch img {
	height: auto;
	width: 100%
}

.choose-wall-color__filter-list-color-swatch-clear>div,
.choose-wall-color__filter-list-color-swatch>div {
	cursor: pointer;
	height: 62px
}

.choose-wall-color__filter-list-color-swatch--multi div,
.choose-wall-color__filter-list-color-swatch-clear--multi div {
	background: #e4d5b4;
	background: -webkit-linear-gradient(315deg, #e4d5b4 0%, #73543f 12%, #f4e54e 25%,
			#da6b3d 37%, #f8a4d6 50%, #b00c25 62%, #865aa7 75%, #3a81c1 87%,
			#3dac45 100%);
	background: -o-linear-gradient(315deg, #e4d5b4 0%, #73543f 12%, #f4e54e 25%, #da6b3d 37%, #f8a4d6 50%, #b00c25 62%, #865aa7 75%, #3a81c1 87%, #3dac45 100%);
	background: linear-gradient(135deg, #e4d5b4 0%, #73543f 12%, #f4e54e 25%, #da6b3d 37%, #f8a4d6 50%, #b00c25 62%, #865aa7 75%, #3a81c1 87%, #3dac45 100%)
}

.choose-wall-color__filter-list-color-swatch-clear div {
	position: relative
}

.choose-wall-color__filter-list-color-swatch-clear .toggle-icon {
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}

.choose-wall-color__filter-list-color-swatch-clear .toggle-icon svg path {
	fill: #e43546
}

.choose-wall-color__result-list {
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 2.1rem;
	grid-row-gap: 2.1rem
}

@supports not (display:grid) {
	.choose-wall-color__result-list-item {
		padding: .7rem;
		width: 33%
	}

}

.choose-wall-color__result-list-item:hover .choose-wall-color__result-list-item-tick {
	opacity: .2
}

.choose-wall-color__result-list-item[data-state=selected] .choose-wall-color__result-list-item-tick {
	opacity: 1
}

.choose-wall-color__result-list-item:hover,
.choose-wall-color__result-list-item[data-state=selected] {
	cursor: pointer
}

.choose-wall-color__result-list-item>div {
	position: relative
}

.choose-wall-color__result-list-item>div:first-child {
	height: 110px;
	position: relative;
	-webkit-transition: border-color .3s;
	-o-transition: border-color .3s;
	transition: border-color .3s
}

.color_chip_color {
	border: 1px solid;
	border-color: transparent;
}

.choose-wall-color__result-list-item>div:first-child img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	width: 100%
}

.choose-wall-color__result-list-item[data-filter-state=active] {
	position: relative;
	visibility: visible
}

.choose-wall-color__result-list-item[data-filter-state=inactive] {
	position: absolute;
	visibility: hidden
}

.choose-wall-color__result-list-item-details {
	padding-right: 28px;
	position: relative
}

.choose-wall-color__result-list-item-details h3 {
	padding-top: .6rem
}

.choose-wall-color__result-list-item-tick {
	height: 4rem;
	left: 50%;
	margin-left: -2rem;
	margin-top: -2rem;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 5.6rem;
	-webkit-transition: opacity .6s;
	-o-transition: opacity .6s;
	transition: opacity .6s;
	width: 4rem;
	z-index: 3
}

/* !ROOM-PANELS */
.panel--choose-floor,
.panel--choose-floor-type {
	-webkit-transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	width: 41.75rem
}

@media (max-width :1300px),
(max-height :800px) {

	.panel--choose-floor,
	.panel--choose-floor-type {
		width: 24.95rem
	}
}

.panel--choose-floor-type[data-state=hidden],
.panel--choose-floor[data-state=hidden] {
	-webkit-transition: width 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53),
		opacity 0s 0.6s;
	-o-transition: width 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 0s 0.6s;
	transition: width 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 0s 0.6s;
	opacity: 0;
	width: 0
}

.panel--choose-floor-type .panel__scroller,
.panel--choose-floor .panel__scroller {
	height: calc(100% - 95px);
	padding-bottom: 5rem
}

@media (max-width :1300px),
(max-height :800px) {

	.panel--choose-floor-type .panel__scroller,
	.panel--choose-floor .panel__scroller {
		height: calc(100% - 80px);
		padding-bottom: 0
	}
}

.panel--choose-floor-type .panel__inner,
.panel--choose-floor .panel__inner {
	width: 41.75rem
}

@media (max-width :1300px),
(max-height :800px) {

	.panel--choose-floor-type .panel__inner,
	.panel--choose-floor .panel__inner {
		width: 24.95rem
	}
}

.panel--choose-floor-type {
	z-index: 4
}

.panel--choose-floor {
	z-index: 3
}

/* !PRODUCT-PANELS */
/* !PRODUCT-PANELS */
/* !PRODUCT-PANELS */
/* !PRODUCT-PANELS */
/* !PRODUCT-PANELS */
/* !PRODUCT-PANELS */
/* !PAGES */
.room-image-wrap {
	display: none;
}

#btt_bottom_hold {
	display: none;
}

.choose-item__list-item.js-apply-floor-color img {
	height: 60px;
}

#display_time_loader {
	transform: translateX(-50%) translateY(-50%);
	transition: opacity 0.56s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s,
		transform 0.56s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s,
		-webkit-transform 0.56s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
}

#display_time_loader svg {
	animation: spin 2.2s 0s cubic-bezier(0.42, 0, 0.58, 1) infinite forwards;
	width: 150%;
	height: 150%;
}

.fabric-details__image {}

/*--- from cust ---*/


#dia_pdf_close {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 20px;
	height: 20px;
	/* 	background: url(img/Buttonset_20x20px.png) 0px -20px; */
	cursor: pointer;
}

.info_texture,
.coordinate_texture,
.fav_texture {
	width: 38px;
	height: 39px;
	position: absolute;
	/* background: url(img/Buttonset_38x39px.png) 0px 0px; */
	cursor: pointer;
}

.info_texture {
	top: 0px;
	right: 0px;
	background-position: 0px -117px;
}

.info_texture:hover {
	background-position: -38px -117px;
}

#content_products {
	position: absolute;
	display: none;
	height: 200px;
	width: 100%;
	bottom: -200px;
	overflow-x: auto;
	background-color: rgba(239, 239, 239, 0.75);
}

#content_products_list {
	display: block;
	height: 180px;
	width: 3800px;
}

#btt_bottom_hold {
	position: absolute;
	width: 260px;
	height: 118px;
	display: inline-block;
	left: 50%;
	margin-left: -130px;
	color: #fff;
	bottom: 40px;
	text-align: center;
}

.product_chip {
	margin: 15px 0 0 15px;
	display: inline-block;
	cursor: pointer;
}

#loader_wrapper {
	background-color: rgba(30, 30, 30, 0.85);
	width: 100%;
	height: 100%;
	position: absolute;
	display: none;
	z-index: 999;
}

#loader_logo {
	position: absolute;
	width: 251px;
	height: 40px;
	display: block;
	left: 50%;
	top: 150px;
	margin-left: -125px;
	background: transparent url(img/Hunter-Douglas-Logo.png) no-repeat;
}

#loader_claim {
	position: absolute;
	display: block;
	width: 1006px;
	height: 191px;
	margin-left: -503px;
	top: 300px;
	left: 50%;
	background: transparent url(img/Room-Design.png) no-repeat;
}

#loader_btt_wrapper {
	position: absolute;
	display: block;
	width: 580px;
	height: 284px;
	margin-left: -284px;
	bottom: 80px;
	left: 50%;
}

#loader_btt1 {
	display: inline-block;
	border: 0;
	top: 30px;
	right: 30px;
	height: 284px;
	width: 284px;
	background: url(img/Buttenset_568x568px.png) 0px 0px;
	margin: 0;
}

#loader_btt1:hover {
	background-position: -284px 0px;
}

#loader_btt2 {
	display: inline-block;
	border: 0;
	top: 30px;
	right: 30px;
	height: 284px;
	width: 284px;
	background: url(img/Buttenset_568x568px.png) 0px -284px;
	margin: 0;
}

#loader_btt2:hover {
	background-position: -287px -284px;
}

.off {
	display: none;
}

/*font-weight*/
.intro__block-text h1,
.intro__block-text .btn span,
.sidebar__main-nav-item,
.sidebar__sub-nav-item span {
	font-weight: 700;
}

#wishlist-form__holder {
	height: 300px;
	width: 470px;
}

@media (max-width :1300px),
(max-height :800px) {
	#wishlist-form__holder {
		height: 300px;
		width: 270px;
	}
}

#wishlist_panel__scroller {
	width: 125%;
}

/* compare Kram */
#displaycomp {
	background-color: #fff;
	overflow: hidden;
}

#comp_mover_show {
	width: 63px;
	height: 57px;
	/*background-color: rgba(50, 50, 50, 0.6);
	background-image: url(img/Buttonset_63x57px.png);*/
	cursor: pointer;
	left: -30px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	line-height: 0px;
}

#comp_bar {
	width: 3px;
	/*background-color: #ce8f34;*/
}

#comp_bar.act {
	/*background-color: rgba(206, 143, 52, 0.5);*/

}

#cl_char {
	position: absolute;
	bottom: 0px;
	height: 50px;
	line-height: 50px;
	right: 4px;
	font-size: 36px;
	font-weight: bold;
}

#cr_char {
	position: absolute;
	bottom: 0px;
	height: 50px;
	line-height: 50px;
	left: 4px;
	font-size: 36px;
	font-weight: bold;
}

/*  */

#cl_text,
#cr_text {
	position: absolute;
	bottom: 8px;
	font-size: 11px;
	font-weight: bold;
	left: 10px;
	font-family: "acumin-pro-condensed", sans-serif;
	letter-spacing: .02em;
}

#cl_text {
	left: 10px;
}

#cr_text {
	text-align: right;
	right: 10px;
}

#cl_active {
	position: absolute;
	top: 8px;
	font-size: 13px;
	left: 10px;
	font-style: italic;
}

#cr_active {
	position: absolute;
	top: 8px;
	font-size: 13px;
	right: 10px;
	font-style: italic;
	display: none;
}

#roomFav_add_btt {
	width: 82px;
	height: 82px;
	position: absolute;
	left: 122px;
	bottom: 20px;
	border: 0;
	line-height: 37px;
	background-color: #5d5d5d;
	color: #fff;
	display: flex;
	cursor: pointer;
	background-image: url(img/Buttonset_82x82px.png);
	background-position: 0px -82px;
}

#roomFav_add_btt.act,
#roomFav_add_btt:hover {
	background-position: -82px -82px;
}

#btt_compare {
	width: 82px;
	height: 82px;
	position: absolute;
	left: 20px;
	bottom: 20px;
	border: 0;
	line-height: 37px;
	background-color: #5d5d5d;
	color: #fff;
	display: flex;
	cursor: pointer;
	background-image: url(img/Buttonset_82x82px.png);
}

#btt_compare:hover {
	background-position: -82px 0px;
}

#btt_compare.act {
	background-color: #ce8f34;
	background-image: none;
}

#comp_mover {
	width: 63px;
	height: 57px;
	margin: 0 40px;
	cursor: pointer;
}

.comp_bar {
	position: absolute;
	top: 167px;
	background-color: #fff;
	width: 115px;
	height: 50px;
	text-align: center;
	padding: 0px;
	line-height: 15px;
	cursor: pointer;
	color: #5a5e61;
}

#comp_left {
	right: 3px;
}

#comp_right {
	left: 3px;
}

#comp_left.act,
#comp_right.act {
	/* background-color: #ce8f34; */
	color: #fff;
}

/*
#comp_left.act #cl_header,#comp_right.act #cr_header {
	color: #b42557;
}
*/
#comp_mover:hover,
#comp_mover.act {
	background-position: -63px -383px;
}

#comp_bar,
#comp_mover {
	position: absolute;
}

#crh_act,
#clh_act {
	color: #b42557;
}

#displaycomp_div_1,
#displaycomp_div_2 {
	/*right: 0px !important;
    left: auto !important;*/

}

.display_image {
	position: relative;
}

.info_proberties_img {
	height: 50px;
	width: 50px;
}

.info_proberties {
	display: inline-block;
	margin-right: 4px;
	margin-bottom: 4px;
}

.li_1,
.li_2,
.li_3,
.li_4 {
	width: 33%;
}

.choose-product__filter-list.choose-product__filter-list--opacity .choose-product__filter-list-more {
	display: none;
}

.mobile .choose-product__filter-list.choose-product__filter-list--opacity .choose-product__filter-list-more {
	display: block;
}

.choose-product__hold[type="headrail"],
.choose-product__hold[type="leather"] {
	width: 48.375rem;
	bottom: -85px;
	position: absolute;
	right: 0;
	top: 139px;
	display: none;
}

.choose-product__hold[type="main"] {
	width: 48.375rem;
	bottom: 0px;
	position: absolute;
	right: 0;
	top: 139px;
}

@media (max-width :1300px),
(max-height :800px) {

	.choose-product__hold[type="main"],
	.choose-product__hold[type="headrail"],
	.choose-product__hold[type="leather"] {
		width: 42.25rem;
	}
}

.off_color {
	/*opacity: 0.5;*/
	display: none;
}

.off_opacity {
	opacity: 0.2;
}

.choose-product__switch {
	height: 35px;
	width: 100%;
	border-bottom: solid 1px #eaeaea;
	border-top: solid 1px #eaeaea;
	background-image: linear-gradient(#f8f8f8, #f3f3f3);
	-webkit-transition: -webkit-transform .6s;
	transition: -webkit-transform .6s;
	-o-transition: transform .6s;
	transition: transform .6s;
	transition: transform .6s, -webkit-transform .6s;
}

.fh_switch {
	display: inline-block;
	height: 33px;
	line-height: 33px;
	margin-left: 41px;
	color: #5a5e61;
	cursor: pointer;
	font-size: 1.6rem;
	font-family: "acumin-pro-condensed", sans-serif;
	letter-spacing: .02em;
	text-transform: uppercase;
	font-weight: 700;
	user-select: none;
}

#switch_fabric {
	margin-left: 50px;
}

.compare_active,
.compare_close {
	fill: #ADB3B7;
}

.fh_switch.off {
	opacity: 0.3;
	cursor: default;
}

.mail-share__form-column .red_border,
.wishlist-form__form-column .red_border {
	border-color: #f87777;
}

.view-toggle.js-view-toggle {
	display: none;
}

.js-panel-wall-one .choose-wall-color__filters {
	display: none;
}

/*--- 40SC Filter ---*/

.btt-open-filter {
	height: 42px;
	width: 42px;
	position: absolute;
	right: 51px;
	top: 37px;
	cursor: pointer;
	border-radius: 50%;
	-webkit-transition: right 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: right 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: right 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}

.panel--choose-fabric[data-state=closed] .btt-open-filter {
	right: 65px;
}

@media (max-width :1300px),
(max-height :800px) {
	.btt-open-filter {
		right: 30px;
	}

	.panel--choose-fabric[data-state=closed] .btt-open-filter {
		right: 65px;
	}
}

.acc_sc40 {
	height: 0px;
	/* 	-webkit-transition: height 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	-o-transition: height 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	transition: height 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); */
	overflow: hidden;
}

/* .acc_sc40.open {
	height: auto;
} */

.sc40_line .sub {
	height: 0px;
	overflow: hidden;
	margin-left: 79px;
	line-height: 50px;
}

.acc_sc40 .icon1_holder,
.acc_sc40 .text,
.acc_sc40 .icon2_holder {
	display: inline-block;
	vertical-align: top;
	max-width: 300px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.acc_sc40 .icon1_holder {
	width: 79px;
	height: 65px;
}

.acc_sc40 .icon1 {
	width: 54px;
	height: 65px;
}

.sc40_line {
	height: auto;
	line-height: 65px;
	border-top: 1px solid #DEE1E2;
	color: #5B6770;

	-webkit-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);

	overflow: hidden;
}

#sc40_title {
	font-family: acumin-pro-condensed, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1.5;
	margin-top: 28px;
	margin-bottom: 12px;
}

.iconb {
	display: none;
}

.icon2 {
	height: 20px;
	width: 20px;
}

.icon2 svg {
	vertical-align: top;
}

.sc40_line .main {
	position: relative;
	height: 65px;
}

.icon2_holder {
	position: absolute;
	top: 50%;
	right: 0px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
}

.sub_open .iconb {
	display: block;
}

.sub_open .icona {
	display: none;
}

.sc40_line.sub_open {
	/* 	height: auto; */
}

.sc40_line.sub_open .sub {
	/* 	height: auto; */
	color: #5B6770;
}

.sc40_line .icon1_holder,
.sc40_line .text {
	cursor: pointer;
}

.sc40_line.inact div {
	opacity: .6;
}

.sc40_line.inact .icon1_holder,
.sc40_line.inact .text,
.sc40_line.inact .icon2_holder {
	cursor: default;
}

.svg__extd {
	background-color: grey;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	margin: 12px auto;
}

.st_rw {
	fill: #5a5e61;
	-webkit-transition: fill 0.3s cubic-bezier(0.42, 0, 0.58, 1), stroke 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: fill 0.3s cubic-bezier(0.42, 0, 0.58, 1), stroke 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: fill 0.3s cubic-bezier(0.42, 0, 0.58, 1), stroke 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}

/**MOBILE**/

.mobile .btt-open-filter {
	top: 15px;
	right: 0px;
}

.mobile .choose-product__filter-list--opacity {
	position: relative;
}

.intro.mobile .intro__block {
	width: 100%;
}

.intro.mobile .intro__logo {
	width: 100%;
	/* 	border-top: 1px solid #DEE1E2;
	border-bottom: 1px solid #DEE1E2; */
	padding-left: 7vw;
	left: 0px;
	position: static;
	margin-top: 8.5vh;
	height: 7vh;
}

.intro.mobile .intro__block-text {
	width: calc(100% - 22vw);
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	position: static;
	margin-left: 7vw;
}

.intro.mobile .intro__small-image {
	height: 26vh;
	left: 7vw;
	width: 86vw;
	bottom: 7vh;
	position: static;
	margin-left: 7vw;
	margin-top: 40px;
	overflow: hidden;
}

.intro.mobile .intro__small-image img {
	position: static;
}

.intro.mobile .js-intro-btn {
	width: 41vw;
	height: 4vh;
	line-height: 0vh;
}

.intro.mobile #logo_img {
	height: 100%;
}

.intro.mobile h1 {
	margin-top: 40px;
	margin-bottom: 20px;
	line-height: inherit;
}

.intro.mobile .intro__block-text p {
	font-size: 2vh;
}

.intro.mobile .intro__block-text p {
	margin-bottom: 3.5rem;
}

.topbar {
	/* 	top: 0px;
	z-index: 2; */
	width: 100%;
	background-color: #fff;
}

.topbar__top {
	height: 58px;
	border-bottom: 1px solid #DEE1E2;
}

.topbar__logo,
.topbar__sub-nav {
	display: inline-block;
	width: 50%;
	vertical-align: top;
	height: 58px;
}

.topbar__logo {
	position: relative;
}

.topbar__sub-nav {}

.mobile .sidebar__sub-nav-item {
	display: inline-block;
	float: right;
	margin-right: 16px;
	margin: 18px 16px 0px 0px;
}

.topbar__logo img {
	height: 33px;
	left: 16px;
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.mobile .sub-nav-item__icon {
	height: 21px;
	width: 21px;
}

#mobile_main .main-nav-item__icon {
	display: inline-block;
}

#mobile_main .sidebar__main-nav-item {
	display: inline-block;
}

#mobile_main .main-nav-item__icon {
	height: 18px;
	width: 18px;
}

#mobile_main .sidebar__main-nav-item {
	margin: 5px auto 5px auto;
	/* width: 33%; */
	vertical-align: top;
	height: 40px;
	padding: 0px;
	/* border-right: 1px solid #DEE1E2; */
}

.m-br {
	height: 40px;
	border-right: 1px solid #DEE1E2;
	margin: 5px 0 5px 0;
}

#mobile_main .sidebar__main-nav-item.nb {
	border-right: none;
}

#mobile_main .main-nav-item__icon {
	margin: 11px 7px 0px 0px;
}

.topbar__bottom {
	height: 50px;
}

#mobile_main .sidebar__main-nav-item:after {
	display: none;
	width: 25%;
	text-align: center;
}

#mobile_main .sidebar__main-nav-item .text {
	display: inline-block;
	height: 40px;
	vertical-align: top;
	line-height: 40px;
	margin-top: 0px;
	text-transform: uppercase;
	font-family: "acumin-pro-condensed", sans-serif;
	font-size: 13px;
	/* 	color: #5B6770; */
}

#mobile_main .js-floors.off {
	display: none;
}

.topbar__main-nav {
	height: 50px;
	text-align: center;
	border-bottom: 1px solid #DEE1E2;
	color: #5B6770;
	display: flex;
}

.select-menu-btt {
	display: inline-block;
	float: right;
	height: 40px;
	width: 53px;
	margin-top: 12px;
	border-left: 1px solid #DEE1E2;
}

.select-menu-btt.inact {
	opacity: 0.4;
}

.select-menu-btt .svg-hold {
	height: 24px;
	width: 24px;
	display: inline-block;
	float: right;
	margin-top: 8px;
	margin-right: 13px;
}

.select-menu-bar .text-hold {
	display: inline-block;
	height: 60px;
	margin-left: 15px;
}

.select-menu-bar {
	height: 60px;
	background-color: #FAF9F8;
	border-bottom: 1px solid #DEE1E2;
	position: relative;
}

.text-hold .text1 {
	font-size: 17px;
	color: #5B6770;
	font-family: "acumin-pro-condensed", sans-serif;
	margin-top: 18px;
}

.text-hold .text2 {
	font-size: 8px;
	color: #5B6770;
	font-family: "acumin-pro-condensed", sans-serif;
	margin-top: 3px;
}

#mobile_main {
	height: 100%;
}

.tab-bar.prod-three,
.tab-bar.curt-one {
	/* 	height: calc(100% - 31px); */
	height: calc(100% - 243px);
	/* height: calc(100% - 301px); */
}

.tab-bar.prod-two,
.tab-bar.prod-three,
.tab-bar.curt-one {
	position: static;
}

.tab-bar {
	height: 100%;
	width: 100%;
	overflow-x: scroll;
	transition: opacity 0.5s ease-in-out 0s;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	opacity: 0;
	position: absolute;
	top: 0px;
}

.wall-one.tab-bar {
	height: calc(100% - 212px);
}

/* .tab-bar.off {
	opacity: 0;
} */
.tab-bar.act {
	opacity: 1;
}

.no-hr #prod-tab_3 {
	display: none;
}

.select-tab-bar {
	background-color: #F8F8F8;
	width: 100%;
	height: calc(100% - 168px);
	position: relative;
}

.select-tab-bar.long {
	height: calc(100% - 110px);
}

.room-bar {
	transition: height .6s;
	height: 0px;
	overflow: hidden;
}

.room-bar.open {
	height: 212px;
}

#mobile_main .choose-item__list-item,
#mobile_main .choose-product__result-list-item {
	width: calc(50% - 10px);
	display: inline-block;
	margin-top: 12px;
	margin: 0px 5px 0px 5px;
	vertical-align: top;
}

#mobile_main .choose-item__list {
	height: auto;
}

#mobile_main .choose-item__list {
	padding: 13px 6px 0px 6px;
}

#mobile_main .choose-item__list-item span {
	font-size: 11px;
	padding: 10px 0px 14px 0px;
}

#mobile_main .choose-item__list-item-tick {
	top: 50%;
	transform: translateY(-50%);
}

.m-tab-header {
	height: 31px;
	background-color: #F8F8F8;
	border-bottom: 1px solid #DEE1E2;
	transition: height 0.5s ease-in-out 0s;
	-webkit-transition: height 0.5s ease-in-out;
	-moz-transition: height 0.5s ease-in-out;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	padding-left: 2rem;
	padding-right: 2rem;
}


.m-tab-header.off {
	height: 0px;
	display: flex;
	border-bottom: 0px;
}

.prod-tab.off {
	display: none;
}

.prod-tab {
	display: inline-block;
	width: auto;
	text-align: center;
	vertical-align: top;
	height: 31px;
	position: relative;
	font-size: 13px;
	color: #5B6770;
	font-family: "acumin-pro-condensed", sans-serif;
	font-weight: bold;
}

.no-hr .prod-tab {
	width: 33%;
}

.prod-tab.inact {
	opacity: 0.4;
}

.prod-tab.act {
	/* 	color: #F08200; */

}

.prod-tab .dm {
	width: auto;
	height: 100%;
	line-height: 100%;
	padding-top: 6px;
}

#mobile_main .prod-three-tab2 .choose-product__result-list-item {
	width: 26vw;
	margin: 0px 1vw 11px 1vw;
	float: left;
}

#mobile_main .prod-three-tab2 .choose-item__list {
	/* 	padding: 13px 8vw 250px 8vw; */
	padding: 13px 8vw 0px 8vw;
}

#mobile_main .prod-three-tab2 .choose-product__result-list-item>div:first-child {
	height: calc(26vw + 2px);
}

#mobile_main .prod-three-tab2 .choose-product__result-list-item>div:first-child img {
	height: 26vw;
	width: 26vw;
}

#mobile_main .prod-three-tab2 .choose-product__result-list-item-details {
	padding-right: 0px;
}

#mobile_main .prod-three-tab2 .choose-product__result-list-item-details .info-icon {
	position: static;
	margin-top: 6px;
}

#mobile_main .prod-three-tab2 .choose-product__result-list-item-details h3 {
	font-size: 10px;
}

#mobile_main #prod-three_2 .choose-product__filters {
	padding-bottom: 20px;
}

#prod-three_2 .choose-product__filter-list--opacity {
	height: 73px;
	width: 307px;
}

#prod-three_2 .choose-product__filter-list--opacity li {
	height: auto;
}

#prod-three_2 .choose-product__filter-list.choose-product__filter-list--opacity {
	margin-left: 10px;
}

#prod-three_2 .choose-product__filter.choose-product__filter--opacity h4 {
	margin-top: 19px;
	margin-bottom: 15px;
}

#prod-three_2 .choose-product__filter--color {
	padding-top: 26px;
}

#prod-three_2 h4 {
	margin-bottom: 29px;
}

#prod-three_2 .choose-product__filter-list--color {
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 7vw;
	grid-row-gap: 18px;
}

#prod-three_2 .choose__color-chip>div {
	cursor: pointer;
	/* 	height: 16vw; */
}

#prod-three_1 .choose-product__search-form,
#curt-one_1 .choose-product__search-form {
	margin-top: 26px;
}

#prod-three_1 .choose-product__search-form,
#curt-one_1 .choose-product__search-form {
	height: 40px;
}

#prod-three_1 .choose-product__search-form,
#curt-one_1 .choose-product__search-form label {
	line-height: 20px;
	padding: 9px 2rem;
}

#prod-three_1 .choose-product__search-form,
#curt-one_1 .choose-product__search-form input {
	line-height: 20px;
	padding: 9px 2rem;
}

.btt-back {
	-webkit-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	opacity: 1;
}

.select-menu-bar {
	-webkit-transition: height 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: height 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: height 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}

.select-menu-bar.inact {
	height: 0px;
}

#mobile_main .choose-product__result-list-item-tick {
	z-index: 1;
}

.mobile #comp_mover_show {
	/* top: 78px; */
	top: calc(50% - 28px);
	left: -29px;
	display: block;
}

.mobile .comp_bar {
	/* 	top: 79px; */
	width: 28px;
	height: 56px;
	top: calc(50% - 28px);
}

.mobile #comp_right {
	border-top-right-radius: 110px;
	border-bottom-right-radius: 110px;
	/* text-shadow: 0 0 black; */
}

.mobile #comp_left {
	border-top-left-radius: 110px;
	border-bottom-left-radius: 110px;
}

.mobile #comp_left svg {
	height: 16px;
	width: 9px;
	position: absolute;
	right: 7px;
	top: 20px;
}

.mobile #comp_right svg {
	height: 16px;
	width: 9px;
	position: absolute;
	left: 7px;
	top: 20px;
}

.mobile .comp_bar.act {
	fill: #fff;
}

.help-zero {
	background-color: #31383D;
}

.help-page {
	padding-left: 16px;
	padding-right: 16px;
}

.help-page .icon_help {
	height: 36px;
	width: 36px;
	display: inline-block;
	display: inline-block;
	margin-top: 23px;
}

.help-page .icon_close {
	height: 19px;
	width: 19px;
	stroke: #5B6770;
	display: inline-block;
	float: right;
	margin-top: 17px;
}

.help-zero-content .text1 {
	margin-top: 39px;
	margin-bottom: 34px;
	color: #5B6770;
	font-family: acumin-pro, sans-serif;
	font-style: normal;
	font-weight: 300;
}

.help_line {
	font-family: acumin-pro-condensed, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 27px;
	margin-bottom: 10px;
	color: #fff;
	border-bottom: 1px solid;
}

.help_line .num {
	float: right;
}

.help_line div {
	display: inline-block;
}

.help-one-content .help_line {
	color: #F08200;
	margin-bottom: 40px;
}

.help_text {
	font-family: acumin-pro, sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #5B6770;
	font-size: 13px;
	text-align: left;
	letter-spacing: 0;
	line-height: 22px;
	margin-bottom: 32px;
}

.help_text span {
	height: 17px;
	width: 17px;
	display: inline-block;
	vertical-align: top;
	margin-top: 3px;
}

.help_pic_0 {
	width: calc(100% - 27px);
}

.help_pic {
	height: 182px;
	/* 	margin-top: 32px; */
	margin-bottom: 32px;
}

.help_bottom {
	margin-bottom: 33px;
}

.help_bottom_btt {
	width: 94px;
	height: 37px;
	line-height: 37px;
	margin-right: 19px;
	display: inline-block;
	color: #fff;
	font-family: acumin-pro-condensed, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 11px;
	text-align: center;
}

#help_line_2,
#help_line_3,
#help_line_4 {
	opacity: 0.4;
}

.mobile_info {
	-webkit-transition: max-height 0.6s cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: max-height 0.6s cubic-bezier(0.42, 0, 0.58, 1);
	transition: max-height 0.6s cubic-bezier(0.42, 0, 0.58, 1);
	max-height: 0px;
	overflow: hidden;
}

.mobile_info.act {
	max-height: 1300px;
	float: left;
	width: 100%;
}

.mobile_info_container {
	padding-top: 19px;
	border-top: 1px solid #DEE1E2;
	margin-bottom: 25px;
}

.info_btts {
	margin-top: 24px;
}

.mobile_info .fabric-details__image {
	/* 	height: 222px; */
	width: 100%;
	padding: 0px;

	margin: 0px;
	height: auto;
	position: relative;
}

.mobile .fabric-details__header {
	display: inline-block;
	width: calc(100% - 229px);
}

.mobile .inf_btt.inf_btt_wish {
	margin-right: 0px;
}

.mobile .fabric-details__header {
	text-transform: uppercase;
	font-family: "acumin-pro-condensed", sans-serif;
	font-size: 15px;
	height: 39px;
	line-height: 39px;
	font-weight: 600;
}



.mobile_info .fabric-details__image img {
	height: 100%;
	width: 100%;
}

.mobile_info .fabric-details__information {
	margin-top: 29px;
	padding: 0;
}

.mobile_info .fabric-details__information h3 {
	font-size: 11px;
}

.mobile_info .fabric-details__information h2 {
	font-size: 14px;
	margin-bottom: 25px;
}

.mobile_info .info_proberties_img {
	height: 40px;
	width: 40px;
}

.mobile_info .infoProberties_h3 {
	margin-top: 15px;
}

.mobie_info .infoProberties {
	margin-bottom: 18px;
}

.mobie_info .infoProberties {
	margin-bottom: 28px;
}

.inf_btt {
	width: 108px;
	height: 39px;
	background-color: #fff;
	border: 1px solid #5B6770;
	display: inline-block;
	margin-right: 13px;
	font-size: 12px;
	color: #5B6770;
	vertical-align: top;
	text-align: center;
	line-height: 39px;
	font-family: acumin-pro-condensed, sans-serif;
	font-style: normal;
	font-weight: 700;
}

.inf_btt.act {
	color: #fff;
}

.wish-one-content {
	width: 100%;
	height: 100%;
}

.mobile .wish-one-content,
.mobile .sample-one-content {
	width: 100%;
	height: auto;
	min-height: 600px;
}

.mobile .wishlist-form,
.mobile .samples-form {
	height: auto;
	width: 100%;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	top: 0%;
	left: 0%;
}

.mobile .wishlist-basket__chosen-wishlist,
.mobile .samples-form__chosen-samples {
	height: auto;
}

.wish-one .panel__scroller,
.sample-one .panel__scroller,
.info-one .panel__scroller {
	height: 100%;
}

.mobile .wishlist-form__basket-wrap,
.mobile .samples-form__basket-wrap,
.share-form__form-wrap {
	padding-left: 31px;
	padding-right: 31px;
	padding-top: 21px;
}

.mobile .wishlist-form .toggle-icon,
.mobile .js-samples-close,
.mobile .js-share-close {
	height: 19px;
	width: 19px;
	right: 31px;
	top: 18px;
}

.mobile .wishlist-basket__title,
.mobile .samples-form__title {
	margin-left: -16px;
	margin-top: 0px;
	margin-bottom: 32px;
	text-align: left;
}

.mobile .chosen-wishlist__swatch,
.mobile .chosen-samples__swatch {
	height: 98px;
	width: 98px;
	display: inline-block;
}

.mobile .chosen-wishlist__details,
.mobile .chosen-samples__details {
	display: inline-block;
	vertical-align: top;
	margin-top: 0px;
	margin-left: 36px;
	color: #5B6770;
	font-size: 11px;
	max-width: calc(100% - 135px);
}

.mobile .wishlist-basket__chosen-wishlist li,
.mobile .chosen-samples__sample {
	width: 100%;
	height: 98px;
	margin-bottom: 24px;
	position: relative;
}

.mobile .wishlist-form__submit,
.mobile .samples-form__submit,
.mobile .mail-share__submit {
	margin-top: 61px;
	margin-bottom: 61px;
}

.mobile .chosen-wishlist__clear,
.mobile .chosen-samples__clear {
	position: absolute;
	bottom: 31px;
	font-size: 11px;
	font-family: acumin-pro-condensed, sans-serif;
	font-style: normal;
	font-weight: 700;
	left: 134px;
}

.mobile .wishlist-form__form-wrap {
	padding-left: 31px;
	padding-right: 29px;
	position: static;
}

.mobile .wishlist-form__title {
	margin-left: -16px;
	margin-top: 0px;
	margin-bottom: 32px;
	text-align: left;
}

.mobile .js-wishlist2-close,
.mobile .js-sample2-close,
.mobile .js-mail-close {
	height: 19px;
	width: 19px;
	right: 31px;
	top: 18px;
}

.mobile .wishlist-form__form-column,
.mobile .mail-form__form-column {
	display: block;
	width: 100%;
	padding: 0px;
	height: auto;
}

.mobile #wishlist-form_right {
	display: block;
	padding-top: 24px;
	border-top: 1px solid #DEE1E2;
	margin-top: 25px;
}

.mobile #wishlist-form__holder {
	height: auto;
	width: 100%;
}

.mobile .wishlist-form__form-column p {
	font-family: "acumin-pro", sans-serif;
	margin-left: -16px;
	font-size: 17px;
}

.mobile .wishlist-form__pdf-download {
	border: 2px solid #5B6770;
	width: 100%;
	height: 39px;
	padding: 0px;
	text-align: center;
	margin-top: 21px;
}

.mobile .wishlist-form__pdf-download .svg__download-text {
	font-family: acumin-pro-condensed, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	display: inline-block;
	height: 35px;
	line-height: 35px;
}

.mobile .field div {
	font-family: acumin-pro-condensed, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 12px;
	margin-bottom: 12px;
}

.mobile .wishlist-form__form input,
.mobile .wishlist-form__form textarea,
.mobile .mail-form__form input,
.mobile .mail-form__form textarea {
	border: #d5d5d5 2px solid;
}

.mobile .wishlist-form__form input,
.mobile .mail-form__form input {
	height: 32px;
}

.mobile .wishlist-form__form .field {
	margin-bottom: 28px;
}

.mobile .li_2,
.mobile .li_3,
.mobile .li_4 {
	color: #5B6770;
}

.mobile .wishlist-form__details li span:first-child {
	color: #5B6770;
	font-family: acumin-pro, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 11px;
}

.mobile .wishlist-form__details {
	border-bottom: #DEE1E2 1px solid;
}

.mobile .mail-share__form-column .red_border,
.mobile .wishlist-form__form-column .red_border {
	border-color: #f87777;
}

.mobile .wishlist-form__form-wrap,
.mobile .samples-form__form-wrap,
.mobile .mail-share__form-wrap {
	padding-left: 31px;
	padding-right: 29px;
	position: static;
}

.mobile .samples-form__form-column {
	width: auto;
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
	height: auto;
}

#samples-form__form-column_1 {
	margin-bottom: 15px;
}

.mobile .media-one-content .sub-nav-item__icon {
	border: 1px solid;
	border-radius: 50%;
	cursor: pointer;
	margin-right: 12px;
	margin-left: 12px;
}

.mobile .media-one-content .sub-nav-item__icon--fb svg {
	height: 2.3rem;
	-webkit-transform: translateX(-50%) translateY(-50%) translateX(0);
	-ms-transform: translateX(-50%) translateY(-50%) translateX(0);
	transform: translateX(-50%) translateY(-50%) translateX(0);
	-webkit-transition: opacity 0.3s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: opacity 0.3s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: opacity 0.3s, border-color 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	width: 1.6rem;
}

.mobile .media-one-content .sub-nav-item__icon--tw svg {
	height: 2.1rem;
	-webkit-transform: translateX(-50%) translateY(-50%) translateX(0);
	-ms-transform: translateX(-50%) translateY(-50%) translateX(0);
	transform: translateX(-50%) translateY(-50%) translateX(0);
	width: 2.1rem;
}

.mobile .media-one-content .sub-nav-item__icon--pt svg {
	height: 2.1rem;
	-webkit-transform: translateX(-50%) translateY(-50%) translateX(0);
	-ms-transform: translateX(-50%) translateY(-50%) translateX(0);
	transform: translateX(-50%) translateY(-50%) translateX(0);
	width: 2.1rem;
}

.mobile .media-one-content .sub-nav-item__icon--ma svg {
	height: 2.2rem;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 2.3rem;
}


.mobile .media-one-content .sub-nav-item__icon--dw svg {
	height: 2.2rem;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 2.3rem;
}

.mobile .media-one-content .sub-nav-item__icon--li svg {
	height: 2.2rem;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 2.3rem;
}

.media-one .media-one-content .sub-nav-item__icon {
	height: 47px;
	width: 47px;
	display: inline-block;
}

.mobile .share-holder {
	text-align: center;
	padding-top: 10px;
}

.mobile .info-one-content {
	padding-left: 16px;
	padding-right: 16px;
	width: 100%;
	height: auto;
	min-height: 1300px;
}

.btt-info {
	fill: #5b6770;
}

.mobile .choose-wall-color__result-list {
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 2vw;
	grid-row-gap: 27px;
}

.mobile .choose-wall-color__result {
	padding: 0 8vw;
}

.mobile .choose-wall-color__result {
	padding-top: 46px;
}

.mobile .choose-wall-color__result-list-item>div:first-child {
	height: 26vw;
}

.mobile .choose-wall-color__result-list-item-tick {
	height: 12vw;
	left: 7.5vw;
	margin-left: 0px;
	margin-top: 0px;
	top: 7.5vw;
	width: 12vw;
	z-index: 0;
}

.orientation_warning {
	display: none;
}

.orientation_warning.act {
	background-color: white;
	height: 100vh;
	width: 100vw;
	position: absolute;
	z-index: 6000;
	display: block;
	width: 100vw;
}

.ow-hold .text1,
.ow-hold .text2 {
	font-family: acumin-pro, sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #5B6770;
	text-align: center;
}

.ow-hold .text1 {
	font-size: 22px;
	white-space: nowrap;
}

.ow-hold .text2 {
	font-size: 13px;
	display: inline-block;
	white-space: nowrap;
}

.ow-hold {
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.ow-hold .pic {
	height: 80px;
	margin-bottom: 50px;
	margin-top: 50px;
}

.mobile .comp_icon {
	display: none;
	height: 35px;
	width: 35px;
	position: absolute;
	right: 16px;
	top: 117px;
}

.room-bar.open .mobile .comp_icon {
	z-index: 1;
}

.mobile .full_r .comp_icon {
	display: block;
}

#layout.full_mobile .topbar,
#layout.full_mobile .select-menu-bar,
#layout.full_mobile .select-tab-bar,
#layout.full_mobile #slider_toggle {
	display: none !important;
}

#layout.full_mobile .full_r .comp_icon {
	height: 48px;
	width: 48px;
	top: 30px;
	right: 33px;
}

#layout.full_mobile .full_r .time-toggle.mobile {
	right: 44px;
}

#prod-three_3 .choose-product__result-list {
	padding: 13px 8vw 5vh 8vw;
	grid-column-gap: 2vw;
}

#mobile_main #prod-three_3 .choose-product__result-list-item {
	/* 	height: 26vw; */
	width: 26vw;
	margin: 0px;
}

#mobile_main #prod-three_3 .choose-product__result-list-item h3 {
	margin-top: 1vh;
}

.mobile .panel-wrap {
	display: none;
}

.count_circle {
	height: 15px;
	width: 15px;
	border-radius: 50%;
	position: absolute;
	opacity: 1;
	z-index: 1;
	top: -7px;
	right: -7px;
	color: #fff;
	text-align: center;
	line-height: 15px;
	font-family: acumin-pro, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 8px;
	display: none;
}

.fullscreen1 #layout.mobile {
	height: 100vh !important;
}

.mobile #prod-three_2 .choose-product__filter-list--opacity li {
	height: 43px;
	margin-top: 15px;
	vertical-align: top;
}

#search-input-field {
	direction: ltr;
	unicode-bidi: bidi-override;
}

#content_share {
	display: none;
}

.mobile .mail-share__form-column {
	padding: 0px;
	height: auto;
	width: auto;
}

.mobile .mail-share__form-column p {
	font-size: 1.4rem;
}

.mobile .mail-share__render {
	max-height: inherit;
}


.infoFabric,
.infoColor {
	max-width: 470px;
}

@media (max-width: 1440px),
(max-height: 850px) {

	.infoFabric,
	.infoColor {
		max-width: 332px;
	}
}

@media (max-width: 1300px),
(max-height: 800px) {

	.infoFabric,
	.infoColor {
		max-width: 265px;
	}
}

.zoom_icon {
	display: none;
	height: 40px;
	width: 40px;
	position: absolute;
	right: 20px;
	bottom: 20px;
}

.result_box {
	width: max-content;
	min-width: 130px;
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
	height: 24px;
	line-height: 24px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 19px;
	text-align: center;
}


.result_box_m {
	height: 20px;
	line-height: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.result_mobile_text1 {
	font-family: "acumin-pro-condensed", sans-serif;
	display: inline-block;
	font-weight: 700;
	font-size: 13px;
	margin-left: 25px;
}

.result_mobile_text2 {
	font-family: "acumin-pro-condensed", sans-serif;
	display: inline-block;
	font-weight: 700;
	font-size: 13px;
	float: right;
	margin-right: 25px;
}

.time-toggle.mobile {
	display: block;
	border: 1px solid #5a5e61;
	width: 26px;
	height: 55px;
	z-index: 0;
	right: 21px;
	top: 245px;
}

.time-toggle.mobile .time-toggle__btn--day {
	border-bottom: 1px solid #5a5e61;
}

.time-toggle.mobile .time-toggle__btn--day svg {
	top: 52.5%;
	height: 15px;
	width: 15px;
}

.time-toggle.mobile .time-toggle__active-state-inner {
	height: 24px;
	width: 24px;
}

.time-toggle.mobile .time-toggle__btn--night svg {
	height: 13px;
	top: 49.5%;
	width: 13px;
}


/*ss*/


.choose-product__header {
	position: relative;
	margin-left: 50px;
	margin-right: 50px;
	height: 44px;
	line-height: 44px;
	border-bottom: 1px solid;
	margin-bottom: 20px;

	-webkit-transition: -webkit-transform .6s;
	transition: -webkit-transform .6s;
	-o-transition: transform .6s;
	transition: transform .6s;
	transition: transform .6s, -webkit-transform .6s
}

.choose-product__header-txt {
	display: inline-block;
}

/* popup start*/

#popup {
	position: absolute;
	background-color: #00000090;
	height: 100%;
	width: 100%;
	z-index: 21;
	display: none;
}

#popup-message {
	background-color: #fff;
	width: 500px;
	height: 180px;
	text-align: center;
	line-height: 180px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#popup-text {
	/*     font-family: "acumin-pro-condensed", sans-serif; */
	font-family: "acumin-pro", sans-serif;
	color: #000;
}

#popup-close {
	height: 15px;
	width: 15px;
	position: absolute;
	right: 20px;
	top: 20px;
	vertical-align: top;
	cursor: pointer;
}

#popup-close svg {
	vertical-align: top;
}

.choose-product__result-list-item-details .info-icon {
	height: 2rem;
	position: absolute;
	right: 0;
	top: .7rem;
	width: 2rem;
}

.laddertapes-txt {
	position: relative;
}

.laddertapes-txt h3 {
	width: 100px;
}

/* popup end*/

.tapes_sizes_btt {
	width: 36px;
	height: 36px;
	border: 2px solid #EAEAEA;
	display: inline-block;
	line-height: 32px;
	text-align: center;
	margin-right: 10px;
	border-radius: 18px;
	cursor: pointer;
	font-family: "acumin-pro-condensed", sans-serif;
}

.tape_h3 {
	font-family: "acumin-pro-condensed", sans-serif;
	letter-spacing: .02em;
	text-transform: uppercase;
	font-size: 1.6rem;
	font-weight: 700;
	margin: 30px 0px;
}

.info_border {
	height: 1px;
	width: 100%;
	background-color: #EAEAEA;
	margin-bottom: 30px;
}

.tape_info_holder {
	display: none;
}

.clear_filter_mobile {
	width: 107px;
	height: 39px;
	line-height: 39px;
	text-align: center;
	border: 1px solid #5B6770;
	font-size: 13px;
	color: #5B6770;
	font-family: "acumin-pro-condensed", sans-serif;
	font-weight: bold;
	margin-left: 2rem;
	margin-top: 20px;
	opacity: .35;
	-webkit-transition: color .3s, opacity .3s;
	-o-transition: color .3s, opacity .3s;
	transition: color .3s, opacity .3s;
}

.clear_filter_mobile.act {
	opacity: 1;
}

.stx0 {
	fill: #EF9E32;
}

.stx1 {
	fill: none;
	stroke: #EF8200;
	stroke-width: 3;
}

.stx2 {
	fill: #EAEAEA;
}


.tapes_sizes_btt.off_size {
	opacity: .5;
}

.falseInput {
	border-color: red !important;
}


/*mod zoom overlay start*/

#mz-overlay {
	width: 100%;
	height: 100%;
	background-color: #fff;
	position: fixed;
	z-index: 3;
	display: none;
}

#mzo-btt-close {
	position: absolute;
	width: 2rem;
	height: 2rem;
	right: 1rem;
	top: 1rem;
	cursor: pointer;
	z-index: 10;
}

#my-zoomist {
	height: 100%;
}

#mz-overlay .container {
	height: 100%;
}

.container .zoomist-slider {
	width: calc(100% - 0rem);
	border-radius: 0;
}

#my-zoomist .zoomist-slider-main.zoomist-slider-horizontal {
	width: calc(100% - 7rem);
}

/*mod zoom overlay end*/

.prod_vid_dummy {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.prod_vid_dummy video {
	width: 100%;
}

.prod_vid_dummy {
	opacity: 0;
}

.prod_vid_dummy:hover {
	opacity: 1;
}

@media (min-width: 768px) and (max-width: 991px) and (min-height: 481px) {
	/* TABLET ONLY */

	.intro[data-state=loaded] .intro__block-text button {
		width: 19.2rem;
		font-size: 1.8rem;
		line-height: 2.25;
	}
}


/*debugg dummy for moile*/

#display_dummy {
	display: none;
	position: fixed;
	background-color: #fff;
	right: 3rem;
	top: 3rem;
	width: 500px;
	height: 300px;
	padding: 3px;
	border-radius: 5px;
	border: 1px solid;
	overflow: auto;
	z-index: 1000;
}

#display_dummy .con {
	height: 200px;
	width: 100%;
}

#display_dummy .inp {
	height: 100px;
	width: 100%;
}

#privacy_trigger {
	display: none;
}

#draw_canvas {
	opacity: .5;
}

/* html,
body {
	touch-action: auto;
} */