/*!
 * jQuery UI CSS Framework 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */

/* 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;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

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


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


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

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

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

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

/*!
 * jQuery UI Accordion 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/accordion/#theming
 */
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}

/*!
 * jQuery UI Autocomplete 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/autocomplete/#theming
 */
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

/*!
 * jQuery UI Button 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/button/#theming
 */
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;

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

.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: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

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

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

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

}

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

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/*!
 * jQuery UI Checkboxradio 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/checkboxradio/#theming
 */

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}

/*!
 * jQuery UI Controlgroup 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/controlgroup/#theming
 */

.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

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

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


/*!
 * jQuery UI Datepicker 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
.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,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.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;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}

/*!
 * jQuery UI Dialog 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/dialog/#theming
 */
.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: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	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-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

/*!
 * jQuery UI Draggable 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-draggable-handle {
	touch-action: none;
}

/*!
 * jQuery UI Menu 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/menu/#theming
 */
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

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

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

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}

/*!
 * jQuery UI Progressbar 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/progressbar/#theming
 */
.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("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	-ms-filter: "alpha(opacity=25)"; /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}

/*!
 * jQuery UI Resizable 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	touch-action: none;
}
.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;
}

/*!
 * jQuery UI Selectable 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-selectable {
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}

/*!
 * jQuery UI Selectmenu 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/selectmenu/#theming
 */
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}

/*!
 * jQuery UI Sortable 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-sortable-handle {
	touch-action: none;
}

/*!
 * jQuery UI Slider 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/slider/#theming
 */
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: pointer;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.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;
}

/*!
 * jQuery UI Spinner 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/spinner/#theming
 */
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/*!
 * jQuery UI Tabs 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/tabs/#theming
 */
.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-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	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 .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}

/*!
 * jQuery UI Tooltip 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/tooltip/#theming
 */
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/*!
 * jQuery UI CSS Framework 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */

/*!
 * jQuery UI CSS Framework 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */


/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5/*{borderColorDefault}*/;
}
.ui-widget-content {
	border: 1px solid #dddddd/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ /*{bgContentXPos}*/ /*{bgContentYPos}*/ /*{bgContentRepeat}*/;
	color: #333333/*{fcContent}*/;
}
.ui-widget-content a {
	color: #333333/*{fcContent}*/;
}
.ui-widget-header {
	border: 1px solid #dddddd/*{borderColorHeader}*/;
	background: #e9e9e9/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/;
	color: #333333/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333/*{fcHeader}*/;
}

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

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5/*{borderColorDefault}*/;
	background: #f6f6f6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #454545/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545/*{fcDefault}*/;
	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,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc/*{borderColorHover}*/;
	background: #ededed/*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #2b2b2b/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b/*{fcHover}*/;
	text-decoration: none;
}

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

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e/*{borderColorHighlight}*/;
	background: #fffa90/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/;
	color: #777620/*{fcHighlight}*/;
}
.ui-state-checked {
	border: 1px solid #dad55e/*{borderColorHighlight}*/;
	background: #fffa90/*{bgColorHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899/*{borderColorError}*/;
	background: #fddfdf/*{bgColorError}*/ /*{bgImgUrlError}*/ /*{bgErrorXPos}*/ /*{bgErrorYPos}*/ /*{bgErrorRepeat}*/;
	color: #5f3f3f/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f/*{fcError}*/;
}
.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;
	-ms-filter: "alpha(opacity=70)"; /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */
}

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

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

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none;
}
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-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: -65px -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: -65px -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: 1px -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: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.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
----------------------------------*/

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

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/;
	opacity: .3/*{opacityOverlay}*/;
	-ms-filter: "alpha(opacity=30)"/*{opacityFilterOverlay}*/; /* support: IE8 */
}
.ui-widget-shadow {
	box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
}

/*!
 * jQuery UI CSS Framework 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75); }
  .mfp-arrow-left {
    transform-origin: 0; }
  .mfp-arrow-right {
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

@charset "UTF-8";
@font-face {
  font-family: "iqos";
  src: url("../../assets/fonts/iqos/IQOSW04-Bold.woff2") format("woff2"), url("../../assets/fonts/iqos/IQOSW04-Bold.woff") format("woff");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "iqos";
  src: url("../../assets/fonts/iqos/IQOSW04-Light.woff2") format("woff2"), url("../../assets/fonts/iqos/IQOSW04-Light.woff") format("woff");
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: "iqos";
  src: url("../../assets/fonts/iqos/IQOSW04-Regular.woff2") format("woff2"), url("../../assets/fonts/iqos/IQOSW04-Regular.woff") format("woff");
  font-weight: 400;
  font-display: swap;
}
/* style from page */
@font-face {
  font-family: "iqos-icons";
  src: url("../../assets/fonts/iqos-icons/iqos-icons.eot?9rb0eu");
  src: url("../../assets/fonts/iqos-icons/iqos-icons.eot?9rb0eu#iefix") format("embedded-opentype"), url("../../assets/fonts/iqos-icons/iqos-icons.ttf?9rb0eu") format("truetype"), url("../../assets/fonts/iqos-icons/iqos-icons.woff?9rb0eu") format("woff"), url("../../assets/fonts/iqos-icons/iqos-icons.svg?9rb0eu#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Planer Regular";
  src: url("../../assets/fonts/NeoSansPanEu/NeoSansPanEu-Regular-v11.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/NeoSansPanEu/NeoSansPanEu-Regular-v11.woff") format("woff"), url("../../assets/fonts/NeoSansPanEu/NeoSansPanEu-Regular-v11.ttf") format("truetype"), url("../../assets/fonts/NeoSansPanEu/NeoSansPanEu-Regular-v11.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@media (max-width: 959px) {
  .mb-0-sd {
    margin-bottom: 0 !important;
  }
}

.mb-footer {
  margin-bottom: 95px;
}

.mb-block {
  margin-bottom: 56px !important;
}
@media (min-width: 960px) {
  .mb-block {
    margin-bottom: 100px !important;
  }
}

.mb-spacing-xs {
  margin-bottom: 8px !important;
}

.mb-spacing-s {
  margin-bottom: 16px !important;
}

.mb-spacing-m {
  margin-bottom: 24px !important;
}

.mb-spacing-l {
  margin-bottom: 32px !important;
}

.mb-spacing-xl {
  margin-bottom: 40px !important;
}

.mt-spacing-xs {
  margin-top: 8px !important;
}

.mt-spacing-s {
  margin-top: 16px !important;
}

.mt-spacing-m {
  margin-top: 24px !important;
}

.mt-spacing-l {
  margin-top: 32px !important;
}

.mt-spacing-xl {
  margin-top: 40px !important;
}

/*! Spectre.css v0.5.9 | MIT License | github.com/picturepan2/spectre */
/* Manually forked from Normalize.css */
/* normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8 (removed).
 */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers. (removed)
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/**
 * Modify default styling of address.
 */
address {
  font-style: normal;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. (removed)
 */
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: bold;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: "SF Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Courier, monospace;
  /* 1 (changed) */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-. (Removed)
 */
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
  font-weight: 400;
  /* (added) */
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 (changed) */
  font-size: inherit;
  /* 1 (changed) */
  line-height: inherit;
  /* 1 (changed) */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule (removed).
 */
/**
 * Change the border, margin, and padding in all browsers (opinionated) (changed).
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
  outline: none;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

a:not(.btn):not(.ui_464917):not(.ui_517427):not(.ui_558574):active, a:not(.btn):not(.ui_464917):not(.ui_517427):not(.ui_558574):focus {
  outline: 0;
  border: none;
  -moz-outline-style: none;
  box-shadow: none;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  font-size: 20px;
  line-height: 1.5;
  -webkit-tap-highlight-color: transparent;
  overflow-x: hidden;
}

body {
  background: #FFFDFB;
  color: #34303d;
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-size: 0.8rem;
  text-rendering: optimizeLegibility;
}

a {
  color: #34303d;
  outline: none;
  text-decoration: none;
}
a:focus, a:hover, a:active, a.active {
  color: #1c1a20;
}
figure {
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: inherit;
  line-height: 1.2;
  margin-bottom: 0.5em;
  margin-top: 0;
}

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

h2,
.h2 {
  font-size: 1.6rem;
}

h3,
.h3 {
  font-size: 1.4rem;
}

h4,
.h4 {
  font-size: 1.2rem;
}

h5,
.h5 {
  font-size: 1rem;
}

h6,
.h6 {
  font-size: 0.8rem;
}

p {
  margin: 0 0 1.2rem;
}

a,
ins,
u {
  -webkit-text-decoration-skip: ink edges;
  text-decoration-skip: ink edges;
}

a {
  text-decoration: none;
}

a:active, a:hover {
  outline-width: 0;
}

abbr[title] {
  border-bottom: 0.05rem dotted;
  cursor: help;
  text-decoration: none;
}

kbd {
  border-radius: 0.1rem;
  line-height: 1.25;
  padding: 0.1rem 0.2rem;
  background: #34303d;
  color: #ffffff;
  font-size: 0.7rem;
}

mark {
  background: #ffe9b3;
  color: #34303d;
  border-bottom: 0.05rem solid #ffd367;
  border-radius: 0.1rem;
  padding: 0.05rem 0.1rem 0;
}

blockquote {
  border-left: 0.1rem solid #dbd8e0;
  margin-left: 0;
  padding: 0.4rem 0.8rem;
}
blockquote p:last-child {
  margin-bottom: 0;
}

ul,
ol {
  margin: 0.8rem 0 0.8rem 0.8rem;
  padding: 0;
}
ul ul,
ul ol,
ol ul,
ol ol {
  margin: 0.8rem 0 0.8rem 0.8rem;
}
ul li,
ol li {
  margin-top: 0.4rem;
}

ul {
  list-style: disc inside;
}
ul ul {
  list-style-type: circle;
}

ol {
  list-style: decimal inside;
}
ol ol {
  list-style-type: lower-alpha;
}

dl dt {
  font-weight: bold;
}
dl dd {
  margin: 0.4rem 0 0.8rem 0;
}

.blk-title-big {
  font-size: 4rem;
  line-height: 1.2;
  letter-spacing: -1.07px;
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: bold;
}
@media (min-width: 960px) {
  .blk-title-big {
    font-size: 11rem;
    letter-spacing: -2.93px;
  }
}

.blk-title-1 {
  font-size: 2rem;
  line-height: 1.2;
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: bold;
}
@media (min-width: 960px) {
  .blk-title-1 {
    font-size: 3.2rem;
  }
}

.blk-title-2 {
  font-size: 2rem;
  line-height: 1.2;
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: bold;
}
@media (min-width: 960px) {
  .blk-title-2 {
    font-size: 4.8rem;
    letter-spacing: -0.064rem;
    line-height: 1.08;
  }
}

.blk-title-3 {
  font-size: 1.8rem;
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: bold;
}
@media (min-width: 960px) {
  .blk-title-3 {
    font-size: 3.2rem;
  }
}

.blk-title-4 {
  font-size: 1.8rem;
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: bold;
}
@media (min-width: 960px) {
  .blk-title-4 {
    font-size: 2.8rem;
  }
}

.blk-title-5 {
  font-size: 1.8rem;
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: bold;
}
@media (min-width: 960px) {
  .blk-title-5 {
    font-size: 2.1rem;
  }
}

.blk-title-6 {
  font-size: 1.6rem;
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: bold;
}
@media (min-width: 960px) {
  .blk-title-6 {
    font-size: 2.8rem;
  }
}

.blk-title-7 {
  font-size: 1.6rem;
  font-weight: bold;
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: bold;
}
@media (min-width: 960px) {
  .blk-title-7 {
    font-size: 2.1rem;
  }
}

.blk-title-8 {
  font-size: 1.6rem;
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: bold;
}
@media (min-width: 960px) {
  .blk-title-8 {
    font-size: 2.8rem;
  }
}

.blk-small-title {
  font-size: 1.4rem;
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: bold;
}
@media (min-width: 960px) {
  .blk-small-title {
    font-size: 2.1rem;
  }
}

.blk-small-title-2 {
  font-size: 1.4rem;
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: bold;
}
@media (min-width: 960px) {
  .blk-small-title-2 {
    line-height: 1.3;
    font-size: 1.6rem;
  }
}

.blk-text-1 {
  font-size: 1.2rem;
  line-height: 1.33;
}

.blk-text {
  font-size: 0.8rem;
  line-height: 1.5;
}

.blk-text-smaller {
  font-size: 0.7rem;
  line-height: 1.43;
  letter-spacing: 0.4px;
}

.blk-text-small {
  font-size: 0.6rem;
  line-height: 1.666;
}

html:lang(zh),
html:lang(zh-Hans),
.lang-zh,
.lang-zh-hans {
  font-family: "iqos", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif;
}

html:lang(zh-Hant),
.lang-zh-hant {
  font-family: "iqos", "PingFang TC", "Hiragino Sans CNS", "Microsoft JhengHei", "Helvetica Neue", sans-serif;
}

html:lang(ja),
.lang-ja {
  font-family: "iqos", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Yu Gothic", YuGothic, Meiryo, "Helvetica Neue", sans-serif;
}

html:lang(ko),
.lang-ko {
  font-family: "iqos", "Malgun Gothic", "Helvetica Neue", sans-serif;
}

:lang(zh) ins,
:lang(zh) u,
:lang(ja) ins,
:lang(ja) u,
.lang-cjk ins,
.lang-cjk u {
  border-bottom: 0.05rem solid;
  text-decoration: none;
}
:lang(zh) del + del,
:lang(zh) del + s,
:lang(zh) ins + ins,
:lang(zh) ins + u,
:lang(zh) s + del,
:lang(zh) s + s,
:lang(zh) u + ins,
:lang(zh) u + u,
:lang(ja) del + del,
:lang(ja) del + s,
:lang(ja) ins + ins,
:lang(ja) ins + u,
:lang(ja) s + del,
:lang(ja) s + s,
:lang(ja) u + ins,
:lang(ja) u + u,
.lang-cjk del + del,
.lang-cjk del + s,
.lang-cjk ins + ins,
.lang-cjk ins + u,
.lang-cjk s + del,
.lang-cjk s + s,
.lang-cjk u + ins,
.lang-cjk u + u {
  margin-left: 0.125em;
}

.table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  text-align: left;
}
.table.table-striped tbody tr:nth-of-type(odd) {
  background: #f5f5f7;
}
.table tbody tr.active, .table.table-striped tbody tr.active {
  background: #edecf0;
}
.table.table-hover tbody tr:hover {
  background: #edecf0;
}
.table.table-scroll {
  display: block;
  overflow-x: auto;
  padding-bottom: 0.75rem;
}
.table td,
.table th {
  border-bottom: 0.05rem solid #dbd8e0;
  padding: 0.6rem 0.4rem;
}
.table th {
  border-bottom-width: 0.1rem;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.label {
  border-radius: 0.1rem;
  line-height: 1.25;
  padding: 0.1rem 0.2rem;
  background: #edecf0;
  color: #403b4b;
  display: inline-block;
}
.label.label-rounded {
  border-radius: 5rem;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
.label.label-primary {
  background: #34303d;
  color: #ffffff;
}
.label.label-secondary {
  background: #918aa3;
  color: #34303d;
}
.label.label-success {
  background: #32b643;
  color: #ffffff;
}
.label.label-warning {
  background: #ffb700;
  color: #ffffff;
}
.label.label-error {
  background: #e85600;
  color: #ffffff;
}

code {
  border-radius: 0.1rem;
  line-height: 1.25;
  padding: 0.1rem 0.2rem;
  background: #fcf2f2;
  color: #d73e48;
  font-size: 85%;
}

.code {
  border-radius: 0.1rem;
  color: #34303d;
  position: relative;
}
.code::before {
  color: #c0bcca;
  content: attr(data-lang);
  font-size: 0.7rem;
  position: absolute;
  right: 0.4rem;
  top: 0.1rem;
}
.code code {
  background: #f5f5f7;
  color: inherit;
  display: block;
  line-height: 1.5;
  overflow-x: auto;
  padding: 1rem;
  width: 100%;
}

.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}

.img-fit-cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.img-fit-contain {
  -o-object-fit: contain;
  object-fit: contain;
}

.video-responsive {
  display: block;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}
.video-responsive::before {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
  border: 0;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

video.video-responsive {
  height: auto;
  max-width: 100%;
}
video.video-responsive::before {
  content: none;
}

.video-responsive-4-3::before {
  padding-bottom: 75%;
}

.video-responsive-1-1::before {
  padding-bottom: 100%;
}

.figure {
  margin: 0 0 0.4rem 0;
}
.figure .figure-caption {
  color: #716884;
  margin-top: 0.4rem;
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  width: 100%;
}
.container.grid-xl {
  max-width: 1382px;
}
.container.grid-lg {
  max-width: 1296px;
}
.container.grid-md {
  max-width: 976px;
}
.container.grid-sm {
  max-width: 856px;
}
.container.grid-xs {
  max-width: 656px;
}

.show-xs,
.show-sm,
.show-md,
.show-lg,
.show-xl {
  display: none !important;
}

.cols,
.columns {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.4rem;
  margin-right: -0.4rem;
}
.cols.col-gapless,
.columns.col-gapless {
  margin-left: 0;
  margin-right: 0;
}
.cols.col-gapless > .column,
.columns.col-gapless > .column {
  padding-left: 0;
  padding-right: 0;
}
.cols.col-oneline,
.columns.col-oneline {
  flex-wrap: nowrap;
  overflow-x: auto;
}
.cols.justify-content-center,
.columns.justify-content-center {
  justify-content: center;
}
@media (min-width: 640px) {
  .cols.row-reverse-xs,
.columns.row-reverse-xs {
    flex-direction: row-reverse;
  }
}

[class~=col-],
.column {
  flex: 1;
  max-width: 100%;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
[class~=col-].col-12, [class~=col-].col-11, [class~=col-].col-10, [class~=col-].col-9, [class~=col-].col-8, [class~=col-].col-7, [class~=col-].col-6, [class~=col-].col-5, [class~=col-].col-4, [class~=col-].col-3, [class~=col-].col-2, [class~=col-].col-1, [class~=col-].col-auto,
.column.col-12,
.column.col-11,
.column.col-10,
.column.col-9,
.column.col-8,
.column.col-7,
.column.col-6,
.column.col-5,
.column.col-4,
.column.col-3,
.column.col-2,
.column.col-1,
.column.col-auto {
  flex: none;
}

.col-12 {
  width: 100%;
}

.col-11 {
  width: 91.66666667%;
}

.col-10 {
  width: 83.33333333%;
}

.col-9 {
  width: 75%;
}

.col-8 {
  width: 66.66666667%;
}

.col-7 {
  width: 58.33333333%;
}

.col-6 {
  width: 50%;
}

.col-5 {
  width: 41.66666667%;
}

.col-4 {
  width: 33.33333333%;
}

.col-3 {
  width: 25%;
}

.col-2 {
  width: 16.66666667%;
}

.col-1 {
  width: 8.33333333%;
}

.col-auto {
  flex: 0 0 auto;
  max-width: none;
  width: auto;
}

.col-mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.col-ml-auto {
  margin-left: auto;
}

.col-mr-auto {
  margin-right: auto;
}

@media (max-width: 1365px) {
  .col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-xl-auto {
    flex: none;
  }

  .col-xl-12 {
    width: 100%;
  }

  .col-xl-11 {
    width: 91.66666667%;
  }

  .col-xl-10 {
    width: 83.33333333%;
  }

  .col-xl-9 {
    width: 75%;
  }

  .col-xl-8 {
    width: 66.66666667%;
  }

  .col-xl-7 {
    width: 58.33333333%;
  }

  .col-xl-6 {
    width: 50%;
  }

  .col-xl-5 {
    width: 41.66666667%;
  }

  .col-xl-4 {
    width: 33.33333333%;
  }

  .col-xl-3 {
    width: 25%;
  }

  .col-xl-2 {
    width: 16.66666667%;
  }

  .col-xl-1 {
    width: 8.33333333%;
  }

  .col-xl-auto {
    width: auto;
  }

  .hide-xl {
    display: none !important;
  }

  .show-xl {
    display: block !important;
  }
}
@media (max-width: 1279px) {
  .col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-lg-auto {
    flex: none;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-11 {
    width: 91.66666667%;
  }

  .col-lg-10 {
    width: 83.33333333%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-7 {
    width: 58.33333333%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-5 {
    width: 41.66666667%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-2 {
    width: 16.66666667%;
  }

  .col-lg-1 {
    width: 8.33333333%;
  }

  .col-lg-auto {
    width: auto;
  }

  .hide-lg {
    display: none !important;
  }

  .show-lg {
    display: block !important;
  }
}
@media (max-width: 959px) {
  .col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-md-auto {
    flex: none;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-11 {
    width: 91.66666667%;
  }

  .col-md-10 {
    width: 83.33333333%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-8 {
    width: 66.66666667%;
  }

  .col-md-7 {
    width: 58.33333333%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-5 {
    width: 41.66666667%;
  }

  .col-md-4 {
    width: 33.33333333%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-2 {
    width: 16.66666667%;
  }

  .col-md-1 {
    width: 8.33333333%;
  }

  .col-md-auto {
    width: auto;
  }

  .hide-md {
    display: none !important;
  }

  .show-md {
    display: block !important;
  }
}
@media (max-width: 839px) {
  .col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col-sm-auto {
    flex: none;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-11 {
    width: 91.66666667%;
  }

  .col-sm-10 {
    width: 83.33333333%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-8 {
    width: 66.66666667%;
  }

  .col-sm-7 {
    width: 58.33333333%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-5 {
    width: 41.66666667%;
  }

  .col-sm-4 {
    width: 33.33333333%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-2 {
    width: 16.66666667%;
  }

  .col-sm-1 {
    width: 8.33333333%;
  }

  .col-sm-auto {
    width: auto;
  }

  .hide-sm {
    display: none !important;
  }

  .show-sm {
    display: block !important;
  }
}
@media (max-width: 639px) {
  .col-xs-12,
.col-xs-11,
.col-xs-10,
.col-xs-9,
.col-xs-8,
.col-xs-7,
.col-xs-6,
.col-xs-5,
.col-xs-4,
.col-xs-3,
.col-xs-2,
.col-xs-1,
.col-xs-auto {
    flex: none;
  }

  .col-xs-12 {
    width: 100%;
  }

  .col-xs-11 {
    width: 91.66666667%;
  }

  .col-xs-10 {
    width: 83.33333333%;
  }

  .col-xs-9 {
    width: 75%;
  }

  .col-xs-8 {
    width: 66.66666667%;
  }

  .col-xs-7 {
    width: 58.33333333%;
  }

  .col-xs-6 {
    width: 50%;
  }

  .col-xs-5 {
    width: 41.66666667%;
  }

  .col-xs-4 {
    width: 33.33333333%;
  }

  .col-xs-3 {
    width: 25%;
  }

  .col-xs-2 {
    width: 16.66666667%;
  }

  .col-xs-1 {
    width: 8.33333333%;
  }

  .col-xs-auto {
    width: auto;
  }

  .hide-xs {
    display: none !important;
  }

  .show-xs {
    display: block !important;
  }
}
.hero {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 4rem;
  padding-top: 4rem;
}
.hero.hero-sm {
  padding-bottom: 2rem;
  padding-top: 2rem;
}
.hero.hero-lg {
  padding-bottom: 8rem;
  padding-top: 8rem;
}
.hero .hero-body {
  padding: 0.4rem;
}

.navbar {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.navbar .navbar-section {
  align-items: center;
  display: flex;
  flex: 1 0 0;
}
.navbar .navbar-section:not(:first-child):last-child {
  justify-content: flex-end;
}
.navbar .navbar-center {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
}
.navbar .navbar-brand {
  font-size: 0.9rem;
  text-decoration: none;
}

.accordion input:checked ~ .accordion-header > .icon:first-child, .accordion[open] .accordion-header > .icon:first-child {
  transform: rotate(90deg);
}
.accordion input:checked ~ .accordion-body, .accordion[open] .accordion-body {
  max-height: 50rem;
}
.accordion .accordion-header {
  display: block;
  padding: 0.2rem 0.4rem;
}
.accordion .accordion-header .icon {
  transition: transform 0.25s;
}
.accordion .accordion-body {
  margin-bottom: 0.4rem;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s;
}

summary.accordion-header::-webkit-details-marker {
  display: none;
}

.avatar {
  font-size: 0.8rem;
  height: 1.6rem;
  width: 1.6rem;
  background: #34303d;
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.85);
  display: inline-block;
  font-weight: 300;
  line-height: 1.25;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.avatar.avatar-xs {
  font-size: 0.4rem;
  height: 0.8rem;
  width: 0.8rem;
}
.avatar.avatar-sm {
  font-size: 0.6rem;
  height: 1.2rem;
  width: 1.2rem;
}
.avatar.avatar-lg {
  font-size: 1.2rem;
  height: 2.4rem;
  width: 2.4rem;
}
.avatar.avatar-xl {
  font-size: 1.6rem;
  height: 3.2rem;
  width: 3.2rem;
}
.avatar img {
  border-radius: 50%;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 1;
}
.avatar .avatar-icon,
.avatar .avatar-presence {
  background: #ffffff;
  bottom: 14.64%;
  height: 50%;
  padding: 0.1rem;
  position: absolute;
  right: 14.64%;
  transform: translate(50%, 50%);
  width: 50%;
  z-index: 2;
}
.avatar .avatar-presence {
  background: #c0bcca;
  box-shadow: 0 0 0 0.1rem #ffffff;
  border-radius: 50%;
  height: 0.5em;
  width: 0.5em;
}
.avatar .avatar-presence.online {
  background: #32b643;
}
.avatar .avatar-presence.busy {
  background: #e85600;
}
.avatar .avatar-presence.away {
  background: #ffb700;
}
.avatar[data-initial]::before {
  color: currentColor;
  content: attr(data-initial);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.breadcrumb {
  list-style: none;
  margin: 0.2rem 0;
  padding: 0.2rem 0;
}
.breadcrumb .breadcrumb-item {
  color: #716884;
  display: inline-block;
  margin: 0;
  padding: 0.2rem 0;
}
.breadcrumb .breadcrumb-item:not(:last-child) {
  margin-right: 0.2rem;
}
.breadcrumb .breadcrumb-item:not(:last-child) a {
  color: #716884;
}
.breadcrumb .breadcrumb-item:not(:first-child)::before {
  color: #716884;
  content: "/";
  padding-right: 0.4rem;
}

.bar {
  background: #edecf0;
  border-radius: 0.1rem;
  display: flex;
  flex-wrap: nowrap;
  height: 0.8rem;
  width: 100%;
}
.bar.bar-sm {
  height: 0.2rem;
}
.bar .bar-item {
  background: #34303d;
  color: #ffffff;
  display: block;
  font-size: 0.7rem;
  flex-shrink: 0;
  line-height: 0.8rem;
  height: 100%;
  position: relative;
  text-align: center;
  width: 0;
}
.bar .bar-item:first-child {
  border-bottom-left-radius: 0.1rem;
  border-top-left-radius: 0.1rem;
}
.bar .bar-item:last-child {
  border-bottom-right-radius: 0.1rem;
  border-top-right-radius: 0.1rem;
  flex-shrink: 1;
}

.bar-slider {
  height: 0.1rem;
  margin: 0.4rem 0;
  position: relative;
}
.bar-slider .bar-item {
  left: 0;
  padding: 0;
  position: absolute;
}
.bar-slider .bar-item:not(:last-child):first-child {
  background: #edecf0;
  z-index: 1;
}
.bar-slider .bar-slider-btn {
  background: #34303d;
  border: 0;
  border-radius: 50%;
  height: 0.6rem;
  padding: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
  width: 0.6rem;
}
.bar-slider .bar-slider-btn:active {
  box-shadow: 0 0 0 0.1rem #34303d;
}

.card {
  background: #ffffff;
  border: 0.05rem solid #dbd8e0;
  border-radius: 0.1rem;
  display: flex;
  flex-direction: column;
}
.card .card-header,
.card .card-body,
.card .card-footer {
  padding: 0.8rem;
  padding-bottom: 0;
}
.card .card-header:last-child,
.card .card-body:last-child,
.card .card-footer:last-child {
  padding-bottom: 0.8rem;
}
.card .card-body {
  flex: 1 1 auto;
}
.card .card-image {
  padding-top: 0.8rem;
}
.card .card-image:first-child {
  padding-top: 0;
}
.card .card-image:first-child img {
  border-top-left-radius: 0.1rem;
  border-top-right-radius: 0.1rem;
}
.card .card-image:last-child img {
  border-bottom-left-radius: 0.1rem;
  border-bottom-right-radius: 0.1rem;
}

.chip {
  align-items: center;
  background: #edecf0;
  border-radius: 5rem;
  display: inline-flex;
  font-size: 90%;
  height: 1.2rem;
  line-height: 0.8rem;
  margin: 0.1rem;
  max-width: 320px;
  overflow: hidden;
  padding: 0.2rem 0.4rem;
  text-decoration: none;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.chip.active {
  background: #34303d;
  color: #ffffff;
}
.chip .avatar {
  margin-left: -0.4rem;
  margin-right: 0.2rem;
}
.chip .btn-clear {
  border-radius: 50%;
  transform: scale(0.75);
}

.dropdown {
  display: inline-block;
  position: relative;
}
.dropdown .menu {
  animation: slide-down 0.15s ease 1;
  display: none;
  left: 0;
  max-height: 50vh;
  overflow-y: auto;
  position: absolute;
  top: 100%;
}
.dropdown.dropdown-right .menu {
  left: auto;
  right: 0;
}
.dropdown.active .menu,
.dropdown .dropdown-toggle:focus + .menu,
.dropdown .menu:hover {
  display: block;
}
.dropdown .btn-group .dropdown-toggle:nth-last-child(2) {
  border-bottom-right-radius: 0.1rem;
  border-top-right-radius: 0.1rem;
}

.empty {
  background: #f5f5f7;
  border-radius: 0.1rem;
  color: #716884;
  text-align: center;
  padding: 3.2rem 1.6rem;
}
.empty .empty-icon {
  margin-bottom: 0.8rem;
}
.empty .empty-title,
.empty .empty-subtitle {
  margin: 0.4rem auto;
}
.empty .empty-action {
  margin-top: 0.8rem;
}

.menu {
  box-shadow: 0 0.05rem 0.2rem rgba(52, 48, 61, 0.3);
  background: #ffffff;
  border-radius: 0.1rem;
  list-style: none;
  margin: 0;
  min-width: 180px;
  padding: 0.4rem;
  transform: translateY(0.2rem);
  z-index: 300;
}
.menu.menu-nav {
  background: transparent;
  box-shadow: none;
}
.menu .menu-item {
  margin-top: 0;
  padding: 0 0.4rem;
  position: relative;
  text-decoration: none;
}
.menu .menu-item > a {
  border-radius: 0.1rem;
  color: inherit;
  display: block;
  margin: 0 -0.4rem;
  padding: 0.2rem 0.4rem;
  text-decoration: none;
}
.menu .menu-item > a:focus, .menu .menu-item > a:hover {
  background: #918aa3;
  color: #34303d;
}
.menu .menu-item > a:active, .menu .menu-item > a.active {
  background: #918aa3;
  color: #34303d;
}
.menu .menu-item .form-checkbox,
.menu .menu-item .form-radio,
.menu .menu-item .form-switch {
  margin: 0.1rem 0;
}
.menu .menu-item + .menu-item {
  margin-top: 0.2rem;
}
.menu .menu-badge {
  align-items: center;
  display: flex;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.menu .menu-badge .label {
  margin-right: 0.4rem;
}

.modal {
  align-items: center;
  bottom: 0;
  display: none;
  justify-content: center;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 1rem;
  position: fixed;
  right: 0;
  top: 0;
}
.modal:target, .modal.active {
  display: flex;
  opacity: 1;
  z-index: 400;
}
.modal:target .modal-overlay, .modal.active .modal-overlay {
  background: #524f5a;
  opacity: 0.76;
  bottom: 0;
  cursor: default;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  cursor: default;
  outline: none;
  padding: 0;
  margin: 0;
  border: none;
  width: 100%;
  height: 100%;
}
.modal:target .modal-container, .modal.active .modal-container {
  animation: slide-down 0.2s ease 1;
  z-index: 1;
}
.modal .btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 1rem;
}
@media (min-width: 960px) {
  .modal .btn-close {
    top: 1.8rem;
    right: 1.8rem;
  }
}
.modal .btn-close::after {
  content: none;
}
.modal .mCSB_container {
  text-align: inherit;
}
.modal .mCSB_outside + .mCSB_scrollTools {
  right: -16px;
  width: 6px;
}
.modal .loading {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal.modal-sm .modal-container {
  max-width: 320px;
  padding: 0 0.4rem;
}
.modal.modal-lg .modal-container {
  box-shadow: none;
  max-width: 960px;
}

.modal-container {
  box-shadow: 0 0.2rem 0.5rem rgba(52, 48, 61, 0.3);
  background: #FFFDFB;
  display: flex;
  flex-direction: column;
  max-height: 80vh;
  max-width: 640px;
  padding: 0.8rem 0.8rem;
  width: 100%;
  position: relative;
}
.modal-container.modal-fullheight {
  max-height: 100vh;
}
.modal-container .modal-header {
  color: #34303d;
  padding: 1rem 0.2rem 1rem 0.8rem;
}
.modal-container .modal-body {
  overflow-y: auto;
  padding: 0.8rem;
  position: relative;
}
.modal-container .modal-footer {
  padding: 0.8rem;
  text-align: right;
}

.nav {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0.2rem 0;
}
.nav .nav-item a {
  color: #716884;
  padding: 0.2rem 0.4rem;
  text-decoration: none;
}
.nav .nav-item a:focus, .nav .nav-item a:hover {
  color: #34303d;
}
.nav .nav-item.active > a {
  color: #585268;
  font-weight: bold;
}
.nav .nav-item.active > a:focus, .nav .nav-item.active > a:hover {
  color: #34303d;
}
.nav .nav {
  margin-bottom: 0.4rem;
  margin-left: 0.8rem;
}

.pagination {
  display: flex;
  list-style: none;
  margin: 0.2rem 0;
  padding: 0.2rem 0;
  justify-content: center;
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: normal;
}
.pagination .page-item {
  margin: 0 0.4rem;
}
.pagination .page-item:first-child {
  margin-left: 0;
  margin-right: 5%;
}
.pagination .page-item:last-child {
  margin-right: 0;
  margin-left: 5%;
}
.pagination .page-item span {
  display: flex;
  height: 1.6rem;
  width: 1.6rem;
  align-items: center;
  justify-content: center;
}
.pagination .page-item a {
  border-radius: 50%;
  display: flex;
  height: 1.6rem;
  width: 1.6rem;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
  color: #34303d;
}
.pagination .page-item a:focus, .pagination .page-item a:hover {
  background-color: #f6f4f0;
}
.pagination .page-item.disabled a {
  cursor: default;
  opacity: 0.5;
  pointer-events: none;
}
.pagination .page-item.active a {
  background: #00D1D2;
  color: #34303d;
  font-weight: bold;
}
.pagination .page-item.page-prev, .pagination .page-item.page-next {
  flex: 1 0 50%;
}
.pagination .page-item.page-next {
  text-align: right;
}
.pagination .page-item .page-item-title {
  margin: 0;
}
.pagination .page-item .page-item-subtitle {
  margin: 0;
  opacity: 0.5;
}

.panel {
  border: 0.05rem solid #dbd8e0;
  border-radius: 0.1rem;
  display: flex;
  flex-direction: column;
}
.panel .panel-header,
.panel .panel-footer {
  flex: 0 0 auto;
  padding: 0.8rem;
}
.panel .panel-nav {
  flex: 0 0 auto;
}
.panel .panel-body {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 0 0.8rem;
}

.popover {
  display: inline-block;
  position: relative;
}
.popover .popover-container {
  left: 50%;
  opacity: 0;
  padding: 0.4rem;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.2s;
  width: 320px;
  z-index: 300;
}
.popover *:focus + .popover-container, .popover:hover .popover-container {
  display: block;
  opacity: 1;
  transform: translate(-50%, -100%) scale(1);
}
.popover.popover-right .popover-container {
  left: 100%;
  top: 50%;
}
.popover.popover-right *:focus + .popover-container, .popover.popover-right:hover .popover-container {
  transform: translate(0, -50%) scale(1);
}
.popover.popover-bottom .popover-container {
  left: 50%;
  top: 100%;
}
.popover.popover-bottom *:focus + .popover-container, .popover.popover-bottom:hover .popover-container {
  transform: translate(-50%, 0) scale(1);
}
.popover.popover-left .popover-container {
  left: 0;
  top: 50%;
}
.popover.popover-left *:focus + .popover-container, .popover.popover-left:hover .popover-container {
  transform: translate(-100%, -50%) scale(1);
}
.popover .card {
  box-shadow: 0 0.2rem 0.5rem rgba(52, 48, 61, 0.3);
  border: 0;
}

.step {
  display: flex;
  flex-wrap: nowrap;
  list-style: none;
  margin: 0.2rem 0;
  width: 100%;
}
.step .step-item {
  flex: 1 1 0;
  margin-top: 0;
  min-height: 1rem;
  text-align: center;
  position: relative;
}
.step .step-item:not(:first-child)::before {
  background: #34303d;
  content: "";
  height: 2px;
  left: -50%;
  position: absolute;
  top: 9px;
  width: 100%;
}
.step .step-item a {
  color: #34303d;
  display: inline-block;
  padding: 20px 10px 0;
  text-decoration: none;
}
.step .step-item a::before {
  background: #34303d;
  border: 0.1rem solid #ffffff;
  border-radius: 50%;
  content: "";
  display: block;
  height: 0.6rem;
  left: 50%;
  position: absolute;
  top: 0.2rem;
  transform: translateX(-50%);
  width: 0.6rem;
  z-index: 1;
}
.step .step-item.active a::before {
  background: #ffffff;
  border: 0.1rem solid #34303d;
}
.step .step-item.active ~ .step-item::before {
  background: #dbd8e0;
}
.step .step-item.active ~ .step-item a {
  color: #c0bcca;
}
.step .step-item.active ~ .step-item a::before {
  background: #dbd8e0;
}

.tab {
  align-items: center;
  border-bottom: 0.05rem solid #dbd8e0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0.2rem 0 0.15rem 0;
}
.tab .tab-item {
  margin-top: 0;
}
.tab .tab-item a {
  border-bottom: 0.1rem solid transparent;
  color: inherit;
  display: block;
  margin: 0 0.4rem 0 0;
  padding: 0.4rem 0.2rem 0.3rem 0.2rem;
  text-decoration: none;
}
.tab .tab-item a:focus, .tab .tab-item a:hover {
  color: #34303d;
}
.tab .tab-item.active a,
.tab .tab-item a.active {
  border-bottom-color: #34303d;
  color: #34303d;
}
.tab .tab-item.tab-action {
  flex: 1 0 auto;
  text-align: right;
}
.tab .tab-item .btn-clear {
  margin-top: -0.2rem;
}
.tab.tab-block .tab-item {
  flex: 1 0 0;
  text-align: center;
}
.tab.tab-block .tab-item a {
  margin: 0;
}
.tab.tab-block .tab-item .badge[data-badge]::after {
  position: absolute;
  right: 0.1rem;
  top: 0.1rem;
  transform: translate(0, 0);
}
.tab:not(.tab-block) .badge {
  padding-right: 0;
}

.tile {
  align-content: space-between;
  align-items: flex-start;
  display: flex;
}
.tile .tile-icon,
.tile .tile-action {
  flex: 0 0 auto;
}
.tile .tile-content {
  flex: 1 1 auto;
}
.tile .tile-content:not(:first-child) {
  padding-left: 0.4rem;
}
.tile .tile-content:not(:last-child) {
  padding-right: 0.4rem;
}
.tile .tile-title,
.tile .tile-subtitle {
  line-height: 1.2rem;
}
.tile.tile-centered {
  align-items: center;
}
.tile.tile-centered .tile-content {
  overflow: hidden;
}
.tile.tile-centered .tile-title,
.tile.tile-centered .tile-subtitle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0;
}

.toast {
  background: rgba(52, 48, 61, 0.95);
  border-color: #34303d;
  border: 0.05rem solid #34303d;
  border-radius: 0.1rem;
  display: block;
  padding: 0.4rem;
  width: 100%;
}
.toast.toast-primary {
  background: rgba(52, 48, 61, 0.95);
  border-color: #34303d;
}
.toast.toast-success {
  background: rgba(50, 182, 67, 0.95);
  border-color: #32b643;
}
.toast.toast-warning {
  background: rgba(255, 183, 0, 0.95);
  border-color: #ffb700;
}
.toast.toast-error {
  background: rgba(232, 86, 0, 0.95);
  border-color: #e85600;
}
.toast a {
  text-decoration: underline;
}
.toast a:focus, .toast a:hover, .toast a:active, .toast a.active {
  opacity: 0.75;
}
.toast .btn-clear {
  margin: 0.1rem;
}
.toast p:last-child {
  margin-bottom: 0;
}

.tooltip {
  position: relative;
}
.tooltip::after {
  background: rgba(52, 48, 61, 0.95);
  border-radius: 0.1rem;
  bottom: 100%;
  color: #ffffff;
  content: attr(data-tooltip);
  display: block;
  font-size: 0.7rem;
  left: 50%;
  max-width: 320px;
  opacity: 0;
  overflow: hidden;
  padding: 0.2rem 0.4rem;
  pointer-events: none;
  position: absolute;
  text-overflow: ellipsis;
  transform: translate(-50%, 0.4rem);
  transition: opacity 0.2s, transform 0.2s;
  white-space: pre;
  z-index: 300;
}
.tooltip:focus::after, .tooltip:hover::after {
  opacity: 1;
  transform: translate(-50%, -0.2rem);
}
.tooltip[disabled], .tooltip.disabled {
  pointer-events: auto;
}
.tooltip.tooltip-right::after {
  bottom: 50%;
  left: 100%;
  transform: translate(-0.2rem, 50%);
}
.tooltip.tooltip-right:focus::after, .tooltip.tooltip-right:hover::after {
  transform: translate(0.2rem, 50%);
}
.tooltip.tooltip-bottom::after {
  bottom: auto;
  top: 100%;
  transform: translate(-50%, -0.4rem);
}
.tooltip.tooltip-bottom:focus::after, .tooltip.tooltip-bottom:hover::after {
  transform: translate(-50%, 0.2rem);
}
.tooltip.tooltip-left::after {
  bottom: 50%;
  left: auto;
  right: 100%;
  transform: translate(0.4rem, 50%);
}
.tooltip.tooltip-left:focus::after, .tooltip.tooltip-left:hover::after {
  transform: translate(-0.2rem, 50%);
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-1.6rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes right-to-left {
  25% {
    left: 0px;
    top: 0px;
  }
  0% {
    left: 200px;
    top: 0px;
  }
}
.c-hand {
  cursor: pointer;
}

.c-move {
  cursor: move;
}

.c-zoom-in {
  cursor: zoom-in;
}

.c-zoom-out {
  cursor: zoom-out;
}

.c-not-allowed {
  cursor: not-allowed;
}

.c-auto {
  cursor: auto;
}

.d-block {
  display: block;
}

.d-inline {
  display: inline;
}

.d-inline-block {
  display: inline-block;
}

.d-flex {
  display: flex;
}

.d-inline-flex {
  display: inline-flex;
}

.d-none,
.d-hide,
.hide, .hidden {
  display: none !important;
}

.d-visible {
  visibility: visible;
}

.d-invisible {
  visibility: hidden;
}

.text-hide {
  background: transparent;
  border: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  text-shadow: none;
}

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

.hide-scrollbar {
  /*FireFox*/
  scrollbar-width: none;
  /*IE10+*/
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.hide-scrollbar::-webkit-scrollbar {
  /*Chrome, Safari, Edge*/
  display: none;
}

.divider,
.divider-vert {
  display: block;
  position: relative;
}
.divider[data-content]::after,
.divider-vert[data-content]::after {
  background: #ffffff;
  color: #c0bcca;
  content: attr(data-content);
  display: inline-block;
  font-size: 0.7rem;
  padding: 0 0.4rem;
  transform: translateY(-0.65rem);
}

.divider {
  border-top: 0.05rem solid #f0eff2;
  height: 0.05rem;
  margin: 0.4rem 0;
}
.divider[data-content] {
  margin: 0.8rem 0;
}

.divider-vert {
  display: block;
  padding: 0.8rem;
}
.divider-vert::before {
  border-left: 0.05rem solid #dbd8e0;
  bottom: 0.4rem;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 0.4rem;
  transform: translateX(-50%);
}
.divider-vert[data-content]::after {
  left: 50%;
  padding: 0.2rem 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.loading {
  color: transparent !important;
  min-height: 0.8rem;
  pointer-events: none;
  position: relative;
}
.loading::after {
  animation: loading 500ms infinite linear;
  background: transparent;
  border: 0.1rem solid #34303d;
  border-radius: 50%;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 0.8rem;
  left: 50%;
  margin-left: -0.4rem;
  margin-top: -0.4rem;
  opacity: 1;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 0.8rem;
  z-index: 1;
}
.loading.loading-lg {
  min-height: 2rem;
}
.loading.loading-lg::after {
  height: 1.6rem;
  margin-left: -0.8rem;
  margin-top: -0.8rem;
  width: 1.6rem;
}

.clearfix::after {
  clear: both;
  content: "";
  display: table;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.p-relative {
  position: relative !important;
}

.p-absolute {
  position: absolute !important;
}

.p-fixed {
  position: fixed !important;
}

.p-sticky {
  position: sticky !important;
}

.p-centered {
  display: block;
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.flex-centered {
  align-items: center;
  display: flex;
  justify-content: center;
}

.m-0 {
  margin: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my-0 {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.m-1 {
  margin: 0.2rem !important;
}

.mb-1 {
  margin-bottom: 0.2rem !important;
}

.ml-1 {
  margin-left: 0.2rem !important;
}

.mr-1 {
  margin-right: 0.2rem !important;
}

.mt-1 {
  margin-top: 0.2rem !important;
}

.mx-1 {
  margin-left: 0.2rem !important;
  margin-right: 0.2rem !important;
}

.my-1 {
  margin-bottom: 0.2rem !important;
  margin-top: 0.2rem !important;
}

.m-2 {
  margin: 0.4rem !important;
}

.mb-2 {
  margin-bottom: 0.4rem !important;
}

.ml-2 {
  margin-left: 0.4rem !important;
}

.mr-2 {
  margin-right: 0.4rem !important;
}

.mt-2 {
  margin-top: 0.4rem !important;
}

.mx-2 {
  margin-left: 0.4rem !important;
  margin-right: 0.4rem !important;
}

.my-2 {
  margin-bottom: 0.4rem !important;
  margin-top: 0.4rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py-0 {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

.p-1 {
  padding: 0.2rem !important;
}

.pb-1 {
  padding-bottom: 0.2rem !important;
}

.pl-1 {
  padding-left: 0.2rem !important;
}

.pr-1 {
  padding-right: 0.2rem !important;
}

.pt-1 {
  padding-top: 0.2rem !important;
}

.px-1 {
  padding-left: 0.2rem !important;
  padding-right: 0.2rem !important;
}

.py-1 {
  padding-bottom: 0.2rem !important;
  padding-top: 0.2rem !important;
}

.p-2 {
  padding: 0.4rem !important;
}

.pb-2 {
  padding-bottom: 0.4rem !important;
}

.pl-2 {
  padding-left: 0.4rem !important;
}

.pr-2 {
  padding-right: 0.4rem !important;
}

.pt-2 {
  padding-top: 0.4rem !important;
}

.px-2 {
  padding-left: 0.4rem !important;
  padding-right: 0.4rem !important;
}

.py-2 {
  padding-bottom: 0.4rem !important;
  padding-top: 0.4rem !important;
}

.s-rounded {
  border-radius: 0.1rem;
}

.s-circle {
  border-radius: 50%;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

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

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

.text-capitalize {
  text-transform: capitalize;
}

.text-normal {
  font-weight: normal;
}

.text-bold {
  font-weight: bold;
}

.text-italic {
  font-style: italic;
}

.text-large {
  font-size: 1.2em;
}

.text-small {
  font-size: 0.9em;
}

.text-tiny {
  font-size: 0.8em;
}

.text-muted {
  opacity: 0.8;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-clip {
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}

.text-break {
  -webkit-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
}

i[class^=icon-] {
  display: inline-block;
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  height: 2rem;
  width: 2rem;
}
i[class^=icon-].icon-lg {
  height: 2.4rem;
  width: 2.4rem;
}
i[class^=icon-].icon-xl {
  height: 3.4rem;
  width: 3.4rem;
}

a i[class^=icon-] {
  margin-left: 5px;
  height: 0.7rem;
  width: 0.7rem;
  position: relative;
  bottom: 3px;
}

.icon-comment-light {
  background-image: url("/images/ico/comment-light.svg");
}

.icon-devices {
  background-image: url("/images/ico/devices.svg");
}

.icon-email-light {
  background-image: url("/images/ico/email-light.svg");
}

.icon-facebook-light {
  background-image: url("/images/ico/facebook-light.svg");
}

.icon-faq-light {
  background-image: url("/images/ico/faq-light.svg");
}

.icon-icons-64-orders-light-theme {
  background-image: url("/images/ico/icons-64-orders-light-theme.svg");
}

.icon-icons-64-tag-light-theme {
  background-image: url("/images/ico/icons-64-tag-light-theme.svg");
}

.icon-phone {
  background-image: url("/images/ico/phone.svg");
}

.icon-info {
  background-image: url("/images/ico/info.svg");
}

.icon-twitter-light {
  background-image: url("/images/ico/twitter-light.svg");
}

.icon-warranty {
  background-image: url("/images/ico/warranty.svg");
}

.icon-youtube {
  background-image: url("/images/ico/youtube.svg");
}

.icon-ico-user-light {
  background-image: url("/images/ico/ico-user-light.svg");
}

.icon-ico-user-slate {
  background-image: url("/images/ico/ico-user-slate.svg");
}

.icon-chat-light {
  background-image: url("/images/ico/chat-light.svg");
}

.flag-revamp {
  background-image: url("images/flags.png");
}

.ic-chk {
  height: 1.2rem;
  width: 1.2rem;
  position: relative;
  flex-shrink: 0;
  margin-right: 0.8rem;
  background-color: #e1e0e2;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}
.ic-chk::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/images/ico/success_check.svg") no-repeat center center;
  background-size: 100%;
}
.ic-chk.-success {
  background-color: #57760c;
}
.ic-chk.-success::before {
  background-image: url("../media/images/ico/success_check-light.svg");
}

.v-icon-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.v-icon-list ul > li {
  margin: 0;
  display: flex;
  align-items: flex-start;
}
.v-icon-list ul > li + li {
  margin-top: 32px;
}
@media (min-width: 840px) {
  .v-icon-list ul > li + li {
    margin-top: 40px;
  }
}
.v-icon-list i[class^=icon] {
  flex-shrink: 0;
  background-position: center;
  background-size: cover;
}
@media (max-width: 639px) {
  .v-icon-list i[class^=icon] {
    width: 48px;
    height: 48px;
  }
}
.v-icon-list .v-icon-desc {
  flex: 1;
  margin-left: 20px;
  max-width: 460px;
}

.ship-list > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ship-list > ul li {
  margin: 0;
  display: flex;
  align-items: center;
}
.ship-list > ul li + li {
  margin-top: 20px;
}
.ship-list .ic-row {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.ship-list .ic-row i[class^=icon-],
.ship-list .ic-row img {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
}
.ship-list .ic-row .ic-desc {
  margin-left: 10px;
  flex: 1;
  font-size: 18px;
  line-height: 1.4;
  align-self: center;
}
.ship-list .ic-row .ic-desc strong {
  display: block;
}

.left-icon-list {
  margin: 1.2rem 0;
}
.left-icon-list > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.left-icon-list > ul > li {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin: 0;
  font-size: 0.6rem;
  letter-spacing: 0.2px;
  line-height: 1.33;
}
.left-icon-list > ul > li::before {
  content: "";
  height: 1.2rem;
  width: 1.2rem;
  background: #e1e0e2 url("../../../assets/icons/check_dark.svg") no-repeat center;
  flex-shrink: 0;
  margin-right: 0.6rem;
  border-radius: 50%;
  background-size: 65%;
}
.left-icon-list > ul > li + li {
  margin-top: 0.8rem;
}
.left-icon-list.ic-bg-turquoise > ul > li::before {
  background-color: #00D1D2;
}

.left-icon-big {
  margin: 1.2rem 0;
}
.left-icon-big > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.left-icon-big > ul > li {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin: 0;
}
.left-icon-big > ul > li + li {
  margin-top: 1.6rem;
}
.left-icon-big > ul > li img {
  margin-right: 1rem;
  margin-bottom: auto;
}

.check-list {
  font-size: 0.6rem;
  line-height: 1.3;
  letter-spacing: 0.2px;
}
@media (min-width: 960px) {
  .check-list {
    font-size: 16px;
  }
}
.check-list ul {
  list-style: none;
  padding: 0;
  margin: 1.6rem 0 0;
}
.check-list li {
  margin: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.check-list li + li {
  margin-top: 0.8rem;
}

.font-icon.icon-iqos {
  font-family: "Planer Regular";
  content: "ff";
}

.font-icon.icon-iqos-3 {
  font-family: "Planer Regular";
  content: "fi";
}

.font-icon.icon-ok {
  font-family: "Planer Regular";
  content: "℗";
}

.font-icon.icon-error {
  font-family: "Planer Regular";
  content: "ℓ";
}

.font-icon.icon-warn {
  font-family: "Planer Regular";
  content: "™";
}

.font-icon.icon-info {
  font-family: "Planer Regular";
  content: "№";
}

.font-icon.icon-close {
  font-family: "Planer Regular";
  content: "Ω";
}

.font-icon.icon-pen {
  font-family: "Planer Regular";
  content: "Ω";
}

.flex-break {
  flex-basis: 100%;
  height: 0;
}

.bg-darker figure img {
  filter: brightness(0.5);
}

.bg-less-darker figure img {
  filter: brightness(0.8);
}

#ajax_overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background-color: rgba(255, 255, 255, 0.7);
}

/*
#ajax_loading_box {
    display: none;

    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 102px;
    height: 124px;
    z-index: 10000;
    background: url('../media/images/textures/moment-of-delight-sprite_small.png') no-repeat 0 0;
    animation: ajax_loading_animation 1s steps(76) infinite;
}

@keyframes ajax_loading_animation {
    from {background-position-x: 0}
    to {background-position-x: -7752px}
}
*/
.close {
  background: url("../media/icons/close.svg") no-repeat center center;
  background-size: contain;
  height: 1rem;
  width: 1rem;
  border: none;
  outline: none;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

.planer {
  font-family: "Planer Regular";
}

/* Autofill colors remove - hack*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: transparent;
}

textarea::placeholder {
  color: transparent;
}

.form-group {
  margin-bottom: 1.2rem;
}
.form-group .form-input-hint {
  margin-top: 5px;
}
.form-group .form-message {
  font-size: 0.6rem;
  line-height: 1.2;
  margin-bottom: 0;
  margin-top: 0.3rem;
}
.form-group.error .form-message {
  color: #e55252;
}

.form-label {
  display: flex;
  position: relative;
  flex-wrap: nowrap;
  align-items: center;
}
.form-label:not(.has-btn)::after {
  height: 1.2rem;
  width: 1.2rem;
  margin-right: 0.6rem;
  flex-shrink: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
}
.form-label.is-dropdown {
  height: 48px;
  /**
  * Select2 Dropdown Container
  * Works only with Select2 option "dropdownParent: <parent_element>"
  */
}
.form-label.is-dropdown::after {
  content: "";
  position: absolute;
  right: 0;
  background-image: url("../../../../assets/icons/chevron-up-small.svg");
  transform: rotate(180deg);
  transition: 0.3s transform;
}
.form-label.is-dropdown.is-filled .label-desc {
  border-color: #34303d;
  color: #34303d;
}
.form-label.is-dropdown.is-filled .label-desc > span {
  transform: translateY(-1.2rem);
  font-size: 0.6rem;
  letter-spacing: 0.4px;
  margin: 0 -0.2rem;
  padding: 0 0.2rem;
}
.form-label.is-dropdown .select2.select2-container {
  z-index: 3;
  position: absolute;
  height: 48px;
  width: 100%;
  padding: 0 6px;
  line-height: 43px;
  box-sizing: border-box;
}
.form-label.is-dropdown .select2.select2-container.select2-container--focus ~ .label-desc {
  box-shadow: 0 0 0 1px #34303d;
}
.error .form-label.is-dropdown .select2.select2-container.select2-container--focus ~ .label-desc, .is-error .form-label.is-dropdown .select2.select2-container.select2-container--focus ~ .label-desc {
  box-shadow: 0 0 0 1px #c73636;
}
.form-label.is-dropdown .select2.select2-container.select2-container--above.select2-container--open ~ .label-desc span {
  display: none;
}
.form-label.is-dropdown .select2.select2-container.select2-container--disabled {
  opacity: 0.5;
  filter: grayscale(100%);
}
.form-label.is-dropdown .select2.select2-container .select2-selection {
  height: 100%;
  border: transparent;
  background-color: transparent;
  outline: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.form-label.is-dropdown .select2.select2-container .select2-selection__rendered {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 40px;
}
.form-label.is-dropdown .select2.select2-container .select2-selection__arrow {
  display: none;
}
.form-label.is-dropdown .select2-container .select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 2px solid #34303d;
  border-top: none;
  border-radius: 0 0 3px 3px;
  background: #FFFDFB;
  max-height: 250px !important;
  overflow-y: auto;
  margin-top: 2px;
}
.form-label.is-dropdown .select2-container .select2-results__options .select2-results__option {
  font-size: 0.8rem;
  line-height: 1.5;
  padding: 16px !important;
  margin: 0;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.form-label.is-dropdown .select2-container .select2-results__options .select2-results__option:hover {
  background: #F5F2F1;
}
.form-label.is-dropdown .select2-container .select2-results__options .select2-results__option.active {
  background: #00D1D2;
  color: #FFFDFB;
}
.form-label.is-dropdown .select2-container .select2-results__options .select2-results__option--highlighted {
  background-color: rgba(52, 48, 61, 0.05);
  color: inherit;
}
.form-label.is-dropdown .select2-container .select2-results__options .select2-results__option[aria-selected=true] {
  background-color: transparent;
  color: #000;
}
.form-label.is-dropdown .select2-container .select2-results__options .select2-results__option--highlighted[aria-selected=true] {
  background-color: rgba(52, 48, 61, 0.05);
}
.form-label.is-dropdown .select2-container .select2-dropdown {
  border: none;
  top: 1px;
}
.form-label.is-dropdown .select2-container .select2-dropdown.select2-dropdown--above {
  border-top: 1px solid;
  border-bottom: none;
}
.form-label.is-dropdown .select2-container .select2-results__options::-webkit-scrollbar {
  width: 6px;
}
.form-label.is-dropdown .select2-container .select2-results__options::-webkit-scrollbar-track {
  background: #efefef;
}
.form-label.is-dropdown .select2-container .select2-results__options::-webkit-scrollbar-thumb {
  border-radius: 9px !important;
  background-color: #b4b4b4 !important;
}
.form-label.is-dropdown .select2-container .select2-results__options::-webkit-scrollbar-button {
  display: none;
}
.error .form-label .label-desc, .form-label.is-error .label-desc {
  border-width: 2px;
  color: #c73636 !important;
  border-color: #c73636 !important;
}
.error .form-label ~ .form-message, .form-label.is-error ~ .form-message {
  color: #e55252;
}
.error .form-label.is-dropdown:not(.has-btn)::after {
  transform: rotate(0);
}
.form-label .ipt-btn {
  padding: 0;
  margin: 0 0.7rem 0 0;
  height: 1.2rem;
  width: 1.2rem;
  flex-shrink: 0;
  border: none;
  background: transparent no-repeat center;
  background-size: contain;
  cursor: pointer;
}
.form-label .ipt-btn:focus {
  outline: none;
}
.form-label.is-password .ipt-btn {
  background-image: url("../media/icons/password_preview.svg");
}
.form-label.is-password-visible .ipt-btn {
  background-image: url("../../../assets/icons/password_preview_on.svg");
}
.form-label.is-qr-reader .ipt-btn {
  background-image: url("../../../assets/icons/scan.svg");
}
.form-label.is-prefield {
  padding-left: 0.8rem;
}
.form-label.is-prefield .pre-field {
  margin-top: 0.1rem;
}

textarea.form-input {
  height: 8.4rem;
}

.form-input {
  flex: 1;
  width: 100%;
  margin: 0;
  background: none;
  border: none;
  color: #34303d;
  height: 2.4rem;
  z-index: 0;
  padding: 0.6rem 1rem 0.6rem 0.8rem;
}
.form-label:not(.show-placeholder) .form-input ::-moz-placeholder {
  color: transparent;
}
.form-label:not(.show-placeholder) .form-input::-moz-placeholder {
  color: transparent;
}
.form-label:not(.show-placeholder) .form-input::placeholder {
  color: transparent;
}
.show-placeholder .form-input ~ .label-desc > span {
  transform: translateY(-1.2rem);
  font-size: 0.6rem;
  letter-spacing: 0.4px;
  margin: 0 -0.2rem;
  padding: 0 0.2rem;
}
.form-input:-webkit-autofill, .form-input:not(:placeholder-shown), .form-input:focus {
  outline: none;
}
.form-input:-webkit-autofill ~ .label-desc, .form-input:not(:placeholder-shown) ~ .label-desc, .form-input:focus ~ .label-desc {
  border-color: #34303d;
  color: #34303d;
}
.form-input:-webkit-autofill ~ .label-desc > span, .form-input:not(:placeholder-shown) ~ .label-desc > span, .form-input:focus ~ .label-desc > span {
  transform: translateY(-1.2rem);
  font-size: 0.6rem;
  letter-spacing: 0.4px;
  margin: 0 -0.2rem;
  padding: 0 0.2rem;
}
.form-input:-webkit-autofill ~ .label-desc > b, .form-input:not(:placeholder-shown) ~ .label-desc > b, .form-input:focus ~ .label-desc > b {
  opacity: 0;
}
.form-input:focus ~ .label-desc {
  box-shadow: 0 0 0 1px #34303d;
}
.error .form-input:focus ~ .label-desc, .is-error .form-input:focus ~ .label-desc {
  box-shadow: 0 0 0 1px #c73636;
}
.form-input.disabled, .form-input:disabled {
  pointer-events: none;
  color: #b8b7bb;
  -webkit-text-fill-color: #b8b7bb;
}
.form-input.disabled ~ .label-desc, .form-input:disabled ~ .label-desc {
  border-color: #b8b7bb;
  color: #b8b7bb;
}

.label-desc {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0.45rem 1rem 0.6rem 0.8rem;
  border: 1px solid #99979e;
  color: #7b7881;
  border-radius: 3px;
  pointer-events: none;
  transition: 0.3s border-color;
  z-index: 2;
}
.label-desc > span {
  background: #FFFDFB;
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 0.8rem;
  letter-spacing: 0;
  transform: translateY(0);
  transition: 0.3s all;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.-hard-white .label-desc > span {
  background: #f6f4f0;
}
.label-desc > b {
  height: 1.2rem;
  width: 1.2rem;
  background-color: transparent;
  opacity: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
  position: absolute;
  right: 0.6rem;
  border-radius: 50%;
  overflow: hidden;
  top: 50%;
  transform: translateY(-50%);
}
.label-desc > b::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-150%, -50%) skew(0);
  transition: transform 0.5s ease-out;
  height: 120%;
  width: 150%;
}
.label-desc > b::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  background: transparent no-repeat center center;
  background-size: 100%;
  transition: -webkit-clip-path 0.5s ease-in-out 0.2s;
  transition: clip-path 0.5s ease-in-out 0.2s;
  transition: clip-path 0.5s ease-in-out 0.2s, -webkit-clip-path 0.5s ease-in-out 0.2s;
}
.error .label-desc > b, .is-error .label-desc > b, .success .label-desc > b, .is-success .label-desc > b {
  opacity: 1;
}
.error .label-desc > b::before, .is-error .label-desc > b::before, .success .label-desc > b::before, .is-success .label-desc > b::before {
  transform: translate(-50%, -50%) skew(-30deg);
}
.error .label-desc > b::after, .is-error .label-desc > b::after, .success .label-desc > b::after, .is-success .label-desc > b::after {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}
.error .label-desc > b, .is-error .label-desc > b {
  opacity: 1;
}
.error .label-desc > b::before, .is-error .label-desc > b::before {
  background-color: #c73636;
}
.error .label-desc > b::after, .is-error .label-desc > b::after {
  background-image: url("../media/images/ico/error.svg");
}
.success .label-desc > b::before, .is-success .label-desc > b::before {
  background-color: #57760c;
}
.success .label-desc > b::after, .is-success .label-desc > b::after {
  background-image: url("../media/images/ico/success_check-light.svg");
}
.label-desc * {
  pointer-events: none;
}
.hide-label .label-desc > span {
  opacity: 0;
}

.form-select {
  position: relative;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  flex: 1;
  width: 100%;
  margin: 0;
  background: none;
  border: none;
  color: #34303d;
  height: 2.4rem;
  padding: 0.6rem 1rem 0.6rem 0.8rem;
}
.isTouch .form-select {
  pointer-events: auto;
}
.show-placeholder .form-select ~ .label-desc > span {
  transform: translateY(-1.35rem);
  font-size: 0.6rem;
  letter-spacing: 0.4px;
  margin: 0 -0.2rem;
  padding: 0 0.2rem;
}
.form-select:focus {
  outline: none;
}
.form-select:focus ~ .label-desc {
  border-color: #34303d;
  color: #34303d;
}
.form-select:focus ~ .label-desc > span {
  transform: translateY(-1.2rem);
  font-size: 0.6rem;
  letter-spacing: 0.4px;
  margin: 0 -0.2rem;
  padding: 0 0.2rem;
}
.form-select:focus ~ .label-desc {
  box-shadow: 0 0 0 1px #34303d;
}
.error .form-select:focus ~ .label-desc, .is-error .form-select:focus ~ .label-desc {
  box-shadow: 0 0 0 1px #c73636;
}
.form-select.disabled, .form-select:disabled {
  pointer-events: none;
  color: #b8b7bb;
  -webkit-text-fill-color: #b8b7bb;
}
.form-select.disabled ~ .label-desc, .form-select:disabled ~ .label-desc {
  border-color: #b8b7bb !important;
  color: #b8b7bb !important;
}

.form-checkbox,
.form-radio {
  display: block;
}
.form-checkbox input,
.form-radio input {
  opacity: 0;
  position: absolute;
}
.form-checkbox input.disabled, .form-checkbox input[disabled],
.form-radio input.disabled,
.form-radio input[disabled] {
  pointer-events: none;
}
.form-checkbox input.disabled ~ .radio-desc,
.form-checkbox input.disabled ~ .checkbox-desc, .form-checkbox input[disabled] ~ .radio-desc,
.form-checkbox input[disabled] ~ .checkbox-desc,
.form-radio input.disabled ~ .radio-desc,
.form-radio input.disabled ~ .checkbox-desc,
.form-radio input[disabled] ~ .radio-desc,
.form-radio input[disabled] ~ .checkbox-desc {
  opacity: 0.5;
}
.form-checkbox + .form-message,
.form-radio + .form-message {
  padding-left: 1.8rem;
}
.input-list .form-checkbox + .form-checkbox,
.input-list .form-checkbox + .form-radio,
.input-list .form-radio + .form-checkbox,
.input-list .form-radio + .form-radio {
  margin-top: 32px;
}

.form-checkbox input:checked ~ .checkbox-desc::before {
  background: url("../../../assets/icons/check.svg") #34303d no-repeat center;
  background-size: 100%;
  border-color: #34303d;
}

.form-radio input:checked ~ .radio-desc::before {
  box-shadow: inset 0 0 0 4px #FFFDFB;
  background: #34303d;
}

.radio-desc,
.checkbox-desc {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
}
.radio-desc a,
.checkbox-desc a {
  text-decoration: underline;
}
.radio-desc a:hover,
.checkbox-desc a:hover {
  text-decoration-color: #00D1D2;
}
.radio-desc::before,
.checkbox-desc::before {
  content: "";
  height: 1.2rem;
  width: 1.2rem;
  background: #34303d;
  border-radius: 3px;
  margin-right: 0.6rem;
  border: 2px solid #34303d;
  box-shadow: none;
  background: transparent;
  flex-shrink: 0;
  transition: all 0.3s;
}
.error .radio-desc::before,
.error .checkbox-desc::before {
  border-color: #c73636;
}
.radio-desc .label-description,
.checkbox-desc .label-description {
  display: block;
  font-size: 0.6rem;
  line-height: 1.333;
  margin-top: 4px;
  letter-spacing: 0.2px;
}

.radio-desc::before {
  border-radius: 50%;
}

/* Form toggle read only / edit mode */
.form-toggle .columns:last-child {
  margin-bottom: -1.2rem;
}
.form-toggle + .form-toggle {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #e1e0e2;
}
.form-toggle .form-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 1.2rem;
  height: 2.2rem;
}
.form-toggle .form-toggle-section + .form-toggle-section {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #e1e0e2;
}
.form-toggle .form-toggle-section h3 {
  margin-bottom: 2rem;
}
.form-toggle .-edit {
  display: none;
}
.form-toggle.-edit .-read {
  display: none;
}
.form-toggle.-edit .-edit {
  display: block;
}
.form-toggle.-edit .form-actions {
  justify-content: space-evenly;
}
@media (min-width: 960px) {
  .form-toggle.-edit .form-actions {
    justify-content: flex-end;
  }
  .form-toggle.-edit .form-actions button + button {
    margin-left: 2rem;
  }
}

.form-read-only {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 1.2rem;
}
.form-read-only.-small-mrg {
  margin-bottom: 0.4rem;
}
.form-read-only .read-label {
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: bold;
  font-size: 0.8rem;
  letter-spacing: 0.2px;
  line-height: 1.5;
  width: 49%;
  max-width: 124px;
}
.form-read-only .read-field {
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: normal;
  font-size: 0.8rem;
  line-height: 1.5;
  flex: 1;
  margin-left: 0.8rem;
}
@media (min-width: 640px) {
  .form-read-only.-column-xs {
    flex-direction: column;
  }
  .form-read-only.-column-xs .read-label {
    width: auto;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.4px;
    max-width: none;
  }
  .form-read-only.-column-xs .read-field {
    width: auto;
    margin-left: 0;
    font-weight: bold;
    letter-spacing: 0.2px;
    line-height: 1.5;
  }
}

.form-note {
  margin-top: 2rem;
  line-height: 1.333;
  letter-spacing: 0.2px;
}
.form-note .cm-password-comment {
  margin-bottom: 25px;
}
.form-note small {
  font-size: 0.6rem;
}

.form-group-helper {
  margin-top: 0.8rem;
}

.qty-selector {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 128px;
}
.qty-selector button {
  height: 1.8rem;
  width: 1.8rem;
  border: 2px solid #34303d;
  color: #34303d;
  border-radius: 50%;
  line-height: 36px;
  text-align: center;
  flex-shrink: 0;
  font-size: 1.3rem;
  display: flex;
  position: relative;
  background: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.qty-selector button:focus {
  outline: none;
}
.qty-selector button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.7rem;
  border-top: 2px solid;
}
.qty-selector button.qty-inc::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 0.7rem;
  border-left: 2px solid;
}
.qty-selector button[disabled] {
  border-color: #b8b7bb;
  color: #b8b7bb;
  cursor: default;
}
.qty-selector input {
  background: none;
  border: none;
  font-size: 1rem;
  text-align: center;
  color: #34303d;
  padding: 0 0.5rem;
  width: 100%;
  /* Firefox */
}
.qty-selector input:focus {
  outline: none;
}
.qty-selector input::-webkit-outer-spin-button, .qty-selector input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.qty-selector input[type=number] {
  -moz-appearance: textfield;
}
.qty-selector.-small {
  width: 90px;
}
@media (min-width: 840px) {
  .qty-selector.-small {
    width: 110px;
  }
}
.qty-selector.-small button {
  height: 1.2rem;
  width: 1.2rem;
  border-width: 1.5px;
  line-height: 24px;
}
.qty-selector.-small button::before {
  width: 50%;
}
.qty-selector.-small button.qty-inc::after {
  height: 50%;
}
@media (min-width: 840px) {
  .qty-selector.-small button {
    height: 1.6rem;
    width: 1.6rem;
    line-height: 1.6rem;
    border-width: 2px;
  }
}
.qty-selector.-small input {
  font-size: 0.8rem;
  padding: 0 0.4rem;
}

.date-input-top {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.inner-radio-options {
  padding-left: 0.8rem;
}
.inner-radio-options .form-group {
  margin-bottom: 0.8rem;
}

.btn, .inputfile + label, .ui_464917, .ui_517427, .ui_558574 {
  --box-shadow-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #34303d;
  border-radius: 1.8rem;
  cursor: pointer;
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.2rem;
  outline: none;
  padding: 0.6rem 1.7rem;
  box-shadow: inset 0 0 0 2px var(--box-shadow-color);
  text-align: center;
  text-decoration: none;
  transition: background 0.2s, box-shadow 0.3s ease-out, color 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  letter-spacing: 0.5px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  background: #FFFDFB;
  border: none;
  will-change: background, bos-shadow, color;
}
.btn:after, .inputfile + label:after, .ui_464917:after, .ui_517427:after, .ui_558574:after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  background: #00D1D2;
  width: 120%;
  height: 120%;
  z-index: -1;
  transition: transform 0.25s ease-out;
  transform: translate(-101%, -50%) skew(0deg);
  opacity: 1;
}
.btn:focus, .inputfile + label:focus, .ui_464917:focus, .ui_517427:focus, .ui_558574:focus, .btn:active, .inputfile + label:active, .ui_464917:active, .ui_517427:active, .ui_558574:active, .btn:hover, .inputfile + label:hover, .ui_464917:hover, .ui_517427:hover, .ui_558574:hover {
  text-decoration: none;
  transition: background 0.15s 0.2s, box-shadow 0.15s 0.25s ease-out, color 0.2s;
}
.btn:focus:after, .inputfile + label:focus:after, .ui_464917:focus:after, .ui_517427:focus:after, .ui_558574:focus:after, .btn:active:after, .inputfile + label:active:after, .ui_464917:active:after, .ui_517427:active:after, .ui_558574:active:after, .btn:hover:after, .inputfile + label:hover:after, .ui_464917:hover:after, .ui_517427:hover:after, .ui_558574:hover:after {
  transform: translate(-10%, -50%) skew(-30deg);
  opacity: 1;
}
.btn:disabled, .inputfile + label:disabled, .ui_464917:disabled, .ui_517427:disabled, .ui_558574:disabled, .btn.disabled, .inputfile + label.disabled, .disabled.ui_464917, .disabled.ui_517427, .disabled.ui_558574 {
  box-shadow: none;
  background: #7b7881;
  color: #e1e0e2;
  pointer-events: none;
}
.btn:disabled:after, .inputfile + label:disabled:after, .ui_464917:disabled:after, .ui_517427:disabled:after, .ui_558574:disabled:after, .btn.disabled:after, .inputfile + label.disabled:after, .disabled.ui_464917:after, .disabled.ui_517427:after, .disabled.ui_558574:after {
  display: none;
}
.btn.btn-primary-alt:after, .inputfile + label.btn-primary-alt:after, .btn-primary-alt.ui_464917:after, .btn-primary-alt.ui_517427:after, .btn-primary-alt.ui_558574:after {
  background: #34303d;
}
.btn.btn-primary-alt:focus, .inputfile + label.btn-primary-alt:focus, .btn-primary-alt.ui_464917:focus, .btn-primary-alt.ui_517427:focus, .btn-primary-alt.ui_558574:focus, .btn.btn-primary-alt:active, .inputfile + label.btn-primary-alt:active, .btn-primary-alt.ui_464917:active, .btn-primary-alt.ui_517427:active, .btn-primary-alt.ui_558574:active, .btn.btn-primary-alt:hover, .inputfile + label.btn-primary-alt:hover, .btn-primary-alt.ui_464917:hover, .btn-primary-alt.ui_517427:hover, .btn-primary-alt.ui_558574:hover {
  color: #FFFDFB;
  background: transparent;
}
.btn.btn-primary-dark, .inputfile + label.btn-primary-dark, .btn-primary-dark.ui_464917, .btn-primary-dark.ui_517427, .ui_558574 {
  background: #34303d;
  color: #FFFDFB;
}
.btn.btn-primary-dark:focus, .inputfile + label.btn-primary-dark:focus, .btn-primary-dark.ui_464917:focus, .btn-primary-dark.ui_517427:focus, .ui_558574:focus, .btn.btn-primary-dark:active, .inputfile + label.btn-primary-dark:active, .btn-primary-dark.ui_464917:active, .btn-primary-dark.ui_517427:active, .ui_558574:active, .btn.btn-primary-dark:hover, .inputfile + label.btn-primary-dark:hover, .btn-primary-dark.ui_464917:hover, .btn-primary-dark.ui_517427:hover, .ui_558574:hover {
  color: #34303d;
  --box-shadow-color: transparent;
  background: transparent;
}
.btn.btn-primary-dark:disabled, .inputfile + label.btn-primary-dark:disabled, .btn-primary-dark.ui_464917:disabled, .btn-primary-dark.ui_517427:disabled, .ui_558574:disabled, .btn.btn-primary-dark.disabled, .inputfile + label.btn-primary-dark.disabled, .btn-primary-dark.disabled.ui_464917, .btn-primary-dark.disabled.ui_517427, .disabled.ui_558574 {
  color: #7b7881;
  background: #b8b7bb;
}
.btn.btn-primary-dark-alt:after, .inputfile + label.btn-primary-dark-alt:after, .btn-primary-dark-alt.ui_464917:after, .btn-primary-dark-alt.ui_517427:after, .btn-primary-dark-alt.ui_558574:after {
  background: #FFFDFB;
}
.btn.btn-primary-dark-alt:focus, .inputfile + label.btn-primary-dark-alt:focus, .btn-primary-dark-alt.ui_464917:focus, .btn-primary-dark-alt.ui_517427:focus, .btn-primary-dark-alt.ui_558574:focus, .btn.btn-primary-dark-alt:active, .inputfile + label.btn-primary-dark-alt:active, .btn-primary-dark-alt.ui_464917:active, .btn-primary-dark-alt.ui_517427:active, .btn-primary-dark-alt.ui_558574:active, .btn.btn-primary-dark-alt:hover, .inputfile + label.btn-primary-dark-alt:hover, .btn-primary-dark-alt.ui_464917:hover, .btn-primary-dark-alt.ui_517427:hover, .btn-primary-dark-alt.ui_558574:hover {
  --box-shadow-color: transparent;
}
.btn.btn-secondary, .inputfile + label.btn-secondary, .btn-secondary.ui_464917, .btn-secondary.ui_517427, .btn-secondary.ui_558574 {
  --box-shadow-color: #FFFDFB;
  color: #FFFDFB;
  background: transparent;
  padding: 0.6rem 1.7rem;
}
.btn.btn-secondary:focus, .inputfile + label.btn-secondary:focus, .btn-secondary.ui_464917:focus, .btn-secondary.ui_517427:focus, .btn-secondary.ui_558574:focus, .btn.btn-secondary:hover, .inputfile + label.btn-secondary:hover, .btn-secondary.ui_464917:hover, .btn-secondary.ui_517427:hover, .btn-secondary.ui_558574:hover, .btn.btn-secondary:active, .inputfile + label.btn-secondary:active, .btn-secondary.ui_464917:active, .btn-secondary.ui_517427:active, .btn-secondary.ui_558574:active {
  color: #34303d;
  --box-shadow-color: transparent;
}
.btn.btn-secondary:disabled, .inputfile + label.btn-secondary:disabled, .btn-secondary.ui_464917:disabled, .btn-secondary.ui_517427:disabled, .btn-secondary.ui_558574:disabled, .btn.btn-secondary.disabled, .inputfile + label.btn-secondary.disabled, .btn-secondary.disabled.ui_464917, .btn-secondary.disabled.ui_517427, .btn-secondary.disabled.ui_558574 {
  color: #e1e0e2;
  background: #7b7881;
}
.btn.btn-secondary-alt:after, .inputfile + label.btn-secondary-alt:after, .btn-secondary-alt.ui_464917:after, .btn-secondary-alt.ui_517427:after, .btn-secondary-alt.ui_558574:after {
  background: #34303d;
}
.btn.btn-secondary-alt:focus, .inputfile + label.btn-secondary-alt:focus, .btn-secondary-alt.ui_464917:focus, .btn-secondary-alt.ui_517427:focus, .btn-secondary-alt.ui_558574:focus, .btn.btn-secondary-alt:hover, .inputfile + label.btn-secondary-alt:hover, .btn-secondary-alt.ui_464917:hover, .btn-secondary-alt.ui_517427:hover, .btn-secondary-alt.ui_558574:hover, .btn.btn-secondary-alt:active, .inputfile + label.btn-secondary-alt:active, .btn-secondary-alt.ui_464917:active, .btn-secondary-alt.ui_517427:active, .btn-secondary-alt.ui_558574:active {
  color: #FFFDFB;
  --box-shadow-color: transparent;
}
.btn.btn-secondary-dark, .inputfile + label.btn-secondary-dark, .ui_464917, .ui_517427, .btn-secondary-dark.ui_558574 {
  --box-shadow-color: #34303d;
  background: transparent;
  color: #34303d;
  padding: 0.6rem 1.7rem;
}
.btn.btn-secondary-dark:focus, .inputfile + label.btn-secondary-dark:focus, .ui_464917:focus, .ui_517427:focus, .btn-secondary-dark.ui_558574:focus, .btn.btn-secondary-dark:hover, .inputfile + label.btn-secondary-dark:hover, .ui_464917:hover, .ui_517427:hover, .btn-secondary-dark.ui_558574:hover, .btn.btn-secondary-dark:active, .inputfile + label.btn-secondary-dark:active, .ui_464917:active, .ui_517427:active, .btn-secondary-dark.ui_558574:active {
  --box-shadow-color: transparent;
}
.btn.btn-secondary-dark:disabled, .inputfile + label.btn-secondary-dark:disabled, .ui_464917:disabled, .ui_517427:disabled, .btn-secondary-dark.ui_558574:disabled, .btn.btn-secondary-dark.disabled, .inputfile + label.btn-secondary-dark.disabled, .disabled.ui_464917, .disabled.ui_517427, .btn-secondary-dark.disabled.ui_558574 {
  color: #7b7881;
  background: #b8b7bb;
}
.btn.btn-secondary-dark-alt, .inputfile + label.btn-secondary-dark-alt, .ui_464917, .btn-secondary-dark-alt.ui_517427, .btn-secondary-dark-alt.ui_558574 {
  --box-shadow-color: #34303d;
  background: transparent;
  color: #34303d;
  padding: 0.6rem 1.7rem;
}
.btn.btn-secondary-dark-alt:focus, .inputfile + label.btn-secondary-dark-alt:focus, .ui_464917:focus, .btn-secondary-dark-alt.ui_517427:focus, .btn-secondary-dark-alt.ui_558574:focus, .btn.btn-secondary-dark-alt:hover, .inputfile + label.btn-secondary-dark-alt:hover, .ui_464917:hover, .btn-secondary-dark-alt.ui_517427:hover, .btn-secondary-dark-alt.ui_558574:hover, .btn.btn-secondary-dark-alt:active, .inputfile + label.btn-secondary-dark-alt:active, .ui_464917:active, .btn-secondary-dark-alt.ui_517427:active, .btn-secondary-dark-alt.ui_558574:active {
  --box-shadow-color: transparent;
}
.btn.btn-secondary-dark-alt:disabled, .inputfile + label.btn-secondary-dark-alt:disabled, .ui_464917:disabled, .btn-secondary-dark-alt.ui_517427:disabled, .btn-secondary-dark-alt.ui_558574:disabled, .btn.btn-secondary-dark-alt.disabled, .inputfile + label.btn-secondary-dark-alt.disabled, .disabled.ui_464917, .btn-secondary-dark-alt.disabled.ui_517427, .btn-secondary-dark-alt.disabled.ui_558574 {
  color: #7b7881;
  background: #b8b7bb;
}
.btn.btn-secondary-dark-alt:after, .inputfile + label.btn-secondary-dark-alt:after, .ui_464917:after, .btn-secondary-dark-alt.ui_517427:after, .btn-secondary-dark-alt.ui_558574:after {
  background: #FFFDFB;
}
.btn.btn-inverse:after, .inputfile + label.btn-inverse:after, .btn-inverse.ui_464917:after, .btn-inverse.ui_517427:after, .btn-inverse.ui_558574:after {
  background: #FFFDFB;
}
.btn[disabled], .inputfile + label[disabled], [disabled].ui_464917, [disabled].ui_517427, [disabled].ui_558574, .btn:disabled, .inputfile + label:disabled, .ui_464917:disabled, .ui_517427:disabled, .ui_558574:disabled, .btn.disabled, .inputfile + label.disabled, .disabled.ui_464917, .disabled.ui_517427, .disabled.ui_558574 {
  cursor: default;
  pointer-events: none;
}
.btn.btn-success, .inputfile + label.btn-success, .btn-success.ui_464917, .btn-success.ui_517427, .btn-success.ui_558574 {
  background: #32b643;
  border-color: #2faa3f;
  color: #ffffff;
}
.btn.btn-success:focus, .inputfile + label.btn-success:focus, .btn-success.ui_464917:focus, .btn-success.ui_517427:focus, .btn-success.ui_558574:focus {
  box-shadow: 0 0 0 0.1rem rgba(50, 182, 67, 0.2);
}
.btn.btn-success:focus, .inputfile + label.btn-success:focus, .btn-success.ui_464917:focus, .btn-success.ui_517427:focus, .btn-success.ui_558574:focus, .btn.btn-success:hover, .inputfile + label.btn-success:hover, .btn-success.ui_464917:hover, .btn-success.ui_517427:hover, .btn-success.ui_558574:hover {
  background: #30ae40;
  border-color: #2da23c;
  color: #ffffff;
}
.btn.btn-success:active, .inputfile + label.btn-success:active, .btn-success.ui_464917:active, .btn-success.ui_517427:active, .btn-success.ui_558574:active, .btn.btn-success.active, .inputfile + label.btn-success.active, .btn-success.active.ui_464917, .btn-success.active.ui_517427, .btn-success.active.ui_558574 {
  background: #2a9a39;
  border-color: #278e34;
  color: #ffffff;
}
.btn.btn-success.loading::after, .inputfile + label.btn-success.loading::after, .btn-success.loading.ui_464917::after, .btn-success.loading.ui_517427::after, .btn-success.loading.ui_558574::after {
  border-bottom-color: #ffffff;
  border-left-color: #ffffff;
}
.btn.btn-error, .inputfile + label.btn-error, .btn-error.ui_464917, .btn-error.ui_517427, .btn-error.ui_558574 {
  background: #e85600;
  border-color: #d95000;
  color: #ffffff;
}
.btn.btn-error:focus, .inputfile + label.btn-error:focus, .btn-error.ui_464917:focus, .btn-error.ui_517427:focus, .btn-error.ui_558574:focus {
  box-shadow: 0 0 0 0.1rem rgba(232, 86, 0, 0.2);
}
.btn.btn-error:focus, .inputfile + label.btn-error:focus, .btn-error.ui_464917:focus, .btn-error.ui_517427:focus, .btn-error.ui_558574:focus, .btn.btn-error:hover, .inputfile + label.btn-error:hover, .btn-error.ui_464917:hover, .btn-error.ui_517427:hover, .btn-error.ui_558574:hover {
  background: #de5200;
  border-color: #cf4d00;
  color: #ffffff;
}
.btn.btn-error:active, .inputfile + label.btn-error:active, .btn-error.ui_464917:active, .btn-error.ui_517427:active, .btn-error.ui_558574:active, .btn.btn-error.active, .inputfile + label.btn-error.active, .btn-error.active.ui_464917, .btn-error.active.ui_517427, .btn-error.active.ui_558574 {
  background: #c44900;
  border-color: #b54300;
  color: #ffffff;
}
.btn.btn-error.loading::after, .inputfile + label.btn-error.loading::after, .btn-error.loading.ui_464917::after, .btn-error.loading.ui_517427::after, .btn-error.loading.ui_558574::after {
  border-bottom-color: #ffffff;
  border-left-color: #ffffff;
}
.btn.btn-link, .inputfile + label.btn-link, .btn-link.ui_464917, .btn-link.ui_517427, .btn-link.ui_558574 {
  background: transparent;
  border-color: transparent;
  color: #34303d;
}
.btn.btn-link:focus, .inputfile + label.btn-link:focus, .btn-link.ui_464917:focus, .btn-link.ui_517427:focus, .btn-link.ui_558574:focus, .btn.btn-link:hover, .inputfile + label.btn-link:hover, .btn-link.ui_464917:hover, .btn-link.ui_517427:hover, .btn-link.ui_558574:hover, .btn.btn-link:active, .inputfile + label.btn-link:active, .btn-link.ui_464917:active, .btn-link.ui_517427:active, .btn-link.ui_558574:active, .btn.btn-link.active, .inputfile + label.btn-link.active, .btn-link.active.ui_464917, .btn-link.active.ui_517427, .btn-link.active.ui_558574 {
  color: #1c1a20;
}
.btn.btn-sm, .inputfile + label.btn-sm, .btn-sm.ui_464917, .btn-sm.ui_517427, .btn-sm.ui_558574 {
  font-size: 0.7rem;
  height: 1.4rem;
  padding: 0.05rem 0.3rem;
}
.btn.btn-lg, .inputfile + label.btn-lg, .btn-lg.ui_464917, .btn-lg.ui_517427, .btn-lg.ui_558574 {
  font-size: 0.9rem;
  height: 2rem;
  padding: 0.35rem 0.6rem;
}
.btn.btn-block, .inputfile + label.btn-block, .btn-block.ui_464917, .btn-block.ui_517427, .btn-block.ui_558574 {
  display: block;
  width: 100%;
}
@media (max-width: 639px) {
  .btn.-full-xs, .inputfile + label.-full-xs, .-full-xs.ui_464917, .-full-xs.ui_517427, .-full-xs.ui_558574 {
    width: 100%;
  }
}
@media (max-width: 839px) {
  .btn.-full-sm, .inputfile + label.-full-sm, .-full-sm.ui_464917, .-full-sm.ui_517427, .-full-sm.ui_558574 {
    width: 100%;
  }
}
@media (max-width: 959px) {
  .btn.-full-md, .inputfile + label.-full-md, .-full-md.ui_464917, .-full-md.ui_517427, .-full-md.ui_558574 {
    width: 100%;
  }
}
.btn.btn-action, .inputfile + label.btn-action, .btn-action.ui_464917, .btn-action.ui_517427, .btn-action.ui_558574 {
  width: 1.8rem;
  padding-left: 0;
  padding-right: 0;
}
.btn.btn-action.btn-sm, .inputfile + label.btn-action.btn-sm, .btn-action.btn-sm.ui_464917, .btn-action.btn-sm.ui_517427, .btn-action.btn-sm.ui_558574 {
  width: 1.4rem;
}
.btn.btn-action.btn-lg, .inputfile + label.btn-action.btn-lg, .btn-action.btn-lg.ui_464917, .btn-action.btn-lg.ui_517427, .btn-action.btn-lg.ui_558574 {
  width: 2rem;
}
.btn.btn-clear, .inputfile + label.btn-clear, .btn-clear.ui_464917, .btn-clear.ui_517427, .btn-clear.ui_558574 {
  background: transparent;
  border: 0;
  color: currentColor;
  height: 1rem;
  line-height: 0.8rem;
  margin-left: 0.2rem;
  margin-right: -2px;
  opacity: 1;
  padding: 0.1rem;
  text-decoration: none;
  width: 1rem;
  background: transparent url("/assets/icons/close.svg") no-repeat center center;
  background-size: 20px 20px;
}
.btn.btn-clear:focus, .inputfile + label.btn-clear:focus, .btn-clear.ui_464917:focus, .btn-clear.ui_517427:focus, .btn-clear.ui_558574:focus, .btn.btn-clear:hover, .inputfile + label.btn-clear:hover, .btn-clear.ui_464917:hover, .btn-clear.ui_517427:hover, .btn-clear.ui_558574:hover {
  opacity: 0.95;
}

.btn-group {
  display: inline-flex;
  flex-wrap: wrap;
}
.btn-group .btn, .btn-group .inputfile + label, .btn-group .ui_464917, .btn-group .ui_517427, .btn-group .ui_558574 {
  flex: 1 0 auto;
}
.btn-group .btn:first-child:not(:last-child), .btn-group .inputfile + label:first-child:not(:last-child), .btn-group .ui_464917:first-child:not(:last-child), .btn-group .ui_517427:first-child:not(:last-child), .btn-group .ui_558574:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group .btn:not(:first-child):not(:last-child), .btn-group .inputfile + label:not(:first-child):not(:last-child), .btn-group .ui_464917:not(:first-child):not(:last-child), .btn-group .ui_517427:not(:first-child):not(:last-child), .btn-group .ui_558574:not(:first-child):not(:last-child) {
  border-radius: 0;
  margin-left: -0.05rem;
}
.btn-group .btn:last-child:not(:first-child), .btn-group .inputfile + label:last-child:not(:first-child), .btn-group .ui_464917:last-child:not(:first-child), .btn-group .ui_517427:last-child:not(:first-child), .btn-group .ui_558574:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: -0.05rem;
}
.btn-group .btn:focus, .btn-group .inputfile + label:focus, .btn-group .ui_464917:focus, .btn-group .ui_517427:focus, .btn-group .ui_558574:focus, .btn-group .btn:hover, .btn-group .inputfile + label:hover, .btn-group .ui_464917:hover, .btn-group .ui_517427:hover, .btn-group .ui_558574:hover, .btn-group .btn:active, .btn-group .inputfile + label:active, .btn-group .ui_464917:active, .btn-group .ui_517427:active, .btn-group .ui_558574:active, .btn-group .btn.active, .btn-group .inputfile + label.active, .btn-group .active.ui_464917, .btn-group .active.ui_517427, .btn-group .active.ui_558574 {
  z-index: 1;
}
.btn-group.btn-group-block {
  display: flex;
}
.btn-group.btn-group-block .btn, .btn-group.btn-group-block .inputfile + label, .btn-group.btn-group-block .ui_464917, .btn-group.btn-group-block .ui_517427, .btn-group.btn-group-block .ui_558574 {
  flex: 1 0 0;
}

.btn-link-box, .btn-link-box-back {
  font-size: 0.8rem;
  line-height: 1.2rem;
  color: #FFFDFB;
  position: relative;
  padding: 0 1.2rem 0 0;
  transition: color 0.2s;
  display: inline-flex;
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
}
.btn-link-box:after, .btn-link-box-back:after {
  content: " ";
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center left;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZERkI7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==");
  width: 0.8rem;
  height: 100%;
  position: absolute;
  right: 0;
  transition: transform 0.2s ease;
  transform: translateX(0px);
  will-change: transform;
}
.btn-link-box:before, .btn-link-box-back:before {
  content: " ";
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center left;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMEQxRDI7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==");
  width: 0.8rem;
  height: 100%;
  position: absolute;
  right: 0;
  z-index: 2;
  clip-path: inset(0 100% 0 0);
  -webkit-clip-path: inset(0 100% 0 0);
  transition: clip-path 0.3s, -webkit-clip-path 0.3s;
}
.btn-link-box:hover, .btn-link-box-back:hover {
  color: #FFFDFB;
}
.btn-link-box:hover:after, .btn-link-box-back:hover:after {
  transform: translateX(5px);
}
.btn-link-box.disabled, .disabled.btn-link-box-back {
  color: #99979e;
  pointer-events: none;
}
.btn-link-box.disabled:after, .disabled.btn-link-box-back:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiM5OTk3OWU7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==");
}
.btn-link-box.btn-link-box-alt:before, .btn-link-box-alt.btn-link-box-back:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZERkI7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==");
}
.btn-link-box.btn-link-box-dark, .btn-link-box-dark.btn-link-box-back, .btn-link-box.dark, .dark.btn-link-box-back {
  color: #34303d;
}
.btn-link-box.btn-link-box-dark:after, .btn-link-box-dark.btn-link-box-back:after, .btn-link-box.dark:after, .dark.btn-link-box-back:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZERkI7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==");
}
.btn-link-box.btn-link-box-dark.-only-arrow:after, .btn-link-box-dark.-only-arrow.btn-link-box-back:after, .btn-link-box.dark.-only-arrow:after, .dark.-only-arrow.btn-link-box-back:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMzNDMwM2Q7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==");
}
.btn-link-box.btn-link-box-dark.-only-arrow:before, .btn-link-box-dark.-only-arrow.btn-link-box-back:before, .btn-link-box.dark.-only-arrow:before, .dark.-only-arrow.btn-link-box-back:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMEQxRDI7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==");
}
.btn-link-box.btn-link-box-dark.dark-ico:after, .btn-link-box-dark.dark-ico.btn-link-box-back:after, .btn-link-box.dark.dark-ico:after, .dark.dark-ico.btn-link-box-back:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMzNDMwM2Q7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==");
}
.btn-link-box.btn-link-box-dark.dark-ico:before, .btn-link-box-dark.dark-ico.btn-link-box-back:before, .btn-link-box.dark.dark-ico:before, .dark.dark-ico.btn-link-box-back:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZERkI7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==");
}
.btn-link-box.btn-link-box-dark.dark-ico.-hover-alt:before, .btn-link-box-dark.dark-ico.-hover-alt.btn-link-box-back:before, .btn-link-box.dark.dark-ico.-hover-alt:before, .dark.dark-ico.-hover-alt.btn-link-box-back:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMEQxRDI7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==");
}
.btn-link-box.btn-link-box-dark.disabled, .btn-link-box-dark.disabled.btn-link-box-back, .btn-link-box.dark.disabled, .dark.disabled.btn-link-box-back {
  color: #99979e;
  pointer-events: none;
}
.btn-link-box.btn-link-box-dark.disabled:after, .btn-link-box-dark.disabled.btn-link-box-back:after, .btn-link-box.dark.disabled:after, .dark.disabled.btn-link-box-back:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiM5OTk3OWU7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==");
}
.btn-link-box.btn-link-box-dark-alt:before, .btn-link-box-dark-alt.btn-link-box-back:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiM5OTk3OWU7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==");
}
.btn-link-box.-hover-alt:before, .-hover-alt.btn-link-box-back:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMEQxRDI7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==");
}
.btn-link-box.-gray-over:before, .-gray-over.btn-link-box-back:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiM3Yjc4ODE7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==") !important;
}

.btn-link-box-back {
  padding-right: 0;
  padding-left: 1.2rem;
}
.btn-link-box-back:after, .btn-link-box-back:before {
  right: auto;
  left: 0;
  transform: rotate(180deg);
}
@media (hover: hover) {
  .btn-link-box-back:hover:after {
    transform: rotate(180deg) translateX(5px);
  }
}

.btn-play {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: #FFFDFB;
  cursor: pointer;
  transition: background 0.3s;
  z-index: 3;
}
.btn-play .ico {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-28%) translateY(-50%) rotate(90deg);
}
.btn-play .ico .t {
  display: block;
}
.btn-play:hover {
  background: #00D1D2;
}
.btn-play--corner {
  bottom: 32px;
  right: 32px;
  top: auto;
  left: auto;
}
@media (min-width: 960px) {
  .btn-play--corner {
    bottom: 48px;
    right: 48px;
  }
  .btn-play--md-corner {
    top: auto;
    left: auto;
    bottom: 48px;
    right: 48px;
  }
}

.link, .page-main p a:not([class]), a.fancy {
  font-size: 0.8rem;
  line-height: 1.5;
  position: relative;
  border: none;
  padding: 0 0 1px;
  outline: none;
  cursor: pointer;
  background-color: transparent;
  background-image: linear-gradient(to right, #00D1D2 50%, #34303d 50%);
  background-size: 200% 1px;
  background-position: 100% bottom;
  transition: background-position 0.5s ease-in-out;
  background-repeat: no-repeat;
}
@media (hover: hover) {
  .link:hover, .page-main p a:hover:not([class]), a.fancy:hover {
    background-position: 0% bottom;
  }
}
.link.alt, .page-main p a.alt:not([class]), a.fancy.alt {
  background-image: linear-gradient(to right, #FFFDFB 50%, #34303d 50%);
}
@media (hover: hover) {
  .link.alt:hover, .page-main p a.alt:hover:not([class]), a.fancy.alt:hover {
    color: #FFFDFB;
  }
}
.link.disabled, .page-main p a.disabled:not([class]), a.fancy.disabled {
  color: #7b7881;
  background-image: linear-gradient(to right, #7b7881 50%);
}
.link.light, .page-main p a.light:not([class]), a.fancy.light {
  color: #FFFDFB;
  background-image: linear-gradient(to right, #00D1D2 50%, #FFFDFB 50%);
}
.link.light.alt, .page-main p a.light.alt:not([class]), a.fancy.light.alt {
  background-image: linear-gradient(to right, #34303d 50%, #FFFDFB 50%);
}
.link.light.alt:hover, .page-main p a.light.alt:hover:not([class]), a.fancy.light.alt:hover {
  color: #FFFDFB;
}
.link.light.disabled, .page-main p a.light.disabled:not([class]), a.fancy.light.disabled {
  color: #7b7881;
  background-image: linear-gradient(to right, #7b7881, #7b7881);
}

.btn-myiqos {
  position: relative;
}
.btn-myiqos:before, .btn-myiqos:after {
  content: " ";
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center left;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMzNDMwM2Q7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==");
  width: 21px;
  height: 1em;
  position: absolute;
  left: calc(100% + 10px);
  transition: transform 0.2s ease;
  transform: translateX(0px);
  transition: clip-path 0.3s, -webkit-clip-path 0.3s;
  clip-path: inset(0 0% 0 0);
  -webkit-clip-path: inset(0 0% 0 0);
  bottom: 5px;
}
.btn-myiqos:before {
  content: " ";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMEQxRDI7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==");
  z-index: 2;
  clip-path: inset(0 100% 0 0);
  -webkit-clip-path: inset(0 100% 0 0);
}
@media (hover: hover) {
  .btn-myiqos:hover:before {
    clip-path: inset(0 0% 0 0);
    -webkit-clip-path: inset(0 0% 0 0);
  }
  .btn-myiqos:hover:after {
    clip-path: inset(0 0 0 100%);
    -webkit-clip-path: inset(0 0 0 100%);
  }
}

.btn-edit {
  border: none;
  background: none;
  outline: none;
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.5;
  cursor: pointer;
}
.btn-edit::after {
  content: "";
  display: block;
  height: 1rem;
  width: 1rem;
  background: url("/assets/icons/edit.svg") no-repeat center;
  background-size: 100%;
  margin-left: 0.7rem;
}

.btn-toggle-switch {
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: bold;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  cursor: pointer;
  width: 100%;
  border: none;
  padding: 0;
  margin: 0;
  outline: none;
}
.btn-toggle-switch b {
  pointer-events: none;
  height: 1.4rem;
  width: 1.4rem;
  position: relative;
  border: 1.5px solid;
  margin-left: 1.4rem;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 50%;
}
.btn-toggle-switch b::before, .btn-toggle-switch b::after {
  content: "";
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  height: 6px;
  width: 12px;
  background-size: contain;
  transition: all 0.3s;
  background-repeat: no-repeat;
  background-position: center;
}
.btn-toggle-switch b::before {
  background-image: url("/assets/icons/chevron-down.svg");
  transform: translate(-50%, -35%);
}
.btn-toggle-switch b::after {
  background-image: url("/assets/icons/chevron-up.svg");
  transform: translate(-50%, -65%);
  top: 0;
  opacity: 0;
}
.btn-toggle-switch.active b::before {
  top: calc(100% + 10px);
  opacity: 0;
}
.btn-toggle-switch.active b::after {
  top: 50%;
  opacity: 1;
}

button.plus-sign {
  height: 1.8rem;
  width: 1.8rem;
  border: 2px solid #34303d;
  color: #34303d;
  border-radius: 50%;
  line-height: 36px;
  text-align: center;
  flex-shrink: 0;
  font-size: 1.3rem;
  display: flex;
  position: relative;
  background: none;
  outline: none;
  cursor: pointer;
  padding: 0;
}
button.plus-sign::before, button.plus-sign::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0);
  width: 0.7rem;
  border-top: 2px solid;
}
button.plus-sign::before {
  transition: transform 0.3s ease-in-out;
}
button.plus-sign::after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: transform 0.5s ease-in-out;
}
button.plus-sign.active::before {
  transform: translate(-50%, -50%) rotate(180deg);
}
button.plus-sign.active::after {
  transform: translate(-50%, -50%) rotate(360deg);
}

.page-main p a:not([class]) {
  text-decoration: none;
  font-size: inherit;
  line-height: inherit;
}

.arrow-triangle{
  position: absolute;
  height: 0;
  width: 0;
  border-color: transparent;
}
.arrow-triangle--up{
  border-left-width: 15px;
  border-right-width: 15px;
  border-bottom-width: 15px;
  --tw-border-opacity: 1;
  border-bottom-color: rgba(255, 208, 64, var(--tw-border-opacity));
}
.arrow-triangle--up-center-up-box{
  position: absolute;
  bottom: 100%;
  left: 50%;
  --tw-translate-x: -50%;
  transform: var(--tw-transform);
}
.arrow-triangle--left{
  border-top-width: 15px;
  border-bottom-width: 15px;
  border-right-width: 15px;
  --tw-border-opacity: 1;
  border-right-color: rgba(255, 208, 64, var(--tw-border-opacity));
}
.arrow-triangle--left-center-left-box{
  position: absolute;
  right: 100%;
  top: 50%;
  --tw-translate-y: -50%;
  transform: var(--tw-transform);
}
.arrow-triangle__box-left{
  right: 100%;
  top: 50%;
  --tw-translate-y: -50%;
  transform: var(--tw-transform);
  border-top-width: 15px;
  border-bottom-width: 15px;
  border-right-width: 15px;
  --tw-border-opacity: 1;
  border-right-color: rgba(255, 208, 64, var(--tw-border-opacity));
}
.arrow-triangle__box-top{
  bottom: 100%;
  left: 50%;
  --tw-translate-x: -50%;
  transform: var(--tw-transform);
  border-left-width: 15px;
  border-right-width: 15px;
  border-bottom-width: 15px;
  --tw-border-opacity: 1;
  border-bottom-color: rgba(255, 208, 64, var(--tw-border-opacity));
}

.js-reveal {
  overflow: hidden;
  position: relative;
}
.js-reveal .cover {
  position: absolute;
  top: 0;
  left: 0;
  background: #00D1D2;
  width: 100%;
  height: 100%;
  z-index: 2;
  transform: skew(-21.5deg);
  transform-origin: top right;
}

.tabs-selector {
  display: flex;
  list-style: none;
  padding: 0 0 1rem 0;
  margin: 0;
  justify-content: space-between;
}
.tabs-selector li {
  font-size: 0.8rem;
  line-height: 1.5;
  letter-spacing: 0.2px;
  color: #524f5a;
  border-bottom: solid 2px transparent;
  font-weight: normal;
  flex-grow: 1;
  text-align: center;
  padding: 4px 0;
  margin: 0 8px 0 8px;
  transition: border-bottom 0.2s;
}
.tabs-selector li:first-child {
  margin-left: 0;
}
.tabs-selector li:last-child {
  margin-right: 0;
}
.tabs-selector li.-selected {
  color: #34303d;
  border-bottom: solid 2px #34303d;
  font-weight: bold;
}
@media (hover: hover) {
  .tabs-selector li:hover {
    border-bottom: solid 2px #00D1D2;
  }
}
.tabs-selector li a {
  color: inherit;
  outline: none;
}

@media (max-width: 959px) {
  .tabs-panels .-tab {
    display: none;
  }
  .tabs-panels .-tab.-selected {
    display: block;
  }
}

p.legal-advice {
  font-size: 0.6rem !important;
  line-height: 0.8rem !important;
  letter-spacing: 0.2px !important;
}
@media (min-width: 960px) {
  p.legal-advice {
    font-size: 0.6rem !important;
    line-height: 1.33 !important;
  }
}

p.box-p {
  background: rgba(52, 48, 61, 0.1);
  padding: 0.4rem 0.75rem;
  box-sizing: border-box;
}

.legal-advice-block {
  width: 83vw;
  margin: 0 auto;
  font-size: 14px;
  text-align: center;
  padding: 48px 0 28px 0;
}
@media (min-width: 960px) {
  .legal-advice-block {
    width: 75.55vw;
    max-width: 1088px;
    padding: 48px 0;
  }
}
.legal-advice-block .text-wrapper {
  width: 100%;
  margin: 0 auto;
  max-width: 740px;
}
@media (min-width: 960px) {
  .legal-advice-block .text-wrapper {
    width: 85%;
  }
}
.legal-advice-block.block-space {
  padding: 0;
  margin-bottom: 56px;
}
@media (min-width: 960px) {
  .legal-advice-block.block-space {
    margin-bottom: 100px;
  }
}
@media (max-width: 959px) {
  .legal-advice-block.text-left-sd {
    text-align: left;
  }
}

.badge {
  position: relative;
  white-space: nowrap;
  font-size: 0.6rem;
  background: #00D1D2;
  color: #34303d;
  padding: 3px 6px;
  border-radius: 2px;
  margin: 0 4px;
  font-weight: normal;
}
@media (min-width: 960px) {
  .badge {
    font-size: 0.6rem;
  }
}
.badge.-bordered {
  border: 1px solid;
}
.badge.-soft-white {
  background: #FFFDFB;
}
.badge.-slate {
  background: #34303d;
  color: #FFFDFB;
}
.badge.-amber {
  background: #e27d34;
}
.badge.-red {
  background: #a22f26;
  color: #FFFDFB;
}
.badge.-alert {
  background: #FFFDFB;
  color: #c73636;
}
.badge.-alert.-bordered {
  border-color: #c73636;
}
.badge.-blue {
  background: #2980b5;
  color: #FFFDFB;
}
.badge.-yellow {
  background: #ffd040;
}
.badge.-turquoise {
  background: #00D1D2;
}

.checklist {
  list-style: none;
  margin-top: 0;
}
.checklist li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 1.6rem;
}
.checklist li:before {
  content: " ";
  background: #00D1D2 url("/images/ico/check-slate.svg") no-repeat;
  background-position: center center;
  background-size: 75% auto;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(15%);
}
.checklist li .h4 {
  line-height: 1.2;
  letter-spacing: 0.2px;
  margin-bottom: 0.8rem;
}
.checklist li .title {
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: 0.2px;
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: bold;
  margin-bottom: 0.8rem;
}
.checklist li .legal {
  font-size: 0.6rem;
  line-height: 1.67;
  letter-spacing: 0.2px;
}
.checklist li > :last-child {
  margin-bottom: 0;
}

.breadcrumb {
  font-size: 0.75rem;
}
.breadcrumb > ol {
  list-style: none;
  margin: 0;
}
.breadcrumb > ol > li {
  margin: 0;
  display: inline;
  color: #34303d;
}
.breadcrumb > ol > li:not(:last-child):after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border: solid #34303d;
  border-width: 2px 2px 0 0;
  border-radius: 1px;
  transform: rotate(45deg) scale(0.8);
  margin: 0 7px 0 2px;
}
.breadcrumb > ol a {
  white-space: nowrap;
}

.blk-box {
  display: flex;
}

.blk-cell {
  margin-bottom: 2.25rem;
}
.blk-cell-max {
  width: 83vw;
  margin: 0 auto 2.25rem auto;
}
.blk-cell figure img {
  display: block;
  height: auto;
  width: 100%;
}

.scroll-arrow-indicator {
  position: absolute;
  width: 32px;
  height: 32px;
  background: #FFFDFB;
  right: 4.45vw;
  bottom: 4.45vw;
  z-index: 10;
  border-radius: 100%;
  transition-delay: 0s;
  transition: opacity 0.35s ease;
  background-image: url(/images/buttons/icons-20-dropdown.svg);
  background-position: center center;
  background-repeat: no-repeat;
  pointer-events: none;
}
.scroll-arrow-indicator.-hidden {
  opacity: 0 !important;
}

.chat-indicator {
  position: absolute;
  width: 64px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  background-color: #00b6b6;
  right: 4.45vw;
  bottom: -32px;
  z-index: 11;
  padding: 0.6rem 0;
  border-radius: 100%;
  box-shadow: 0 3px 10px 0 rgba(178, 178, 178, 0.5);
}
.chat-indicator:hover svg path {
  fill: white;
}

.blk-container {
  margin: 0 0 56px 0;
}
@media (min-width: 960px) {
  .blk-container {
    margin: 0 0 100px 0;
  }
}
.blk-container.brand-hard-white .blk-grid {
  background: #f6f4f0;
}
.blk-container.top-pad-1 {
  padding-top: 2rem;
  position: relative;
}
@media (min-width: 961px) {
  .blk-container.top-pad-1 {
    padding-top: 5rem;
  }
}
@media (max-width: 959px) {
  .blk-container.brand-hard-white-sd {
    background-color: #f6f4f0;
  }
}

.blk-grid, .blk-sub-grid {
  display: grid;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  grid-column-gap: 10px;
  padding: 0 20px;
  width: 100%;
  grid-template-columns: repeat(12, 1fr);
}
.blk-grid.-reverse > .blk-grid-col, .blk-sub-grid.-reverse > .blk-grid-col {
  direction: rtl;
}
.blk-grid .blk-grid-col, .blk-sub-grid .blk-grid-col {
  overflow: hidden;
}
.blk-grid .blk-grid-col figure:not(:last-child), .blk-sub-grid .blk-grid-col figure:not(:last-child) {
  margin-bottom: 2rem;
}
.blk-grid.-overflow, .blk-grid .blk-grid-col.-overflow, .blk-sub-grid.-overflow, .blk-sub-grid .blk-grid-col.-overflow {
  overflow: visible;
}
.blk-grid.-no-padding, .blk-sub-grid.-no-padding {
  padding: 0 !important;
}
.blk-grid .blk-grid-col.-w-1, .blk-sub-grid .blk-grid-col.-w-1 {
  grid-column-end: span 1;
}
.blk-grid .blk-grid-col.-o-1, .blk-sub-grid .blk-grid-col.-o-1 {
  grid-column-start: 1;
}
.blk-grid .blk-grid-col.-w-2, .blk-sub-grid .blk-grid-col.-w-2 {
  grid-column-end: span 2;
}
.blk-grid .blk-grid-col.-o-2, .blk-sub-grid .blk-grid-col.-o-2 {
  grid-column-start: 2;
}
.blk-grid .blk-grid-col.-w-3, .blk-sub-grid .blk-grid-col.-w-3 {
  grid-column-end: span 3;
}
.blk-grid .blk-grid-col.-o-3, .blk-sub-grid .blk-grid-col.-o-3 {
  grid-column-start: 3;
}
.blk-grid .blk-grid-col.-w-4, .blk-sub-grid .blk-grid-col.-w-4 {
  grid-column-end: span 4;
}
.blk-grid .blk-grid-col.-o-4, .blk-sub-grid .blk-grid-col.-o-4 {
  grid-column-start: 4;
}
.blk-grid .blk-grid-col.-w-5, .blk-sub-grid .blk-grid-col.-w-5 {
  grid-column-end: span 5;
}
.blk-grid .blk-grid-col.-o-5, .blk-sub-grid .blk-grid-col.-o-5 {
  grid-column-start: 5;
}
.blk-grid .blk-grid-col.-w-6, .blk-sub-grid .blk-grid-col.-w-6 {
  grid-column-end: span 6;
}
.blk-grid .blk-grid-col.-o-6, .blk-sub-grid .blk-grid-col.-o-6 {
  grid-column-start: 6;
}
.blk-grid .blk-grid-col.-w-7, .blk-sub-grid .blk-grid-col.-w-7 {
  grid-column-end: span 7;
}
.blk-grid .blk-grid-col.-o-7, .blk-sub-grid .blk-grid-col.-o-7 {
  grid-column-start: 7;
}
.blk-grid .blk-grid-col.-w-8, .blk-sub-grid .blk-grid-col.-w-8 {
  grid-column-end: span 8;
}
.blk-grid .blk-grid-col.-o-8, .blk-sub-grid .blk-grid-col.-o-8 {
  grid-column-start: 8;
}
.blk-grid .blk-grid-col.-w-9, .blk-sub-grid .blk-grid-col.-w-9 {
  grid-column-end: span 9;
}
.blk-grid .blk-grid-col.-o-9, .blk-sub-grid .blk-grid-col.-o-9 {
  grid-column-start: 9;
}
.blk-grid .blk-grid-col.-w-10, .blk-sub-grid .blk-grid-col.-w-10 {
  grid-column-end: span 10;
}
.blk-grid .blk-grid-col.-o-10, .blk-sub-grid .blk-grid-col.-o-10 {
  grid-column-start: 10;
}
.blk-grid .blk-grid-col.-w-11, .blk-sub-grid .blk-grid-col.-w-11 {
  grid-column-end: span 11;
}
.blk-grid .blk-grid-col.-o-11, .blk-sub-grid .blk-grid-col.-o-11 {
  grid-column-start: 11;
}
.blk-grid .blk-grid-col.-w-12, .blk-sub-grid .blk-grid-col.-w-12 {
  grid-column-end: span 12;
}
.blk-grid .blk-grid-col.-o-12, .blk-sub-grid .blk-grid-col.-o-12 {
  grid-column-start: 12;
}
@media only screen and (max-width: 767px) {
  .blk-grid, .blk-sub-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .blk-grid .blk-grid-col.-w-1\@s, .blk-sub-grid .blk-grid-col.-w-1\@s {
    grid-column-end: span 1;
  }
  .blk-grid .blk-grid-col.-o-1\@s, .blk-sub-grid .blk-grid-col.-o-1\@s {
    grid-column-start: 1;
  }
  .blk-grid .blk-grid-col.-w-2\@s, .blk-sub-grid .blk-grid-col.-w-2\@s {
    grid-column-end: span 2;
  }
  .blk-grid .blk-grid-col.-o-2\@s, .blk-sub-grid .blk-grid-col.-o-2\@s {
    grid-column-start: 2;
  }
  .blk-grid .blk-grid-col.-w-3\@s, .blk-sub-grid .blk-grid-col.-w-3\@s {
    grid-column-end: span 3;
  }
  .blk-grid .blk-grid-col.-o-3\@s, .blk-sub-grid .blk-grid-col.-o-3\@s {
    grid-column-start: 3;
  }
  .blk-grid .blk-grid-col.-w-4\@s, .blk-sub-grid .blk-grid-col.-w-4\@s {
    grid-column-end: span 4;
  }
  .blk-grid .blk-grid-col.-o-4\@s, .blk-sub-grid .blk-grid-col.-o-4\@s {
    grid-column-start: 4;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .blk-grid, .blk-sub-grid {
    grid-column-gap: 16px;
    padding: 0 0px;
    width: 744px;
    grid-template-columns: repeat(12, 1fr);
  }
  .blk-grid .blk-grid-col.-w-1\@m, .blk-sub-grid .blk-grid-col.-w-1\@m {
    grid-column-end: span 1;
  }
  .blk-grid .blk-grid-col.-o-1\@m, .blk-sub-grid .blk-grid-col.-o-1\@m {
    grid-column-start: 1;
  }
  .blk-grid .blk-grid-col.-w-2\@m, .blk-sub-grid .blk-grid-col.-w-2\@m {
    grid-column-end: span 2;
  }
  .blk-grid .blk-grid-col.-o-2\@m, .blk-sub-grid .blk-grid-col.-o-2\@m {
    grid-column-start: 2;
  }
  .blk-grid .blk-grid-col.-w-3\@m, .blk-sub-grid .blk-grid-col.-w-3\@m {
    grid-column-end: span 3;
  }
  .blk-grid .blk-grid-col.-o-3\@m, .blk-sub-grid .blk-grid-col.-o-3\@m {
    grid-column-start: 3;
  }
  .blk-grid .blk-grid-col.-w-4\@m, .blk-sub-grid .blk-grid-col.-w-4\@m {
    grid-column-end: span 4;
  }
  .blk-grid .blk-grid-col.-o-4\@m, .blk-sub-grid .blk-grid-col.-o-4\@m {
    grid-column-start: 4;
  }
  .blk-grid .blk-grid-col.-w-5\@m, .blk-sub-grid .blk-grid-col.-w-5\@m {
    grid-column-end: span 5;
  }
  .blk-grid .blk-grid-col.-o-5\@m, .blk-sub-grid .blk-grid-col.-o-5\@m {
    grid-column-start: 5;
  }
  .blk-grid .blk-grid-col.-w-6\@m, .blk-sub-grid .blk-grid-col.-w-6\@m {
    grid-column-end: span 6;
  }
  .blk-grid .blk-grid-col.-o-6\@m, .blk-sub-grid .blk-grid-col.-o-6\@m {
    grid-column-start: 6;
  }
  .blk-grid .blk-grid-col.-w-7\@m, .blk-sub-grid .blk-grid-col.-w-7\@m {
    grid-column-end: span 7;
  }
  .blk-grid .blk-grid-col.-o-7\@m, .blk-sub-grid .blk-grid-col.-o-7\@m {
    grid-column-start: 7;
  }
  .blk-grid .blk-grid-col.-w-8\@m, .blk-sub-grid .blk-grid-col.-w-8\@m {
    grid-column-end: span 8;
  }
  .blk-grid .blk-grid-col.-o-8\@m, .blk-sub-grid .blk-grid-col.-o-8\@m {
    grid-column-start: 8;
  }
  .blk-grid .blk-grid-col.-w-9\@m, .blk-sub-grid .blk-grid-col.-w-9\@m {
    grid-column-end: span 9;
  }
  .blk-grid .blk-grid-col.-o-9\@m, .blk-sub-grid .blk-grid-col.-o-9\@m {
    grid-column-start: 9;
  }
  .blk-grid .blk-grid-col.-w-10\@m, .blk-sub-grid .blk-grid-col.-w-10\@m {
    grid-column-end: span 10;
  }
  .blk-grid .blk-grid-col.-o-10\@m, .blk-sub-grid .blk-grid-col.-o-10\@m {
    grid-column-start: 10;
  }
  .blk-grid .blk-grid-col.-w-11\@m, .blk-sub-grid .blk-grid-col.-w-11\@m {
    grid-column-end: span 11;
  }
  .blk-grid .blk-grid-col.-o-11\@m, .blk-sub-grid .blk-grid-col.-o-11\@m {
    grid-column-start: 11;
  }
  .blk-grid .blk-grid-col.-w-12\@m, .blk-sub-grid .blk-grid-col.-w-12\@m {
    grid-column-end: span 12;
  }
  .blk-grid .blk-grid-col.-o-12\@m, .blk-sub-grid .blk-grid-col.-o-12\@m {
    grid-column-start: 12;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .blk-grid, .blk-sub-grid {
    grid-column-gap: 24px;
    padding: 0 0px;
    width: 91.1vw;
    grid-template-columns: repeat(12, 1fr);
  }
  .blk-grid .blk-grid-col.-w-1\@l, .blk-sub-grid .blk-grid-col.-w-1\@l {
    grid-column-end: span 1;
  }
  .blk-grid .blk-grid-col.-o-1\@l, .blk-sub-grid .blk-grid-col.-o-1\@l {
    grid-column-start: 1;
  }
  .blk-grid .blk-grid-col.-w-2\@l, .blk-sub-grid .blk-grid-col.-w-2\@l {
    grid-column-end: span 2;
  }
  .blk-grid .blk-grid-col.-o-2\@l, .blk-sub-grid .blk-grid-col.-o-2\@l {
    grid-column-start: 2;
  }
  .blk-grid .blk-grid-col.-w-3\@l, .blk-sub-grid .blk-grid-col.-w-3\@l {
    grid-column-end: span 3;
  }
  .blk-grid .blk-grid-col.-o-3\@l, .blk-sub-grid .blk-grid-col.-o-3\@l {
    grid-column-start: 3;
  }
  .blk-grid .blk-grid-col.-w-4\@l, .blk-sub-grid .blk-grid-col.-w-4\@l {
    grid-column-end: span 4;
  }
  .blk-grid .blk-grid-col.-o-4\@l, .blk-sub-grid .blk-grid-col.-o-4\@l {
    grid-column-start: 4;
  }
  .blk-grid .blk-grid-col.-w-5\@l, .blk-sub-grid .blk-grid-col.-w-5\@l {
    grid-column-end: span 5;
  }
  .blk-grid .blk-grid-col.-o-5\@l, .blk-sub-grid .blk-grid-col.-o-5\@l {
    grid-column-start: 5;
  }
  .blk-grid .blk-grid-col.-w-6\@l, .blk-sub-grid .blk-grid-col.-w-6\@l {
    grid-column-end: span 6;
  }
  .blk-grid .blk-grid-col.-o-6\@l, .blk-sub-grid .blk-grid-col.-o-6\@l {
    grid-column-start: 6;
  }
  .blk-grid .blk-grid-col.-w-7\@l, .blk-sub-grid .blk-grid-col.-w-7\@l {
    grid-column-end: span 7;
  }
  .blk-grid .blk-grid-col.-o-7\@l, .blk-sub-grid .blk-grid-col.-o-7\@l {
    grid-column-start: 7;
  }
  .blk-grid .blk-grid-col.-w-8\@l, .blk-sub-grid .blk-grid-col.-w-8\@l {
    grid-column-end: span 8;
  }
  .blk-grid .blk-grid-col.-o-8\@l, .blk-sub-grid .blk-grid-col.-o-8\@l {
    grid-column-start: 8;
  }
  .blk-grid .blk-grid-col.-w-9\@l, .blk-sub-grid .blk-grid-col.-w-9\@l {
    grid-column-end: span 9;
  }
  .blk-grid .blk-grid-col.-o-9\@l, .blk-sub-grid .blk-grid-col.-o-9\@l {
    grid-column-start: 9;
  }
  .blk-grid .blk-grid-col.-w-10\@l, .blk-sub-grid .blk-grid-col.-w-10\@l {
    grid-column-end: span 10;
  }
  .blk-grid .blk-grid-col.-o-10\@l, .blk-sub-grid .blk-grid-col.-o-10\@l {
    grid-column-start: 10;
  }
  .blk-grid .blk-grid-col.-w-11\@l, .blk-sub-grid .blk-grid-col.-w-11\@l {
    grid-column-end: span 11;
  }
  .blk-grid .blk-grid-col.-o-11\@l, .blk-sub-grid .blk-grid-col.-o-11\@l {
    grid-column-start: 11;
  }
  .blk-grid .blk-grid-col.-w-12\@l, .blk-sub-grid .blk-grid-col.-w-12\@l {
    grid-column-end: span 12;
  }
  .blk-grid .blk-grid-col.-o-12\@l, .blk-sub-grid .blk-grid-col.-o-12\@l {
    grid-column-start: 12;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1439px) {
  .blk-grid, .blk-sub-grid {
    grid-column-gap: 16px;
    padding: 0 0px;
    width: 91.1vw;
    grid-template-columns: repeat(12, 1fr);
  }
  .blk-grid .blk-grid-col.-w-1\@xl, .blk-sub-grid .blk-grid-col.-w-1\@xl {
    grid-column-end: span 1;
  }
  .blk-grid .blk-grid-col.-o-1\@xl, .blk-sub-grid .blk-grid-col.-o-1\@xl {
    grid-column-start: 1;
  }
  .blk-grid .blk-grid-col.-w-2\@xl, .blk-sub-grid .blk-grid-col.-w-2\@xl {
    grid-column-end: span 2;
  }
  .blk-grid .blk-grid-col.-o-2\@xl, .blk-sub-grid .blk-grid-col.-o-2\@xl {
    grid-column-start: 2;
  }
  .blk-grid .blk-grid-col.-w-3\@xl, .blk-sub-grid .blk-grid-col.-w-3\@xl {
    grid-column-end: span 3;
  }
  .blk-grid .blk-grid-col.-o-3\@xl, .blk-sub-grid .blk-grid-col.-o-3\@xl {
    grid-column-start: 3;
  }
  .blk-grid .blk-grid-col.-w-4\@xl, .blk-sub-grid .blk-grid-col.-w-4\@xl {
    grid-column-end: span 4;
  }
  .blk-grid .blk-grid-col.-o-4\@xl, .blk-sub-grid .blk-grid-col.-o-4\@xl {
    grid-column-start: 4;
  }
  .blk-grid .blk-grid-col.-w-5\@xl, .blk-sub-grid .blk-grid-col.-w-5\@xl {
    grid-column-end: span 5;
  }
  .blk-grid .blk-grid-col.-o-5\@xl, .blk-sub-grid .blk-grid-col.-o-5\@xl {
    grid-column-start: 5;
  }
  .blk-grid .blk-grid-col.-w-6\@xl, .blk-sub-grid .blk-grid-col.-w-6\@xl {
    grid-column-end: span 6;
  }
  .blk-grid .blk-grid-col.-o-6\@xl, .blk-sub-grid .blk-grid-col.-o-6\@xl {
    grid-column-start: 6;
  }
  .blk-grid .blk-grid-col.-w-7\@xl, .blk-sub-grid .blk-grid-col.-w-7\@xl {
    grid-column-end: span 7;
  }
  .blk-grid .blk-grid-col.-o-7\@xl, .blk-sub-grid .blk-grid-col.-o-7\@xl {
    grid-column-start: 7;
  }
  .blk-grid .blk-grid-col.-w-8\@xl, .blk-sub-grid .blk-grid-col.-w-8\@xl {
    grid-column-end: span 8;
  }
  .blk-grid .blk-grid-col.-o-8\@xl, .blk-sub-grid .blk-grid-col.-o-8\@xl {
    grid-column-start: 8;
  }
  .blk-grid .blk-grid-col.-w-9\@xl, .blk-sub-grid .blk-grid-col.-w-9\@xl {
    grid-column-end: span 9;
  }
  .blk-grid .blk-grid-col.-o-9\@xl, .blk-sub-grid .blk-grid-col.-o-9\@xl {
    grid-column-start: 9;
  }
  .blk-grid .blk-grid-col.-w-10\@xl, .blk-sub-grid .blk-grid-col.-w-10\@xl {
    grid-column-end: span 10;
  }
  .blk-grid .blk-grid-col.-o-10\@xl, .blk-sub-grid .blk-grid-col.-o-10\@xl {
    grid-column-start: 10;
  }
  .blk-grid .blk-grid-col.-w-11\@xl, .blk-sub-grid .blk-grid-col.-w-11\@xl {
    grid-column-end: span 11;
  }
  .blk-grid .blk-grid-col.-o-11\@xl, .blk-sub-grid .blk-grid-col.-o-11\@xl {
    grid-column-start: 11;
  }
  .blk-grid .blk-grid-col.-w-12\@xl, .blk-sub-grid .blk-grid-col.-w-12\@xl {
    grid-column-end: span 12;
  }
  .blk-grid .blk-grid-col.-o-12\@xl, .blk-sub-grid .blk-grid-col.-o-12\@xl {
    grid-column-start: 12;
  }
}
@media only screen and (min-width: 1440px) {
  .blk-grid, .blk-sub-grid {
    grid-column-gap: 32px;
    padding: 0 0px;
    width: 1312px;
    grid-template-columns: repeat(12, 1fr);
  }
  .blk-grid .blk-grid-col.-w-1\@xxl, .blk-sub-grid .blk-grid-col.-w-1\@xxl {
    grid-column-end: span 1;
  }
  .blk-grid .blk-grid-col.-o-1\@xxl, .blk-sub-grid .blk-grid-col.-o-1\@xxl {
    grid-column-start: 1;
  }
  .blk-grid .blk-grid-col.-w-2\@xxl, .blk-sub-grid .blk-grid-col.-w-2\@xxl {
    grid-column-end: span 2;
  }
  .blk-grid .blk-grid-col.-o-2\@xxl, .blk-sub-grid .blk-grid-col.-o-2\@xxl {
    grid-column-start: 2;
  }
  .blk-grid .blk-grid-col.-w-3\@xxl, .blk-sub-grid .blk-grid-col.-w-3\@xxl {
    grid-column-end: span 3;
  }
  .blk-grid .blk-grid-col.-o-3\@xxl, .blk-sub-grid .blk-grid-col.-o-3\@xxl {
    grid-column-start: 3;
  }
  .blk-grid .blk-grid-col.-w-4\@xxl, .blk-sub-grid .blk-grid-col.-w-4\@xxl {
    grid-column-end: span 4;
  }
  .blk-grid .blk-grid-col.-o-4\@xxl, .blk-sub-grid .blk-grid-col.-o-4\@xxl {
    grid-column-start: 4;
  }
  .blk-grid .blk-grid-col.-w-5\@xxl, .blk-sub-grid .blk-grid-col.-w-5\@xxl {
    grid-column-end: span 5;
  }
  .blk-grid .blk-grid-col.-o-5\@xxl, .blk-sub-grid .blk-grid-col.-o-5\@xxl {
    grid-column-start: 5;
  }
  .blk-grid .blk-grid-col.-w-6\@xxl, .blk-sub-grid .blk-grid-col.-w-6\@xxl {
    grid-column-end: span 6;
  }
  .blk-grid .blk-grid-col.-o-6\@xxl, .blk-sub-grid .blk-grid-col.-o-6\@xxl {
    grid-column-start: 6;
  }
  .blk-grid .blk-grid-col.-w-7\@xxl, .blk-sub-grid .blk-grid-col.-w-7\@xxl {
    grid-column-end: span 7;
  }
  .blk-grid .blk-grid-col.-o-7\@xxl, .blk-sub-grid .blk-grid-col.-o-7\@xxl {
    grid-column-start: 7;
  }
  .blk-grid .blk-grid-col.-w-8\@xxl, .blk-sub-grid .blk-grid-col.-w-8\@xxl {
    grid-column-end: span 8;
  }
  .blk-grid .blk-grid-col.-o-8\@xxl, .blk-sub-grid .blk-grid-col.-o-8\@xxl {
    grid-column-start: 8;
  }
  .blk-grid .blk-grid-col.-w-9\@xxl, .blk-sub-grid .blk-grid-col.-w-9\@xxl {
    grid-column-end: span 9;
  }
  .blk-grid .blk-grid-col.-o-9\@xxl, .blk-sub-grid .blk-grid-col.-o-9\@xxl {
    grid-column-start: 9;
  }
  .blk-grid .blk-grid-col.-w-10\@xxl, .blk-sub-grid .blk-grid-col.-w-10\@xxl {
    grid-column-end: span 10;
  }
  .blk-grid .blk-grid-col.-o-10\@xxl, .blk-sub-grid .blk-grid-col.-o-10\@xxl {
    grid-column-start: 10;
  }
  .blk-grid .blk-grid-col.-w-11\@xxl, .blk-sub-grid .blk-grid-col.-w-11\@xxl {
    grid-column-end: span 11;
  }
  .blk-grid .blk-grid-col.-o-11\@xxl, .blk-sub-grid .blk-grid-col.-o-11\@xxl {
    grid-column-start: 11;
  }
  .blk-grid .blk-grid-col.-w-12\@xxl, .blk-sub-grid .blk-grid-col.-w-12\@xxl {
    grid-column-end: span 12;
  }
  .blk-grid .blk-grid-col.-o-12\@xxl, .blk-sub-grid .blk-grid-col.-o-12\@xxl {
    grid-column-start: 12;
  }
}
@media only screen and (max-width: 1023px) {
  .blk-grid, .blk-sub-grid {
    grid-template-columns: repeat(12, 1fr);
  }
  .blk-grid .blk-grid-col.-w-1\@mobile, .blk-sub-grid .blk-grid-col.-w-1\@mobile {
    grid-column-end: span 1;
  }
  .blk-grid .blk-grid-col.-o-1\@mobile, .blk-sub-grid .blk-grid-col.-o-1\@mobile {
    grid-column-start: 1;
  }
  .blk-grid .blk-grid-col.-w-2\@mobile, .blk-sub-grid .blk-grid-col.-w-2\@mobile {
    grid-column-end: span 2;
  }
  .blk-grid .blk-grid-col.-o-2\@mobile, .blk-sub-grid .blk-grid-col.-o-2\@mobile {
    grid-column-start: 2;
  }
  .blk-grid .blk-grid-col.-w-3\@mobile, .blk-sub-grid .blk-grid-col.-w-3\@mobile {
    grid-column-end: span 3;
  }
  .blk-grid .blk-grid-col.-o-3\@mobile, .blk-sub-grid .blk-grid-col.-o-3\@mobile {
    grid-column-start: 3;
  }
  .blk-grid .blk-grid-col.-w-4\@mobile, .blk-sub-grid .blk-grid-col.-w-4\@mobile {
    grid-column-end: span 4;
  }
  .blk-grid .blk-grid-col.-o-4\@mobile, .blk-sub-grid .blk-grid-col.-o-4\@mobile {
    grid-column-start: 4;
  }
  .blk-grid .blk-grid-col.-w-5\@mobile, .blk-sub-grid .blk-grid-col.-w-5\@mobile {
    grid-column-end: span 5;
  }
  .blk-grid .blk-grid-col.-o-5\@mobile, .blk-sub-grid .blk-grid-col.-o-5\@mobile {
    grid-column-start: 5;
  }
  .blk-grid .blk-grid-col.-w-6\@mobile, .blk-sub-grid .blk-grid-col.-w-6\@mobile {
    grid-column-end: span 6;
  }
  .blk-grid .blk-grid-col.-o-6\@mobile, .blk-sub-grid .blk-grid-col.-o-6\@mobile {
    grid-column-start: 6;
  }
  .blk-grid .blk-grid-col.-w-7\@mobile, .blk-sub-grid .blk-grid-col.-w-7\@mobile {
    grid-column-end: span 7;
  }
  .blk-grid .blk-grid-col.-o-7\@mobile, .blk-sub-grid .blk-grid-col.-o-7\@mobile {
    grid-column-start: 7;
  }
  .blk-grid .blk-grid-col.-w-8\@mobile, .blk-sub-grid .blk-grid-col.-w-8\@mobile {
    grid-column-end: span 8;
  }
  .blk-grid .blk-grid-col.-o-8\@mobile, .blk-sub-grid .blk-grid-col.-o-8\@mobile {
    grid-column-start: 8;
  }
  .blk-grid .blk-grid-col.-w-9\@mobile, .blk-sub-grid .blk-grid-col.-w-9\@mobile {
    grid-column-end: span 9;
  }
  .blk-grid .blk-grid-col.-o-9\@mobile, .blk-sub-grid .blk-grid-col.-o-9\@mobile {
    grid-column-start: 9;
  }
  .blk-grid .blk-grid-col.-w-10\@mobile, .blk-sub-grid .blk-grid-col.-w-10\@mobile {
    grid-column-end: span 10;
  }
  .blk-grid .blk-grid-col.-o-10\@mobile, .blk-sub-grid .blk-grid-col.-o-10\@mobile {
    grid-column-start: 10;
  }
  .blk-grid .blk-grid-col.-w-11\@mobile, .blk-sub-grid .blk-grid-col.-w-11\@mobile {
    grid-column-end: span 11;
  }
  .blk-grid .blk-grid-col.-o-11\@mobile, .blk-sub-grid .blk-grid-col.-o-11\@mobile {
    grid-column-start: 11;
  }
  .blk-grid .blk-grid-col.-w-12\@mobile, .blk-sub-grid .blk-grid-col.-w-12\@mobile {
    grid-column-end: span 12;
  }
  .blk-grid .blk-grid-col.-o-12\@mobile, .blk-sub-grid .blk-grid-col.-o-12\@mobile {
    grid-column-start: 12;
  }
  .blk-grid .blk-grid-col.-reverse\@mobile, .blk-sub-grid .blk-grid-col.-reverse\@mobile {
    order: -1;
  }
}
@media only screen and (min-width: 1024px) {
  .blk-grid, .blk-sub-grid {
    grid-template-columns: repeat(12, 1fr);
  }
  .blk-grid .blk-grid-col.-w-1\@desktop, .blk-sub-grid .blk-grid-col.-w-1\@desktop {
    grid-column-end: span 1;
  }
  .blk-grid .blk-grid-col.-o-1\@desktop, .blk-sub-grid .blk-grid-col.-o-1\@desktop {
    grid-column-start: 1;
  }
  .blk-grid .blk-grid-col.-w-2\@desktop, .blk-sub-grid .blk-grid-col.-w-2\@desktop {
    grid-column-end: span 2;
  }
  .blk-grid .blk-grid-col.-o-2\@desktop, .blk-sub-grid .blk-grid-col.-o-2\@desktop {
    grid-column-start: 2;
  }
  .blk-grid .blk-grid-col.-w-3\@desktop, .blk-sub-grid .blk-grid-col.-w-3\@desktop {
    grid-column-end: span 3;
  }
  .blk-grid .blk-grid-col.-o-3\@desktop, .blk-sub-grid .blk-grid-col.-o-3\@desktop {
    grid-column-start: 3;
  }
  .blk-grid .blk-grid-col.-w-4\@desktop, .blk-sub-grid .blk-grid-col.-w-4\@desktop {
    grid-column-end: span 4;
  }
  .blk-grid .blk-grid-col.-o-4\@desktop, .blk-sub-grid .blk-grid-col.-o-4\@desktop {
    grid-column-start: 4;
  }
  .blk-grid .blk-grid-col.-w-5\@desktop, .blk-sub-grid .blk-grid-col.-w-5\@desktop {
    grid-column-end: span 5;
  }
  .blk-grid .blk-grid-col.-o-5\@desktop, .blk-sub-grid .blk-grid-col.-o-5\@desktop {
    grid-column-start: 5;
  }
  .blk-grid .blk-grid-col.-w-6\@desktop, .blk-sub-grid .blk-grid-col.-w-6\@desktop {
    grid-column-end: span 6;
  }
  .blk-grid .blk-grid-col.-o-6\@desktop, .blk-sub-grid .blk-grid-col.-o-6\@desktop {
    grid-column-start: 6;
  }
  .blk-grid .blk-grid-col.-w-7\@desktop, .blk-sub-grid .blk-grid-col.-w-7\@desktop {
    grid-column-end: span 7;
  }
  .blk-grid .blk-grid-col.-o-7\@desktop, .blk-sub-grid .blk-grid-col.-o-7\@desktop {
    grid-column-start: 7;
  }
  .blk-grid .blk-grid-col.-w-8\@desktop, .blk-sub-grid .blk-grid-col.-w-8\@desktop {
    grid-column-end: span 8;
  }
  .blk-grid .blk-grid-col.-o-8\@desktop, .blk-sub-grid .blk-grid-col.-o-8\@desktop {
    grid-column-start: 8;
  }
  .blk-grid .blk-grid-col.-w-9\@desktop, .blk-sub-grid .blk-grid-col.-w-9\@desktop {
    grid-column-end: span 9;
  }
  .blk-grid .blk-grid-col.-o-9\@desktop, .blk-sub-grid .blk-grid-col.-o-9\@desktop {
    grid-column-start: 9;
  }
  .blk-grid .blk-grid-col.-w-10\@desktop, .blk-sub-grid .blk-grid-col.-w-10\@desktop {
    grid-column-end: span 10;
  }
  .blk-grid .blk-grid-col.-o-10\@desktop, .blk-sub-grid .blk-grid-col.-o-10\@desktop {
    grid-column-start: 10;
  }
  .blk-grid .blk-grid-col.-w-11\@desktop, .blk-sub-grid .blk-grid-col.-w-11\@desktop {
    grid-column-end: span 11;
  }
  .blk-grid .blk-grid-col.-o-11\@desktop, .blk-sub-grid .blk-grid-col.-o-11\@desktop {
    grid-column-start: 11;
  }
  .blk-grid .blk-grid-col.-w-12\@desktop, .blk-sub-grid .blk-grid-col.-w-12\@desktop {
    grid-column-end: span 12;
  }
  .blk-grid .blk-grid-col.-o-12\@desktop, .blk-sub-grid .blk-grid-col.-o-12\@desktop {
    grid-column-start: 12;
  }
  .blk-grid .blk-grid-col.-reverse\@desktop, .blk-sub-grid .blk-grid-col.-reverse\@desktop {
    order: -1;
  }
  .-hidden\@desktop {
    display: none;
  }
}

@media only screen and (max-width: 1023px) {
  .-hidden\@mobile {
    display: none;
  }
}

.blk-sub-grid {
  padding: 0;
}

.blk-grid {
  max-width: 1312px;
}
.blk-grid img {
  width: 100%;
  height: auto;
  display: block;
}
.blk-grid.p-relative .blk-grid-col {
  position: relative;
  z-index: 2;
}
.blk-grid.p-relative .overlay {
  background-color: white;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 13vw;
  max-height: 174px;
  content: " ";
  display: block;
}

.blk-grid .-space-top-big, .blk-sub-grid .-space-top-big {
  padding-top: 9rem;
}
.blk-grid .-space-top, .blk-sub-grid .-space-top {
  padding-top: 3.75rem;
}
.blk-grid .-space-big, .blk-sub-grid .-space-big {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

.blk-grid-inner-y-top {
  transform: translateY(-5rem);
}

.blk-grid-col.-w4-5-figure figure, .blk-grid-col.-w4-5-figure p {
  width: 85%;
  margin-left: auto;
}
.blk-grid-col.-w4-5-gap-left {
  box-sizing: border-box;
  padding-left: 15%;
}
.blk-grid-col.-w4-5-gap-right {
  box-sizing: border-box;
  padding-right: 15%;
}

.page-steps {
  background: #f6f4f0;
  padding: 0.9rem 1.6rem;
}
@media (min-width: 840px) {
  .page-steps {
    padding: 3rem 1.6rem 4.2rem;
  }
}

.steps-wrapper ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  max-width: 600px;
}
.steps-wrapper ul::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  left: 0;
  height: 2px;
  width: 100%;
  background: #99979e;
  transform: translateY(-50%);
}
.steps-wrapper li {
  margin: 0;
  position: relative;
  text-align: center;
  z-index: 2;
}
.steps-wrapper li b {
  display: flex;
  align-items: center;
  height: 2rem;
  width: 2rem;
  margin: 0 auto;
  justify-content: center;
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: bold;
  font-size: 0.8rem;
  line-height: 1.5;
  border-radius: 50%;
  position: relative;
  z-index: 2;
  color: #00D1D2;
  background: #00D1D2;
  border: 2px solid #00D1D2;
  transition: all 0.3s;
}
.steps-wrapper li b::after {
  content: "";
  position: absolute;
  top: 50%;
  opacity: 1;
  left: 50%;
  width: 0.9rem;
  height: 0.9rem;
  background: url("/assets/icons/check_dark.svg") no-repeat center;
  background-size: contain;
  transform: translate(-50%, -50%);
  z-index: 2;
  transition: all 0.3s;
}
.steps-wrapper li span {
  display: none;
}
@media (min-width: 840px) {
  .steps-wrapper li span {
    font-family: "iqos", "Helvetica Neue", sans-serif;
    font-weight: bold;
    font-size: 0.8rem;
    letter-spacing: 0.2px;
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    line-height: 1.33;
    transition: all 0.3s;
  }
}
.steps-wrapper li.active b {
  color: #FFFDFB;
  background: #34303d;
  border-color: #34303d;
}
.steps-wrapper li.active b::after {
  top: 100%;
  opacity: 0;
}
.steps-wrapper li.active ~ li b {
  color: #99979e;
  background: transparent;
  border-color: #99979e;
}
.steps-wrapper li.active ~ li b::after {
  top: 0;
  opacity: 0;
}
@media (min-width: 840px) {
  .steps-wrapper li.active ~ li span {
    font-weight: normal;
    margin-top: 0.3rem;
    letter-spacing: 0;
    font-size: 0.6rem;
  }
}
.steps-wrapper li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  right: -10px;
  height: 4px;
  background: #f6f4f0;
  transform: translateY(-50%);
}

.tooltip-wrapper {
  position: relative;
  z-index: 5;
  margin-left: 0.6rem;
}

.tooltip-btn {
  background: url("../../../assets/icons/info_secondary.svg") no-repeat center center;
  background-size: contain;
  height: 1rem;
  width: 1rem;
  display: inline-block;
  vertical-align: middle;
  border: none;
  outline: none;
  cursor: pointer;
}

.tooltip-desc-w {
  position: absolute;
  width: 312px;
  left: 50%;
  top: 150%;
  transform: translateX(-50%);
  right: auto;
  display: none;
}
.tooltip-desc-w.expanded {
  display: block;
  margin-top: 3px;
  padding-top: 16px;
}
.tooltip-desc-w .tooltip-close {
  background: url("../../../assets/icons/close.svg") no-repeat center center;
  background-size: contain;
  height: 1rem;
  width: 1rem;
  border: none;
  outline: none;
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
}
.tooltip-desc-w::after, .tooltip-desc-w::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  height: 1.6rem;
  width: 1.6rem;
  box-shadow: 0 1px 6px 0 rgba(52, 48, 61, 0.19);
  transform: translateX(-50%) rotate(45deg);
  background: #FFFDFB;
}
.tooltip-desc-w::after {
  box-shadow: none;
  z-index: 2;
}
.tooltip-desc-w .tooltip-desc {
  background: #FFFDFB;
  box-shadow: 0 1px 6px 0 rgba(52, 48, 61, 0.19);
  padding: 2rem 1rem 1.2rem;
  position: relative;
  z-index: 2;
}
.tooltip-desc-w .tooltip-content *:last-child {
  margin-bottom: 0;
}

.colors-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.colors-list .color-selected {
  flex: 1 100%;
  font-size: 0.8rem;
  margin-bottom: 0.4rem;
}
@media (min-width: 960px) {
  .colors-list .color-selected {
    font-size: 0.6rem;
  }
}
.colors-list .img-wrapper {
  width: 92px;
  height: 92px;
  flex-shrink: 0;
  background: #f6f4f0;
  border-radius: 50%;
  margin-right: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.colors-list .img-wrapper img {
  max-width: 80%;
  max-height: 80%;
}
.colors-list ul {
  list-style: none;
  padding: 0;
  margin: -0.5rem 0 0 -0.2rem;
  display: flex;
  flex-wrap: wrap;
}
.colors-list li {
  margin: 0.5rem 0 0 0.2rem;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.colors-list label {
  padding: 4px;
  display: block;
  cursor: pointer;
}
.colors-list label:hover b::after, .colors-list label:focus b::after {
  opacity: 0.5;
}
.colors-list b {
  display: block;
  height: 1rem;
  width: 1rem;
  border-radius: 50%;
  border: 1px solid #FFFDFB;
  background-color: #fff;
}
.colors-list b::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1.5px solid #404040;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.3s;
}
.colors-list input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.colors-list input:checked + b::after {
  opacity: 1;
}
.colors-list .ic-chevron-right {
  padding: 4px 5px;
  margin-left: 1rem;
  fill: #34303d;
  height: 20px;
  width: 20px;
  flex-shrink: 0;
}
.colors-list .ic-chevron-right svg {
  display: block;
  width: 100%;
  height: 100%;
}
.colors-list.small-list label {
  padding: 3px;
}
.colors-list.small-list b {
  height: 0.7rem;
  width: 0.7rem;
}
.colors-list.small-list b::after {
  border-width: 1.5px;
}
@media (min-width: 960px) {
  .colors-list.has-color-img .color-selected {
    font-size: 0.8rem;
  }
}
.colors-list.has-color-img ul {
  margin-left: -0.7rem;
  flex: 1;
}
.colors-list.has-color-img li {
  margin-left: 0.7rem;
}

/* DONT MERGE THIS ONE */
.rating {
  height: 20px;
  line-height: 20px;
  display: flex;
  align-items: center;
}
.rating-stars {
  color: #e5b052 !important;
  font-size: 0.8rem;
  position: relative;
  display: inline-flex;
}
.rating-stars span {
  margin-right: 3px;
}
.rating-grey {
  color: #b8b7bb !important;
}
.rating-reviews {
  font-size: 0.6rem;
  color: #7b7881;
  line-height: 1.2;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
}

.minicart {
  position: fixed;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #FFFDFB;
  padding: 1.6rem;
  box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.08), inset 0 1px 0 0 #e1e0e2;
  transform: translateY(100%);
  transition: 0.5s all;
  opacity: 0;
  z-index: 20;
}
@media (min-width: 840px) {
  .minicart {
    width: 400px;
    box-shadow: -3px 0 10px 0 rgba(0, 0, 0, 0.08), inset 1px 0 0 0 #e1e0e2, inset -1px -1px 0 0 rgba(52, 48, 61, 0.2);
    padding: 2.4rem;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    transform: translateX(100%);
  }
  .navShow .minicart {
    padding-top: 6.2rem;
  }
}
.minicart.expanded {
  transform: translateY(0);
  opacity: 1;
}
@media (min-width: 840px) {
  .minicart.expanded {
    transform: translateX(0);
  }
}
.minicart header {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.minicart header h3,
.minicart header .h3 {
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: bold;
  font-size: 0.8rem;
  line-height: 1.5;
  letter-spacing: 0.2px;
  margin: 0;
}
.minicart header h3 .ic-chk,
.minicart header .h3 .ic-chk {
  margin-right: 0.6rem;
}
.minicart header .cart-toggle-btn {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.minicart header .cart-toggle-btn:focus {
  outline: none;
}
.minicart header .cart-toggle-btn svg {
  width: 1.2rem;
  height: 1.2rem;
  display: block;
}
.minicart .prod-list {
  margin: 1.2rem 0;
}
.minicart .prod-row {
  display: flex;
  flex-wrap: nowrap;
}
.minicart .prod-row + .prod-row {
  margin-top: 0.8rem;
}
.minicart .prod-row .img-wrapper {
  width: 88px;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.minicart .prod-row .img-wrapper img {
  max-height: 100%;
  max-width: 100%;
}
.minicart .prod-row .prod-desc {
  flex: 1;
  margin: 0 0.6rem;
  padding-top: 0.4rem;
}
.minicart .prod-row .prod-desc h4,
.minicart .prod-row .prod-desc .h4 {
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: bold;
  font-size: 0.8rem;
  line-height: 1.5;
  margin-bottom: 0;
}
.minicart .prod-row .prod-desc p {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.5;
}
.minicart .prod-row .prod-price {
  padding-top: 0.4rem;
  text-align: right;
}
.minicart .prod-row .prod-price .price {
  display: block;
  color: #524f5a;
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: bold;
}
.minicart .prod-row .prod-price .old-price {
  display: block;
  font-size: 0.6rem;
  color: #99979e;
}
.minicart .actions-wrapper {
  margin-top: 1.2rem;
  text-align: center;
}

.moment-of-delight {
  width: 6.2rem;
  height: 6.2rem;
  position: relative;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.moment-of-delight img {
  opacity: 0;
  max-width: 100%;
  max-height: 100%;
  transition: opacity 0.3s ease-in-out;
}
.moment-of-delight .video-images {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: auto;
  width: 102px;
  height: 124px;
  background: url("/images/textures/moment-of-delight-sprite_small.png") no-repeat 0 0;
}
.moment-of-delight .video-images.finished + img {
  opacity: 1;
}

.c-adults {
  background: #27242d;
  display: flex;
  color: rgba(255, 255, 255, 0.6);
  font-size: 16px;
  padding: 24px;
  justify-content: center;
}
@media (max-width: 767px) {
  .c-adults {
    font-size: 14px;
    padding: 26px 24px;
  }
}
@media (max-width: 639px) {
  .c-adults {
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 374px) {
  .c-adults {
    padding: 16px 24px;
  }
}
.c-adults a {
  color: inherit;
}
.c-adults.is--sticky {
  position: sticky;
  bottom: 0;
  z-index: 90;
}

.locator-chat-btn {
  z-index: 99;
  display: block;
  position: fixed;
  right: 1.6rem;
  bottom: 1.6rem;
  width: 3.2rem;
  border-radius: 50%;
  height: 3.2rem;
  cursor: pointer;
  border: 0;
  background: #00b6b6 url("../../../assets/icons/chat.svg") no-repeat center;
}
@media (min-width: 960px) {
  .locator-chat-btn {
    right: 5.6rem;
    bottom: 2rem;
  }
}

.hero-headline {
  box-sizing: border-box;
  width: 100%;
  padding: 2rem 8.5vw;
  text-align: center;
}
@media (min-width: 960px) {
  .hero-headline {
    padding: 5rem 10vw;
  }
}
.hero-headline.brand-hard-white {
  background: #f6f4f0;
}
.hero-headline h1 {
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.22;
}
@media (min-width: 960px) {
  .hero-headline h1 {
    font-size: 3.2rem;
    line-height: 1.13;
  }
}
.hero-headline p {
  font-size: 0.8rem;
}
@media (min-width: 960px) {
  .hero-headline p {
    font-size: 1rem;
    line-height: 1.6;
  }
}
.hero-headline h1, .hero-headline p {
  margin: 0 auto 0.4rem auto;
}
@media (min-width: 960px) {
  .hero-headline h1, .hero-headline p {
    margin: 0 auto 1.2rem auto;
  }
}
.hero-headline :last-child {
  margin-bottom: 0;
}
.hero-headline-maintenance {
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 960px) {
  .hero-headline-maintenance {
    padding: 0;
  }
}
.hero-headline-maintenance h1 {
  font-size: 1.4rem;
  margin-bottom: 32px;
}
@media (min-width: 960px) {
  .hero-headline-maintenance h1 {
    font-size: 2.1rem;
  }
}
.hero-headline-maintenance p {
  max-width: 640px;
  font-size: 0.8rem;
}
.hero-headline-maintenance small {
  font-size: 0.7rem;
}
@media (max-width: 959px) {
  .hero-headline-maintenance small {
    margin-top: 32px;
  }
}

[class^=prl-icon-], [class*=" prl-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "iqos-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.prl-icon-account:before {
  content: "";
}

.prl-icon-address:before {
  content: "";
}

.prl-icon-alert:before {
  content: "";
}

.prl-icon-approved:before {
  content: "";
}

.prl-icon-arrow-left:before {
  content: "";
}

.prl-icon-arrow-right:before {
  content: "";
}

.prl-icon-bookings:before {
  content: "";
}

.prl-icon-cancel:before {
  content: "";
}

.prl-icon-cards:before {
  content: "";
}

.prl-icon-cart:before {
  content: "";
}

.prl-icon-cash:before {
  content: "";
}

.prl-icon-chat:before {
  content: "";
}

.prl-icon-chevron-down:before {
  content: "";
}

.prl-icon-chevron-left:before {
  content: "";
}

.prl-icon-chevron-right:before {
  content: "";
}

.prl-icon-chevron-up:before {
  content: "";
}

.prl-icon-cleaning:before {
  content: "";
}

.prl-icon-close:before {
  content: "";
}

.prl-icon-comment:before {
  content: "";
}

.prl-icon-confirmation:before {
  content: "";
}

.prl-icon-contact:before {
  content: "";
}

.prl-icon-cvv:before {
  content: "";
}

.prl-icon-devices:before {
  content: "";
}

.prl-icon-download:before {
  content: "";
}

.prl-icon-event2 .path1:before {
  content: "";
  color: #272a33;
}

.prl-icon-event2 .path2:before {
  content: "";
  margin-left: -1em;
  color: #272a33;
}

.prl-icon-event2 .path3:before {
  content: "";
  margin-left: -1em;
  color: black;
}

.prl-icon-event2 .path4:before {
  content: "";
  margin-left: -1em;
  color: #272a33;
}

.prl-icon-external-link:before {
  content: "";
}

.prl-icon-fullscreen:before {
  content: "";
}

.prl-icon-help:before {
  content: "";
}

.prl-icon-info:before {
  content: "";
}

.prl-icon-instagram:before {
  content: "";
}

.prl-icon-invisible:before {
  content: "";
}

.prl-icon-iqos-coach:before {
  content: "";
}

.prl-icon-like:before {
  content: "";
}

.prl-icon-location:before {
  content: "";
}

.prl-icon-lock:before {
  content: "";
}

.prl-icon-mail:before {
  content: "";
}

.prl-icon-menu:before {
  content: "";
}

.prl-icon-minus:before {
  content: "";
}

.prl-icon-my-devices:before {
  content: "";
}

.prl-icon-orders:before {
  content: "";
}

.prl-icon-play:before {
  content: "";
}

.prl-icon-protection:before {
  content: "";
}

.prl-icon-rapid-replacement-service:before {
  content: "";
}

.prl-icon-replacement:before {
  content: "";
}

.prl-icon-rewards:before {
  content: "";
}

.prl-icon-savings:before {
  content: "";
}

.prl-icon-search:before {
  content: "";
}

.prl-icon-special-offers:before {
  content: "";
}

.prl-icon-tick:before {
  content: "";
}

.prl-icon-time:before {
  content: "";
}

.prl-icon-visible:before {
  content: "";
}

.prl-icon-vouchers:before {
  content: "";
}

.prl-icon-wallet:before {
  content: "";
}

.prl-icon-wishlist:before {
  content: "";
}

.flow-page .flow-page-header {
  background: #f6f4f0;
  text-align: center;
}
.flow-page .flow-page-header .img-wrapper {
  margin-bottom: 2rem;
}
@media (min-width: 960px) {
  .flow-page .flow-page-header .img-wrapper {
    margin-bottom: 1.6rem;
  }
}
.flow-page .flow-page-header .content-wrapper {
  max-width: 1440px;
  position: relative;
  padding: 2rem 3.2rem 2.8rem;
}
@media (min-width: 960px) {
  .flow-page .flow-page-header .content-wrapper {
    padding-bottom: 3.2rem;
  }
}
.flow-page .flow-page-header .actions-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 1.6rem;
}
@media (min-width: 960px) {
  .flow-page .flow-page-header .actions-wrapper {
    margin-top: 2rem;
  }
}
.flow-page .flow-page-header .actions-wrapper a + a,
.flow-page .flow-page-header .actions-wrapper a + button,
.flow-page .flow-page-header .actions-wrapper button + a,
.flow-page .flow-page-header .actions-wrapper button + button {
  margin-left: 1.6rem;
}
.flow-page .flow-page-header .logout-link {
  position: absolute;
  top: 0.8rem;
  right: 1.6rem;
}
@media (min-width: 1280px) {
  .flow-page .flow-page-header .logout-link {
    top: 1.2rem;
    right: 3.2rem;
  }
}
.flow-page .flow-page-header h1,
.flow-page .flow-page-header .h1 {
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.42;
  margin: 0;
}
@media (min-width: 960px) {
  .flow-page .flow-page-header h1,
.flow-page .flow-page-header .h1 {
    font-size: 1.6rem;
  }
}
.flow-page .flow-page-header h1 + p,
.flow-page .flow-page-header .h1 + p {
  margin-top: 0.6rem;
}
.flow-page .flow-page-header p {
  margin: 0;
}
.flow-page .sticky-scroll-up .flow-page-header .content-wrapper {
  transition: padding 0.7s ease-in-out;
}
.flow-page .sticky-scroll-up.on-hold .flow-page-header .content-wrapper {
  padding: 1.6rem;
}
@media (min-width: 960px) {
  .flow-page .sticky-scroll-up.on-hold .flow-page-header .content-wrapper {
    padding: 2rem 1.6rem;
  }
}
.flow-page.login-page .flow-page-header .content-wrapper, .flow-page.checkout-complete .flow-page-header .content-wrapper, .flow-page.page-cart .flow-page-header .content-wrapper, .flow-page.cart-section .flow-page-header .content-wrapper, .flow-page.myaccount .flow-page-header .content-wrapper {
  padding: 2.4rem 1.6rem;
}
@media (min-width: 960px) {
  .flow-page.login-page .flow-page-header .content-wrapper, .flow-page.checkout-complete .flow-page-header .content-wrapper, .flow-page.page-cart .flow-page-header .content-wrapper, .flow-page.cart-section .flow-page-header .content-wrapper, .flow-page.myaccount .flow-page-header .content-wrapper {
    padding: 3.6rem 3.2rem;
  }
}
@media (max-width: 959px) {
  .flow-page.cart-section .flow-page-header .content-wrapper {
    padding: 1.6rem 1.6rem 2rem;
  }
  .flow-page.cart-section .flow-page-header h1,
.flow-page.cart-section .flow-page-header .h1 {
    font-size: 1.2rem;
    line-height: 1.333;
  }
}
.flow-page .inner-page {
  padding: 2rem 1.6rem;
  position: relative;
}
@media (min-width: 840px) {
  .flow-page .inner-page {
    padding: 3rem 1.6rem 5rem;
  }
}
.flow-page .inner-page.has-side-navigation {
  padding: 0;
}
.flow-page .inner-page.has-side-navigation .content-wrapper {
  max-width: 1440px;
}
@media (min-width: 960px) {
  .flow-page .inner-page.has-side-navigation .content-wrapper {
    padding: 2rem 1.55rem;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
  }
}
@media (min-width: 1280px) {
  .flow-page .inner-page.has-side-navigation .content-wrapper {
    padding: 3.6rem 3.2rem;
  }
}
@media (min-width: 960px) {
  .flow-page .inner-page.has-side-navigation .inner-page-content {
    flex: 1;
    padding: 0;
    display: flex;
    flex-direction: column;
  }
}
.flow-page .inner-page-content {
  padding: 2rem 1.6rem;
}
.flow-page .inner-page-content .form-note {
  padding-top: 2.8rem;
  margin-top: 2rem;
  border-top: 1px solid #e1e0e2;
}
@media (min-width: 960px) {
  .flow-page .inner-page-content .form-note {
    padding-top: 5rem;
    margin-top: 2rem;
  }
}
.flow-page .inner-page-content .main-section {
  flex: 1;
  height: 100%;
}
.flow-page .main-section h3,
.flow-page .main-section .h3 {
  font-size: 1.2rem;
  line-height: 1.333;
  margin-bottom: 1.6rem;
}
.flow-page .inner-page-banner {
  display: none;
}
@media (min-width: 1280px) {
  .flow-page .inner-page-banner {
    display: block;
    width: 18%;
    flex-shrink: 0;
    margin-left: 2.1rem;
  }
  .flow-page .inner-page-banner img {
    height: 768px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media (min-width: 1440px) {
  .flow-page .inner-page-banner {
    width: 304px;
    margin-left: 3.6rem;
  }
}
.flow-page .content-wrapper {
  max-width: 1312px;
  margin: 0 auto;
}
.flow-page .content-wrapper.small-wrapper {
  max-width: 400px;
}
@media (min-width: 840px) {
  .flow-page .content-wrapper.small-wrapper {
    max-width: 866px;
  }
}
.flow-page .inner-page-navigation {
  position: relative;
  z-index: 5;
}
@media (min-width: 960px) {
  .flow-page .inner-page-navigation {
    width: 304px;
    flex-shrink: 0;
    margin-right: 1.6rem;
    position: sticky;
    top: 40px;
    transition: top 0.5s ease-in-out;
  }
  .navShow .flow-page .inner-page-navigation {
    top: 116px;
  }
}
@media (min-width: 1440px) {
  .flow-page .inner-page-navigation {
    margin-right: 3.6rem;
  }
}
.flow-page .inner-page-navigation .nav-toggle {
  background: #FFFDFB;
  border: none;
  border-top: 1px solid #b8b7bb;
  padding: 1rem 1.6rem;
  margin: 0;
  cursor: pointer;
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: bold;
  font-size: 0.8rem;
  line-height: 1.5;
  letter-spacing: 0.2px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  outline: none;
}
@media (min-width: 960px) {
  .flow-page .inner-page-navigation .nav-toggle {
    display: none;
  }
}
.flow-page .inner-page-navigation .nav-toggle::after {
  content: "";
  height: 1.6rem;
  width: 1.6rem;
  display: block;
  background: url("../media/icons/chevron-up.svg") no-repeat center center;
  transform: rotate(180deg);
  transition: transform 0.5s ease-in-out;
}
.flow-page .inner-page-navigation .nav-toggle.active::after {
  transform: rotate(0);
}
@media (max-width: 959px) {
  .flow-page .inner-page-navigation .nav-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #FFFDFB;
    max-height: 0;
    overflow: hidden;
    opacity: 1;
    transition: all 0.5s ease-in-out;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid #b8b7bb;
  }
  .flow-page .inner-page-navigation .nav-wrapper.expanded {
    max-height: 100vh;
    opacity: 1;
  }
}
.flow-page .inner-page-navigation .nav-wrapper ul {
  list-style: none;
  padding: 1.6rem;
  margin: 0;
}
@media (min-width: 960px) {
  .flow-page .inner-page-navigation .nav-wrapper ul {
    padding: 0;
  }
}
.flow-page .inner-page-navigation .nav-wrapper li {
  margin: 0;
}
.flow-page .inner-page-navigation .nav-wrapper li + li {
  margin-top: 1.8rem;
}
.flow-page .inner-page-navigation .nav-wrapper li.active a::before {
  left: 0;
  width: 100%;
}
@media (min-width: 960px) {
  .flow-page .inner-page-navigation .nav-wrapper li + li {
    margin-top: 1.8rem;
  }
}
.flow-page .inner-page-navigation .nav-wrapper a {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: 0.2px;
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: bold;
  position: relative;
  margin: -0.25rem 0;
  padding: 0.25rem 0;
}
.flow-page .inner-page-navigation .nav-wrapper a::before, .flow-page .inner-page-navigation .nav-wrapper a::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 0;
  bottom: auto;
  left: auto;
  height: 2px;
  margin-top: -0.25rem;
  width: 0;
  transition: all 0.3s;
}
.flow-page .inner-page-navigation .nav-wrapper a::before {
  background: #34303d;
}
.flow-page .inner-page-navigation .nav-wrapper a::after {
  background: #00D1D2;
}
.flow-page .inner-page-navigation .nav-wrapper a:hover::after, .flow-page .inner-page-navigation .nav-wrapper a:focus::after {
  left: 0;
  width: 100%;
}
.flow-page .column-form {
  max-width: 640px;
  margin: 0 auto;
}
.flow-page.login-page .login-page-inner .column, .flow-page.checkout-flow .login-page-inner .column {
  margin: 0 auto;
  max-width: 400px;
}
@media (min-width: 840px) {
  .flow-page.login-page .login-page-inner .column, .flow-page.checkout-flow .login-page-inner .column {
    padding: 0 1.6rem;
    max-width: none;
  }
}
@media (min-width: 960px) {
  .flow-page.login-page .login-page-inner .column, .flow-page.checkout-flow .login-page-inner .column {
    padding: 0 3.2rem;
  }
}
.flow-page.login-page .login-page-inner .column + .column, .flow-page.checkout-flow .login-page-inner .column + .column {
  margin-top: 2rem;
  border-top: 1px solid #e1e0e2;
  padding-top: 40px;
}
@media (min-width: 840px) {
  .flow-page.login-page .login-page-inner .column + .column, .flow-page.checkout-flow .login-page-inner .column + .column {
    margin-top: 0;
    border-top: none;
    border-left: 1px solid #e1e0e2;
    padding-top: 0;
  }
  .flow-page.login-page .login-page-inner .columns, .flow-page.checkout-flow .login-page-inner .columns {
    margin: 0 -1.6rem;
  }
}
@media (min-width: 960px) {
  .flow-page.login-page .login-page-inner .columns, .flow-page.checkout-flow .login-page-inner .columns {
    margin: 0 -3.2rem;
  }
}
.flow-page.login-page .login-page-inner .columns.reverse .column + .column, .flow-page.checkout-flow .login-page-inner .columns.reverse .column + .column {
  margin-top: initial;
  border-top: initial;
  padding-top: initial;
  margin-bottom: 2rem;
  border-bottom: 1px solid #e1e0e2;
  padding-bottom: 40px;
}
@media (min-width: 840px) {
  .flow-page.login-page .login-page-inner .columns.reverse .column + .column, .flow-page.checkout-flow .login-page-inner .columns.reverse .column + .column {
    margin-top: initial;
    border-top: initial;
    border-left: initial;
    padding-top: initial;
    margin-bottom: 0;
    border-bottom: none;
    border-right: 1px solid #e1e0e2;
    padding-bottom: 0;
  }
}
.flow-page.login-page .login-page-inner .login-wrapper #password_recovery_form_wrapper,
.flow-page.login-page .login-page-inner .login-wrapper #activation_form_wrapper, .flow-page.checkout-flow .login-page-inner .login-wrapper #password_recovery_form_wrapper,
.flow-page.checkout-flow .login-page-inner .login-wrapper #activation_form_wrapper {
  display: none;
}
.flow-page.login-page .login-page-inner .login-wrapper .-show-password-recovery #login_form_wrapper, .flow-page.checkout-flow .login-page-inner .login-wrapper .-show-password-recovery #login_form_wrapper {
  display: none;
}
.flow-page.login-page .login-page-inner .login-wrapper .-show-password-recovery #password_recovery_form_wrapper, .flow-page.checkout-flow .login-page-inner .login-wrapper .-show-password-recovery #password_recovery_form_wrapper {
  display: block;
}
.flow-page.login-page .login-page-inner .login-wrapper .-show-account-activation #login_form_wrapper, .flow-page.checkout-flow .login-page-inner .login-wrapper .-show-account-activation #login_form_wrapper {
  display: none;
}
.flow-page.login-page .login-page-inner .login-wrapper .-show-account-activation #activation_form_wrapper, .flow-page.checkout-flow .login-page-inner .login-wrapper .-show-account-activation #activation_form_wrapper {
  display: block;
}
.flow-page h2,
.flow-page .h2 {
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.42;
  margin-bottom: 1.2rem;
}
@media (min-width: 960px) {
  .flow-page h2,
.flow-page .h2 {
    font-size: 1.6rem;
  }
}
.flow-page h3,
.flow-page .h3 {
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.2;
  margin-bottom: 1.2rem;
}
@media (min-width: 960px) {
  .flow-page h3,
.flow-page .h3 {
    font-size: 1.2rem;
  }
}
.flow-page .mid-section {
  margin: 1.2rem 0 2rem;
}
@media (min-width: 960px) {
  .flow-page .mid-section {
    margin: 2rem 0 2.8rem;
  }
}
.flow-page .mid-section + .mid-section {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #e1e0e2;
}
.flow-page .mid-section:only-child {
  border-bottom: 1px solid #e1e0e2;
  margin: 0;
  padding: 0 0 2rem;
}
@media (min-width: 840px) {
  .flow-page .mid-section:only-child {
    padding: 0 3.2rem 3.2rem;
  }
}
@media (min-width: 960px) {
  .flow-page .mid-section:only-child {
    padding: 2rem 5.6rem 5rem;
  }
}
.flow-page .form-wrapper .form-group {
  max-width: 416px;
}
.flow-page .form-wrapper .form-group.size-lg {
  max-width: 528px;
}
.flow-page .actions-wrapper {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.flow-page .actions-wrapper a + button,
.flow-page .actions-wrapper a + a,
.flow-page .actions-wrapper button + button,
.flow-page .actions-wrapper button + a {
  margin-top: 1.2rem;
}
@media (min-width: 640px) {
  .flow-page .actions-wrapper.horizontal-reverse-xs {
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
  }
  .flow-page .actions-wrapper.horizontal-reverse-xs a + a,
.flow-page .actions-wrapper.horizontal-reverse-xs a + button,
.flow-page .actions-wrapper.horizontal-reverse-xs button + a,
.flow-page .actions-wrapper.horizontal-reverse-xs button + button {
    margin-top: 0;
  }
}
.flow-page .section-note {
  margin-top: 2rem;
  line-height: 1.33;
  letter-spacing: 0.2px;
}
.flow-page .section-note:first-child {
  margin-top: 0;
}
.flow-page .section-note p {
  margin: 0;
}
.flow-page .section-note small {
  font-size: 0.6rem;
}
.flow-page .form-wrapper {
  margin-top: 2rem;
}
.flow-page .info-block {
  margin: 1.6rem 0;
}
.flow-page .registration-step {
  display: none;
  pointer-events: none;
}
.flow-page .registration-step.active {
  display: block;
  position: relative;
  pointer-events: all;
}

.info-block .info-block-content {
  display: inline-block;
}
.info-block.bg-grey .info-block-content {
  padding: 0.6rem 1.2rem;
  background: #f6f4f0;
}

.sticky-scroll-up {
  transform: translateY(0);
  z-index: 10;
  top: -50vh;
  transition: all 0.7s ease-in-out;
}
.sticky-scroll-up.-processed {
  position: sticky;
}
.sticky-scroll-up .hide-on-sticky {
  max-height: 20vh;
  opacity: 1;
  overflow: hidden;
  transition: all 0.7s ease-in-out;
}
.sticky-scroll-up.active {
  transition: all 2s ease-in-out;
}
.sticky-scroll-up.on-hold {
  transform: translateY(-100%);
  top: 0;
  transition: all 0.7s ease-in-out;
}
.sticky-scroll-up.on-hold .hide-on-sticky {
  max-height: 0;
  opacity: 0;
}
.sticky-scroll-up.on-hold.active {
  transform: translateY(0);
  top: 56px;
  pointer-events: none;
}
.sticky-scroll-up.on-hold.active > * {
  pointer-events: all;
}
@media (min-width: 960px) {
  .sticky-scroll-up.on-hold.active {
    top: 76px;
  }
}

.faq-page .blk-grid {
  z-index: 2;
}
.faq-page .faq-page-header {
  text-align: center;
  position: relative;
}
.faq-page .faq-page-header .content-wrapper {
  max-width: 1440px;
  position: relative;
  margin: 0 auto;
  padding: 2.4rem 1.6rem 1rem;
}
@media (min-width: 960px) {
  .faq-page .faq-page-header .content-wrapper {
    padding: 3.6rem 3.2rem 0rem;
  }
}
.faq-page .faq-page-header .logo-link {
  position: absolute;
  top: 0.8rem;
  left: 2.4rem;
}
@media (min-width: 1280px) {
  .faq-page .faq-page-header .logo-link {
    top: 1.2rem;
    left: 3.2rem;
  }
}
@media (max-width: 959px) {
  .faq-page .faq-page-header .logo-link {
    max-width: 87px;
    left: 1rem;
  }
  .faq-page .faq-page-header .logo-link img {
    display: block;
    height: auto;
    width: 100%;
  }
}
.faq-page .faq-page-header h1,
.faq-page .faq-page-header .h1 {
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.42;
  margin: 0;
}
@media (min-width: 960px) {
  .faq-page .faq-page-header h1,
.faq-page .faq-page-header .h1 {
    font-size: 2.1rem;
  }
}
.faq-page .inner-page {
  padding: 2rem 1.6rem;
  position: relative;
}
@media (min-width: 840px) {
  .faq-page .inner-page {
    padding: 3rem 1.6rem 5rem;
  }
}
.faq-page .inner-page.has-side-navigation {
  padding: 0;
}
@media (min-width: 960px) {
  .faq-page .inner-page.has-side-navigation .content-wrapper {
    padding: 2rem 0rem;
    flex-wrap: nowrap;
    align-items: flex-start;
  }
}
@media (min-width: 1280px) {
  .faq-page .inner-page.has-side-navigation .content-wrapper {
    padding: 1.6rem 0rem 3.6rem;
  }
}
.faq-page .inner-page.has-side-navigation .faq-details-accordion {
  border-top: 1px solid #34303d;
  border-bottom: 1px solid #979797;
}
@media (max-width: 959px) {
  .faq-page .inner-page.has-side-navigation .faq-details-accordion {
    border-top: 1px solid #979797;
    border-bottom: 1px solid #979797;
  }
}
.faq-page .inner-page.has-side-navigation .faq-details-accordion .content-wrapper {
  padding: 0rem;
}
.faq-page .inner-page.has-side-navigation .faq-details-accordion .content-wrapper .accordion .accordion-content-wrapper {
  border-color: #979797;
}
.faq-page .inner-page.has-side-navigation .faq-details-accordion .content-wrapper .accordion-btn {
  font-size: 0.9rem;
}
@media (max-width: 959px) {
  .faq-page .inner-page.has-side-navigation .faq-details-accordion .content-wrapper .accordion-btn {
    padding: 0.75rem 0.3rem 0.75rem 0rem;
  }
}
.faq-page .inner-page.has-side-navigation .faq-details-accordion .content-wrapper .accordion-btn b {
  border: none;
  position: relative;
}
@media (max-width: 839px) {
  .faq-page .inner-page.has-side-navigation .faq-details-accordion .content-wrapper .accordion-btn b {
    margin-left: 0;
  }
}
.faq-page .inner-page.has-side-navigation .faq-details-accordion .accordion-content .accordion-cont {
  padding-bottom: 1.25rem;
}
.faq-page .inner-page.has-side-navigation .faq-details-accordion .accordion.no-cont-padding .accordion-content-wrapper.active .accordion-content {
  padding: 0;
}
@media (min-width: 960px) {
  .faq-page .inner-page.has-side-navigation .inner-page-content {
    flex: 1;
    padding: 0;
    display: flex;
    flex-direction: column;
  }
}
.faq-page .inner-page-content {
  padding: 1.6rem 0rem 2rem;
}
.faq-page .inner-page-content .form-note {
  padding-top: 2.8rem;
  margin-top: 2rem;
  border-top: 1px solid #e1e0e2;
}
@media (min-width: 960px) {
  .faq-page .inner-page-content .form-note {
    padding-top: 5rem;
    margin-top: 2rem;
  }
}
.faq-page .inner-page-content .main-section {
  flex: 1;
  height: 100%;
}
.faq-page .main-section h3,
.faq-page .main-section .h3 {
  font-size: 1.2rem;
  line-height: 1.333;
  margin-bottom: 1.6rem;
}
.faq-page .inner-page-banner {
  display: none;
}
@media (min-width: 1280px) {
  .faq-page .inner-page-banner {
    display: block;
    width: 18%;
    flex-shrink: 0;
    margin-left: 2.1rem;
  }
  .faq-page .inner-page-banner img {
    height: 768px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media (min-width: 1440px) {
  .faq-page .inner-page-banner {
    width: 304px;
    margin-left: 3.6rem;
  }
}
.faq-page .inner-page-navigation {
  position: relative;
  z-index: 5;
  overflow: visible !important;
}
@media (min-width: 960px) {
  .faq-page .inner-page-navigation {
    background: #f6f4f0;
    flex-shrink: 0;
    margin-right: 0.6rem;
    padding: 2rem 1.6rem;
    position: sticky;
    top: 40px;
    transition: top 0.5s ease-in-out;
  }
}
@media (min-width: 960px) and (min-width: 1440px) {
  .faq-page .inner-page-navigation {
    width: 336px;
    margin-left: -1.6rem;
  }
}
@media (min-width: 960px) {
  .navShow .faq-page .inner-page-navigation {
    top: 116px;
  }
}
.faq-page .inner-page-navigation .nav-toggle {
  background: #f6f4f0;
  border: 1px solid #b8b7bb;
  border-radius: 3px;
  padding: 0.6rem 0.8rem;
  cursor: pointer;
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: normal;
  font-size: 0.8rem;
  line-height: 1.5;
  letter-spacing: 0.2px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  outline: none;
  color: #7b7881;
}
@media (min-width: 960px) {
  .faq-page .inner-page-navigation .nav-toggle {
    display: none;
  }
}
.faq-page .inner-page-navigation .nav-toggle::after {
  content: "";
  height: 1.6rem;
  width: 1.6rem;
  display: block;
  background: url("../../../assets/icons/chevron-up.svg") no-repeat center center;
  transform: rotate(180deg);
  transition: transform 0.5s ease-in-out;
}
.faq-page .inner-page-navigation .nav-toggle.active::after {
  transform: rotate(0);
}
@media (max-width: 959px) {
  .faq-page .inner-page-navigation .nav-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #FFFDFB;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    box-shadow: none;
    border: 1px solid #b8b7bb;
    border-top: none;
  }
  .faq-page .inner-page-navigation .nav-wrapper ul {
    padding: 0.6rem 0.8rem !important;
    background: #f6f4f0;
  }
  .faq-page .inner-page-navigation .nav-wrapper ul a {
    font-family: "iqos", "Helvetica Neue", sans-serif;
    font-weight: normal;
    font-size: 0.8rem;
  }
  .faq-page .inner-page-navigation .nav-wrapper.expanded {
    max-height: none;
    opacity: 1;
  }
}
.faq-page .inner-page-navigation .nav-wrapper ul {
  list-style: none;
  padding: 1.6rem;
  margin: 0;
}
@media (min-width: 960px) {
  .faq-page .inner-page-navigation .nav-wrapper ul {
    padding: 0;
  }
}
.faq-page .inner-page-navigation .nav-wrapper li {
  margin: 0;
}
.faq-page .inner-page-navigation .nav-wrapper li + li {
  margin-top: 1rem;
}
@media (max-width: 959px) {
  .faq-page .inner-page-navigation .nav-wrapper li + li {
    margin-top: 0.89rem;
  }
}
@media (min-width: 960px) {
  .faq-page .inner-page-navigation .nav-wrapper li + li {
    margin-top: 1rem;
  }
}
.faq-page .inner-page-navigation .nav-wrapper li ul {
  margin-left: 1rem;
  margin-top: 0.8rem;
}
.faq-page .inner-page-navigation .nav-wrapper li ul li a {
  font-size: 0.9rem;
}
.faq-page .inner-page-navigation .nav-wrapper li ul li + li {
  margin-top: 0.5rem;
}
.faq-page .inner-page-navigation .nav-wrapper a {
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: 0.2px;
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: bold;
  padding: 0.6rem 1.6rem;
  position: relative;
  margin: -0.25rem 0;
  padding: 0.25rem 0;
  background-image: linear-gradient(transparent 2px, #00D1D2 2px, #00D1D2 4px, transparent 4px), linear-gradient(transparent 2px, transparent 2px, transparent 4px, transparent 4px);
  background-size: 0% 6px, 100% 6px;
  background-position: 0 bottom, 0 bottom;
  transition: background-size 0.3s ease-in-out;
  background-repeat: no-repeat;
  padding-bottom: 3px;
  border-bottom: 6px solid transparent;
}
.faq-page .inner-page-navigation .nav-wrapper a:hover {
  background-size: 100% 6px;
}
.faq-page .inner-page-navigation .nav-wrapper li.active > a {
  background-image: linear-gradient(transparent 2px, #00D1D2 2px, #00D1D2 4px, transparent 4px), linear-gradient(transparent 2px, #34303d 2px, #34303d 4px, transparent 4px);
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
  .faq-page .blk-grid .inner-page-navigation {
    grid-column-end: span 4;
    grid-column-start: 1;
  }
}
@media (max-width: 959px) {
  .faq-page .blk-grid .inner-page-navigation {
    grid-column-end: span 12;
  }
}

.checkout-flow h1,
.checkout-flow .h1 {
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.42;
}
.checkout-flow.success-step {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: normal;
}
@media (max-width: 1279px) {
  .checkout-flow.success-step {
    padding-left: 2.4rem !important;
    padding-right: 2.4rem !important;
  }
}
@media (max-width: 1023px) {
  .checkout-flow.success-step {
    font-size: 16px;
  }
}
@media (max-width: 639px) {
  .checkout-flow.success-step {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.checkout-flow.success-step h1 {
  text-align: center;
  margin: 38px auto 15px;
  font-size: 31px;
  letter-spacing: 0;
  font-weight: bold;
}
@media (max-width: 1023px) {
  .checkout-flow.success-step h1 {
    font-size: 24px;
    margin: 15px auto 0;
  }
}
@media (max-width: 639px) {
  .checkout-flow.success-step h1 {
    margin-bottom: 1rem;
  }
}
.checkout-flow.success-step h2 {
  margin: 0 auto 30px;
  font-size: 24px;
  letter-spacing: 0;
  font-weight: bold;
}
@media (max-width: 1023px) {
  .checkout-flow.success-step h2 {
    font-size: 20px;
    margin: 0 auto 20px;
  }
}
.checkout-flow.success-step h3 {
  margin: 0 auto 10px;
  font-size: 18px;
  letter-spacing: 0;
  font-weight: bold;
}
@media (max-width: 1023px) {
  .checkout-flow.success-step h3 {
    font-size: 16px;
    margin: 0 auto 10px;
  }
}
.checkout-flow.success-step address {
  font-style: normal;
}
.checkout-flow.success-step .columns {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.checkout-flow.success-step .column {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.checkout-flow.success-step .container {
  margin-left: auto;
  margin-right: auto;
  max-width: calc(1136px + (100vw - 1440px) / (1920 - 1440) * (1316 - 1136));
}
.checkout-flow.success-step .container .free-shipping-text {
  font-weight: 700;
}
.checkout-flow.success-step .container .order-discount {
  font-weight: 700;
  color: #0f0;
}
@media (max-width: 639px) {
  .checkout-flow.success-step .container {
    padding: 0;
  }
  .checkout-flow.success-step .container .page-top {
    padding: 0 1rem;
  }
}
.checkout-flow.success-step .success-check {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.checkout-flow.success-step .success-check .icon-success {
  background-size: 38% !important;
  background-color: #0f0;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: 50%;
}
@media (max-width: 1023px) {
  .checkout-flow.success-step .success-check .icon-success {
    height: 3rem;
    width: 3rem;
  }
}
@media (max-width: 374px) {
  .checkout-flow.success-step .success-check .icon-success {
    height: 2.5rem;
    width: 2.5rem;
  }
}
.checkout-flow.success-step .shadow-box {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
  margin-top: 1rem;
  padding: 30px 40px;
}
@media (max-width: 1023px) {
  .checkout-flow.success-step .shadow-box {
    padding: 25px 30px;
  }
}
@media (max-width: 639px) {
  .checkout-flow.success-step .shadow-box {
    margin-top: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 1rem;
  }
}
.checkout-flow.success-step .shadow-box.has--phone-icons-hidden span[class*=phone]:before {
  display: none;
}
@media (min-width: 1281px) {
  .checkout-flow.success-step .order-wrapper {
    overflow: hidden;
    display: block;
    padding-bottom: 5px;
  }
  .checkout-flow.success-step .order-info {
    float: right;
  }
}
@media (max-width: 639px) {
  .checkout-flow.success-step .order-wrapper .column:last-child .shadow-box {
    position: relative;
  }
  .checkout-flow.success-step .order-wrapper .column:last-child .shadow-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 1rem;
    right: 1rem;
    border-top: 1px solid #D6D6D6;
  }
}
.checkout-flow.success-step .order-info .columns > .column:not(.col-shipping):not(.col-billing) {
  order: 3;
}
.checkout-flow.success-step .order-info .columns.shipping-first .col-shipping {
  order: 1;
}
.checkout-flow.success-step .order-info .columns.shipping-first .col-billing {
  order: 2;
}
.checkout-flow.success-step .order-info .columns.billing-first .col-shipping {
  order: 2;
}
.checkout-flow.success-step .order-info .columns.billing-first .col-billing {
  order: 1;
}
.checkout-flow.success-step .order-info span[class*=phone]:before {
  content: "";
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14.452' height='20.084' viewBox='0 0 14.452 20.084'%3e%3cpath id='asset-4' d='M54.43,41.123c-.826-.139-2.706,1.387-3.159,2.411-.066.2-1.989,4.822,1.838,11.186,3.236,5.37,7.564,6.318,8.456,6.467.963.163,3.429-1.447,3.616-2.025-.187-.392-2.411-2.755-3.189-2.887a2.064,2.064,0,0,0-1.242.223,1.528,1.528,0,0,1-.77.157c-.8-.133-2.363-.723-4.161-3.224-1.3-1.845-1.892-5.165-1.621-5.949.054-.133.109-.235.217-.253A6.8,6.8,0,0,0,56.4,46.155C56.455,45.727,55.038,41.3,54.43,41.123Z' transform='translate(-50.73 -41.114)' fill='%23404040'/%3e%3c/svg%3e ");
  background-position-y: center;
  background-size: 15px 19px;
  position: relative;
  top: 3px;
  display: inline-block;
  width: 15px;
  height: 19px;
  margin-right: 5px;
}
.checkout-flow.success-step .order-info p, .checkout-flow.success-step .order-info address {
  margin-bottom: 30px;
}
.checkout-flow.success-step .order-info address span {
  word-break: break-word;
}
.checkout-flow.success-step .simple_totals {
  margin-top: 15px;
}
.checkout-flow.success-step .simple_totals .line {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.checkout-flow.success-step .simple_totals .line + .line {
  margin-top: 5px;
}
.checkout-flow.success-step .simple_totals .line.order-total {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #D6D6D6;
}
.checkout-flow.success-step .simple_totals .line.order-total h5 {
  font-weight: bold;
}
.checkout-flow.success-step .simple_totals .line.order-total h5 small {
  font-weight: normal;
  font-size: 12px;
  color: #797979;
  display: block;
}
.checkout-flow.success-step .simple_totals .line.order-total p {
  font-weight: bold;
}
.checkout-flow.success-step .simple_totals h5,
.checkout-flow.success-step .simple_totals p {
  font-size: 16px;
  font-weight: normal;
  margin: 0;
}
.checkout-flow.success-step .cart-content-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.checkout-flow.success-step .cart-content-wrapper ul > li {
  margin: 0;
}
.checkout-flow.success-step .cart-content-wrapper ul > li + li {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.checkout-flow.success-step .cart-content-wrapper ul > li.bundle-subitem {
  border-top: none;
}
.checkout-flow.success-step .cart-content-wrapper ul > li.bundle-subitem article figure {
  padding-top: 5px;
}
.checkout-flow.success-step .cart-content-wrapper article.display-items figcaption {
  padding-left: 0;
}
.checkout-flow.success-step .cart-content-wrapper article.display-items .prod-name {
  font-weight: 700;
}
.checkout-flow.success-step .cart-content-wrapper article figure {
  display: flex;
  flex-wrap: nowrap;
  padding: 15px 0;
  margin: 0;
}
.checkout-flow.success-step .cart-content-wrapper article figure .img-wrapper {
  width: 90px;
  height: 90px;
  text-align: center;
}
@media (max-width: 639px) {
  .checkout-flow.success-step .cart-content-wrapper article figure .img-wrapper {
    width: 80px;
    height: 80px;
  }
}
.checkout-flow.success-step .cart-content-wrapper article figure .img-wrapper img {
  max-width: 100%;
  max-height: 100%;
}
.checkout-flow.success-step .cart-content-wrapper article figcaption {
  flex: 1;
  padding-left: 15px;
}
.checkout-flow.success-step .cart-content-wrapper article h3 {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  font-weight: normal;
  margin: 0;
}
.checkout-flow.success-step .cart-content-wrapper article .prod-title {
  padding-right: 15px;
  flex: 1;
}
.checkout-flow.success-step .cart-content-wrapper article .prod-title > span {
  display: block;
}
.checkout-flow.success-step .cart-content-wrapper article .prod-name {
  font-size: 16px;
  line-height: 1.3;
}
.checkout-flow.success-step .cart-content-wrapper article .prod-option {
  font-size: 14px;
  line-height: 20px;
}
.checkout-flow.success-step .cart-content-wrapper article .prod-qty {
  font-size: 12px;
  margin-top: 10px;
  line-height: 14px;
  color: #000;
}
.checkout-flow.success-step .cart-content-wrapper article .prod-price-w {
  text-align: right;
  font-weight: bold;
}
.checkout-flow.success-step .cart-content-wrapper article .prod-price-w > span {
  position: relative;
  display: block;
  white-space: nowrap;
}
.checkout-flow.success-step .cart-content-wrapper article .prod-price-w .prod-price {
  line-height: 1.5;
  font-size: 16px;
}
.checkout-flow.success-step .cart-content-wrapper article .prod-price-w .red-old-price {
  position: absolute;
  top: 100%;
  right: 0;
  color: red;
  text-decoration: line-through;
  font-weight: normal;
}
.checkout-flow.success-step .cart-content-wrapper article .prod-old-price {
  text-decoration: line-through;
  color: #000;
}
.checkout-flow .address-container .-edit {
  display: none;
}
.checkout-flow .address-container.-edit .-edit {
  display: block;
}
.checkout-flow .address-container.-edit .-read {
  display: none;
}

.checkout-main .form-wrapper.checkout-login {
  display: flex;
  flex-direction: column;
  max-width: 1332px;
  margin: 0 auto;
}
.checkout-main .form-wrapper.checkout-login.invert-panels {
  flex-direction: column-reverse;
}
@media (min-width: 841px) {
  .checkout-main .form-wrapper.checkout-login {
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .checkout-main .form-wrapper.checkout-login.invert-panels {
    flex-direction: row-reverse;
  }
}
@media (max-width: 1023px) {
  .checkout-main .form-wrapper.checkout-login {
    max-width: 860px;
  }
}
@media (max-width: 374px) {
  .checkout-main .step-inner .form-wrapper.checkout-login {
    padding: 1.2rem 1rem;
    background: #fff;
    width: 100vw;
  }
}
.checkout-main .button-submit-mobile {
  /* 1920 */
  text-align: center;
  display: none;
  width: 100%;
  padding: 1rem;
}
.checkout-main .button-submit-mobile button {
  width: auto;
}
@media (max-width: 1365px) {
  .checkout-main .button-submit-mobile {
    /* 1440 */
    display: inline-block;
  }
}
@media (max-width: 1023px) {
  .checkout-main .button-submit-mobile {
    /* 1024 */
    padding-top: 62px;
  }
}
@media (max-width: 767px) {
  .checkout-main .button-submit-mobile {
    /* 768 */
    padding-top: 60px;
  }
}
@media (max-width: 374px) {
  .checkout-main .button-submit-mobile {
    /* 375 */
    padding-top: 60px;
  }
  .checkout-main .button-submit-mobile button {
    width: 100%;
  }
}
.checkout-main .step-inner-blocks {
  margin-top: 2rem;
}
@media (min-width: 840px) {
  .checkout-main .step-inner-blocks .columns {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .checkout-main .step-inner-blocks .column {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.checkout-main .step-inner-block {
  /* address form */
  /* Payments */
}
.checkout-main .step-inner-block + .step-inner-block {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #e1e0e2;
}
.checkout-main .step-inner-block hr {
  margin: 20px 0;
  border: none;
  border-top: 1px solid #fff;
}
.checkout-main .step-inner-block p.description, .checkout-main .step-inner-block p.ty-p-none, .checkout-main .step-inner-block #shipping_rates_block p {
  font-size: 18px;
  margin-bottom: 6px;
}
.checkout-main .step-inner-block .user-info span {
  display: inline-block;
  word-break: break-word;
  font-size: 0.8rem;
  line-height: 1.5;
}
.checkout-main .step-inner-block a.text-link {
  font-size: 12px;
  font-weight: bold;
}
.checkout-main .step-inner-block .delivery-choose {
  display: block;
  font-size: 18px;
}
.checkout-main .step-inner-block .delivery-choose + .delivery-choose {
  margin-left: 0;
}
.checkout-main .step-inner-block .delivery-choose .checkmark {
  margin-top: 4px;
}
.checkout-main .step-inner-block .delivery-choose .input-title {
  background: transparent;
  display: inline-block;
  font-size: 18px;
  line-height: 26px;
}
.checkout-main .step-inner-block .delivery-choose .input-title > * {
  white-space: normal;
  display: block;
}
.checkout-main .step-inner-block .delivery-choose .input-title .rate {
  display: none;
}
@media (max-width: 1023px) {
  .checkout-main .step-inner-block .delivery-choose .input-title {
    /* 1024 */
    font-size: 16px;
    line-height: 23px;
  }
}
.checkout-main .step-inner-block .spin-wrapper {
  position: absolute;
  display: none;
  z-index: 10;
}
.checkout-main .step-inner-block .spin-wrapper .spin-loader {
  position: absolute;
  top: 50%;
  left: 50%;
}
.checkout-main .step-inner-block.process .spin-wrapper {
  display: block;
}
@media (min-width: 841px) {
  .checkout-main .step-inner-block .personal-info-container {
    max-width: 390px;
  }
}
@media (max-width: 839px) {
  .checkout-main .step-inner-block .j-form-address-first .input-container {
    margin: 0;
  }
}
.checkout-main .step-inner-block .form-group-wrapper h6 {
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 24px;
  margin-left: 10px;
}
@media (max-width: 374px) {
  .checkout-main .step-inner-block .form-group-wrapper h6 {
    /* 375 */
    font-size: 20px;
  }
}
.checkout-main .step-inner-block .form-group-wrapper .form-group {
  flex-basis: 100%;
}
.checkout-main .step-inner-block .invoice-container {
  margin-top: 30px;
  padding-top: 15px;
  border-top: 1px solid #c0bcca;
}
@media (max-width: 374px) {
  .checkout-main .step-inner-block .invoice-container {
    margin-bottom: -20px;
  }
}
.checkout-main .step-inner-block .invoice-container .form-group:first-child {
  margin-bottom: 0;
}
.checkout-main .step-inner-block .invoice-container .form-group:last-of-type {
  margin-top: 20px;
  margin-bottom: 0;
}
.checkout-main .step-inner-block .terms-conditions {
  padding-top: 40px;
  margin-top: 40px;
  border-top: 1px solid #e1e0e2;
}

.checkout-complete .order-overview-container {
  border-top: none;
  padding-top: 0;
  margin-top: 16px;
  position: static;
  max-width: none;
}
.checkout-complete .order-overview-container .cart-summary-wrapper {
  margin-top: 40px;
}
@media (min-width: 840px) {
  .checkout-complete .left-container {
    padding-right: 40px;
  }
}
.checkout-complete .right-container {
  margin-top: 40px;
}
@media (min-width: 840px) {
  .checkout-complete .right-container {
    padding-left: 40px;
    border-left: 1px solid #e1e0e2;
  }
}
.checkout-complete .right-container h5 {
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: bold;
  font-size: 0.8rem;
  line-height: 1.5;
  letter-spacing: 0.2px;
  margin-bottom: 16px;
}
.checkout-complete .right-container .columns {
  margin: -26px 0 0 -16px;
}
.checkout-complete .right-container .column {
  margin-top: 26px;
  padding-left: 16px;
  line-height: 1.5;
  word-break: break-word;
}
.checkout-complete .right-container p {
  margin: 0;
}

.order-thanks {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #e1e0e2;
}
.order-thanks .v-icon-list {
  margin-top: 32px;
}
@media (min-width: 840px) {
  .order-thanks .v-icon-list {
    margin-top: 40px;
  }
}

.ship-list {
  margin-top: 40px;
}

.payment-methods-wrapper {
  margin-top: 40px;
}

.payment-methods .payment-description {
  display: none;
}
.payment-methods .radio-desc > span {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
}
.payment-methods .radio-desc > span .payment-title {
  flex: 1;
}
.payment-methods .radio-desc > span .payment-methods-icon {
  flex-shrink: 0;
  margin-left: 15px;
  border-radius: 3px;
  border: solid 1px #e1e0e2;
  width: 56px;
  height: 32px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.payment-methods .radio-desc > span strong {
  font-size: 0.8rem;
  line-height: 1.5;
  letter-spacing: 0.2px;
}
.payment-methods .radio-desc > span .payment-description {
  display: none;
  font-size: 0.6rem;
  letter-spacing: 0.2px;
  line-height: 1.5;
  margin-top: 4px;
}
.payment-methods .inner-radio-options .radio-desc > span {
  display: block;
}
.payment-methods input:checked ~ .radio-desc .payment-description {
  display: block;
}
.payment-methods .payment-title {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
}
@media (min-width: 840px) {
  .payment-methods .payment-title {
    font-size: 18px;
  }
}
.payment-methods .payment-method-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.payment-methods .payment-methods-icon img {
  display: block;
  max-height: 30px;
  max-width: 85%;
}
.payment-methods.relative {
  pointer-events: none;
}

#content_payments_tab1 {
  position: relative;
}
#content_payments_tab1 .loading {
  position: absolute;
  top: 0;
  border: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.5);
}

/* Summary */
.order-overview-container {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #e1e0e2;
  /*.side-summary {
      margin-top: rem(40px);
      padding-top: rem(40px);
      border-top: 1px solid $primary-soft-white;

      .button-submit {
          display: none;
          margin-top: 30px;

          @include min-width("xl", 1) {
              display: block;
          }
      }

      .cart-recap-total {
          border-top: 1px solid $tab-bar-color;
          padding-top: 10px;
          margin-top: 10px;
      }

      .summary-info {
          margin-top: 30px;
      }

      .delivery_dropdown {
          position: relative;
          margin: 30px 0 20px;
          padding: 7px 0;
          border: $gray-color solid;
          border-width: 1px 0 1px 0;
          font-size: 18px;
          font-weight: bold;
          cursor: pointer;
          -webkit-touch-callout: none;
          user-select: none;

          &:after {
              content: "";
              position: absolute;
              width: 10px;
              height: 10px;
              border: $butteredrum-color solid;
              border-width: 0 2px 2px 0;
              transform: rotate(45deg) translate(-50%, -50%);
              right: 12px;
              top: 50%;
          }

          &__content {
              &__display {
                  h3 {
                      margin-bottom: 20px !important;
                  }

                  p {
                      font-size: 16px;
                      margin: 0 0 3px;
                  }

                  a.text-link {
                      display: inline-block;
                  }
              }

              &__form {
                  .to-edit-checkout-address-overview-save {
                      width: 100%;
                  }
              }
          }
      }
  }*/
}
@media (min-width: 840px) {
  .order-overview-container {
    position: sticky;
    top: 40px;
    padding-top: 0;
    margin: 0 auto;
    border: none;
    max-width: 348px;
    transition: top 0.5s ease-in-out;
  }
  .navShow .order-overview-container {
    top: 116px;
  }
}
.order-overview-container .cart-content-wrapper {
  padding-top: 20px;
}
.order-overview-container .toggle-content-wrapper {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.7s ease;
}
@media (min-width: 840px) {
  .order-overview-container .toggle-content-wrapper {
    max-height: none;
    opacity: 1;
    overflow: visible;
    transition: none;
  }
}
.order-overview-container.opened .toggle-content-wrapper {
  max-height: 10000px;
  opacity: 1;
}
@media (min-width: 840px) {
  .order-overview-container .cart-items-wrapper {
    position: relative;
    max-height: 260px;
    overflow: hidden;
  }
  .order-overview-container .cart-items-wrapper.mCustomScrollbar:not(.mCS_no_scrollbar) {
    margin-right: -30px;
  }
  .order-overview-container .cart-items-wrapper.mCustomScrollbar:not(.mCS_no_scrollbar):after {
    position: absolute;
    content: "";
    height: 85px;
    width: calc(100% - 6px);
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, #fffdfb 0%, rgba(255, 253, 251, 0) 100%);
  }
}
.order-overview-container .cart_items figcaption {
  padding-top: 0.4rem;
}
.order-overview-container .cart_items figcaption h4,
.order-overview-container .cart_items figcaption .h4 {
  padding-bottom: 0;
  padding-right: 0;
}
.order-overview-container .cart_items .prod-variant,
.order-overview-container .cart_items .amount {
  font-size: 0.7rem;
  font-weight: normal;
  letter-spacing: 0.4px;
}
.order-overview-container .cart_items .amount {
  margin-top: 0.4rem;
}
@media (min-width: 840px) {
  .order-overview-container .cart_items div.item-price {
    min-width: 100px;
  }
  .order-overview-container .cart_items ul > li {
    padding-bottom: 1.2rem;
  }
  .order-overview-container .cart_items ul > li + li {
    margin-top: 0rem;
    padding-top: 1.6rem;
  }
}
.order-overview-container .cart-summary-wrapper {
  margin-top: 0rem;
  padding-top: 1.6rem;
  border-top: 1px solid #e1e0e2;
}
.order-overview-container .cart-summary-wrapper h4,
.order-overview-container .cart-summary-wrapper .h4 {
  padding-top: 1.2rem;
  margin-top: 1.6rem;
}
.order-overview-container .resume_address_toggle_wrapper {
  margin: 1.2rem 0;
  border-top: 1px solid #e1e0e2;
  border-bottom: 1px solid #e1e0e2;
}
.order-overview-container .resume_address_toggle_wrapper .btn-toggle-switch {
  padding: 1rem 0;
}
.order-overview-container .resume_address_toggle_wrapper .resume_address_toggle {
  opacity: 0;
  max-height: 0;
  transition: all 0.7s ease;
  padding-bottom: 0;
}
.order-overview-container .resume_address_toggle_wrapper.opened .resume_address_toggle {
  max-height: 100vh;
  opacity: 1;
  padding-bottom: 1rem;
}

/*
.summary-info {
    h5 {
        display: flex;
        justify-content: space-between;
        font-size: 16px;
        margin-bottom: 5px;

        .right {
            padding-left: 5px;
        }
    }

    .including-tax {
        font-size: 12px;
        color: $gray-color;
        margin-bottom: 5px;
    }

    .cart-including-discount span {
        color: #27570e;
    }

    .cart-recap-total {
        font-weight: 700;
        margin-bottom: 0;
    }

    .summary__hooks {

        .splitit-wrapper{
            border-top: 1px solid $tab-bar-color;
            margin-top: 10px;
            padding-top: 10px;
        }

        p {
            font-size: 14px;
            border-top: 1px solid $tab-bar-color;
            margin: 10px 0 10px !important;
            padding-top: 10px;
        }
    }
}
*/
.floating-summary__container {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  padding: 20px 20px 30px;
  box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
}
@media (min-width: 1367px) {
  .floating-summary__container {
    display: none;
  }
}
.floating-summary__container .floating-summary__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 716px;
  margin: 0 auto;
}
@media (min-width: 1025px) {
  .floating-summary__container .floating-summary__wrapper {
    max-width: calc(1136px + (100vw - 1440px) / (1920 - 1440) * (1316 - 1136));
  }
}
.floating-summary__container .summary-info {
  flex-basis: 100%;
}
@media (min-width: 641px) {
  .floating-summary__container .summary-info {
    flex-basis: auto;
  }
}
.floating-summary__container .summary-info .cart-recap-total {
  font-weight: 700;
}
@media (min-width: 641px) {
  .floating-summary__container .summary-info .cart-recap-total {
    font-size: 18px;
    justify-content: flex-start;
  }
}
.floating-summary__container .button-submit {
  flex-basis: 100%;
  margin-top: 10px;
}
@media (min-width: 641px) {
  .floating-summary__container .button-submit {
    margin-top: 0;
    flex-basis: 270px;
  }
}

.address-name.in-form {
  margin: 0 10px 20px;
}
.address-name span {
  font-size: 8px;
  font-weight: bold;
  text-transform: uppercase;
}
.address-name p {
  font-size: 18px;
  margin-bottom: 0;
}

.tabs-selector {
  display: none;
}
@media (max-width: 839px) {
  .tabs-selector {
    list-style-type: none;
    display: flex;
    padding: 0 0 0.5rem 0;
    margin: 0 auto;
    background: white;
    box-sizing: border-box;
    width: 100%;
    max-width: 500px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    position: relative;
  }
  .tabs-selector.invert-order {
    flex-direction: row-reverse;
  }
}
@media (max-width: 374px) {
  .tabs-selector {
    width: 100%;
    margin: 0;
    padding: 0 1rem 0.5rem 1rem;
  }
}
@media (max-width: 839px) {
  .tabs-selector:after {
    content: " ";
    background: white;
    left: 0;
    top: 100%;
    width: 100%;
    height: 0.5rem;
    position: absolute;
  }
}
@media (max-width: 374px) {
  .tabs-selector:after {
    height: 0.5rem;
  }
}
.tabs-selector li {
  text-align: center;
  width: 50%;
  margin: auto auto 0 auto;
  padding: 25px 0 22px 0;
  line-height: 1;
  text-transform: uppercase;
  border-bottom: solid 1px #000;
  font-weight: bold;
  position: relative;
  cursor: pointer;
}
.tabs-selector li.-selected:after {
  opacity: 1;
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: #000;
}
.tabs-selector li.-selected a {
  color: #000;
}

@media (max-width: 839px) {
  .tabs-box .form-wrapper.checkout-login {
    max-width: 500px;
  }
}
@media (max-width: 1023px) {
  .tabs-box .form-wrapper.checkout-login .or-separator {
    display: none;
  }
}
@media (max-width: 839px) {
  .tabs-box .form-wrapper.checkout-login .-tab {
    display: none;
  }
  .tabs-box .form-wrapper.checkout-login .-tab.-selected {
    display: block;
  }
  .tabs-box .form-wrapper.checkout-login .-tab h3 {
    display: none;
  }
}

#shipping_rates_block .checkout-select-store, #shipping_rates_block #checkout_info_summary_delivery_date, #shipping_rates_block .ty-customer-notes, #shipping_rates_block .shipping-tips-container {
  padding-top: 10px;
}
#shipping_rates_block .target-delivery-date label {
  margin: 0;
  width: 100%;
}
@media (min-width: 376px) {
  #shipping_rates_block .target-delivery-date label {
    width: 240px;
  }
}
#shipping_rates_block .checkout-select-store label.input-container {
  display: block;
  margin: 10px 0 0;
}
@media (min-width: 1025px) {
  #shipping_rates_block .checkout-select-store label.input-container {
    width: 50%;
  }
}

.order-overview-wrapper .cart-summary-wrapper {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #e1e0e2;
}

.reverse {
  flex-direction: row-reverse;
}
@media (max-width: 839px) {
  .reverse {
    display: flex;
    flex-direction: column-reverse;
  }
}

.cscart-dispatch-auth-login_form .registration-step h1 {
  margin: 5px auto 25px;
}

@media (max-width: 374px) {
  #sa .input-container {
    /* 375 */
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
  }
}

/* zip code autocomplete */
.input-container--autocomplete-zipcode .form-autocomplete-wrapper {
  padding-top: 0;
}

.zipcode-autocomplete-popup {
  box-shadow: none;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
}

.zipcode-autocomplete-popup .cm-ajax-content-input {
  position: absolute;
  opacity: 0 !important;
  clip: rect(0, 0, 0, 0);
}

.zipcode-autocomplete-popup .ajax-popup-tools {
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  box-shadow: none;
  min-width: 100px;
  width: calc(100% + 2px);
  transform: translateX(-1px);
  max-height: 137px;
  padding-top: 0;
  overflow-y: hidden;
}

.input-container--autocomplete-zipcode input.form-input::-moz-placeholder {
  opacity: 0 !important;
}

.input-container--autocomplete-zipcode input.form-input::placeholder {
  opacity: 0 !important;
}

/* end zip code autocomplete */
#cart_items figcaption footer {
  padding-top: 0;
}
#cart_items figcaption label.cm-gift-item {
  padding-right: 30px;
}
#cart_items figcaption label.cm-gift-item .checkmark {
  right: 0;
  left: auto;
}
#cart_items .checkout-gift-info-container {
  margin-top: 10px;
  padding: 0;
  border: none;
}
#cart_items .checkout-gift-info-container .gift-experience-checkout-toggler p {
  margin: 0;
}
#cart_items .checkout-gift-info-container .checkout-gift-info {
  margin-top: 20px;
}
#cart_items .checkout-gift-info-container .form-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -10px -20px;
}
#cart_items .checkout-gift-info-container .form-container .form-group {
  flex-basis: 50%;
  margin-bottom: 20px;
  padding: 0 10px;
}
#cart_items .checkout-gift-info-container .form-container .form-group label.input-container {
  display: block;
  margin: 0;
}
#cart_items .checkout-gift-info-container .form-container .form-group label.form-radio {
  display: inline-block;
}
#cart_items .checkout-gift-info-container .form-container .form-group label.form-radio + label.form-radio {
  margin-left: 10px;
}
#cart_items .checkout-gift-info-container .form-container .form-group label.form-radio .form-icon {
  top: 0;
}

.cols-container.care-plus-section {
  padding: 0;
  border-top: none;
}
@media (min-width: 769px) {
  .cols-container.care-plus-section {
    flex-wrap: nowrap;
  }
}
.cols-container.care-plus-section .care-plus-section-register, .cols-container.care-plus-section .care-plus-section-onboarding {
  flex-basis: 100%;
  margin-bottom: 30px;
}
@media (min-width: 769px) {
  .cols-container.care-plus-section .care-plus-section-register, .cols-container.care-plus-section .care-plus-section-onboarding {
    margin-bottom: 0;
    flex-basis: 50%;
  }
}

.dark-title {
  color: #34303d;
}

/*.shipping-method-element {
    margin: 40px 0px 40px 0px;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    u{
        letter-spacing: 0.2px;
        padding-bottom:3px;
        text-decoration:none;
        border-bottom:2px solid #000;
        span{
            font-weight: bold;
        }
    }
    a{
        letter-spacing: 0px;
        color: #524f5a;
        margin-left: 8em;
        @include max-width('md') {
            margin-left: 4em;
        }
    }
}*/
#btn-toggle-cac {
  cursor: pointer;
  margin-left: 97px;
  border-spacing: 0px;
  border: 0px;
  background-color: #fffdfb;
  outline: none;
  padding-left: 0px;
  padding-right: 0px;
}
@media (max-width: 839px) {
  #btn-toggle-cac {
    margin-left: 65px;
  }
}

#btn-toggle-hd {
  cursor: pointer;
  border: 0px;
  border-bottom: 2px solid #34303d;
  font-weight: bold;
  background-color: #fffdfb;
  outline: none;
  padding-left: 0px;
  padding-right: 0px;
}

.tab-content-wrapper .radio-option-list {
  display: none;
}

.tab-content-wrapper .radio-option-list:first-child {
  display: block;
  margin-bottom: 56px;
}

.tab-content-wrapper.option2 .radio-option-list {
  display: block;
  margin-bottom: 56px;
}

.tab-content-wrapper.option2 .radio-option-list:first-child {
  display: none;
}

.shipping-method-element {
  margin: 40px 0px 40px 0px;
}
@media (max-width: 839px) {
  .shipping-method-element {
    margin: 40px 0px 36px 0px;
  }
}

#label-sh_0_24 span small, #label-sh_0_25 span small {
  margin-top: 4px;
}

#button_cart_611, #button_cart_612, #button_cart_613, #button_cart_614 {
  margin-top: 40px;
}

.product-price {
  margin: 24px 19px 0 0;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.5px;
}

.old-product-price {
  width: 67px;
  height: 16px;
  margin: 3px 0 5px 19px;
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #7b7881;
  text-decoration: line-through;
}

.new-product {
  width: 43px;
  height: 24px;
  margin: 0 5px 20px 0;
  padding: 4px 8px;
  background-color: #00d1d2 !important;
}

div.toast-container-revamp .toast {
  padding: 32px 64px 32px 32px;
  width: 375px;
  border: 0;
  color: #34303d;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  font-size: 0.7rem;
  line-height: 1rem;
  background-color: #FFFDFB;
}
@media (min-width: 960px) {
  div.toast-container-revamp .toast {
    width: auto;
    min-width: 375px;
    max-width: 576px;
  }
}
div.toast-container-revamp .toast:before {
  position: absolute;
  top: 32px;
  left: 32px;
  height: 24px;
  width: 24px;
  content: "";
  background: transparent url("/assets/icons/info.svg") no-repeat center center;
  background-size: contain;
}
div.toast-container-revamp .alert-error.toast:before {
  background-image: url("/assets/icons/error.svg");
}
div.toast-container-revamp .alert-success.toast:before {
  background-image: url("/assets/icons/success.svg");
}
div.toast-container-revamp .alert-warning.toast:before {
  background-image: url("/assets/icons/error.svg");
}

div.toast-container-revamp {
  pointer-events: none;
  z-index: 101;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  top: 0;
  margin: 98px 25px 0 0;
  right: 0;
}
@media (max-width: 959px) {
  div.toast-container-revamp {
    /* 960 */
    margin-top: 50px;
    margin-right: 0;
    width: 100%;
  }
  div.toast-container-revamp > * {
    margin-bottom: 0 !important;
    width: 100% !important;
  }
}
@media (max-width: 839px) {
  div.toast-container-revamp {
    /* 840 */
    margin-top: 45px;
  }
}
div.toast-container-revamp .toast {
  pointer-events: all;
  margin-bottom: 24px;
  text-indent: 30px;
  position: relative;
}
div.toast-container-revamp .toast .toast-inner {
  padding: 0;
}
div.toast-container-revamp .toast .toast-inner > strong {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 4px;
  display: inline-block;
  width: 100%;
}
div.toast-container-revamp .toast .close {
  right: 32px;
  top: 32px;
  font-size: 0;
  z-index: 3;
}
div.toast-container-revamp .toast .close + strong {
  display: block;
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.2rem;
  width: 100%;
  margin-bottom: 12px;
  position: relative;
}

.inline-notification {
  background: rgba(52, 48, 61, 0.1);
  padding: 0.4rem 0.75rem;
  margin: 40px 0;
  font-size: 0.8rem;
  line-height: 1.5;
}
.inline-notification:first-child {
  margin-top: 0;
}
.inline-notification:last-child {
  margin-bottom: 0;
}

.video-overlay, .video-overlay-inline {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 600;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0;
}
.video-overlay iframe, .video-overlay-inline iframe {
  pointer-events: none;
}
.video-overlay.open, .video-overlay-inline.open {
  opacity: 1;
  pointer-events: all;
}
.video-overlay.open .video-overlay-content, .video-overlay-inline.open .video-overlay-content {
  pointer-events: none;
}
.video-overlay.open .video-overlay-content .video-overlay-close-bnt,
.video-overlay.open .video-overlay-content iframe, .video-overlay-inline.open .video-overlay-content .video-overlay-close-bnt,
.video-overlay-inline.open .video-overlay-content iframe {
  pointer-events: all;
}

.video-overlay-bg {
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
}

.video-overlay-inline .video-overlay-bg {
  position: absolute;
}

.video-overlay-close-bnt {
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  cursor: pointer;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3e%3cpolygon fill='%23ffffff' points='46,1.4 44.6,0 23,21.6 1.4,0 0,1.4 21.6,23 0,44.6 1.4,46 23,24.4 44.6,46 46,44.6 24.4,23'%3e%3c/polygon%3e%3c/svg%3e");
  position: absolute;
  z-index: 5;
  border: none;
  top: -20px;
  right: 0;
  width: 2.875vw;
  height: 2.875vw;
  transform: translateY(-100%) scale(1);
  max-width: 24px;
  max-height: 24px;
}
@media (max-width: 959px) {
  .video-overlay-close-bnt {
    top: -24px;
    right: 0;
    width: 8vw;
    height: 8vw;
  }
}
.video-overlay-close-bnt:hover {
  transform: translateY(-100%) scale(1.05);
}

.video-overlay-content {
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  position: relative;
  z-index: 10;
  width: 75vw;
  height: 42.1875vw;
}
@media (max-width: 959px) {
  .video-overlay-content {
    width: 92vw;
    height: 51.75vw;
  }
}
.video-overlay-content iframe {
  border: 0;
  width: 100%;
  height: 100%;
}

/* INLINE VARIANT */
.video-inline-wrapper {
  position: relative;
}
.video-inline-wrapper.video-open .btn-play {
  opacity: 0;
}

.video-overlay-inline {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.video-overlay-inline .video-overlay-content {
  width: 100%;
  height: 100%;
}
@media (max-width: 959px) {
  .video-overlay-inline .video-overlay-content {
    width: 100%;
    height: 100%;
  }
}
.video-overlay-inline .video-overlay-close-bnt {
  top: 24px;
  right: 24px;
  max-width: 25px;
  max-height: 25px;
  transform: none;
}

.c-language-switcher {
  display: inline-flex;
  position: relative;
}
.c-language-switcher .c-language-switcher__list {
  height: auto;
  list-style: none;
  margin: 0;
  padding: 0;
}
.c-language-switcher .c-language-switcher__list__item {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.c-language-switcher .c-language-switcher__list__item .c-language-switcher__list__ico {
  width: 15px;
  height: 12px;
  position: relative;
  display: inline-block;
  margin-left: 10px;
}
.c-language-switcher .c-language-switcher__list__item .c-language-switcher__list__ico:before, .c-language-switcher .c-language-switcher__list__item .c-language-switcher__list__ico:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 8px;
  top: 20%;
  transition: background-color 0.2s, transform 0.1s;
  background-color: #34303d;
}
.c-language-switcher .c-language-switcher__list__item .c-language-switcher__list__ico:before {
  left: 0;
  transform: translate(9px, 0px) rotate(45deg);
}
.c-language-switcher .c-language-switcher__list__item .c-language-switcher__list__ico:after {
  right: 0;
  transform: translate(-9px, 0px) rotate(-45deg);
}
.c-language-switcher .c-language-switcher__popup-list {
  display: flex;
  flex-flow: column;
  margin: 0;
  position: absolute;
  bottom: calc(100% + 16px);
  right: 0;
  height: auto;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 3px;
  background-color: #fff;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.1s linear;
  z-index: 1;
}
.c-language-switcher .c-language-switcher__popup-list.is--active {
  visibility: visible;
  opacity: 1;
}
.c-language-switcher .c-language-switcher__popup-list.is--active .c-language-switcher__list__item {
  margin: 15px 37px 17px 24px;
}
.c-language-switcher .c-language-switcher__popup-list .c-language-switcher__lang-divider {
  width: 100%;
  height: 1px;
  background-color: #dfe0e2;
}
.c-language-switcher__item__link {
  display: flex;
  align-items: center;
  color: #34303d;
  font-size: 24px;
  line-height: 32px;
  margin: 6px 0;
}
@media (max-width: 767px) {
  .c-language-switcher__item__link {
    font-size: 20px;
    line-height: 26px;
    margin: 8px 0;
  }
}
.c-language-switcher__item__link .flag {
  height: 14px;
  margin-right: 16px;
}
.c-language-switcher__item__link.is--small {
  font-size: 16px;
  margin: 4px 0;
  line-height: 23px;
}
.c-language-switcher__item__link.is--invert {
  color: #34303d;
}

body > main {
  padding-top: 56px;
}

@media (min-width: 960px) {
  body > main {
    padding-top: 76px;
  }
}
#header {
  top: 0;
  left: 0;
  right: 0;
  z-index: 101;
  position: fixed;
}
.navHide #header {
  pointer-events: none;
}

.c-nav4 {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
}
.c-nav4.is--autohide-mode {
  transform: translateY(0%);
  transition: transform 0.5s ease-in-out, background 0.6s;
}
.c-nav4.is--autohide-mode.unpinned {
  transform: translateY(-100%);
}
.c-nav4.is--picto--active .c-nav4__logo .logo__i {
  opacity: 0;
  transform: translateX(35%);
}
.c-nav4.is--picto--active .c-nav4__logo .logo__q {
  opacity: 0;
  transform: translateX(14%);
}
.c-nav4.is--picto--active .c-nav4__logo .logo__o {
  opacity: 0;
  transform: translateX(14%);
}
.c-nav4.is--picto--active .c-nav4__logo .logo__s {
  opacity: 0;
  transform: translateX(-25%);
}
.c-nav4.is--picto--active .c-nav4__logo .logo__picto {
  opacity: 1;
}
.c-nav4.is--transparent-mode {
  transition: transform 0.5s ease-in-out, background 0.6s;
}
.c-nav4.is--transparent-mode .c-nav4__first__item.has--sub .c-nav4__first__item__link {
  transition: background-image 0.4s;
}
.c-nav4.is--transparent-mode #iqos-svg-logo path {
  transition: fill 0.4s;
}
.c-nav4.is--transparent-mode.is--transparent-mode--active {
  background: transparent;
}
.c-nav4.is--transparent-mode.is--transparent-mode--active .c-nav4__first__item.has--sub .c-nav4__first__item__link {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='21' viewBox='0 0 24 24' fill='none' stroke='%2334303D' stroke-width='2' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
}
.c-nav4.is--transparent-mode.is--transparent-mode--active a {
  color: white;
}
.c-nav4.is--transparent-mode.is--transparent-mode--active #iqos-svg-logo path {
  fill: white;
}
.c-nav4.is--opened.is--transparent-mode.is--transparent-mode--active {
  background: white;
}
.c-nav4__icon {
  position: relative;
  padding: 0 10px;
  display: flex;
}
.c-nav4__icon__counter {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  transform: translate(50%, -20%);
  font-size: 0.5rem;
  padding-top: 2px;
  color: #34303d;
}
.c-nav4__icon__counter span {
  position: relative;
  z-index: 3;
  display: block;
  line-height: 1;
}
.c-nav4__icon__counter:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  background-color: #00D1D2;
  border-radius: 100%;
  transform: translateX(-50%) translateY(-40%);
}
.c-nav4__icon .planer {
  font-size: 1.2rem;
  margin-top: -5px;
  line-height: 1rem;
}
.c-nav4 .c-nav4__logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  height: 24px;
  width: 78px;
  text-align: center;
}
.c-nav4 .c-nav4__logo svg g {
  transition: opacity 0.4s, transform 0.55s;
}
.c-nav4 .c-nav4__logo svg rect {
  fill: none;
}
.c-nav4 .c-nav4__logo svg path {
  fill: #34303d;
}
.c-nav4 .c-nav4__logo svg .logo__i {
  transform: translateX(-4px);
}
.c-nav4 .c-nav4__logo svg .logo__q {
  transform: translateX(-1px);
}
.c-nav4 .c-nav4__logo svg .logo__o {
  transform: translateX(0px);
}
.c-nav4 .c-nav4__logo svg .logo__s {
  transform: translateX(5px);
}
.c-nav4 .c-nav4__logo .logo__picto {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  transform: scale(1.6);
  opacity: 0;
  transition: opacity 0.75s;
}
.c-nav4 .c-nav4__logo_link {
  display: inline-flex;
  justify-content: center;
  margin: 0 auto;
}
.c-nav4 .c-nav4__logo.h--show-md .logo__picto {
  transform: scale(1.3);
}
.c-nav4__overlay {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 200%;
  height: 100vh;
  background: #272a33;
  opacity: 0;
  display: none;
}
@media (min-width: 960px) {
  .c-nav4 {
    height: 76px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-left: calc(4.45vw - 15px);
    padding-right: calc(4.45vw - 10px);
    background-color: #FFFDFB;
  }
}
@media (min-width: 960px) and (min-width: 1440px) {
  .c-nav4 {
    padding-left: calc(50vw - 670px);
    padding-right: calc(50vw - 665px);
  }
}
@media (min-width: 960px) {
  .c-nav4 .c-nav4__footer-background {
    display: none;
  }
  .c-nav4 .c-nav4__entry {
    display: none;
  }
  .c-nav4 .c-language-switcher {
    display: none;
  }
  .c-nav4__first__wrapper {
    width: 100%;
  }
  .c-nav4__first__wrapper__inner {
    transform: none !important;
    width: 100%;
    height: 100%;
  }
  .c-nav4__first__wrapper__inner ul, .c-nav4__first__wrapper__inner li {
    list-style: none;
  }
  .c-nav4__first {
    display: flex;
    width: 100%;
    height: inherit;
    margin: 0;
    font-size: 0.7rem;
  }
  .c-nav4__first__item {
    display: block;
    padding: 0;
    margin: 0;
    transition: opacity 200ms;
  }
  .c-nav4__first__item.is--separator {
    margin-left: auto;
    margin-bottom: 0;
  }
  .c-nav4__first__item.is--dt-sm-pading .c-nav4__first__item__link {
    padding: 0 11px !important;
  }
  .c-nav4__first__item.has--sub > .c-nav4__first__item__link {
    padding-right: 30px;
    background: no-repeat;
    background-position: right 6px center;
    position: relative;
  }
  .c-nav4__first__item.has--sub > .c-nav4__first__item__link:after {
    content: " ";
    display: block;
    position: absolute;
    width: 21px;
    height: 21px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='21' viewBox='0 0 24 24' fill='none' stroke='%2334303D' stroke-width='2' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    right: 5px;
    transition: transform 1s;
  }
  .c-nav4__first__item.is--active .c-nav4__first__item__link:after {
    transform: scaleY(-1);
  }
  .c-nav4__first__item.is--sibling-hovered .c-nav4__first__item__link {
    opacity: 0.5;
  }
  .c-nav4__first__item__link {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0 15px;
    border: 0;
    font-weight: 500;
    transition: opacity 0.3s;
  }
  .c-nav4__first__item__link img {
    vertical-align: middle;
  }
  .c-nav4__second__wrapper {
    position: absolute;
    width: 100vw;
    min-height: 540px;
    left: 0;
    z-index: 1;
    background-color: #FFFDFB;
    top: 72px;
    margin: 0 auto;
    transform: scaleY(0);
    transform-origin: top;
    overflow: hidden;
    padding: 48px 4.45vw;
  }
}
@media (min-width: 960px) and (min-width: 1440px) {
  .c-nav4__second__wrapper {
    padding-left: calc(50vw - 656px);
    padding-right: calc(50vw - 656px);
  }
}
@media (min-width: 960px) {
  .c-nav4__second__wrapper__title {
    display: none;
  }
  .c-nav4__second__wrapper__inner {
    display: flex;
    position: relative;
    width: 100%;
    min-height: 384px;
    justify-content: space-between;
  }
  .c-nav4__second__wrapper__inner .c-additional_content {
    z-index: 10;
  }
  .c-nav4__second {
    margin: 0;
    padding: 0;
    width: 29%;
  }
  .c-nav4__second__item {
    position: relative;
    display: block;
    margin: 0 0 14px;
    padding: 0;
    font-size: 0.7rem;
    color: #34303d;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (min-width: 960px) and (min-width: 1280px) {
  .c-nav4__second__item {
    font-size: 0.8rem;
    margin: 0 0 12px;
  }
}
@media (min-width: 960px) {
  .c-nav4__second__item.is--active {
    position: static;
  }
  .c-nav4__second__item:first-child {
    padding-top: 0;
  }
  .c-nav4__second__item.is--header {
    display: block;
    padding-bottom: 21px;
  }
  .c-nav4__second__item:not(.is--header) > .c-nav4__second__item__link:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    transform: scaleX(0);
    transition: transform 150ms ease-in-out, background-color 150ms;
    transform-origin: 100% 50%;
    background-color: #34303d;
  }
  .c-nav4__second__item:not(.is--header) > .c-nav4__second__item__link:hover:after {
    transform: scaleX(1);
    transform-origin: 0 50%;
  }
  .c-nav4__second__item.is--active .c-nav4__second__item__link:after {
    transform: scaleX(1);
    transform-origin: 0 50%;
    background-color: #00D1D2;
  }
  .c-nav4__second__item__link {
    display: inline-block;
    position: relative;
    padding: 16px 0 4px;
    z-index: 2;
    font-size: 0.95rem;
    color: #34303d;
    opacity: 0;
    transition: opacity 200ms;
    line-height: 1.29;
    font-family: "iqos", "Helvetica Neue", sans-serif;
    font-weight: bold;
  }
}
@media (min-width: 960px) and (min-width: 1110px) {
  .c-nav4__second__item__link {
    font-size: 1.1rem;
  }
}
@media (min-width: 960px) and (min-width: 1280px) {
  .c-nav4__second__item__link {
    font-size: 1.4rem;
  }
}
@media (min-width: 960px) {
  .c-nav4__second__item.is--small-first {
    margin-top: 38px;
  }
  .c-nav4__second__item.is--small a {
    font-size: 0.9rem;
  }
}
@media (min-width: 960px) and (min-width: 1280px) {
  .c-nav4__second__item.is--small a {
    font-size: 1.2rem;
  }
}
@media (min-width: 960px) {
  .c-nav4__second__item.has--sub .c-nav4__second__item__link:before {
    content: " ";
    position: absolute;
    left: calc(100% + 10px);
    height: 27px;
    top: 50%;
    height: 22px;
    transform: translateY(-22%) translateX(20%) scale(1.1) rotate(-90deg);
    width: 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='21' viewBox='0 0 24 24' fill='none' stroke='%2334303D' stroke-width='2' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  }
}
@media (min-width: 960px) and (min-width: 1280px) {
  .c-nav4__second__item.has--sub .c-nav4__second__item__link:before {
    height: 35px;
  }
}
@media (min-width: 960px) {
  .c-nav4__second__item__subtitle {
    display: block;
    opacity: 0;
  }
  .c-nav4__second__item.is--small {
    margin-bottom: 5px;
  }
  .c-nav4__second__item.is--xsmall {
    margin-bottom: 20px;
  }
  .c-nav4__second__item.is--xsmall .c-nav4__second__item__link {
    font-size: 0.8rem;
    font-weight: 600;
    padding: 8px 0 0;
    font-family: "iqos", "Helvetica Neue", sans-serif;
    font-weight: normal;
  }
}
@media (min-width: 960px) and (max-width: 639px) {
  .c-nav4__second__item.is--xsmall .c-nav4__second__item__link {
    font-size: 1rem;
  }
}
@media (min-width: 960px) {
  .c-nav4__second__item.is--xsmall .c-nav4__second__item__link:after {
    height: 2px;
  }
  .c-nav4 .is--active > .c-nav4__third__wrapper {
    visibility: visible;
    opacity: 1;
  }
  .c-nav4__third__wrapper {
    display: flex;
    justify-content: space-between;
    flex-flow: row;
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 31%;
    height: 100%;
    width: 100%;
    visibility: hidden;
    opacity: 0;
  }
}
@media (min-width: 960px) and (max-width: 1365px) {
  .c-nav4__third__wrapper {
    padding-left: 31%;
  }
}
@media (min-width: 960px) and (max-width: 1023px) {
  .c-nav4__third__wrapper {
    padding-left: 32%;
  }
}
@media (min-width: 960px) {
  .c-nav4__third__wrapper__title {
    display: none;
  }
  .c-nav4__third__wrapper .c-additional_content {
    z-index: 11;
  }
  .c-nav4__third__wrapper:hover > .c-additional_content {
    visibility: visible;
    opacity: 1;
  }
  .c-nav4__third__wrapper .is--active .c-additional_content {
    z-index: 0 !important;
  }
  .c-nav4__third {
    position: static;
    z-index: 13;
    margin: 0;
    /*
        padding-bottom: 250px;
        min-height: calc(100vh - 78px);
    */
  }
  .c-nav4__third__item {
    margin: 0;
    display: block;
    padding: 7px 0;
    color: #6e6e6e;
    transition: opacity 0.5s;
    max-width: 390px;
  }
}
@media (min-width: 960px) and (max-width: 1500px) {
  .c-nav4__third__item {
    max-width: 390px;
  }
}
@media (min-width: 960px) and (max-width: 1439px) {
  .c-nav4__third__item {
    max-width: 340px;
  }
}
@media (min-width: 960px) and (max-width: 1279px) {
  .c-nav4__third__item {
    max-width: 280px;
  }
}
@media (min-width: 960px) {
  .c-nav4__third__item + .c-nav4__third__item {
    margin-top: 10px;
  }
  .c-nav4__third__item__link {
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
    display: inline-flex;
    font-size: 0.9rem;
  }
}
@media (min-width: 960px) and (min-width: 1280px) {
  .c-nav4__third__item__link {
    font-size: 1.2rem;
  }
}
@media (min-width: 960px) {
  .c-nav4__third__item__link .is--title {
    display: block;
    font-family: "iqos", "Helvetica Neue", sans-serif;
    font-weight: bold;
    transition: opacity 0.5s;
    font-size: 1rem;
  }
}
@media (min-width: 960px) and (min-width: 1280px) {
  .c-nav4__third__item__link .is--title {
    font-size: 1.4rem;
  }
}
@media (min-width: 960px) {
  .c-nav4__third__item__link .is--title .badge {
    display: inline-block;
    transform: translateY(-7px);
    font-weight: normal;
  }
  .c-nav4__third__item__link .is--subtitle {
    transition: opacity 0.5s;
    margin-bottom: 4px;
  }
  .c-nav4__third__item__link .is--subtitle, .c-nav4__third__item__link img {
    display: none;
  }
  .is--product .c-nav4__third__item__link {
    position: relative;
    display: block;
    width: 280px;
    height: 100%;
  }
}
@media (min-width: 960px) and (max-width: 1365px) {
  .is--product .c-nav4__third__item__link {
    width: 240px;
  }
}
@media (min-width: 960px) {
  .is--product .c-nav4__third__item__link .is--new {
    display: none;
  }
  .is--product .c-nav4__third__item__link .is--title {
    display: block;
  }
  .is--product .c-nav4__third__item__link .is--subtitle {
    display: block;
    font-size: 0.7rem;
  }
}
@media (min-width: 960px) and (min-width: 1280px) {
  .is--product .c-nav4__third__item__link .is--subtitle {
    font-size: 0.8rem;
  }
}
@media (min-width: 960px) {
  .is--product .c-nav4__third__item__link img {
    position: absolute;
    display: block;
    right: -40px;
    top: 52%;
    height: 50px;
    transform: translate(0, -58%);
  }
  .c-nav4__third__item.is--small-link {
    margin-top: 30px;
  }
  .c-nav4__third__item.is--small-link .c-nav4__third__item__link {
    position: relative;
    display: block;
    width: 280px;
    height: 100%;
  }
}
@media (min-width: 960px) and (max-width: 1365px) {
  .c-nav4__third__item.is--small-link .c-nav4__third__item__link {
    width: 240px;
  }
}
@media (min-width: 960px) {
  .c-nav4__third__item.is--small-link .c-nav4__third__item__link .is--title {
    display: block;
    font-size: 0.8rem;
    font-weight: normal;
  }
  .c-nav4__third__item.is--small-link + .is--small-link {
    margin-top: 10px;
  }
  .c-nav4__third__item.is--continue a {
    font-size: 0.9rem;
    margin-top: 17px;
  }
  .c-nav4__third__item.is--sibling-hovered .c-nav4__third__item__link .is--title, .c-nav4__third__item.is--sibling-hovered .c-nav4__third__item__link .is--subtitle {
    opacity: 0.5 !important;
  }
  .c-nav4__third__item .c-additional_content {
    z-index: 12;
    visibility: hidden;
    opacity: 0;
    margin-top: -250px;
    position: absolute;
  }
  .c-nav4 .c-additional_content {
    width: 300px;
    background-color: #FFFDFB;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0.8rem;
  }
}
@media (min-width: 960px) and (min-width: 1366px) {
  .c-nav4 .c-additional_content {
    width: 414px;
  }
}
@media (min-width: 960px) and (min-width: 1440px) {
  .c-nav4 .c-additional_content {
    width: 512px;
  }
}
@media (min-width: 960px) {
  .c-nav4 .c-additional_content__image {
    width: 100%;
    height: auto;
    padding-top: 20px;
    display: block;
    margin-bottom: 13px;
  }
}
@media (min-width: 960px) and (min-width: 1280px) {
  .c-nav4 .c-additional_content__image {
    margin-bottom: 20px;
  }
}
@media (min-width: 960px) {
  .c-nav4 .c-additional_content__title {
    display: block;
    font-size: 0.95rem;
    margin-bottom: 2px;
    font-family: "iqos", "Helvetica Neue", sans-serif;
    font-weight: bold;
  }
}
@media (min-width: 960px) and (min-width: 1110px) {
  .c-nav4 .c-additional_content__title {
    font-size: 1.1rem;
  }
}
@media (min-width: 960px) and (min-width: 1280px) {
  .c-nav4 .c-additional_content__title {
    font-size: 1.4rem;
  }
}
@media (min-width: 960px) {
  .c-nav4 .c-additional_content a {
    color: #272a33;
  }
  .c-nav4 .c-nav_slider {
    display: none;
  }
  .c-nav4 .h--close-icon {
    display: none;
  }
  .c-nav4 .h--back-icon {
    display: none;
  }
  .c-nav4 .h--hide-md {
    display: flex;
  }
  .c-nav4 .h--show-md {
    display: none;
  }
}
@media (max-width: 959px) {
  .c-nav4 {
    height: 56px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 40px;
    /**/
    background-color: #FFFDFB;
  }
  .c-nav4__overlay {
    top: 0;
    left: 100%;
  }
  .c-nav4 .badge {
    font-weight: normal !important;
  }
  .c-nav4 .c-nav4__logo svg {
    max-width: 66px;
    margin: 0 auto;
  }
  .c-nav4 .c-nav4__footer-background {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #FFFDFB;
    height: 100px;
    box-shadow: 0px -7px 14px 0px white;
  }
  .c-nav4 .c-nav4__entry {
    display: block;
    font-size: 0.8rem;
    line-height: 24px;
    font-weight: 500;
    position: absolute;
    bottom: 32px;
    left: 48px;
    color: #34303d;
  }
}
@media (max-width: 959px) and (max-width: 639px) {
  .c-nav4 .c-nav4__entry {
    left: 20px;
  }
}
@media (max-width: 959px) {
  .c-nav4 .c-language-switcher {
    position: absolute;
    bottom: 38px;
    right: 20px;
    display: block;
    font-size: 0.8rem;
    line-height: 24px;
    font-weight: 500;
    color: #34303d;
  }
}
@media (max-width: 959px) and (max-width: 959px) {
  .c-nav4 {
    padding: 0 15px;
  }
}
@media (max-width: 959px) {
  .c-nav4__first__wrapper {
    width: 100%;
  }
  .c-nav4__first__wrapper__inner {
    display: none;
    position: fixed;
    width: 50vw;
    background: #FFFDFB;
    left: 0;
    top: 0;
    bottom: 0;
  }
  .c-nav4__first__wrapper__inner:before {
    content: " ";
    display: block;
    width: 100%;
    height: 56px;
    border-bottom: 1px solid #e1e0e2;
    background: #FFFDFB;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 1;
  }
}
@media (max-width: 959px) and (max-width: 639px) {
  .c-nav4__first__wrapper__inner {
    width: 100vw;
  }
  .c-nav4__first__wrapper__inner ~ .h--close-icon svg path {
    fill: black !important;
  }
}
@media (max-width: 959px) {
  .h--menu-open .c-nav4__first__wrapper__inner {
    display: block;
  }
  .c-nav4__first__wrapper__inner ul, .c-nav4__first__wrapper__inner li {
    list-style: none;
  }
  .c-nav4__first {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding-top: 78px;
    padding-bottom: 80px;
    overflow-y: auto;
  }
  .c-nav4__first.has--active > * {
    opacity: 0.5;
  }
  .c-nav4__first__item {
    display: block;
    padding: 0 24px 0 48px;
    margin: 0 0 21px;
  }
  .c-nav4__first__item.is--sm-margin-bottom {
    margin-bottom: 16px;
  }
}
@media (max-width: 959px) and (max-width: 639px) {
  .c-nav4__first__item {
    margin-bottom: 23px;
    padding: 0 21px;
  }
}
@media (max-width: 959px) {
  .c-nav4__first__item.is--separator {
    margin-bottom: 2.25rem;
  }
  .c-nav4__first__item.is--active {
    opacity: 1;
  }
  .c-nav4__first__item.has--sub > .c-nav4__first__item__link {
    display: block;
  }
  .c-nav4__first__item.has--sub > .c-nav4__first__item__link:before {
    position: absolute;
    right: 0;
    top: 50%;
    height: 27px;
    content: " ";
    transform: translateY(-50%) translateX(20%) scale(1.1) rotate(-90deg);
    width: 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='21' viewBox='0 0 24 24' fill='none' stroke='%2334303D' stroke-width='2' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  }
  .c-nav4__first__item__link {
    font-size: 1.2rem;
    border: 0;
    display: block;
    font-family: "iqos", "Helvetica Neue", sans-serif;
    font-weight: bold;
    color: #34303d;
  }
}
@media (max-width: 959px) and (max-width: 959px) {
  .c-nav4__first__item__link.is--sm-size {
    font-size: 0.8rem;
    font-family: "iqos", "Helvetica Neue", sans-serif;
    font-weight: normal;
  }
}
@media (max-width: 959px) and (max-width: 639px) {
  .c-nav4__first__item__link {
    font-size: 1.2rem;
  }
  .c-nav4__first__item__link.is--sm-size {
    font-size: 0.8rem;
  }
}
@media (max-width: 959px) {
  .c-nav4__first__item__link img {
    vertical-align: middle;
  }
  .c-nav4__first__item__subtitle {
    display: block;
    margin-top: 3px;
    font-size: 0.7rem;
    letter-spacing: 0.4px;
    padding-right: 30px;
  }
}
@media (max-width: 959px) and (max-width: 639px) {
  .c-nav4__first__item__subtitle {
    margin-top: 2px;
  }
}
@media (max-width: 959px) {
  .c-nav4__second__wrapper {
    display: none;
    position: absolute;
    width: 50vw;
    z-index: 2;
    left: 100%;
    height: 100vh;
    padding-top: 78px;
    background: #FFFDFB;
    top: 0;
    transform-origin: left;
    overflow: auto;
  }
}
@media (max-width: 959px) and (max-width: 639px) {
  .c-nav4__second__wrapper {
    left: 0;
    width: 100vw;
  }
}
@media (max-width: 959px) {
  .c-nav4__second__wrapper__title {
    display: none;
  }
}
@media (max-width: 959px) and (max-width: 639px) {
  .c-nav4__second__wrapper__title {
    display: block;
    position: sticky;
    top: 0;
    height: 50px;
    line-height: 50px;
    margin-bottom: -50px;
    transform: translateY(-78px);
    z-index: 1;
    background: #FFFDFB;
    font-size: 0.8rem;
    text-align: center;
    border-bottom: solid 1px #e1e0e2;
  }
  .c-nav4__second__wrapper__inner {
    padding-bottom: 100px;
  }
}
@media (max-width: 959px) {
  .c-nav4__second__wrapper__inner .c-additional_content {
    z-index: 10;
  }
  .c-nav4__second {
    margin: 0;
    padding-bottom: 350px;
    min-height: calc((var(--vh, 1vh) * 100) - 78px);
  }
  .c-nav4__second.has--active + .c-additional_content {
    display: none;
  }
  .c-nav4__second.has--active > * {
    display: none;
  }
  .c-nav4__second.has--active > *.is--active {
    display: block;
  }
  .c-nav4__second__item {
    display: block;
    padding: 0 24px;
    margin: 0 0 18px;
    display: flex;
    flex-direction: column;
  }
  .c-nav4__second__item__subtitle {
    display: none;
    font-size: 0.7rem;
    letter-spacing: 0.4px;
  }
  .c-nav4__second__item.has--sub > .c-nav4__second__item__link {
    display: block;
    position: relative;
  }
  .c-nav4__second__item.has--sub > .c-nav4__second__item__link:after {
    position: absolute;
    right: 0;
    top: 50%;
    height: 27px;
    content: " ";
    transform: translateY(-50%) translateX(20%) scale(1.1) rotate(-90deg);
    width: 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='21' viewBox='0 0 24 24' fill='none' stroke='%2334303D' stroke-width='2' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  }
  .c-nav4__second__item__link {
    font-size: 1.2rem;
    border: 0;
    display: block;
    font-family: "iqos", "Helvetica Neue", sans-serif;
    font-weight: bold;
  }
}
@media (max-width: 959px) and (max-width: 639px) {
  .c-nav4__second__item__link {
    font-size: 1.2rem;
  }
}
@media (max-width: 959px) {
  .c-nav4__second__item.is--small-first {
    margin-top: 32px;
  }
  .c-nav4__second__item.is--small a {
    font-size: 1rem;
  }
}
@media (max-width: 959px) and (max-width: 639px) {
  .c-nav4__second__item.is--small a {
    font-size: 0.95rem;
  }
}
@media (max-width: 959px) {
  .c-nav4__second__item.is--xsmall {
    margin: 0 0 10px;
  }
  .c-nav4__second__item.is--xsmall.is--small-first {
    margin-top: 32px;
  }
  .c-nav4__second__item.is--xsmall .c-nav4__second__item__link {
    font-size: 0.8rem;
    font-weight: 600;
    padding: 8px 0 0;
  }
}
@media (max-width: 959px) and (max-width: 639px) {
  .c-nav4__second__item.is--xsmall .c-nav4__second__item__link {
    font-size: 0.8rem;
    font-family: "iqos", "Helvetica Neue", sans-serif;
    font-weight: normal;
    padding: 0;
  }
}
@media (max-width: 959px) {
  .c-nav4__third__wrapper {
    display: none;
    background: #FFFDFB;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-top: 78px;
    z-index: 11;
    overflow: auto;
  }
}
@media (max-width: 959px) and (max-width: 639px) {
  .c-nav4__third__wrapper {
    height: calc((var(--vh, 1vh) * 100));
  }
}
@media (max-width: 959px) {
  .c-nav4__third__wrapper__title {
    display: none;
  }
}
@media (max-width: 959px) and (max-width: 639px) {
  .c-nav4__third__wrapper__title {
    display: block;
    position: sticky;
    top: 0;
    height: 50px;
    line-height: 50px;
    margin-bottom: -50px;
    transform: translateY(-78px);
    z-index: 1;
    background: #FFFDFB;
    font-size: 0.8rem;
    text-align: center;
    border-bottom: solid 1px #e1e0e2;
  }
}
@media (max-width: 959px) {
  .c-nav4__third__wrapper .c-additional_content {
    z-index: 15;
  }
  .c-nav4__third__wrapper .c-additional_content:before {
    content: "";
    display: block;
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .c-nav4__third {
    margin: 0;
    padding-bottom: 350px;
    min-height: calc((var(--vh, 1vh) * 100) - 78px);
  }
  .c-nav4__third__item {
    display: block;
    padding: 0 50px 0 24px;
    margin: 0 0 18px;
  }
  .c-nav4__third__item__link {
    font-size: 1.55rem;
    border: 0;
    display: flex;
  }
}
@media (max-width: 959px) and (max-width: 639px) {
  .c-nav4__third__item__link {
    font-size: 1.3rem;
  }
}
@media (max-width: 959px) and (max-width: 475px) {
  .c-nav4__third__item__link {
    font-size: 1rem;
  }
}
@media (max-width: 959px) {
  .c-nav4__third__item__link .is--new {
    display: none;
  }
  .c-nav4__third__item__link .is--title {
    font-size: 0.8rem;
  }
  .is--product .c-nav4__third__item__link {
    position: relative;
    display: block;
    height: 100%;
  }
}
@media (max-width: 959px) and (max-width: 639px) {
  .is--product .c-nav4__third__item__link {
    display: none;
  }
}
@media (max-width: 959px) {
  .is--product .c-nav4__third__item__link .is--title {
    display: block;
    font-size: 1.25rem;
  }
  .is--product .c-nav4__third__item__link .is--subtitle {
    display: block;
    font-size: 0.7rem;
    margin: 6px 0 10px;
  }
  .is--product .c-nav4__third__item__link img {
    position: absolute;
    display: block;
    right: 0;
    top: 52%;
    height: 110%;
    transform: translate(25%, -50%);
  }
  .c-nav4__third__item.is--small-link .c-nav4__third__item__link {
    position: relative;
    display: block;
    width: 280px;
    height: 100%;
  }
  .c-nav4__third__item.is--small-link .c-nav4__third__item__link .is--title {
    display: block;
  }
  .c-nav4__third__item .c-additional_content {
    display: none !important;
  }
  .c-nav4 .c-additional_content {
    display: block;
    bottom: 0;
    padding: 0 20px 32px;
    margin-top: -328px;
  }
  .c-nav4 .c-additional_content__image {
    width: 100%;
    max-width: 350px;
    margin-bottom: 16px;
    display: block;
  }
  .c-nav4 .c-additional_content__title {
    font-size: 1.2rem;
    display: block;
    margin-bottom: 8px;
    line-height: 1.33;
    font-family: "iqos", "Helvetica Neue", sans-serif;
    font-weight: bold;
  }
  .c-nav4 .c-nav_slider {
    display: none;
  }
}
@media (max-width: 959px) and (max-width: 639px) {
  .c-nav4 .c-nav_slider {
    display: block;
    width: 100%;
    margin: 0 0 32px;
    background-color: #FFFDFB;
    height: 240px;
  }
  .c-nav4 .c-nav_slider.has--new {
    height: 280px;
  }
  .c-nav4 .c-nav_slider:after {
    content: " ";
    width: 100px;
    background: #e1e0e2;
    height: 1px;
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    margin: 0 auto;
    width: calc(100% - 40px);
  }
  .c-nav4 .c-nav_slider__item {
    display: block;
    width: 142px;
    height: inherit;
  }
  .c-nav4 .c-nav_slider__item .is--new {
    font-size: 0.6rem;
    font-weight: 500;
    position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translateY(0%) translateX(-50%);
  }
  .c-nav4 .c-nav_slider__item__img {
    margin: auto;
    display: block;
    max-width: 128px;
    max-height: 128px;
  }
  .c-nav4 .c-nav_slider__item__title {
    text-align: center;
    font-size: 0.8rem;
    line-height: 1.5;
    color: #34303d;
    margin-top: 10px;
    margin-bottom: 3px;
    text-transform: uppercase;
  }
  .c-nav4 .c-nav_slider__item__title .badge {
    display: none;
  }
  .c-nav4 .c-nav_slider__item__subtitle {
    font-size: 0.65rem;
    line-height: 20px;
    max-width: 110px;
    margin: 0 auto;
    text-align: center;
  }
  .c-nav4 .c-nav_slider__item__subtitle .badge {
    display: none;
  }
}
@media (max-width: 959px) {
  .c-nav4 .h--burger-icon {
    margin-right: auto;
  }
  .c-nav4 .h--burger-icon img {
    width: 30px;
    margin-top: 6px;
  }
  .c-nav4 .h--menu-open .h--burger-icon {
    display: block;
  }
  .c-nav4 .h--menu-open .h--close-icon svg path {
    fill: black;
  }
  .c-nav4 .h--back-icon {
    display: none;
    visibility: hidden;
    position: absolute;
    pointer-events: none;
    left: 52%;
  }
}
@media (max-width: 959px) and (max-width: 639px) {
  .c-nav4 .h--back-icon {
    left: 24px;
    padding: 0;
  }
}
@media (max-width: 959px) {
  .c-nav4 .h--back-icon svg {
    width: 24px;
    height: 24px;
  }
  .c-nav4 .h--back-icon.is--secondary {
    display: block;
    visibility: visible;
    pointer-events: auto;
    z-index: 100;
  }
  .c-nav4 .h--close-icon {
    z-index: 2;
    display: none;
    position: absolute;
    padding: 0;
    right: 20px;
    height: 20px;
  }
  .c-nav4 .h--close-icon svg path {
    transition: fill 0.3s;
    fill: #FFFDFB;
  }
  .c-nav4 .h--close-icon.is--secondary svg path {
    fill: black;
  }
  .c-nav4 .h--close-icon:after {
    content: " ";
    display: block;
    opacity: 0.3;
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    transform: translateX(-10px) translateY(-10px);
  }
  .c-nav4.h--menu-open .h--close-icon {
    display: block;
  }
  .c-nav4.h--menu-open .c-nav4__icon:not(.h--close-icon):not(.h--back-icon) {
    opacity: 0;
    pointer-events: none;
  }
  .c-nav4 .h--hide-md {
    display: none;
  }
  .c-nav4 .h--show-md {
    display: block;
  }
}

.c-footer {
  background-color: #34303d;
  padding: 0 !important;
}
.c-footer .h--divider {
  height: 1px;
  background-color: #99979e;
  width: 100%;
  display: block;
  opacity: 20%;
}
@media (min-width: 960px) {
  .c-footer .h--divider {
    background-color: transparent;
  }
}
.c-footer__inner {
  display: flex;
  justify-content: space-between;
  max-width: calc(1136px + (100vw - 1440px) / (1920 - 1440) * (1316 - 1136));
  padding: 35px 0 0;
  flex-wrap: wrap;
  flex-flow: column;
  margin: 0 8.5vw;
}
@media (min-width: 960px) {
  .c-footer__inner {
    padding: 70px 0 30px;
  }
}
@media (max-width: 1279px) {
  .c-footer__inner {
    justify-content: flex-start;
  }
}
@media (min-width: 640px) {
  .c-footer__inner {
    flex-flow: row;
    margin: 0 48px;
  }
}
@media (min-width: 1280px) {
  .c-footer__inner {
    margin: 0 auto;
  }
}
.c-footer__inner .c-footer__aside {
  display: flex;
  flex-flow: column;
  flex-wrap: wrap;
  width: auto;
}
@media (max-width: 374px) {
  .c-footer__inner .c-footer__aside {
    margin-bottom: 19px;
  }
  .c-footer__inner .c-footer__aside .c-footer__list {
    margin-bottom: 0;
  }
}
@media (min-width: 375px) {
  .c-footer__inner .c-footer__aside {
    flex-flow: row;
  }
}
@media (min-width: 768px) {
  .c-footer__inner .c-footer__aside {
    flex-flow: column;
  }
}
@media (min-width: 1280px) {
  .c-footer__inner .c-footer__aside {
    margin-right: 30px;
  }
}
.c-footer__inner .c-footer__main {
  display: flex;
  width: auto;
}
@media (max-width: 767px) {
  .c-footer__inner .c-footer__main {
    flex-wrap: wrap;
  }
}
.c-footer__inner .c-footer__main .c-footer__header {
  color: rgba(255, 253, 251, 0.65);
}
.c-footer__inner .c-footer__nav {
  margin-bottom: 24px;
}
@media (min-width: 375px) {
  .c-footer__inner .c-footer__nav {
    padding-right: 81px;
  }
}
.c-footer__inner .c-footer__nav.is--social {
  margin: 0 100px 16px 0;
  padding: 0;
}
@media (min-width: 768px) {
  .c-footer__inner .c-footer__nav.is--social {
    margin: 0 0 28px 0;
  }
}
@media (max-width: 639px) {
  .c-footer__inner .c-footer__nav.is--social {
    margin: 0 175px 16px 0;
  }
}
@media (max-width: 551px) {
  .c-footer__inner .c-footer__nav.is--social {
    margin: 0 80px 16px 0;
  }
}
.c-footer__inner .c-footer__nav.is--lang {
  margin: 0 100px 16px 0;
  padding: 0;
}
@media (min-width: 768px) {
  .c-footer__inner .c-footer__nav.is--lang {
    margin: 0 0 28px 0;
  }
}
@media (max-width: 639px) {
  .c-footer__inner .c-footer__nav.is--lang {
    margin: 0 175px 16px 0;
  }
}
@media (max-width: 551px) {
  .c-footer__inner .c-footer__nav.is--lang {
    margin: 0 80px 16px 0;
  }
}
.c-footer__inner .c-footer__nav.is--lang .c-footer__header {
  margin-bottom: 4px;
}
@media (max-width: 767px) {
  .c-footer__inner .c-footer__nav.is--lang .c-footer__header {
    margin-bottom: 16px;
  }
}
@media (min-width: 375px) {
  .c-footer__inner .c-footer__nav.is--extended {
    padding-right: 81px;
  }
}
@media (min-width: 960px) {
  .c-footer__inner .c-footer__nav.is--extended {
    padding-right: 172px;
  }
}
.c-footer__inner .c-footer__header {
  font-size: 0.7rem;
  line-height: 1.15rem;
  margin-bottom: 24px;
  color: rgba(255, 253, 251, 0.65);
  font-weight: normal;
}
@media (max-width: 767px) {
  .c-footer__inner .c-footer__header {
    font-size: 0.7rem;
    line-height: 1rem;
    letter-spacing: 0.5px;
    margin-bottom: 16px;
    font-weight: normal;
  }
}
.c-footer__inner .c-footer__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 767px) {
  .c-footer__inner .c-footer__list {
    margin: 0 0 30px 0;
  }
}
.c-footer__inner .c-footer__item {
  display: flex;
  color: #FFFDFB;
  margin: 0;
}
.c-footer__inner .c-footer__item__link {
  display: flex;
  align-items: center;
  color: #FFFDFB;
  font-size: 1rem;
  line-height: 1.6rem;
  margin: 6px 0;
}
@media (max-width: 767px) {
  .c-footer__inner .c-footer__item__link {
    font-family: "iqos", "Helvetica Neue", sans-serif;
    font-weight: bold;
    font-size: 0.8rem;
    line-height: 1.2rem;
    margin: 8px 0;
    letter-spacing: 0.2px;
  }
}
.c-footer__inner .c-footer__item__link .flag {
  height: 14px;
  margin-right: 16px;
}
.c-footer__inner .c-footer__item__link.is--small {
  font-size: 0.8rem;
  margin: 4px 0;
  line-height: 1.15rem;
}
.c-footer__inner .c-footer__item__link.is--invert {
  color: orange;
}
.c-footer__inner .c-language-switcher {
  list-style: none;
}
.c-footer__inner .c-language-switcher__item__link {
  color: white;
}
.c-footer__inner .c-language-switcher .c-language-switcher__popup-list {
  top: calc(100% + 16px);
  left: auto;
  bottom: auto;
  right: 0;
}
.c-footer__inner .c-language-switcher .c-language-switcher__popup-list .c-language-switcher__item__link {
  color: #34303d;
}
.c-footer__inner .c-language-switcher .c-language-switcher__popup-list a {
  color: #34303d;
}
.c-footer .c-partners {
  display: flex;
  justify-content: space-between;
  padding: 32px 0;
  flex-wrap: wrap;
  margin: 0 20px;
  max-width: unset;
  flex-flow: column;
}
@media (min-width: 640px) {
  .c-footer .c-partners {
    flex-flow: row;
    margin: 0 48px;
  }
}
@media (min-width: 1280px) {
  .c-footer .c-partners {
    padding: 0 0;
    max-width: calc(1136px + (100vw - 1440px) / (1920 - 1440) * (1316 - 1136));
    margin: 10px auto 40px auto;
  }
}
.c-footer .c-partners .c-partners__shipping {
  width: 100%;
  margin-top: 32px;
  align-items: center;
}
@media (max-width: 639px) {
  .c-footer .c-partners .c-partners__shipping {
    flex-wrap: wrap;
    justify-content: center;
    margin: 24px 0;
  }
}
.c-footer .c-partners__box {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 380px;
}
@media (max-width: 767px) {
  .c-footer .c-partners__box:last-of-type {
    align-items: flex-start;
  }
}
@media (max-width: 639px) {
  .c-footer .c-partners__box {
    justify-content: center;
    max-width: unset;
  }
}
.c-footer .c-partners__box .c-partners__img {
  display: flex;
  align-items: center;
  margin: 0 12px 0;
}
@media (min-width: 768px) {
  .c-footer .c-partners__box .c-partners__img.h--first {
    margin-left: 24px;
  }
  .c-footer .c-partners__box .c-partners__img.h--last {
    margin-right: 0;
  }
}
.c-footer .c-partners__box .c-partners__header {
  font-size: 0.6rem;
  color: #949494;
}
@media (max-width: 639px) {
  .c-footer .c-partners__box .c-partners__header {
    width: 100%;
    text-align: center;
    margin: 15px 0;
    justify-content: center;
  }
}
@media (min-width: 769px) {
  .c-footer .c-partners .h--hide-ss {
    display: flex !important;
  }
  .c-footer .c-partners .h--show-ss {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .c-footer .c-partners .h--hide-ss {
    display: none !important;
  }
  .c-footer .c-partners .h--show-ss {
    display: flex !important;
  }
}
.c-footer .c-trademark {
  display: flex;
  justify-content: space-between;
  padding: 32px 0;
}
.c-footer .c-trademark__box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.c-footer .c-trademark__link {
  display: flex;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.6rem;
  line-height: 1rem;
  margin: 0 12px;
}
.c-footer .c-trademark__link:last-of-type {
  margin: 0 0 0 12px;
}
@media (max-width: 639px) {
  .c-footer .c-trademark__link {
    margin: 0 12px 8px;
  }
}
.c-footer .c-trademark__text {
  display: flex;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.6rem;
  line-height: 1rem;
  text-align: center;
}
@media (max-width: 959px) {
  .c-footer .c-trademark__text {
    margin-bottom: 16px;
  }
}
@media (min-width: 1281px) {
  .c-footer .c-trademark {
    max-width: calc(1136px + (100vw - 1440px) / (1920 - 1440) * (1316 - 1136));
    margin: 0 auto;
  }
}
@media (max-width: 1279px) {
  .c-footer .c-trademark {
    margin: 0 48px;
  }
}
@media (max-width: 639px) {
  .c-footer .c-trademark {
    margin: 0 30px;
  }
}
@media (max-width: 959px) {
  .c-footer .c-trademark {
    flex-wrap: wrap;
    flex-flow: column;
    align-items: center;
  }
}
@media (min-width: 961px) {
  .c-footer .h--hide-md {
    display: flex !important;
  }
  .c-footer .h--show-md {
    display: none !important;
  }
}
@media (max-width: 959px) {
  .c-footer .h--hide-md {
    display: none !important;
  }
  .c-footer .h--show-md {
    display: flex !important;
  }
}

.ov-hidden {
  overflow: hidden;
  max-height: 100vh;
  max-width: 100vw;
}

#age-gate-overlay {
  /* Start - Needed for JS animations: js/addons/age_gate_overlay/script_kura.js */
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: normal;
  opacity: 0;
  pointer-events: none;
  transition: all 1s ease;
  /* End */
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  z-index: 700;
  overflow-y: auto;
  background-image: none;
  background-color: white;
  color: #404040;
  padding-top: 0;
  /* Age Gate Languages switcher */
}
#age-gate-overlay.active {
  pointer-events: all;
  opacity: 1;
}
#age-gate-overlay.active .age-gate-step.active {
  opacity: 1;
  pointer-events: all;
}
#age-gate-overlay .text-light {
  color: #ffffff !important;
}
#age-gate-overlay a.text-light:focus, #age-gate-overlay a.text-light:hover {
  color: #f2f2f2;
}
#age-gate-overlay a.text-light:visited {
  color: white;
}
#age-gate-overlay input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#age-gate-overlay input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#age-gate-overlay input[type=number] {
  -moz-appearance: textfield;
  /* Firefox */
}
#age-gate-overlay .cta-button, #age-gate-overlay .modal-light .btn.btn-outline-light, #age-gate-overlay .modal-light .inputfile + label.btn-outline-light, .modal-light #age-gate-overlay .btn.btn-outline-light, .modal-light #age-gate-overlay .inputfile + label.btn-outline-light, #age-gate-overlay .modal-light .btn-outline-light.ui_558574, .modal-light #age-gate-overlay .btn-outline-light.ui_558574, #age-gate-overlay .modal-light .btn-outline-light.ui_517427, .modal-light #age-gate-overlay .btn-outline-light.ui_517427, #age-gate-overlay .modal-light .btn-outline-light.ui_464917, .modal-light #age-gate-overlay .btn-outline-light.ui_464917 {
  color: inherit !important;
}
#age-gate-overlay .cta-button.-primary, #age-gate-overlay .modal-light .btn.btn-outline-light, #age-gate-overlay .modal-light .inputfile + label.btn-outline-light, .modal-light #age-gate-overlay .btn.btn-outline-light, .modal-light #age-gate-overlay .inputfile + label.btn-outline-light, #age-gate-overlay .modal-light .btn-outline-light.ui_558574, .modal-light #age-gate-overlay .btn-outline-light.ui_558574, #age-gate-overlay .modal-light .btn-outline-light.ui_517427, .modal-light #age-gate-overlay .btn-outline-light.ui_517427, #age-gate-overlay .modal-light .btn-outline-light.ui_464917, .modal-light #age-gate-overlay .btn-outline-light.ui_464917 {
  cursor: pointer;
  color: white !important;
}
#age-gate-overlay.age-gate-overlay-transparent {
  background-color: rgba(255, 255, 255, 0.96);
}
#age-gate-overlay .age-gate-btn-wrapper {
  max-width: 327px;
  margin: auto;
}
@media (min-width: 1024px) {
  #age-gate-overlay .age-gate-btn-wrapper {
    max-width: 416px;
  }
}
#age-gate-overlay .age-gate-btn-fields {
  display: flex;
  direction: ltr;
}
#age-gate-overlay .buttons {
  display: flex;
  justify-content: center;
  padding-top: 32px;
  margin-bottom: 40px;
}
#age-gate-overlay .button_wrapper {
  padding: 0.5rem 0 0 0;
  margin-bottom: 2rem;
  display: flex;
}
#age-gate-overlay .button_wrapper .cta-button, #age-gate-overlay .button_wrapper .modal-light .btn.btn-outline-light, #age-gate-overlay .button_wrapper .modal-light .inputfile + label.btn-outline-light, .modal-light #age-gate-overlay .button_wrapper .btn.btn-outline-light, .modal-light #age-gate-overlay .button_wrapper .inputfile + label.btn-outline-light, #age-gate-overlay .button_wrapper .modal-light .btn-outline-light.ui_558574, .modal-light #age-gate-overlay .button_wrapper .btn-outline-light.ui_558574, #age-gate-overlay .button_wrapper .modal-light .btn-outline-light.ui_517427, .modal-light #age-gate-overlay .button_wrapper .btn-outline-light.ui_517427, #age-gate-overlay .button_wrapper .modal-light .btn-outline-light.ui_464917, .modal-light #age-gate-overlay .button_wrapper .btn-outline-light.ui_464917 {
  flex: 1 1 0px;
}
#age-gate-overlay .button_wrapper .cta-button + .cta-button, #age-gate-overlay .button_wrapper .modal-light .btn.btn-outline-light + .cta-button, #age-gate-overlay .button_wrapper .modal-light .inputfile + label.btn-outline-light + .cta-button, .modal-light #age-gate-overlay .button_wrapper .btn.btn-outline-light + .cta-button, .modal-light #age-gate-overlay .button_wrapper .inputfile + label.btn-outline-light + .cta-button, #age-gate-overlay .button_wrapper .modal-light .btn-outline-light.ui_558574 + .cta-button, .modal-light #age-gate-overlay .button_wrapper .btn-outline-light.ui_558574 + .cta-button, #age-gate-overlay .button_wrapper .modal-light .btn-outline-light.ui_517427 + .cta-button, .modal-light #age-gate-overlay .button_wrapper .btn-outline-light.ui_517427 + .cta-button, #age-gate-overlay .button_wrapper .modal-light .btn-outline-light.ui_464917 + .cta-button, .modal-light #age-gate-overlay .button_wrapper .btn-outline-light.ui_464917 + .cta-button, #age-gate-overlay .button_wrapper .modal-light .cta-button + .btn.btn-outline-light, #age-gate-overlay .button_wrapper .modal-light .inputfile.cta-button + label.btn-outline-light, .modal-light #age-gate-overlay .button_wrapper .cta-button + .btn.btn-outline-light, .modal-light #age-gate-overlay .button_wrapper .inputfile.cta-button + label.btn-outline-light, #age-gate-overlay .button_wrapper .modal-light .btn.btn-outline-light + .btn.btn-outline-light, #age-gate-overlay .button_wrapper .modal-light .inputfile + label.btn-outline-light + .btn.btn-outline-light, #age-gate-overlay .button_wrapper .modal-light .inputfile.btn.btn-outline-light + label.btn-outline-light, #age-gate-overlay .button_wrapper .modal-light .inputfile + label.inputfile.btn-outline-light + label.btn-outline-light, .modal-light #age-gate-overlay .button_wrapper .btn.btn-outline-light + .btn.btn-outline-light, .modal-light #age-gate-overlay .button_wrapper .inputfile + label.btn-outline-light + .btn.btn-outline-light, .modal-light #age-gate-overlay .button_wrapper .inputfile.btn.btn-outline-light + label.btn-outline-light, .modal-light #age-gate-overlay .button_wrapper .inputfile + label.inputfile.btn-outline-light + label.btn-outline-light, #age-gate-overlay .button_wrapper .modal-light .btn-outline-light.ui_558574 + .btn.btn-outline-light, #age-gate-overlay .button_wrapper .modal-light .inputfile.btn-outline-light.ui_558574 + label.btn-outline-light, .modal-light #age-gate-overlay .button_wrapper .btn-outline-light.ui_558574 + .btn.btn-outline-light, .modal-light #age-gate-overlay .button_wrapper .inputfile.btn-outline-light.ui_558574 + label.btn-outline-light, #age-gate-overlay .button_wrapper .modal-light .btn-outline-light.ui_517427 + .btn.btn-outline-light, #age-gate-overlay .button_wrapper .modal-light .inputfile.btn-outline-light.ui_517427 + label.btn-outline-light, .modal-light #age-gate-overlay .button_wrapper .btn-outline-light.ui_517427 + .btn.btn-outline-light, .modal-light #age-gate-overlay .button_wrapper .inputfile.btn-outline-light.ui_517427 + label.btn-outline-light, #age-gate-overlay .button_wrapper .modal-light .btn-outline-light.ui_464917 + .btn.btn-outline-light, #age-gate-overlay .button_wrapper .modal-light .inputfile.btn-outline-light.ui_464917 + label.btn-outline-light, .modal-light #age-gate-overlay .button_wrapper .btn-outline-light.ui_464917 + .btn.btn-outline-light, .modal-light #age-gate-overlay .button_wrapper .inputfile.btn-outline-light.ui_464917 + label.btn-outline-light, #age-gate-overlay .button_wrapper .modal-light .cta-button + .btn-outline-light.ui_558574, .modal-light #age-gate-overlay .button_wrapper .cta-button + .btn-outline-light.ui_558574, #age-gate-overlay .button_wrapper .modal-light .btn.btn-outline-light + .btn-outline-light.ui_558574, #age-gate-overlay .button_wrapper .modal-light .inputfile + label.btn-outline-light + .btn-outline-light.ui_558574, .modal-light #age-gate-overlay .button_wrapper .btn.btn-outline-light + .btn-outline-light.ui_558574, .modal-light #age-gate-overlay .button_wrapper .inputfile + label.btn-outline-light + .btn-outline-light.ui_558574, #age-gate-overlay .button_wrapper .modal-light .btn-outline-light.ui_558574 + .btn-outline-light.ui_558574, .modal-light #age-gate-overlay .button_wrapper .btn-outline-light.ui_558574 + .btn-outline-light.ui_558574, #age-gate-overlay .button_wrapper .modal-light .btn-outline-light.ui_517427 + .btn-outline-light.ui_558574, .modal-light #age-gate-overlay .button_wrapper .btn-outline-light.ui_517427 + .btn-outline-light.ui_558574, #age-gate-overlay .button_wrapper .modal-light .btn-outline-light.ui_464917 + .btn-outline-light.ui_558574, .modal-light #age-gate-overlay .button_wrapper .btn-outline-light.ui_464917 + .btn-outline-light.ui_558574, #age-gate-overlay .button_wrapper .modal-light .cta-button + .btn-outline-light.ui_517427, .modal-light #age-gate-overlay .button_wrapper .cta-button + .btn-outline-light.ui_517427, #age-gate-overlay .button_wrapper .modal-light .btn.btn-outline-light + .btn-outline-light.ui_517427, #age-gate-overlay .button_wrapper .modal-light .inputfile + label.btn-outline-light + .btn-outline-light.ui_517427, .modal-light #age-gate-overlay .button_wrapper .btn.btn-outline-light + .btn-outline-light.ui_517427, .modal-light #age-gate-overlay .button_wrapper .inputfile + label.btn-outline-light + .btn-outline-light.ui_517427, #age-gate-overlay .button_wrapper .modal-light .btn-outline-light.ui_558574 + .btn-outline-light.ui_517427, .modal-light #age-gate-overlay .button_wrapper .btn-outline-light.ui_558574 + .btn-outline-light.ui_517427, #age-gate-overlay .button_wrapper .modal-light .btn-outline-light.ui_517427 + .btn-outline-light.ui_517427, .modal-light #age-gate-overlay .button_wrapper .btn-outline-light.ui_517427 + .btn-outline-light.ui_517427, #age-gate-overlay .button_wrapper .modal-light .btn-outline-light.ui_464917 + .btn-outline-light.ui_517427, .modal-light #age-gate-overlay .button_wrapper .btn-outline-light.ui_464917 + .btn-outline-light.ui_517427, #age-gate-overlay .button_wrapper .modal-light .cta-button + .btn-outline-light.ui_464917, .modal-light #age-gate-overlay .button_wrapper .cta-button + .btn-outline-light.ui_464917, #age-gate-overlay .button_wrapper .modal-light .btn.btn-outline-light + .btn-outline-light.ui_464917, #age-gate-overlay .button_wrapper .modal-light .inputfile + label.btn-outline-light + .btn-outline-light.ui_464917, .modal-light #age-gate-overlay .button_wrapper .btn.btn-outline-light + .btn-outline-light.ui_464917, .modal-light #age-gate-overlay .button_wrapper .inputfile + label.btn-outline-light + .btn-outline-light.ui_464917, #age-gate-overlay .button_wrapper .modal-light .btn-outline-light.ui_558574 + .btn-outline-light.ui_464917, .modal-light #age-gate-overlay .button_wrapper .btn-outline-light.ui_558574 + .btn-outline-light.ui_464917, #age-gate-overlay .button_wrapper .modal-light .btn-outline-light.ui_517427 + .btn-outline-light.ui_464917, .modal-light #age-gate-overlay .button_wrapper .btn-outline-light.ui_517427 + .btn-outline-light.ui_464917, #age-gate-overlay .button_wrapper .modal-light .btn-outline-light.ui_464917 + .btn-outline-light.ui_464917, .modal-light #age-gate-overlay .button_wrapper .btn-outline-light.ui_464917 + .btn-outline-light.ui_464917 {
  margin-left: 0.5rem;
}
#age-gate-overlay .age-gate-steps-wrapper {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 768px) {
  #age-gate-overlay .age-gate-steps-wrapper {
    margin-bottom: 60px;
  }
}
@media (max-width: 839px) {
  #age-gate-overlay .age-gate-steps-wrapper {
    justify-content: initial;
  }
}
#age-gate-overlay .age-gate-steps {
  max-width: 1440px;
  margin: 0 auto;
}
#age-gate-overlay .age-gate-steps .age-gate-step {
  padding: 0;
  position: relative;
  display: none;
}
#age-gate-overlay .age-gate-steps .age-gate-step.active {
  display: block;
}
#age-gate-overlay .age-gate-steps .age-gate-step .checkbox-container {
  display: inline-block;
  vertical-align: middle;
}
#age-gate-overlay .age-gate-steps .checkbox-desc {
  font-size: 0.7rem;
}
#age-gate-overlay .age-gate-steps .age-confirmation-checkbox {
  margin-bottom: 20px;
}
#age-gate-overlay .age-gate-steps .age-confirmation-checkbox .checkbox-container {
  max-width: 800px;
}
@media (max-width: 839px) {
  #age-gate-overlay .age-gate-steps .age-confirmation-checkbox .checkbox-container {
    margin: 0 20px;
  }
}
#age-gate-overlay .age-gate-steps .age-confirmation-checkbox .checkbox-container-error {
  display: none;
}
#age-gate-overlay .age-gate-steps .age-confirmation-checkbox .is-error + .checkbox-container-error {
  display: block;
  font-size: 0.65rem;
  margin: 0.25rem 1rem;
  color: #c60000;
}
#age-gate-overlay .age-gate-logo {
  display: flex;
}
#age-gate-overlay .age-gate-logo svg {
  height: 2.05rem;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  #age-gate-overlay .age-gate-logo svg {
    height: 3rem;
  }
}
#age-gate-overlay .age-gate-logo svg .path-light {
  fill: #404040;
}
#age-gate-overlay .intro {
  margin: 0;
  font-size: 0.7rem;
  line-height: 23px;
  text-align: center;
  padding: 25px 21px 28px 21px;
}
@media screen and (min-width: 1024px) {
  #age-gate-overlay .intro {
    font-size: 0.8rem;
    line-height: 1.2rem;
    padding: 34px 21px 20px 21px;
  }
}
#age-gate-overlay .intro span {
  display: inline-block;
  letter-spacing: 0.4px;
  max-width: 416px;
  line-height: 1rem;
}
#age-gate-overlay .age-gate-step-text {
  margin: 0;
  font-size: 16px;
  line-height: 23px;
  text-align: center;
  padding: 20px 21px 13px 21px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  max-width: 100%;
  width: 100%;
}
@media (min-width: 768px) {
  #age-gate-overlay .age-gate-step-text {
    padding: 16px 21px 20px 21px;
  }
}
@media screen and (min-width: 1024px) {
  #age-gate-overlay .age-gate-step-text {
    font-size: 18px;
    line-height: 1.44;
    padding: 20px 21px 30px 21px;
  }
}
#age-gate-overlay .age-gate-step-text span {
  display: inline-block;
  max-width: 500px;
}
@media (min-width: 768px) {
  #age-gate-overlay .age-gate-step-text span {
    max-width: 542px;
  }
}
@media screen and (min-width: 1024px) {
  #age-gate-overlay .age-gate-step-text span {
    max-width: 713px;
  }
}
@media screen and (min-width: 1440px) {
  #age-gate-overlay .age-gate-step-text span {
    max-width: 750px;
  }
}
#age-gate-overlay .notice {
  max-width: 1440px;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  padding: 0 19px 50px;
}
#age-gate-overlay .notice span, #age-gate-overlay .notice h2 {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.2px;
}
#age-gate-overlay .notice h2 {
  margin-bottom: 2px;
}
#age-gate-overlay .notice span {
  display: inline-block;
  max-width: 500px;
}
@media (min-width: 1025px) {
  #age-gate-overlay .notice span {
    max-width: 674px;
  }
}
#age-gate-overlay #languages {
  display: block;
  text-align: right;
}
#age-gate-overlay #languages .top-wrapper #language-wrapper {
  display: inline-block;
  position: relative;
  margin-right: 10px;
}
#age-gate-overlay #languages .top-wrapper #language-wrapper ul {
  position: relative;
  z-index: 2;
  margin: 0;
  display: flex;
  flex-direction: column;
  width: inherit;
}
#age-gate-overlay #languages .top-wrapper #language-wrapper ul li {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  list-style: none;
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .popup-lang-list {
  display: flex;
  position: absolute;
  top: -16px;
  left: -20px;
  padding: 16px 15px 16px 20px;
  height: auto;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 5px;
  background-color: #fff;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.1s linear;
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .popup-lang-list.open {
  visibility: visible;
  opacity: 1;
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .popup-lang-list.open .option .ico:before {
  transform: translate(4px, 0px) rotate(45deg);
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .popup-lang-list.open .option .ico:after {
  transform: translate(-4px, 0px) rotate(-45deg);
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .popup-lang-list .lang-divider {
  width: 100%;
  height: 1px;
  background-color: #dfe0e2;
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .popup-lang-list .option {
  margin: 0;
  order: 0;
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .popup-lang-list .option.current-lang {
  order: 0;
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  cursor: pointer;
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .popup-lang-list .option.current-lang .lang-name {
  margin-right: 9px;
  letter-spacing: normal;
  padding: 0;
  font-size: 14px;
  background-color: transparent;
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .popup-lang-list .option:last-of-type a {
  margin-bottom: 0;
  padding-bottom: 0;
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .popup-lang-list .option a {
  border-width: 0 1px;
  border-color: rgba(255, 255, 255, 0.5);
  border-style: solid;
  font-weight: normal;
  transition-duration: 200ms;
  text-align: left;
  letter-spacing: normal;
  font-size: 14px;
  background-color: transparent;
  color: #404040;
  display: flex;
  align-items: center;
  padding: 5px 0 5px 0;
  margin: 5px 0 5px 0;
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .popup-lang-list .option a:not(.current-lang):hover {
  color: #34303d;
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .popup-lang-list .option .ico {
  width: 16px;
  height: 12px;
  position: relative;
  display: inline-block;
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .popup-lang-list .option .ico:before, #age-gate-overlay #languages .top-wrapper #language-wrapper .popup-lang-list .option .ico:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 10px;
  top: 1px;
  background-color: #34303d;
  transition: transform 0.1s;
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .popup-lang-list .option .ico:before {
  left: 0;
  transform: translate(10px, 0px) rotate(45deg);
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .popup-lang-list .option .ico:after {
  right: 0;
  transform: translate(-10px, 0px) rotate(-45deg);
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .default-lang-list li.active {
  padding: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 0;
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .default-lang-list li.active .lang-name {
  margin-right: 9px;
  letter-spacing: normal;
  padding: 0;
  font-size: 14px;
  background-color: transparent;
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .default-lang-list li.active:after {
  display: none;
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .default-lang-list li .lang-name {
  font-size: 14px;
  letter-spacing: normal;
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .default-lang-list li .ico {
  width: 16px;
  height: 12px;
  position: relative;
  display: inline-block;
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .default-lang-list li .ico:before, #age-gate-overlay #languages .top-wrapper #language-wrapper .default-lang-list li .ico:after {
  transition: transform 0.1s;
  content: "";
  position: absolute;
  width: 2px;
  height: 10px;
  top: 1px;
  background-color: #34303d;
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .default-lang-list li .ico:before {
  left: 0;
  transform: translate(10px, 0px) rotate(45deg);
}
#age-gate-overlay #languages .top-wrapper #language-wrapper .default-lang-list li .ico:after {
  right: 0;
  transform: translate(-10px, 0px) rotate(-45deg);
}
#age-gate-overlay .age-gate-step-text-small {
  font-weight: 400;
  margin: 0 auto 3vh auto;
  max-width: 60%;
}
@media (max-width: 959px) {
  #age-gate-overlay .age-gate-step-text-small {
    max-width: 80%;
  }
}
#age-gate-overlay .age-gate-step-text {
  font-weight: 700;
  margin: 0 auto 3.68526vh auto;
  max-width: 60%;
}
@media (max-width: 959px) {
  #age-gate-overlay .age-gate-step-text {
    max-width: 80%;
  }
}
#age-gate-overlay .agree-answer .age-gate-step-text {
  margin-bottom: 2.75rem;
  margin-top: 2.75rem;
  font-size: 0.8rem;
  font-weight: normal;
}
@media (max-height: 720px) and (min-width: 840px) {
  #age-gate-overlay .agree-answer .age-gate-step-text {
    margin-top: 4.22vh;
    margin-bottom: 4.22vh;
  }
}
@media (max-width: 639px) {
  #age-gate-overlay .agree-answer .age-gate-step-text {
    font-size: 4vw;
    line-height: 6vw;
  }
}
#age-gate-overlay .agree-answer .age-gate-step-text strong {
  font-size: 1.2rem;
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: bold;
  margin: 0 0 0.6rem;
  display: inline-block;
}
#age-gate-overlay .age-gate-error-wrapper {
  display: flex;
  justify-content: center;
}
#age-gate-overlay .age-gate-error-wrapper p {
  color: #c73636;
  font-weight: bolder;
}
#age-gate-overlay .age-gate-legal-info {
  margin: 1.99203vh auto 0 auto;
  font-size: 1.19522vh;
  max-width: 60%;
}
@media (max-width: 959px) {
  #age-gate-overlay .age-gate-legal-info {
    max-width: 80%;
  }
}
#age-gate-overlay.age-gate-vertically .age-gate-steps {
  margin: 4vh 0 0;
}
#age-gate-overlay.age-gate-vertically .age-gate-step-text {
  margin-top: 4vh;
}
#age-gate-overlay .age-gate-customer-consent-alternative-images {
  margin-top: 1rem;
}
#age-gate-overlay .consent-alternative-image {
  margin-right: 0.5rem;
  display: inline-block;
}
#age-gate-overlay .top-wrapper {
  padding: 25px 25px 0 25px;
  max-width: 1440px;
  margin: 0 auto 47px;
}
@media (min-width: 768px) {
  #age-gate-overlay .top-wrapper {
    padding: 40px 48px 0 48px;
  }
}
@media screen and (min-width: 1024px) {
  #age-gate-overlay .top-wrapper {
    padding: 40px 84px 0 84px;
  }
}
@media screen and (min-width: 1440px) {
  #age-gate-overlay .top-wrapper {
    padding: 40px 152px 0 152px;
  }
}
@media screen and (max-width: 320px) {
  #age-gate-overlay .top-wrapper {
    padding-top: 10px;
    padding-bottom: 15px;
  }
}

.toast-container-cookie {
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: normal;
}
.toast-container-cookie .column {
  padding: 0px 3px;
}
@media (min-width: 768px) {
  .toast-container-cookie .column {
    padding: 0px 7px;
  }
}
.toast-container-cookie .columns {
  margin: 0px;
}
.toast-container-cookie .cookie-toast-container {
  box-shadow: 0 -1px 8px 0 rgba(0, 0, 0, 0.33);
  position: fixed;
  bottom: 0% !important;
  width: 100%;
  padding-bottom: 0px;
  z-index: 800 !important;
  padding: 0px;
}
.toast-container-cookie .toast-container .toast {
  margin-bottom: 0px;
  background-color: #34303d;
  border: none;
  max-width: 100%;
}
.toast-container-cookie .toast-container.cookie-toast-container .toast .toast-inner {
  display: flex;
  align-items: flex-start;
}
.toast-container-cookie .toast-container.cookie-toast-container .toast .toast-inner .columns {
  flex: 1;
}
.toast-container-cookie .toast-container.cookie-toast-container .toast .toast-inner .columns.text-content {
  max-width: 800px;
}
@media (min-width: 960px) {
  .toast-container-cookie .toast-container.cookie-toast-container .toast .toast-inner .columns.text-content {
    flex-basis: 800px;
    padding: 0 7px;
  }
}
.toast-container-cookie .toast-container.cookie-toast-container .toast .toast-inner .columns.link-content {
  flex-wrap: nowrap;
  justify-content: flex-end;
}
@media (max-width: 374px) {
  .toast-container-cookie .toast-container.cookie-toast-container .toast .toast-inner .columns.link-content {
    flex-direction: column;
  }
}
.toast-container-cookie .toast-container.cookie-toast-container .toast .toast-inner .columns.link-content a {
  white-space: normal;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0 5px;
  text-align: center;
}
@media (max-width: 959px) {
  .toast-container-cookie .toast-container.cookie-toast-container .toast .toast-inner .columns.link-content a:first-of-type {
    margin-left: 0;
  }
  .toast-container-cookie .toast-container.cookie-toast-container .toast .toast-inner .columns.link-content a:last-of-type {
    margin-right: 0;
  }
}
@media (max-width: 1279px) {
  .toast-container-cookie .toast-container.cookie-toast-container .toast .toast-inner {
    display: block;
  }
}
.toast-container-cookie .toast-container.cookie-toast-container .toast-inner {
  padding: 15px 18px 27px 18px;
  margin: 0 auto;
  max-width: 1440px;
}
@media (min-width: 768px) {
  .toast-container-cookie .toast-container.cookie-toast-container .toast-inner {
    padding: 20px 20px 25px 32px;
  }
}
@media (min-width: 1024px) {
  .toast-container-cookie .toast-container.cookie-toast-container .toast-inner {
    padding: 24px 20px 24px 20px;
  }
}
@media (min-width: 1440px) {
  .toast-container-cookie .toast-container.cookie-toast-container .toast-inner {
    padding: 24px 20px 24px 20px;
  }
}
.toast-container-cookie .text-wrapper {
  color: #fff;
  padding-bottom: 0px !important;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: normal;
}
@media (max-width: 1279px) {
  .toast-container-cookie .text-wrapper {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 768px) {
  .toast-container-cookie .text-wrapper {
    font-size: 10px;
    line-height: 1.33;
    letter-spacing: normal;
  }
}
@media (max-width: 374px) {
  .toast-container-cookie .text-wrapper {
    text-align: center;
  }
}
.toast-container-cookie .cta-button.-primary, .toast-container-cookie .modal-light .btn.btn-outline-light, .toast-container-cookie .modal-light .inputfile + label.btn-outline-light, .modal-light .toast-container-cookie .btn.btn-outline-light, .modal-light .toast-container-cookie .inputfile + label.btn-outline-light, .toast-container-cookie .modal-light .btn-outline-light.ui_558574, .modal-light .toast-container-cookie .btn-outline-light.ui_558574, .toast-container-cookie .modal-light .btn-outline-light.ui_517427, .modal-light .toast-container-cookie .btn-outline-light.ui_517427, .toast-container-cookie .modal-light .btn-outline-light.ui_464917, .modal-light .toast-container-cookie .btn-outline-light.ui_464917 {
  border-color: #fff;
}
.toast-container-cookie .cta-button.-secondary, .toast-container-cookie .modal-light .-secondary.btn.btn-outline-light, .toast-container-cookie .modal-light .inputfile + label.-secondary.btn-outline-light, .modal-light .toast-container-cookie .-secondary.btn.btn-outline-light, .modal-light .toast-container-cookie .inputfile + label.-secondary.btn-outline-light, .toast-container-cookie .modal-light .-secondary.btn-outline-light.ui_558574, .modal-light .toast-container-cookie .-secondary.btn-outline-light.ui_558574, .toast-container-cookie .modal-light .-secondary.btn-outline-light.ui_517427, .modal-light .toast-container-cookie .-secondary.btn-outline-light.ui_517427, .toast-container-cookie .modal-light .-secondary.btn-outline-light.ui_464917, .modal-light .toast-container-cookie .-secondary.btn-outline-light.ui_464917 {
  color: #000;
}
.toast-container-cookie .cookie-settings-learn-more,
.toast-container-cookie .cookie-settings-accept {
  padding: 8px 32px !important;
  margin: 0 16px !important;
  text-decoration: none;
  cursor: pointer;
}
@media (max-width: 374px) {
  .toast-container-cookie .cookie-settings-learn-more,
.toast-container-cookie .cookie-settings-accept {
    margin: 10px 0px !important;
  }
}
.toast-container-cookie .text-link {
  color: #fff !important;
}

.modal-light {
  z-index: 1010 !important;
}
@media (max-width: 639px) {
  .modal-light {
    padding: 0 !important;
  }
}
.modal-light .modal-container {
  background-color: #fff;
  box-shadow: 0 10px 26px 0 rgba(0, 0, 0, 0.15);
  color: #000;
}
.modal-light .modal-container .modal-header .modal-title {
  color: #000;
}
.modal-light .modal-container .modal-body {
  color: #000;
}
.modal-light .modal-container .js-scroll-modal-body .mCSB_container h3 {
  color: #000;
}
.modal-light .modal-overlay {
  background-color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 639px) {
  .modal-light .btn.btn-outline-light, .modal-light .inputfile + label.btn-outline-light, .modal-light .btn-outline-light.ui_558574, .modal-light .btn-outline-light.ui_517427, .modal-light .btn-outline-light.ui_464917 {
    width: 100%;
  }
}

#onetrust-consent-sdk #onetrust-banner-sdk {
  background-color: #34303d !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk a {
  color: #fff !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler {
  background: none;
  border-radius: 27px;
  border: solid 2px #fff;
  text-decoration: none !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler {
  border-radius: 24px;
  padding: 10px 15px !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text {
  font-size: 0.625em !important;
}

@media only screen and (min-width: 1024px) {
  #onetrust-banner-sdk #onetrust-policy {
    margin-left: 4rem;
  }
}

.ot-sdk-container {
  max-width: 1440px !important;
}

.accordion a {
  text-decoration: underline;
}
.accordion a:hover {
  text-decoration-color: #00D1D2;
}
.accordion-content-wrapper {
  display: flex;
  flex-direction: column;
}
.accordion-content-wrapper + .accordion-content-wrapper {
  border-top: 1px solid #b8b7bb;
}
@media (min-width: 960px) {
  .accordion-content-wrapper.active {
    opacity: 1;
  }
}
.accordion-content-wrapper.active .accordion-content {
  max-height: 100vh;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.accordion-content-wrapper.active .accordion-btn b::before {
  transform: translate(-50%, -50%) scaleY(-1);
}
.accordion-content {
  max-height: 0;
  overflow: hidden;
  margin: 0 -1.6rem;
  padding: 0 1.6rem;
  will-change: max-height;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 960px) {
  .accordion-content {
    padding-left: 20%;
    padding-right: 10%;
  }
}
.accordion-content .accordion-cont {
  padding-bottom: 2.4rem;
}
.accordion .accordion-btn {
  background: none;
  border: none;
  font-size: 1.2rem;
  line-height: 1.2;
  padding: 1.25rem 2.4rem 1.25rem 1.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #34303d;
  flex-wrap: nowrap;
  margin: 0 -1.6rem;
  text-align: left;
  cursor: pointer;
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: bold;
}
.accordion .accordion-btn:focus {
  outline: none;
}
.accordion .accordion-btn b {
  pointer-events: none;
  height: 1.6rem;
  width: 1.6rem;
  position: relative;
  border: 1.5px solid;
  margin-left: 1.6rem;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 50%;
}
.accordion .accordion-btn b::before {
  content: "";
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 8px;
  width: 16px;
  background-size: contain;
  transition: transform 0.5s cubic-bezier(0.2, 0, 0.1, 1);
  background-repeat: no-repeat;
  background-position: center;
  will-change: transform;
  background-image: url("/assets/icons/chevron-down.svg");
}
.accordion.no-cont-padding .accordion-content {
  margin: 0;
  padding: 0;
}
.accordion.no-cont-padding .accordion-content-wrapper {
  border-color: #e1e0e2;
}
.accordion.no-cont-padding .accordion-content-wrapper.active .accordion-content {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.accordion.no-cont-padding .accordion-btn {
  margin: 0;
  padding: 1.25rem 0.8rem 1.25rem 0rem;
}
.accordion.small-buttons {
  max-width: 416px;
  margin: 0 auto;
}
.accordion.small-buttons .accordion-btn {
  font-size: 0.8rem;
  padding: 0.9rem 0;
}
.accordion.small-buttons .accordion-btn b {
  border: none;
  height: 1rem;
  width: 1rem;
}
.accordion.small-buttons .accordion-btn b::before {
  height: 0.3rem;
  width: 0.6rem;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.reverse {
  flex-direction: row-reverse;
}
@media (max-width: 839px) {
  .reverse {
    display: flex;
    flex-direction: column-reverse;
  }
}

.form-label.is-password .ipt-btn {
  background-image: url("https://d3hvodq7wnhe8p.cloudfront.net/design/themes/kura/media/icons/password_preview.svg");
}
.form-label.is-password-visible .ipt-btn {
  background-image: url("https://d3hvodq7wnhe8p.cloudfront.net/design/themes/kura/media/icons/password_preview_on.svg");
}

.left-icon-list > ul > li:before {
  background-color: #00D1D2;
  background-image: url("https://d3hvodq7wnhe8p.cloudfront.net/design/themes/kura/media/icons/check_dark.svg");
}

.form-label.is-dropdown::after {
  background-image: url("../../../../assets/images/icons/chevron-up-small.svg");
}

.btn-toggle-switch b::before {
  background-image: url("../../../../assets/images/icons/chevron-up-small.svg");
  transform: translate(-50%, -35%) rotate(180deg);
}

/* ! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com */

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

*,
::before,
::after {
	box-sizing: border-box;
}

/**
Use a more readable tab size (opinionated).
*/

html {
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
}

/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/*
Sections
========
*/

/**
Remove the margin in all browsers.
*/

body {
	margin: 0;
}

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/

body {
	font-family:
		system-ui,
		-apple-system, /* Firefox supports this but not yet `system-ui` */
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
}

/*
Grouping content
================
*/

/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/

hr {
	height: 0; /* 1 */
	color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/

/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr[title] {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/

b,
strong {
	font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
	font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/

small {
	font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/*
Tabular data
============
*/

/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
	text-indent: 0; /* 1 */
	border-color: inherit; /* 2 */
}

/*
Forms
=====
*/

/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/

button,
select { /* 1 */
	text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
}

/**
Remove the inner border and padding in Firefox.
*/

::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/

:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/

:-moz-ui-invalid {
	box-shadow: none;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
	padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
	vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/*
Interactive
===========
*/

/*
Add the correct display in Chrome and Safari.
*/

summary {
	display: list-item;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
  line-height: 1.5; /* 2 */
}

/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */

body {
  font-family: inherit;
  line-height: inherit;
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  color: #524F5A;
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #524F5A;
}

button,
[role="button"] {
  cursor: pointer;
}

/**
 * Override legacy focus reset from Normalize with modern Firefox focus styles.
 *
 * This is actually an improvement over the new defaults in Firefox in our testing,
 * as it triggers the better focus styles even for links, which still use a dotted
 * outline in Firefox by default.
 */

:-moz-focusring {
	outline: auto;
}

table {
  border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

a {
  color: inherit;
  text-decoration: inherit;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * 1. Make replaced elements `display: block` by default as that's
 *    the behavior you want almost all of the time. Inspired by
 *    CSS Remedy, with `svg` added as well.
 *
 *    https://github.com/mozdevs/cssremedy/issues/14
 * 
 * 2. Add `vertical-align: middle` to align replaced elements more
 *    sensibly by default when overriding `display` by adding a
 *    utility like `inline`.
 *
 *    This can trigger a poorly considered linting error in some
 *    tools but is included by design.
 * 
 *    https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
 */

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/**
 * Constrain images and videos to the parent width and preserve
 * their intrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video {
  max-width: 100%;
  height: auto;
}

/**
 * Ensure the default browser behavior of the `hidden` attribute.
 */

[hidden] {
  display: none;
}

*, ::before, ::after{
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-color: currentColor;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-blur: var(--tw-empty,/*!*/ /*!*/);
  --tw-brightness: var(--tw-empty,/*!*/ /*!*/);
  --tw-contrast: var(--tw-empty,/*!*/ /*!*/);
  --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
  --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
  --tw-invert: var(--tw-empty,/*!*/ /*!*/);
  --tw-saturate: var(--tw-empty,/*!*/ /*!*/);
  --tw-sepia: var(--tw-empty,/*!*/ /*!*/);
  --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
  --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
/**
* IQOS Base Styles
*
* Add styles for base html tags like
* h1, h4, input, label, etc
*/
/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
  font-size: 125%;
  font-family: "iqos", serif;
  font-weight: 400;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body{
  overflow-x: hidden;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 253, 251, var(--tw-bg-opacity));
}

.container{
  width: 100%;
}

@media (min-width: 340px){
  .container{
    max-width: 340px;
  }
}

@media (min-width: 370px){
  .container{
    max-width: 370px;
  }
}

@media (min-width: 550px){
  .container{
    max-width: 550px;
  }
}

@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}

@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}

@media (min-width: 960px){
  .container{
    max-width: 960px;
  }
}

@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}

@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}
/**
* IQOS Component Styles
*
* Add styles for basic components like
* buttons, panels, cards
* Take advantage of Tailwind's functions: @ screen and @ apply
* https://tailwindcss.com/docs/functions-and-directives#apply
*/
.header-search{
  position: relative;
  z-index: 50;
  width: 100%;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  text-align: center;
  height: 3.35rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
@media (min-width: 768px) {
  .header-search{
    width: 16rem;
  }
}
@media (min-width: 960px) {
  .header-search{
    width: 37.5rem;
  }
  .header-search{
    text-align: left;
  }
}
.header-search.focus .input-wrapper{
  position: relative;
  z-index: 1000;
}
.header-search .form-input{
  border-style: none;
}
.header-search .form-input:focus{
  border-style: none;
}
.header-search input{
  border-style: none;
  padding-left: 1.25rem;
  font-size: .8rem;
}
.header-search .form-label{
  height: 3.35rem;
}
.header-search .label-desc{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-style: none;
  padding-left: 1.25rem;
  text-align: left;
  text-transform: none;
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.header-search .form-input:focus ~ .label-desc{
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.header-search .form-input:not(:-moz-placeholder-shown) ~ .label-desc > span {
  transform: translateY(-0.9rem);
}
.header-search .form-input:not(:placeholder-shown) ~ .label-desc > span,
.header-search .form-input:focus ~ .label-desc > span {
  transform: translateY(-0.9rem);
}
.header-search .input-wrapper .default-input{
  z-index: 20;
  width: 100%;
  border-radius: 9999px;
  padding: .75rem;
  padding-right: 2.5rem;
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline: 2px solid transparent;
  outline-offset: 2px;
}
@media (min-width: 1024px) {
  .header-search .input-wrapper .default-input{
    height: 3rem;
  }
  .header-search .input-wrapper .default-input{
    padding: 1.2rem;
  }
  .header-search .input-wrapper .default-input{
    padding-right: 3rem;
  }
}
.header-search .input-wrapper .default-input:focus{
  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

[class*=btn]:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.inputfile {
  width: 0.1px;
  height: 0.1px;
  z-index: -1;
  position: absolute;
  overflow: hidden;
  opacity: 0;
}
.inputfile + label{
  overflow: hidden;
      /* These are technically the same, but use both */
      overflow-wrap: break-word;
      word-wrap: break-word;
      -ms-word-break: break-all;
      /* This is the dangerous one in WebKit, as it breaks things wherever */
      word-break: break-all;
      /* Instead use this non-standard one: */
      word-break: break-word;
      /* Adds a hyphen where the word breaks, if supported (No Blink) */
      -webkit-hyphens: auto;
      hyphens: auto;
}
.content-wrapper{
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  max-width: 65.6rem;
  padding-left: .5rem;
  padding-right: .5rem;
}
.content-wrapper.small-wrapper{
  max-width: 43.3rem;
}
.content-wrapper.medium-wrapper{
  max-width: 65.6rem;
}
@media (min-width: 960px) {
  .content-wrapper.medium-wrapper{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
.content-wrapper--full{
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  width: 100%;
}
.content-wrapper.blk-grid {
  margin-left: 0;
  margin-right: 0;
}
.content-wrapper--inner{
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  display: flex;
  max-width: 65.6rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-left: .5rem;
  padding-right: .5rem;
}

section.main-section{
  height: auto;
}
section.section--base{
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
@media (min-width: 960px) {
  section.section--base{
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
  section.section--base{
    padding-top: 5rem;
  }
  section.section--base{
    padding-bottom: 3rem;
  }
}
section.section__split, section.section__split--blue{
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
@media (min-width: 960px) {
  section.section__split, section.section__split--blue{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
section.section__split .section__split--left, section.section__split .section__split--right, section.section__split--blue .section__split--left, section.section__split--blue .section__split--right{
  width: 100%;
}
@media (min-width: 960px) {
  section.section__split .section__split--left, section.section__split .section__split--right, section.section__split--blue .section__split--left, section.section__split--blue .section__split--right{
    width: 50%;
  }
  section.section__split .section__split--left, section.section__split--blue .section__split--left{
    padding-right: 5rem;
  }
}
section.section__split .section__split--left h3, section.section__split--blue .section__split--left h3{
  font-size: 1.4rem;
  line-height: 1.75rem;
}
section.section__split .section__split--right, section.section__split--blue .section__split--right{
  margin-top: 2.25rem;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgba(246, 244, 240, var(--tw-bg-opacity));
  padding: 1.2rem;
}
@media (min-width: 960px) {
  section.section__split .section__split--right, section.section__split--blue .section__split--right{
    margin-top: 0;
  }
  section.section__split .section__split--right, section.section__split--blue .section__split--right{
    justify-content: flex-start;
  }
  section.section__split .section__split--right, section.section__split--blue .section__split--right{
    padding: 2.25rem;
  }
}
section.section__split .section__split--right h3, section.section__split--blue .section__split--right h3{
  font-size: 1.2rem;
}
section.section__split .section__split--right--row, section.section__split--blue .section__split--right--row{
  margin-top: 1rem;
  display: flex;
  align-items: flex-start;
}
section.section__split .section__split--right--row img, section.section__split--blue .section__split--right--row img{
  height: 1.5rem;
  padding-right: .5rem;
}
@media (min-width: 960px) {
  section.section__split .section__split--right--row img, section.section__split--blue .section__split--right--row img{
    height: 3.2rem;
  }
  section.section__split .section__split--right--row img, section.section__split--blue .section__split--right--row img{
    padding-right: 1rem;
  }
}
section.section__split .section__split--right--row strong, section.section__split--blue .section__split--right--row strong{
  font-size: 1.2rem;
}
section.section__split .section__split--right a, section.section__split--blue .section__split--right a{
  margin-top: 2rem;
  align-self: center;
}
@media (min-width: 960px) {
  section.section__split .section__split--right a, section.section__split--blue .section__split--right a{
    align-self: flex-start;
  }
}
section.section__split .section__split--reverse, section.section__split--blue .section__split--reverse{
  flex-direction: column-reverse;
}
@media (min-width: 960px) {
  section.section__split .section__split--reverse, section.section__split--blue .section__split--reverse{
    flex-direction: row-reverse;
  }
}
section.section__split .section__split--reverse .section__split--right, section.section__split--blue .section__split--reverse .section__split--right{
  margin: auto;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 960px) {
  section.section__split .section__split--reverse .section__split--right, section.section__split--blue .section__split--reverse .section__split--right{
    width: 53.333333%;
  }
  section.section__split .section__split--reverse .section__split--right, section.section__split--blue .section__split--reverse .section__split--right{
    background-color: transparent;
  }
  section.section__split .section__split--reverse .section__split--right, section.section__split--blue .section__split--reverse .section__split--right{
    padding-left: 3.5rem;
  }
  section.section__split .section__split--reverse .section__split--right, section.section__split--blue .section__split--reverse .section__split--right{
    padding-right: 0;
  }
}
section.section__split .section__split--reverse .section__split--left, section.section__split--blue .section__split--reverse .section__split--left{
  margin: auto;
  width: 100%;
}
@media (min-width: 960px) {
  section.section__split .section__split--reverse .section__split--left, section.section__split--blue .section__split--reverse .section__split--left{
    width: 46.333333%;
  }
}
section.section-full{
  padding: 0;
}
section.section-full .container{
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 960px) {
  section.section-full .container{
    padding-left: .4rem;
    padding-right: .4rem;
  }
}
section.section-full .section__split--wrapper{
  align-items: center;
  padding: 0;
}
@media (min-width: 960px) {
  section.section-full .section__split--wrapper{
    align-items: stretch;
  }
}
section.section-full .section__split--left{
  overflow: hidden;
  padding: 0;
}
section.section-full .section__split--left figure{
  padding: 0;
}
@media (min-width: 960px) {}
section.section-full .section__split--left figure img{
  width: 100vw;
}
@media (min-width: 960px) {
  section.section-full .section__split--left figure img{
    height: auto;
  }
  section.section-full .section__split--left figure img{
    width: 100%;
  }
  section.section-full .section__split--left.full-h-img figure{
    transform-origin: top left;
  }

    section.section-full .section__split--left.full-h-img figure {
      transform: scale(1.6);
    }
}
section.section-full .section__split--right{
  margin: 0;
  background-color: transparent;
  padding-top: 2rem;
  padding-bottom: 2.8rem;
}
@media (min-width: 960px) {
  section.section-full .section__split--right{
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
  section.section-full .section__split--right{
    padding-right: 5rem;
  }
}
section.section-full .section__split--right h3{
  padding-right: 1rem;
  font-size: 1.6rem;
  line-height: 2.45rem;
}
@media (min-width: 960px) {
  section.section-full .section__split--right h3{
    padding-right: 0;
  }
  section.section-full .section__split--right h3{
    font-size: 2rem;
  }
}
section.section__split--blue{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity));
}
section .section__split--wrapper{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
section.inner-section{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0;
  padding-bottom: 4rem;
}

.content-page .content-wrapper {
  padding: 40px 32px;
  max-width: 1440px;
  margin: 0 auto;
}
@media (min-width: 960px) {
  .content-page .content-wrapper {
    padding: 100px 64px;
  }
}
.content-page .content-wrapper.m-wrapper {
  max-width: 994px;
}
.content-page h2 {
  font-size: 2rem;
}

ul.bullets {
  list-style: disc inside;
}
ul.bullets li {
  list-style-type: disc;
}
ul.bullets li::marker {
  margin-right: 5px !important;
}

.tc-table .row > td {
  position: relative;
}
@media (min-width: 768px) {
  .tc-table .row > td.border-right-turquoise:after, .tc-table .row > td:first-child:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: 0;
    border-right: 1px solid #00CACA;
    top: 0;
    bottom: 0;
  }
}
.tc-table .row.first > td:first-child:after {
  top: 20px;
}
.tc-table .row.last > td:first-child:after {
  bottom: 20px;
}
.tc-table td,
.tc-table th {
  display: block;
}
@media (min-width: 768px) {
  .tc-table td,
.tc-table th {
    display: table-cell;
  }
}
.tc-table .separator-row {
  border-top: 20px solid #fff;
}

@media (max-width: 839px) {
  .flow-page--custom .small-wrapper{
    max-width: none !important;
  }
}
.flow-page .inner-page-navigation .nav-toggle:after {
  background-image: url(../images/icons/chevron-up.svg);
}

.btn-edit:after {
  background-image: url(../images/icons/edit.svg);
}

.error .label-desc > b::after,
.error .is-error .label-desc > b::after {
  background-image: url(../images/icons/icons-pictogram-error.svg);
}

.form-checkbox input:checked ~ .checkbox-desc:before{
  --tw-bg-opacity: 1;
  background-color: rgba(52, 48, 61, var(--tw-bg-opacity));
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/icons/icons-functional-check.svg);
}

@media (min-width: 960px) {
  .content-wrapper .inner-page-content{
    width: 50%;
  }
  .c-nav4__first__wrapper__inner .c-nav4__first li a.c-nav4__first__item__link{
    padding-left: .25rem;
    padding-right: .25rem;
  }
}
@media (min-width: 1024px) {
  .c-nav4__first__wrapper__inner .c-nav4__first li a.c-nav4__first__item__link{
    padding-left: .75rem;
    padding-right: .75rem;
  }
}
@media (min-width: 960px) {
  .c-nav4__first__wrapper__inner .c-nav4__first li.has--sub a.c-nav4__first__item__link{
    padding-left: .75rem;
    padding-right: .75rem;
  }
}
.c-nav4__first__wrapper__inner .c-nav4__first li.has--sub a.c-nav4__first__item__link::after {
  right: -5px;
}

.select2-dropdown.select2-dropdown--above {
  margin-top: 192%;
}
@media (min-width: 960px) {
  .select2-dropdown.select2-dropdown--above {
    margin-top: 150%;
  }
}

.btn-link-box.btn-link-box-cyan::after, .btn-link-box-cyan.btn-link-box-back::after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CgkJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMEQxRDI7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fQoJPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjQsMTFsNS01bC01LTUgTTE1LjQsNi4xbC0xNC0wLjEiLz4KPC9zdmc+Cg==);
}

.age-gate-steps-wrapper .is-filled.is-error .label-desc > b::after,
.age-gate-steps-wrapper .is-error .label-desc > b::after {
  background-image: url(../images/icons/icons-pictogram-error.svg);
}
.age-gate-steps-wrapper .is-filled.is-success .label-desc > b::after,
.age-gate-steps-wrapper .is-success .label-desc > b::after {
  background-image: url(../images/icons/icons-functional-check.svg);
}

.health-warning__wrapper--footer .health-warning, .health-warning__wrapper--footer hr{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 253, 251, var(--tw-bg-opacity));
}
.health-warning__wrapper--footer hr{
  margin-top: 1rem;
}
@media (min-width: 960px) {
  .health-warning__wrapper--footer hr{
    margin-top: 1.5rem;
  }
}

.pre-footer + .health-warning__wrapper--footer .health-warning, .pre-footer + .health-warning__wrapper--footer hr{
  --tw-bg-opacity: 1;
  background-color: rgba(246, 244, 240, var(--tw-bg-opacity));
}
.pre-footer + .health-warning__wrapper--footer hr{
  margin-top: 0;
}
@media (min-width: 960px) {
  .pre-footer + .health-warning__wrapper--footer hr{
    margin-top: 0;
  }
}

/* purgecss start ignore */
/* purgecss end ignore */
.card--iluma{
  position: relative;
}
.card--iluma::before, .card--iluma::after{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  left: -50%;
  z-index: -1;
  width: 150vw;
  --tw-bg-opacity: 1;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity));
  content: "";
}
@media (min-width: 960px) {
  .card--iluma::before, .card--iluma::after{
    display: none;
  }
}
.card--iluma picture{
  position: absolute;
  right: 0;
  bottom: 2rem;
  max-width: 12rem;
}
@media (min-width: 768px) {
  .card--iluma picture{
    position: relative;
  }
  .card--iluma picture{
    position: relative;
  }
  .card--iluma picture{
    bottom: 0;
  }
  .card--iluma picture{
    max-width: 10rem;
  }
}
@media (min-width: 960px) {
  .card--iluma picture{
    position: relative;
  }
}
.card--iluma h4{
  margin-bottom: 5rem;
}
@media (min-width: 960px) {
  .card--iluma h4{
    margin-bottom: .75rem;
  }
}
.card--iluma--2{
  min-height: 300px;
  flex-direction: column;
  padding-bottom: 1rem;
}
@media (min-width: 960px) {
  .card--iluma--2{
    flex-direction: row;
  }
  .card--iluma--2{
    padding-bottom: 1.5rem;
  }
}
.card--iluma--2::before, .card--iluma--2::after{
  --tw-bg-opacity: 1;
  background-color: rgba(246, 244, 240, var(--tw-bg-opacity));
}
.card--iluma--2 h4{
  margin-bottom: .75rem;
}
.card--iluma--2 a{
  position: absolute;
  bottom: 1.5rem;
}
@media (min-width: 960px) {
  .card--iluma--2 a{
    position: relative;
  }
  .card--iluma--2 a{
    bottom: 0;
  }
}
.card--iluma--2 picture{
  position: relative;
}
.card--iluma--2 img{
  max-width: 45%;
}
.card--iluma--2 img:first-of-type{
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 960px) {
  .card--iluma--2 img{
    max-width: 40%;
  }
}
.card--iluma__pictures{
  margin-bottom: 3rem;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .card--iluma__pictures{
    margin-bottom: 5rem;
  }
}
@media (min-width: 960px) {
  .card--iluma__pictures{
    margin-bottom: 0;
  }
  .card--iluma__pictures{
    max-width: 50%;
  }
  .card--iluma__pictures{
    justify-content: flex-end;
  }
}
@media (min-width: 1280px) {
  .card--iluma__pictures{
    max-width: 100%;
  }
}
.card--iluma--autodelivery{
  min-height: 100%;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 960px) {
  .card--iluma--autodelivery{
    min-height: 530px;
  }
  .card--iluma--autodelivery{
    width: 49%;
  }
  .card--iluma--autodelivery{
    padding: 4rem;
  }
}
.card--iluma--autodelivery h4{
  margin-bottom: 0;
}
.card--iluma--autodelivery picture{
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
}
.card--iluma--autodelivery.card--iluma--2 picture{
  margin-top: 3rem;
  margin-bottom: 1rem;
}
.card--iluma--autodelivery.card--iluma--2 img{
  max-width: 100%;
}
.card--iluma--autodelivery.card--iluma--2 img:first-of-type{
  margin-left: auto;
  margin-right: auto;
}
.card--iluma img{
  margin-left: auto;
  margin-right: auto;
}

.tabbed__controls a {
  text-underline-offset: 8px;
  text-decoration: none;
}
.tabbed__controls a::active {
  text-decoration: underline;
}
.tabbed__controls-iluma {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.tabbed__controls-iluma::-webkit-scrollbar {
  display: none;
}
.tabbed__controls-iluma a:not(.btn):not(.ui_558574):not(.ui_517427):not(.ui_464917):not(.ui_464917):not(.ui_517427):not(.ui_558574):focus {
  border: 1px solid #C1C0C4;
}
.tabbed__controls-iluma::before{
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 110%;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgba(193, 192, 196, var(--tw-border-opacity));
}
@media (min-width: 960px){
  .tabbed__controls-iluma::before{
    width: 100%;
  }
}
.tabbed__controls-iluma::before {
  content: "";
}
@keyframes moveAnim {
  from {
    flex: none;
  }
  to {
    flex: 1;
  }
}

.tabbed__control-iluma{
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-width: 1px;
  border-color: transparent;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.tabbed__control-iluma.active{
  z-index: 2 !important;
  --tw-border-opacity: 1 !important;
  border-color: rgba(193, 192, 196, var(--tw-border-opacity)) !important;
  --tw-border-opacity: 1 !important;
  border-bottom-color: rgba(255, 255, 255, var(--tw-border-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgba(0, 209, 210, var(--tw-text-opacity)) !important;
}

.product-listing-cart--cartige{
  margin-top: 3rem;
}

.carousel-flavours.carousel-terea .swiper-slide.swiper-slide-active .cell-badge {
  transform: translateY(3%) translateX(-50%);
}

.carousel-flavours.carousel-terea .swiper-slide .cell-badge {
  height: 110%;
}

.carousel--half .carousel-flavours.carousel-terea .swiper-slide .cell-badge {
  height: 110% !important;
}
@media (min-width: 640px) {
  .carousel--half .carousel-flavours.carousel-terea .swiper-slide .cell-badge {
    height: 105% !important;
  }
}
@media (min-width: 1280px) {
  .carousel--half .carousel-flavours.carousel-terea .swiper-slide .cell-badge {
    height: 95% !important;
  }
}

.carousel-flavours .swiper-container-pointer-events .swiper-button-prev {
  left: -11px !important;
}
.carousel-flavours .swiper-container-pointer-events .swiper-button-next {
  right: -11px !important;
}

.colors-list-iluma b{
  height: 1.5rem;
  width: 1.5rem;
}

.devices-carousel img{
  opacity: 0;
}
.devices-carousel img.active{
  position: absolute;
  opacity: 1;
}

select {
  width: 0 !important;
  height: 0 !important;
}

.section__split--wrapper-iluma{
  align-items: flex-start !important;
}

.ab-rezerve-box{
  position: relative;
  max-width: 200px;
}
.ab-rezerve-box__txt{
  padding-bottom: 1.5rem;
  text-align: center;
  font-size: .7rem;
  font-weight: 700;
}
@media (min-width: 768px){
  .ab-rezerve-box__txt{
    font-size: .9rem;
  }
}
.ab-rezerve-box__bullet-position--left{
  position: absolute;
  left: -10px;
  top: -20px;
}
.ab-rezerve-box__bullet-position--right{
  position: absolute;
  right: -10px;
  top: -20px;
}
.ab-rezerve-box__img-abs{
  position: absolute;
  bottom: 1rem;
  right: 0;
  max-width: 2.5rem;
}

.cartuse-delia-terea-levia .form-label.is-dropdown .select2.select2-container .select2-selection__rendered {
  padding-right: 10px !important;
  padding-left: 20px !important;
}
.cartuse-delia-terea-levia .label-desc > span {
  background: #F6F4F0;
}
.cartuse-delia-terea-levia .form-label.is-dropdown.is-filled .label-desc > span {
  padding: 4px 0.2rem;
  margin-left: -50px;
}
.cartuse-delia-terea-levia .container-colors--products.form-label.is-dropdown .select2-container .select2-results__options .select2-results__option {
  padding-left: 20px !important;
  text-align: left;
}

.title--xl{
  font-size: 1.4rem !important;
  line-height: 1.42 !important;
}
@media (min-width: 960px) {
  .title--xl{
    font-size: 2.1rem !important;
  }
  .title--xl{
    line-height: 1.23 !important;
  }
}

.link-group__item {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: 0.2px;
  font-family: "iqos", "Helvetica Neue", sans-serif;
  font-weight: bold;
  position: relative;
  margin: -0.25rem 0;
  padding: 0.25rem 0;
  opacity: 0.65;
}
.link-group__item::before, .link-group__item::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 0;
  bottom: auto;
  left: auto;
  height: 3px;
  margin-top: -4px;
  width: 0;
  transition: all 0.3s;
}
.link-group__item::before {
  background: #34303d;
}
.link-group__item::after {
  background: #00D1D2;
}
.link-group__item--active {
  opacity: 1;
}
.link-group__item--active::after {
  left: 0;
  width: 100%;
}
.main-header .content-wrapper--full{
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: space-between;
  --tw-bg-opacity: 1;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity));
}
@media (min-width: 960px) {
  .main-header .content-wrapper--full{
    flex-direction: row;
  }
}
.main-header .content-wrapper--full--inner{
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: space-between;
  --tw-bg-opacity: 1;
  background-color: rgba(246, 244, 240, var(--tw-bg-opacity));
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 960px) {
  .main-header .content-wrapper--full--inner{
    flex-direction: row;
  }
  .main-header .content-wrapper--full--inner{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.main-header .content-wrapper--full--inner .content-left{
  display: flex;
  width: 50%;
  justify-content: flex-end;
}
.main-header .content-wrapper--full--inner .content-right{
  width: 50%;
}
.main-header .content-wrapper--full--inner .product-content-imgs{
  margin: 0;
  margin-right: 20%;
  width: 100%;
  max-width: 25rem;
  flex-shrink: 0;
}
.main-header .content-wrapper--full--inner .product-content-imgs .img-wrapper{
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-header .content-wrapper--full--inner .product-content-imgs .img-wrapper img{
  margin: auto;
  max-height: 100%;
}
.main-header .content-wrapper--full--inner .product-images-wrapper{
  max-width: 100%;
  overflow: hidden;
}
.main-header .text-wrapper{
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 1rem;
}
@media (min-width: 960px) {
  .main-header .text-wrapper{
    width: 50%;
  }
  .main-header .text-cont{
    width: 26.5rem;
  }
}
.main-header figure{
  width: 100%;
}
@media (min-width: 960px) {
  .main-header figure{
    width: 50%;
  }
}
.main-header figure img{
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.page-header .content-wrapper--full{
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: space-between;
  --tw-bg-opacity: 1;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity));
}
@media (min-width: 960px) {
  .page-header .content-wrapper--full{
    flex-direction: row;
  }
}
.page-header .content-wrapper--full--inner{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  --tw-bg-opacity: 1;
  background-color: rgba(246, 244, 240, var(--tw-bg-opacity));
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
@media (min-width: 960px) {
  .page-header .content-wrapper--full--inner{
    flex-direction: row;
  }
  .page-header .content-wrapper--full--inner{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.page-header .content-wrapper--full--inner .content-left{
  display: flex;
  width: 100%;
  justify-content: center;
}
@media (min-width: 960px) {
  .page-header .content-wrapper--full--inner .content-left{
    width: 50%;
  }
  .page-header .content-wrapper--full--inner .content-left{
    justify-content: flex-end;
  }
}
.page-header .content-wrapper--full--inner .content-right{
  margin-top: 2.5rem;
  width: 100%;
}
@media (min-width: 960px) {
  .page-header .content-wrapper--full--inner .content-right{
    margin-top: 0;
  }
  .page-header .content-wrapper--full--inner .content-right{
    width: 50%;
  }
}
.page-header .content-wrapper--full--inner .product-content-imgs{
  margin: 0;
  width: 100%;
  max-width: 25rem;
  flex-shrink: 0;
}
@media (min-width: 960px) {
  .page-header .content-wrapper--full--inner .product-content-imgs{
    margin-right: 20%;
  }
}
.page-header .content-wrapper--full--inner .product-content-imgs .img-wrapper{
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-header .content-wrapper--full--inner .product-content-imgs .img-wrapper img{
  margin: auto;
  max-height: 100%;
}
.page-header .content-wrapper--full--inner .product-images-wrapper{
  max-width: 100%;
  overflow: hidden;
}
.page-header .text-wrapper{
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 1rem;
}
@media (min-width: 960px) {
  .page-header .text-wrapper{
    width: 50%;
  }
  .page-header .text-cont{
    width: 26.5rem;
  }
}
.page-header figure{
  width: 100%;
}
@media (min-width: 960px) {
  .page-header figure{
    width: 50%;
  }
}
.page-header figure img{
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.page-header .c-nav4__logo{
  padding-top: .2rem;
}
.page-header .c-nav4__icon--user img{
  position: relative;
  top: -0.05rem;
  width: .7rem;
  max-width: none;
}
.page-header .c-nav4__icon--cart img{
  position: relative;
  top: -0.05rem;
  width: 1.1rem;
  max-width: none;
}
.page-header .h--burger-icon{
  margin-top: -0.25rem;
}

@media (min-width: 960px) {
  .js-carousel-product-images .swiper-wrapper{
    margin-bottom: 2.5rem;
  }
}
.js-carousel-product-images .navigation-wrapper{
  width: 100%;
}
.js-carousel-product-images .swiper-pagination{
  margin-top: 1.5rem;
}
.js-carousel-product-images .swiper-pagination-bullet-active{
  --tw-bg-opacity: 1;
  background-color: rgba(82, 79, 90, var(--tw-bg-opacity));
}
.js-carousel-product-images .swiper-button-prev, .js-carousel-product-images .swiper-button-next{
  top: 33.333333%;
}

.c-nav4.is--picto--active .c-nav4__logo .logo__on{
  opacity: 0;
}

.carousel__left, .carousel__right{
  width: 100%;
}
@media (min-width: 960px) {
  .carousel__left, .carousel__right{
    width: 50%;
  }
  .carousel__left{
    padding-right: 5rem;
  }
}
.carousel__left h3{
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.75rem;
}
@media (min-width: 960px) {
  .carousel__left h3{
    font-size: 1.4rem;
  }
}
.carousel__right{
  margin-top: 2.25rem;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgba(246, 244, 240, var(--tw-bg-opacity));
  padding: 1.2rem;
}
@media (min-width: 960px) {
  .carousel__right{
    margin-top: 0;
  }
  .carousel__right{
    justify-content: flex-start;
  }
  .carousel__right{
    padding: 2.25rem;
  }
}
.carousel__right h3{
  font-size: 1.2rem;
}
.carousel__right--row{
  margin-top: 1rem;
  display: flex;
  align-items: flex-start;
}
.carousel__right--row img{
  padding-right: 1rem;
}
.carousel__right a{
  margin-top: 2rem;
  align-self: center;
}
@media (min-width: 960px) {
  .carousel__right a{
    align-self: flex-start;
  }
}
.carousel-flavours{
  min-height: 15rem;
}
@media (min-width: 640px) {
  .carousel-flavours{
    min-height: 19rem;
  }
}
.carousel-flavours .swiper-container--products, .carousel-flavours .swiper-container--heets{
  position: relative;
  overflow: hidden;
  margin-left: -15%;
  margin-right: -15%;
}
@media (min-width: 768px) {
  .carousel-flavours .swiper-container--products, .carousel-flavours .swiper-container--heets{
    margin-left: 0;
    margin-right: 0;
  }
}
.carousel-flavours .swiper-container--products .swiper-slide{
  border-radius: 0px;
  margin: -25% 0;
}
.carousel-flavours .swiper-container--products .swiper-slide img:not(.cell-badge){
  border-radius: 0px;
}
@media (min-width: 768px) {
  .carousel-flavours .swiper-container--products .swiper-slide{
    margin: auto;
  }
}
.carousel-flavours.hp-products-carousel .swiper-container--products{
  display: flex;
  height: 12rem;
  align-items: center;
  justify-content: center;
}
@media (min-width: 640px) {
  .carousel-flavours.hp-products-carousel .swiper-container--products{
    height: 19rem;
  }
}
@media (min-width: 960px) {
  .carousel-flavours.hp-products-carousel .swiper-container--products{
    height: 14.4rem;
  }
}
.carousel-flavours .swiper-wrapper{
  height: auto;
}
.carousel-flavours .swiper-slide{
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
  border-radius: 9999px;
  padding-top: 1.25rem;
  transform: scale(0.6) !important;
  opacity: 0.7;
  transition: transform 0.9s cubic-bezier(0.2, 0, 0.1, 1), opacity 0.9s cubic-bezier(0.2, 0, 0.1, 1);
  will-change: transform, opacity;
}
@media (min-width: 960px) {
  .carousel-flavours .swiper-slide{
    width: 15rem;
  }
  .carousel-flavours .swiper-slide{
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    transform: var(--tw-transform);
  }
  .carousel-flavours .swiper-slide{
    padding-top: 1.8rem;
  }
}
.carousel-flavours .swiper-slide .sensory{
  position: absolute;
  left: 0;
  bottom: -0.05rem;
  z-index: 30;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: opacity 0.9s cubic-bezier(0.2, 0, 0.1, 1);
  will-change: opacity;
}
.carousel-flavours .swiper-slide img:not(.cell-badge){
  border-radius: 9999px;
}
.carousel-flavours .swiper-slide .cell-badge{
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 40;
  height: 100%;
  width: 25%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform 0.9s cubic-bezier(0.2, 0, 0.1, 1), opacity 0.9s;
  will-change: transform, opacity;
  transition-delay: 0s;
  transform: translateX(-50%) translateY(24%);
}
.carousel-flavours .swiper-slide.swiper-slide-active {
  opacity: 1;
  transform: scale(0.7) !important;
}
@media (min-width: 960px) {
  .carousel-flavours .swiper-slide.swiper-slide-active{
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: var(--tw-transform);
  }
  .carousel-flavours .swiper-slide.swiper-slide-active {
    transform: scale(1);
  }
}
.carousel-flavours .swiper-slide.swiper-slide-active .cell-badge {
  transform: translateX(-50%) translateY(1%);
}
.carousel-flavours .swiper-slide.swiper-slide-active .sensory{
  bottom: -100%;
}
.carousel-flavours img{
  display: block;
  height: auto;
  width: 100%;
}
.carousel-flavours .slides-description{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
  display: flex;
  min-height: 5.5rem;
  width: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  text-align: center;
  transition: height 0.9s cubic-bezier(0.2, 0, 0.1, 1), max-height 0.15s ease-out;
  will-change: height;
  max-height: 500;
}
@media (min-width: 960px) {
  .carousel-flavours .slides-description{
    margin-left: auto;
    margin-right: auto;
  }
  .carousel-flavours .slides-description{
    margin-bottom: 2rem;
  }
}
.carousel-flavours .slides-description .slide-description{
  visibility: hidden;
  position: relative;
  z-index: 0;
  height: 0;
  width: 0;
  max-width: 17.5rem;
  opacity: 0;
  transition: opacity 0.9s cubic-bezier(0.2, 0, 0.1, 1);
  will-change: opacity;
  transition-delay: 0s;
}
.carousel-flavours .slides-description .slide-description h3{
  margin-bottom: 0;
  font-size: .8rem;
  font-weight: 700;
}
.carousel-flavours .slides-description .slide-description > :last-child{
  margin-bottom: 0;
}
.carousel-flavours .slides-description .slide-description.-active{
  visibility: visible;
  z-index: 10;
  display: block;
  height: auto;
  width: 100%;
}
.carousel-flavours .slides-description .slide-description.-animate {
  opacity: 1;
}
.carousel-full{
  margin-top: 0;
  margin-bottom: 0;
  min-height: 0;
}
.carousel-full .slides-description .slide-description h3{
  margin-bottom: .5rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
}

.swiper-button-prev, .swiper-button-next{
  transform-origin: center;
  display: none !important;
  transform: translateY(50%) scale(0.9);
}
.swiper-button-prev::after,
.swiper-button-next::after {
  content: "" !important;
}
@media (min-width: 960px) {
  .swiper-button-prev,
.swiper-button-next {
    display: block !important;
  }
}

.swiper-button-prev {
  left: 0 !important;
}

.swiper-button-next {
  right: 0 !important;
}

.how-it-works{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 960px) {
  .how-it-works{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .how-it-works .card__how:not(:last-of-type){
    margin-right: 3.5rem;
  }
}

.hero-full-width {
  position: relative;
}
.hero-full-width .hero-content {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.hero-full-width .hero-background img {
  width: 100%;
}

.hero-headline.narrow h1 {
  font-size: 1.4rem;
}
@media (min-width: 960px) {
  .hero-headline.narrow {
    padding: 3.5rem 10vw;
  }
  .hero-headline.narrow h1 {
    font-size: 2.5rem;
  }
}

.product__desc{
  max-width: 25rem;
}
.product__desc--650{
  width: 100%;
  max-width: 32.5rem;
}
.product__title{
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.45rem;
}
@media (min-width: 960px) {
  .product__title{
    font-size: 3.2rem;
  }
  .product__title{
    line-height: 3.6rem;
  }
}
.product__price{
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgba(0, 209, 210, var(--tw-text-opacity));
}

.js-carousel-product-images .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 0.6rem;
}
.js-carousel-product-images .swiper-pagination {
  position: static;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin: 0 auto;
}

.product-listing--row .plus-sign{
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.product-listing--img{
  width: 50%;
}
@media (min-width: 960px) {
  .product-listing--img{
    width: 7.2rem;
  }
}
.product-listing--img-device {
  height: 144px !important;
  width: auto !important;
}
.product-listing--info .colors-list{
  position: relative;
  left: -7rem;
  margin: 0;
  margin-top: 10%;
  margin-bottom: 10%;
  width: 80vw;
  padding: 0;
}
@media (min-width: 768px) {
  .product-listing--info .colors-list{
    left: -7rem;
  }
  .product-listing--info .colors-list{
    width: 75vw;
  }
}
@media (min-width: 960px) {
  .product-listing--info .colors-list{
    left: 0;
  }
  .product-listing--info .colors-list{
    float: none;
  }
  .product-listing--info .colors-list{
    margin-top: 1.25rem;
  }
  .product-listing--info .colors-list{
    margin-bottom: 0;
  }
  .product-listing--info .colors-list{
    width: auto;
  }
}
.product-listing--desc{
  padding-right: .5rem;
}
.product-listing--row-full .colors-list{
  position: relative;
  left: -4rem;
  margin: 0;
  margin-top: 2.25rem;
  margin-bottom: 10%;
  width: 80vw;
  padding: 0;
}
@media (min-width: 768px) {
  .product-listing--row-full .colors-list{
    left: -5rem;
  }
  .product-listing--row-full .colors-list{
    width: 75vw;
  }
}
@media (min-width: 960px) {
  .product-listing--row-full .colors-list{
    left: 0;
  }
  .product-listing--row-full .colors-list{
    float: none;
  }
  .product-listing--row-full .colors-list{
    margin-top: 1.25rem;
  }
  .product-listing--row-full .colors-list{
    margin-bottom: 0;
  }
  .product-listing--row-full .colors-list{
    width: auto;
  }
}
.product-listing--price{
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.4rem;
}
@media (min-width: 960px) {
  .product-listing--price{
    margin-right: 3rem;
  }
}
.product-listing--price small{
  font-weight: 400;
}

.myaccount .products-listing .product-listing--row .product-listing__img-wrapper img{
  max-height: 5.5rem;
  max-width: 5.5rem;
}
.myaccount .products-listing .product-listing--row .product-listing--info .product-listing--desc{
  margin-top: .5rem;
}
@media (min-width: 960px) {
  .myaccount .products-listing .product-listing--row .product-listing--info .product-listing--desc{
    margin-top: .9rem;
  }
}

.colors-list b:before{
  position: absolute;
  top: 0;
  left: 50%;
  display: none;
  height: 100%;
  width: .15rem;
  --tw-bg-opacity: 1;
  background-color: rgba(246, 244, 240, var(--tw-bg-opacity));
  content: "";
  transform: translateX(-50%) rotate(-45deg);
}
.colors-list input:disabled + b:before{
  display: block;
}

.product-listing-cart {
  grid-template-columns: 1fr 3fr;
  display: grid;
  row-gap: 1.25rem;
  padding: 1rem;
}

@media (min-width: 960px){
  .product-listing-cart{
    row-gap: .75rem;
  }
  .product-listing-cart{
    padding-left: 0;
    padding-right: 0;
  }
  .product-listing-cart{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.content-wrapper .product-listing-cart{
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
@media (min-width: 960px){
  .content-wrapper .product-listing-cart{
    margin-left: 0;
    margin-right: 0;
  }
}
.product-listing-cart__img img{
  margin-left: auto;
  margin-right: auto;
  max-height: 11.2rem;
}
@media (min-width: 768px){
  .product-listing-cart__col-img{
    grid-row: span 2 / span 2;
  }
  .product-listing-cart--sticks .product-listing-cart__col-img{
    grid-row: auto;
  }
}
.product-listing-cart__col-tp{
  align-self: center;
}
.product-listing-cart__col-qty{
  grid-column: span 2 / span 2;
}
@media (min-width: 768px){
  .product-listing-cart__col-qty{
    grid-column: auto;
  }
}

.btn--add-product{
  display: flex;
  height: 4rem;
  align-items: center;
  justify-content: center;
}

.btn--add-product > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(.5rem * var(--tw-space-x-reverse));
  margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.btn--add-product{
  --tw-bg-opacity: 1;
  background-color: rgba(246, 244, 240, var(--tw-bg-opacity));
  padding: 1rem;
  text-decoration: underline;
  border-width: 1px !important;
  border-style: dashed !important;
  --tw-border-opacity: 1 !important;
  border-color: rgba(153, 151, 157, var(--tw-border-opacity)) !important;
}
.btn--add-product:hover .icon--plus {
  transform: scale(1.3);
}

.tooltip-info-ad{
  pointer-events: none;
  position: absolute;
  bottom: 95%;
  left: 50%;
  width: 100%;
  max-width: 16rem;
  --tw-translate-x: -50%;
  transform: var(--tw-transform);
  transform: var(--tw-transform);
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding: 1rem;
  padding-right: 3rem;
  text-align: left;
  opacity: 0;
  --tw-shadow: 0 2px 10px rgba(52, 48, 61, 0.2);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 768px){
  .tooltip-info-ad{
    padding: 1.5rem;
  }
  .tooltip-info-ad{
    padding-right: 3.75rem;
  }
}
.tooltip-info-ad.active{
  pointer-events: auto;
  bottom: 100%;
  opacity: 1;
}

.box{
  max-width: 22.4rem;
}
.box__yellow{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 208, 64, var(--tw-bg-opacity));
  padding: 1rem;
}

.product__flex{
  display: flex;
  justify-content: space-between;
  gap: .5rem;
}

.product__rata{
  font-size: 1rem;
  font-weight: 700;
}

@media (min-width: 768px){
  .product__rata{
    font-size: 1.2rem;
  }
}

.bullet-price{
  display: flex;
  height: 50px;
  width: 50px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(227, 129, 59, var(--tw-bg-opacity));
  font-size: .6rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

@media (min-width: 768px){
  .bullet-price{
    height: 58px;
  }
  .bullet-price{
    width: 58px;
  }
  .bullet-price{
    font-size: .7rem;
  }
}
.bullet-price--abs{
  position: absolute;
  top: 0;
  right: 0;
  --tw-translate-x: 40%;
  transform: var(--tw-transform);
  --tw-translate-y: -40%;
  transform: var(--tw-transform);
}
.bullet-price--inductie--abs-right{
  position: absolute;
  top: 75%;
  right: 5%;
}
@media (min-width: 768px){
  .bullet-price--inductie--abs-right{
    top: 43%;
  }
  .bullet-price--inductie--abs-right{
    right: 0;
  }
}
.bullet-price--inductie--abs-left{
  position: absolute;
  top: 75%;
  left: 5%;
}
@media (min-width: 768px){
  .bullet-price--inductie--abs-left{
    top: 43%;
  }
  .bullet-price--inductie--abs-left{
    left: 0;
  }
}
.bullet-price--inductie--abs-center{
  position: absolute;
  top: 75%;
  left: 50%;
  --tw-translate-x: -50%;
  transform: var(--tw-transform);
}
@media (min-width: 768px){
  .bullet-price--inductie--abs-center{
    top: 43%;
  }
  .bullet-price--inductie--abs-center{
    left: 40%;
  }
}

.accordion{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  max-width: 40rem;
}
@media (min-width: 960px) {
  .accordion{
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
}
.accordion-content-wrapper{
  display: flex;
  flex-direction: column;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(185, 184, 188, var(--tw-border-opacity));
}
.accordion-content-wrapper.active{
  opacity: 1;
}
.accordion-content-wrapper.active .accordion-btn b::before{
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scaleY(-1);
}
.accordion-content-wrapper.active .accordion-content{
  max-height: 100vh;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.accordion .accordion-btn{
  margin-right: -1.6rem;
  display: flex;
  cursor: pointer;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  border-style: none;
  background-image: none;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-right: 2.4rem;
  text-align: left;
  font-size: .9rem;
  font-weight: 700;
  line-height: 1.125rem;
  line-height: 1.23;
}
.accordion .accordion-btn b{
  pointer-events: none;
  position: relative;
  margin-left: 1.6rem;
  height: 1.6rem;
  width: 1.6rem;
  flex-shrink: 0;
  overflow: hidden;
  border-style: none;
}
.accordion .accordion-btn b::before{
  position: absolute;
  right: auto;
  bottom: auto;
  left: 50%;
  top: 50%;
  height: 1rem;
  width: 1rem;
  transform-origin: center;
  content: "";
  background-image: url(../../../assets/images/icons/chevron-up-small.svg);
  transform: translate(-50%, -50%);
  transition: transform 0.5s cubic-bezier(0.2, 0, 0.1, 1);
  will-change: transform;
}
.accordion-content{
  margin-left: -1.6rem;
  margin-right: -1.6rem;
  max-height: 0;
  overflow: hidden;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  will-change: max-height;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 960px) {
  .accordion-content{
    padding-right: 10%;
  }
}
.accordion-content ol{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.accordion-content li{
  list-style-position: inside;
  list-style-type: decimal;
}

.accordion--js{
  width: 100%;
}

.collapsible {
  max-height: 0px;
  overflow: hidden;
  transition: all 0.5s ease;
}
.collapsible.open {
  max-height: 900px;
}

.flow-page.myaccount .column-copy{
  margin-bottom: auto;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 960px) {
  .flow-page.myaccount .column-copy{
    padding-left: 0;
    padding-right: 0;
  }
}
.flow-page.myaccount .column-carousel{
  width: 100%;
}
.flow-page.myaccount .carousel-flavours{
  margin-top: 0;
  min-height: 0;
}
.flow-page.myaccount .carousel-flavours .swiper-container--products, .flow-page.myaccount .carousel-flavours .swiper-container--heets{
  display: flex;
  height: 12rem;
  align-items: center;
  justify-content: center;
}
@media (min-width: 640px) {
  .flow-page.myaccount .carousel-flavours .swiper-container--products, .flow-page.myaccount .carousel-flavours .swiper-container--heets{
    height: 15rem;
  }
}
@media (min-width: 960px) {
  .flow-page.myaccount .carousel-flavours .swiper-container--products, .flow-page.myaccount .carousel-flavours .swiper-container--heets{
    margin-left: 0;
    margin-right: 0;
  }
  .flow-page.myaccount .carousel-flavours .swiper-container--products, .flow-page.myaccount .carousel-flavours .swiper-container--heets{
    height: 12.8rem;
  }
}
.flow-page.myaccount .carousel-flavours .swiper-container--products .swiper-button-prev,
.flow-page.myaccount .carousel-flavours .swiper-container--heets .swiper-button-prev {
  left: -9px !important;
}
.flow-page.myaccount .carousel-flavours .swiper-container--products .swiper-button-prev__turquoise,
.flow-page.myaccount .carousel-flavours .swiper-container--heets .swiper-button-prev__turquoise {
  left: 0 !important;
}
.flow-page.myaccount .carousel-flavours .swiper-container--products .swiper-button-next,
.flow-page.myaccount .carousel-flavours .swiper-container--heets .swiper-button-next {
  right: -9px !important;
}
.flow-page.myaccount .carousel-flavours .swiper-container--products .swiper-button-next__turquoise,
.flow-page.myaccount .carousel-flavours .swiper-container--heets .swiper-button-next__turquoise {
  right: 0 !important;
}
.flow-page.myaccount .carousel-flavours .swiper-slide {
  transform: scale(0.6) !important;
}
.flow-page.myaccount .carousel-flavours .swiper-slide.swiper-slide-active {
  transform: scale(0.7) !important;
}
.flow-page.myaccount .carousel-flavours .swiper-slide .cell-badge{
  height: auto;
}
.flow-page.myaccount .carousel-flavours .swiper-container--products{
  height: 15rem;
}
@media (min-width: 960px) {
  .flow-page.myaccount .carousel-flavours .swiper-container--products{
    height: 12.8rem;
  }
}
.flow-page.myaccount .carousel-flavours .swiper-container--products .swiper-slide {
  transform: scale(0.5) !important;
  max-width: 209px;
}
.flow-page.myaccount .carousel-flavours .swiper-container--products .swiper-slide.swiper-slide-active {
  transform: scale(0.6) !important;
}

.row-abonamentele-mele .carousel-flavours .swiper-slide {
  transform: scale(0.6) !important;
}
.row-abonamentele-mele .carousel-flavours .swiper-slide-active {
  transform: scale(0.7) !important;
}

.js-carousel-product-images .swiper-slide img{
  max-width: 12rem;
}
@media (min-width: 768px) {
  .js-carousel-product-images .swiper-slide img{
    max-width: 16rem;
  }
}
.js-carousel-product-images.pdp-carousel--devices .swiper-slide img{
  max-width: 7rem;
}
@media (min-width: 768px) {
  .js-carousel-product-images.pdp-carousel--devices .swiper-slide img{
    max-width: 16rem;
  }
}

.content-wrapper--full--inner .carousel-flavours .devices-carousel{
  display: flex;
  height: 200px;
  --tw-scale-x: 1.4;
  --tw-scale-y: 1.4;
  transform: var(--tw-transform);
  align-items: center;
}
@media (min-width: 640px) {
  .content-wrapper--full--inner .carousel-flavours .devices-carousel{
    margin-top: auto;
    margin-bottom: auto;
  }
  .content-wrapper--full--inner .carousel-flavours .devices-carousel{
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: var(--tw-transform);
  }
}
@media (min-width: 1024px) {
  .content-wrapper--full--inner .carousel-flavours .devices-carousel{
    height: 230px;
  }
}
@media (min-width: 1280px) {
  .content-wrapper--full--inner .carousel-flavours .devices-carousel{
    height: 300px;
  }
}
.content-wrapper--full--inner .carousel-flavours .devices-carousel .swiper-slide{
  --tw-scale-x: 0.9 !important;
  --tw-scale-y: 0.9 !important;
  transform: var(--tw-transform) !important;
  padding-top: 0 !important;
}
@media (min-width: 640px) {
  .content-wrapper--full--inner .carousel-flavours .devices-carousel .swiper-slide{
    --tw-scale-x: 0.5 !important;
    --tw-scale-y: 0.5 !important;
    transform: var(--tw-transform) !important;
  }
}
.content-wrapper--full--inner .carousel-flavours .devices-carousel .swiper-slide.swiper-slide-active{
  --tw-scale-x: 1.2 !important;
  --tw-scale-y: 1.2 !important;
  transform: var(--tw-transform) !important;
}
@media (min-width: 640px) {
  .content-wrapper--full--inner .carousel-flavours .devices-carousel .swiper-slide.swiper-slide-active{
    --tw-scale-x: 0.8 !important;
    --tw-scale-y: 0.8 !important;
    transform: var(--tw-transform) !important;
  }
}
.content-wrapper--full--inner .carousel-flavours .devices-carousel ~ .swiper-button-prev, .content-wrapper--full--inner .carousel-flavours .devices-carousel ~ .swiper-button-next{
  top: 40% !important;
}
.content-wrapper--full--inner .carousel-flavours .devices-carousel ~ .swiper-button-next{
  right: 5% !important;
}
.content-wrapper--full--inner .carousel-flavours .devices-carousel ~ .swiper-button-prev{
  left: 5% !important;
}
.content-wrapper--full--inner .carousel-flavours .devices-carousel ~ .slides-description{
  margin-bottom: 1rem;
}

/* purgecss start ignore */
.mfp-bg{
  --tw-bg-opacity: 1;
  background-color: rgba(82, 78, 89, var(--tw-bg-opacity));
  opacity: 0.75;
}

.mfp-bg-white{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  opacity: 1;
}

.mfp-iframe-holder .mfp-close{
  position: absolute;
  top: -2rem;
  right: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: 0;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
@media (min-width: 768px) {
  .mfp-iframe-holder .mfp-close{
    top: -2rem;
  }
  .mfp-iframe-holder .mfp-close{
    right: 0;
  }
}

/* purgecss end ignore */
.popup{
  position: fixed;
  z-index: 999;
  display: flex;
  display: none;
  height: 100vh;
  width: 100vw;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  text-align: center;
}
.popup.active{
  display: flex !important;
      animation-duration: 0.6s !important;
      animation-fill-mode: both !important;
      animation-name: fadeIn !important;
}
.popup__close{
  position: absolute;
  top: .5rem;
  right: .5rem;
}
@media (min-width: 768px) {
  .popup__close{
    top: 1rem;
  }
  .popup__close{
    right: 1rem;
  }
}
.popup__content{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  width: 100%;
  max-width: 16rem;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media (min-width: 960px) {
  .popup__content{
    max-width: 43.3rem;
  }
}
.popup__images{
  position: relative;
}
.popup__text{
  margin-bottom: 1rem;
  width: 100%;
  text-align: left;
}
.popup__text__title{
  font-size: 1.4rem;
  font-weight: 700;
}
.popup__text__content{
  margin-top: 1rem;
}
.popup__actions{
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  align-items: center;
}
@media (min-width: 960px) {
  .popup__actions{
    flex-direction: row;
  }
  .popup__actions{
    justify-content: flex-start;
  }
}
.popup__actions .btn, .popup__actions .ui_558574, .popup__actions .ui_517427, .popup__actions .ui_464917, .popup__actions .inputfile + label{
  margin-top: .5rem;
  margin-bottom: .5rem;
  width: auto;
}
@media (min-width: 640px) {
  .popup__actions{
    display: flex;
  }
  .popup__actions{
    width: 100%;
  }
  .popup__actions{
    justify-content: flex-start;
  }
  .popup__actions .btn, .popup__actions .ui_558574, .popup__actions .ui_517427, .popup__actions .ui_464917, .popup__actions .inputfile + label{
    margin-top: .5rem;
    margin-bottom: .5rem;
  }
  .popup__actions .btn, .popup__actions .ui_558574, .popup__actions .ui_517427, .popup__actions .ui_464917, .popup__actions .inputfile + label{
    margin-right: 1rem;
  }
  .popup__actions .btn, .popup__actions .ui_558574, .popup__actions .ui_517427, .popup__actions .ui_464917, .popup__actions .inputfile + label{
    width: auto;
  }
}

.popup-custom{
  position: relative;
  padding-left: .25rem;
  padding-right: .25rem;
  padding-top: 2rem;
  padding-bottom: .4rem;
}
.popup-custom .popup__close{
  position: fixed;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.popup-small{
  margin-left: auto;
  margin-right: auto;
  max-width: 28.8rem;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  text-align: center;
}
/**
 * Fade-move animation for second dialog
 */
/* purgecss start ignore */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog, .my-mfp-slide-bottom-2 .zoom-anim-dialog {
  opacity: 0;
  transition: all 0.2s ease-out;
  transform: translateY(-20px) perspective(600px) rotateX(10deg);
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog, .my-mfp-slide-bottom-2.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  transform: translateY(0) perspective(600px) rotateX(0);
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog, .my-mfp-slide-bottom-2.mfp-removing .zoom-anim-dialog {
  opacity: 0;
  transform: translateY(-10px) perspective(600px) rotateX(10deg);
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg, .my-mfp-slide-bottom-2.mfp-bg {
  opacity: 0;
  transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg, .my-mfp-slide-bottom-2.mfp-ready.mfp-bg{
  opacity: 0.75;
}
.my-mfp-slide-bottom.mfp-ready.mfp-bg.mfp-bg-white, .my-mfp-slide-bottom-2.mfp-ready.mfp-bg.mfp-bg-white{
  opacity: 1;
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg, .my-mfp-slide-bottom-2.mfp-removing.mfp-bg{
  opacity: 0;
}

/* purgecss end ignore */
.icon{
  position: relative;
  z-index: 10;
  display: inline-block;
  vertical-align: middle;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.icon--sm, .icon--card{
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.icon--card{
  height: 2.5rem;
  width: 2.5rem;
  background-image: url(../images/icons/icons-pictogram-card.svg);
}
.icon--close, .mfp-iframe-holder .mfp-close, .popup__close{
  height: 2rem;
  width: 2rem;
  transform: var(--tw-transform);
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  background-image: url(../images/icons/icons-functional-close.svg);
}
.icon--close:hover, .mfp-iframe-holder .mfp-close:hover, .popup__close:hover {
  transform: rotate(180deg) scale(1.4);
}
.icon--success, .list-success li:before{
  height: 1.6rem;
  width: 1.6rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/icons/icons-pictogram-succes.svg);
}
.icon--plus{
  height: .75rem;
  width: .75rem;
  transform: var(--tw-transform);
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  background-image: url(../images/icons/icons-functional-plus.svg);
}
.icon--info{
  height: .7rem;
  width: .7rem;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/icons/icon-info.svg);
}

.close {
  background-image: url(../images/icons/icons-functional-close.svg);
}
.close:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.icon-color-heets{
  display: block;
  height: 1rem;
  width: 1rem;
  border-radius: 9999px;
}

.ui-widget-header .ui-icon {
  background-image: url(../images/icons/ui-icons_444444_256x240.png);
}

.ui-icon, .ui-widget-content .ui-icon {
  background-image: url(../images/icons/ui-icons_444444_256x240.png);
}

.ui-datepicker .ui-datepicker-title select{
  margin-left: .1rem;
  margin-right: .1rem;
  height: 1.25rem;
}

#datepicker-change-date .ui-widget.ui-widget-content{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
}
@media (min-width: 768px) {
  #datepicker-change-date .ui-widget.ui-widget-content {
    min-width: 400px;
  }
}
#datepicker-change-date .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all{
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
#datepicker-change-date .ui-datepicker .ui-datepicker-title select{
  font-size: .6rem;
}
@media (min-width: 768px) {
  #datepicker-change-date .ui-datepicker .ui-datepicker-title select{
    font-size: .8rem;
  }
}
#datepicker-change-date .ui-state-default, #datepicker-change-date .ui-widget-content .ui-state-default{
  width: 1.8rem;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  text-align: center;
}
#datepicker-change-date .ui-state-default.ui-priority-secondary.ui-state-hover{
  margin: 0;
  padding: 0;
}
#datepicker-change-date .ui-datepicker select.ui-datepicker-month, #datepicker-change-date .ui-datepicker select.ui-datepicker-year{
  width: auto;
}
#datepicker-change-date .ui-widget-content .ui-state-default{
  display: flex;
  height: 1.75rem;
  width: 1.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.125rem;
}
@media (min-width: 768px) {
  #datepicker-change-date .ui-widget-content .ui-state-default{
    width: 2.5rem;
  }
}
#datepicker-change-date .ui-state-default.ui-state-active{
  width: 1.8rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(52, 48, 61, var(--tw-text-opacity));
}
@media (min-width: 768px) {
  #datepicker-change-date .ui-state-default{
    width: 1.8rem;
  }
  #datepicker-change-date .ui-state-default {
    width: 36px !important;
  }
}
#datepicker-change-date .ui-datepicker-today .ui-state-default.ui-state-highlight{
  --tw-text-opacity: 1;
  color: rgba(0, 209, 210, var(--tw-text-opacity));
}
#datepicker-change-date .ui-datepicker-today .ui-state-default.ui-state-active{
  --tw-text-opacity: 1;
  color: rgba(52, 48, 61, var(--tw-text-opacity));
}

.list-success{
  margin-bottom: 1.5rem;
  text-align: left;
}
.list-success li{
  position: relative;
  margin: 0;
  margin-bottom: 1rem;
  padding-left: 1.9rem;
}
.list-success li:before{
  position: absolute;
  left: 0;
  top: 0;
      content: "";
}

.alert{
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgba(246, 244, 240, var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 1.5rem;
  padding-left: 3.5rem;
  text-align: left;
  font-size: .7rem;
}
.alert:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 3.5rem;
  background-repeat: no-repeat;
  background-position: center 20px;
}
.alert.alert--info:after {
  background-image: url(../images/icons/icons-pictogram-info.svg);
}
.alert.alert--error:after {
  background-image: url(../images/icons/icons-pictogram-error.svg);
}
.alert.alert--success:after {
  background-image: url(../images/icons/icons-pictogram-success.svg);
}

div.toast-container-revamp .toast:before {
  background-image: url(../images/icons/icons-pictogram-info.svg);
}
div.toast-container-revamp .toast.alert-error:before {
  background-image: url(../images/icons/icons-pictogram-error.svg);
}
div.toast-container-revamp .toast.alert-success:before {
  background-image: url(../images/icons/icons-pictogram-success.svg);
}
div.toast-container-revamp .toast.alert-warning:before {
  background-image: url(../images/icons/icons-pictogram-error.svg);
}

.video-tutorials__grid{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: .5rem;
}
@media (min-width: 768px) {
  .video-tutorials__grid{
    justify-content: space-between;
  }
}
@media (min-width: 1024px) {
  .video-tutorials__grid{
    justify-content: flex-start;
  }
}
.video-tutorials__box{
  margin-bottom: .6rem;
  width: 15rem;
}
@media (min-width: 1024px) {
  .video-tutorials__box{
    margin-right: .5rem;
  }
  .video-tutorials__box{
    width: 15rem;
  }
  .video-tutorials__box{
    padding-right: .6rem;
  }
}
.video-tutorials__popup--poster{
  position: relative;
}
.video-tutorials__popup--poster .btn-play{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 2.4rem;
  width: 2.4rem;
  cursor: pointer;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 253, 251, var(--tw-bg-opacity));
  transition: background 0.3s;
}
.video-tutorials__popup--poster .btn-play:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity));
}
.video-tutorials__popup--poster .btn-play .ico{
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  --tw-text-opacity: 1;
  color: rgba(52, 48, 61, var(--tw-text-opacity));
  transform: translateX(-28%) translateY(-50%) rotate(90deg);
}
.video-tutorials__popup--poster .btn-play .ico .t{
  pointer-events: none;
  position: relative;
  display: block;
  height: 1rem;
  width: 1rem;
  overflow: hidden;
  transform: translateY(50%) rotate(30deg) skewY(30deg) scaleX(0.866);
  border-radius: 20%;
}
.video-tutorials__popup--poster .btn-play .ico .t::before, .video-tutorials__popup--poster .btn-play .ico .t::after{
  pointer-events: auto;
  position: absolute;
  height: 1rem;
  width: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgba(82, 78, 89, var(--tw-bg-opacity));
      content: "";
}
.video-tutorials__popup--poster .btn-play .ico .t::before {
  transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%) skewX(30deg) scaleY(0.866) translateX(-24%);
  border-radius: 20% 20% 20% 55%;
}
.video-tutorials__popup--poster .btn-play .ico .t::after {
  transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%) skewX(-30deg) scaleY(0.866) translateX(24%);
  border-radius: 20% 20% 55% 20%;
}
.video-tutorials__popup--title{
  padding-top: 1.2rem;
  text-align: center;
  font-size: .8rem;
  font-weight: 700;
  transition: all 0.3s ease-in-out;
}
.video-tutorials__box:hover .video-tutorials__popup--title{
  --tw-text-opacity: 1;
  color: rgba(0, 209, 210, var(--tw-text-opacity));
}

@media only screen and (min-width: 960px) and (max-width: 1023px) {
  .videos-page .blk-grid .blk-grid-col.-w-11\@desktop {
    grid-column-end: span 12;
    margin-top: 1rem;
  }

  .video-tutorials__box {
    width: 14rem;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1024px) {
  .videos-page .blk-grid .blk-grid-col.-w-11\@desktop {
    grid-column-end: span 8;
    margin-top: 1rem;
  }

  .video-tutorials__box {
    width: 14rem;
  }
}
.section-banner {
  overflow: hidden;
  position: relative;
}
.section-banner__inner {
  flex-direction: column;
}
.section-banner .banner-image {
  min-width: 281px;
  display: flex;
  justify-content: center;
  margin-bottom: -100px;
}
.section-banner .banner-button{
  text-align: center;
}
@media screen and (min-width: 700px) {
  .section-banner__inner {
    flex-direction: row;
  }
  .section-banner .banner-text{
    padding-right: 1.75rem;
  }
  .section-banner .banner-text {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }
  .section-banner .banner-button{
    text-align: left;
  }
  .section-banner .banner-image {
    margin-bottom: 0;
    align-items: center;
  }
  .section-banner .banner-image picture {
    position: relative;
  }
}
@media (min-width: 768px) {
  .section-banner .banner-image picture {
    position: absolute;
  }
}
@media (min-width: 960px) {
  .section-banner .banner-text {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }
  .section-banner .banner-image {
    align-items: center;
  }
  .section-banner .banner-image picture {
    position: relative;
  }
}
@media screen and (min-width: 1150px) {
  .section-banner .banner-text {
    justify-content: space-around;
  }
  .section-banner .banner-image {
    align-items: flex-start;
  }
  .section-banner .banner-image picture {
    position: absolute;
  }
}

.cookie-notice{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgba(52, 48, 61, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(246, 244, 240, var(--tw-text-opacity));
}
.cookie-notice p{
  margin: 0;
}
.cookie-notice__col{
  display: flex;
  align-items: center;
}
.cookie-notice__text{
  margin-bottom: 1.75rem;
  font-size: .6rem;
  font-weight: 400;
}
@media (min-width: 960px) {
  .cookie-notice__text{
    margin-bottom: 0;
  }
  .cookie-notice__text{
    padding-right: 2rem;
  }
  .cookie-notice__text{
    padding-left: 0;
  }
}
.cookie-notice__actions{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
@media (min-width: 960px) {
  .cookie-notice__actions{
    flex-direction: row;
  }
  .cookie-notice__actions{
    align-items: center;
  }
  .cookie-notice__actions{
    text-align: center;
  }
}
.cookie-notice .link, .cookie-notice .page-main p a:not([class]), .page-main p .cookie-notice a:not([class]){
  font-size: .6rem;
}
.cookie-notice .link:hover, .cookie-notice .page-main p a:hover:not([class]), .page-main p .cookie-notice a:hover:not([class]){
  --tw-text-opacity: 1;
  color: rgba(255, 253, 251, var(--tw-text-opacity));
}

.popup-cookie-manage .popup__content{
  text-align: left;
}
.popup-cookie-manage p, .popup-cookie-manage .checkbox{
  margin-bottom: .3rem;
}

.popup-cookie-manage .checkbox, .popup-cookie-manage .radio{
  position: relative;
  margin: 0;
  margin-bottom: .1rem;
  display: inline-block;
  text-align: left;
}
.popup-cookie-manage .checkbox input[type=checkbox], .popup-cookie-manage .checkbox input[type=radio], .popup-cookie-manage .radio input[type=checkbox], .popup-cookie-manage .radio input[type=radio]{
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  width: auto;
  opacity: 0;
}
.popup-cookie-manage .checkbox input[type=checkbox] + label, .popup-cookie-manage .checkbox input[type=radio] + label, .popup-cookie-manage .radio input[type=checkbox] + label, .popup-cookie-manage .radio input[type=radio] + label{
  position: relative;
  margin-bottom: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding-left: 1.5rem;
  padding-top: 0;
}
.popup-cookie-manage .checkbox input[type=checkbox] + label:after, .popup-cookie-manage .checkbox input[type=checkbox] + label:before, .popup-cookie-manage .checkbox input[type=radio] + label:after, .popup-cookie-manage .checkbox input[type=radio] + label:before, .popup-cookie-manage .radio input[type=checkbox] + label:after, .popup-cookie-manage .radio input[type=checkbox] + label:before, .popup-cookie-manage .radio input[type=radio] + label:after, .popup-cookie-manage .radio input[type=radio] + label:before{
  position: absolute;
  left: 0;
  top: .15rem;
  height: 1rem;
  width: 1rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(52, 48, 61, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 253, 251, var(--tw-bg-opacity));
  background-position: center;
  background-repeat: no-repeat;
      content: "";
      transition: all 0.3s ease;
  border-radius: 3px;
}
.popup-cookie-manage .checkbox input[type=checkbox] + label:before, .popup-cookie-manage .checkbox input[type=radio] + label:before, .popup-cookie-manage .radio input[type=checkbox] + label:before, .popup-cookie-manage .radio input[type=radio] + label:before{
  opacity: 0;
}
.popup-cookie-manage .checkbox input[type=checkbox] + label a:hover, .popup-cookie-manage .checkbox input[type=radio] + label a:hover, .popup-cookie-manage .radio input[type=checkbox] + label a:hover, .popup-cookie-manage .radio input[type=radio] + label a:hover{
  text-decoration: none;
}
.popup-cookie-manage .checkbox input[type=checkbox] + label p, .popup-cookie-manage .checkbox input[type=radio] + label p, .popup-cookie-manage .radio input[type=checkbox] + label p, .popup-cookie-manage .radio input[type=radio] + label p{
  padding-left: 1.5rem;
}
.popup-cookie-manage .checkbox input[type=checkbox]:checked + label:after, .popup-cookie-manage .radio input[type=checkbox]:checked + label:after{
  height: 1rem;
  width: 1rem;
  --tw-border-opacity: 1;
  border-color: rgba(52, 48, 61, var(--tw-border-opacity));
}
.popup-cookie-manage .checkbox--middle input[type=checkbox], .popup-cookie-manage .checkbox--middle input[type=radio], .popup-cookie-manage .radio--middle input[type=checkbox], .popup-cookie-manage .radio--middle input[type=radio]{
  top: 50% !important;
  --tw-translate-y: -2.5rem !important;
  transform: var(--tw-transform) !important;
}
.popup-cookie-manage .checkbox--middle input[type=checkbox] + label:after, .popup-cookie-manage .checkbox--middle input[type=checkbox] + label:before, .popup-cookie-manage .checkbox--middle input[type=radio] + label:after, .popup-cookie-manage .checkbox--middle input[type=radio] + label:before, .popup-cookie-manage .radio--middle input[type=checkbox] + label:after, .popup-cookie-manage .radio--middle input[type=checkbox] + label:before, .popup-cookie-manage .radio--middle input[type=radio] + label:after, .popup-cookie-manage .radio--middle input[type=radio] + label:before{
  top: 50% !important;
  --tw-translate-y: -2.5rem !important;
  transform: var(--tw-transform) !important;
}
.popup-cookie-manage .checkbox.error, .popup-cookie-manage .checkbox.has-error, .has-error .popup-cookie-manage .checkbox, .popup-cookie-manage .radio.error, .popup-cookie-manage .radio.has-error, .has-error .popup-cookie-manage .radio{
  --tw-text-opacity: 1;
  color: rgba(219, 54, 36, var(--tw-text-opacity));
}
.popup-cookie-manage .checkbox.error input[type=checkbox] + label, .popup-cookie-manage .checkbox.error input[type=radio] + label, .popup-cookie-manage .checkbox.has-error input[type=checkbox] + label, .popup-cookie-manage .checkbox.has-error input[type=radio] + label, .has-error .popup-cookie-manage .checkbox input[type=checkbox] + label, .has-error .popup-cookie-manage .checkbox input[type=radio] + label, .popup-cookie-manage .radio.error input[type=checkbox] + label, .popup-cookie-manage .radio.error input[type=radio] + label, .popup-cookie-manage .radio.has-error input[type=checkbox] + label, .popup-cookie-manage .radio.has-error input[type=radio] + label, .has-error .popup-cookie-manage .radio input[type=checkbox] + label, .has-error .popup-cookie-manage .radio input[type=radio] + label{
  --tw-text-opacity: 1;
  color: rgba(219, 54, 36, var(--tw-text-opacity));
}
.popup-cookie-manage .checkbox.error input[type=checkbox] + label:after, .popup-cookie-manage .checkbox.error input[type=radio] + label:after, .popup-cookie-manage .checkbox.has-error input[type=checkbox] + label:after, .popup-cookie-manage .checkbox.has-error input[type=radio] + label:after, .has-error .popup-cookie-manage .checkbox input[type=checkbox] + label:after, .has-error .popup-cookie-manage .checkbox input[type=radio] + label:after, .popup-cookie-manage .radio.error input[type=checkbox] + label:after, .popup-cookie-manage .radio.error input[type=radio] + label:after, .popup-cookie-manage .radio.has-error input[type=checkbox] + label:after, .popup-cookie-manage .radio.has-error input[type=radio] + label:after, .has-error .popup-cookie-manage .radio input[type=checkbox] + label:after, .has-error .popup-cookie-manage .radio input[type=radio] + label:after{
  --tw-border-opacity: 1;
  border-color: rgba(219, 54, 36, var(--tw-border-opacity));
}
.popup-cookie-manage .checkbox.error a, .popup-cookie-manage .checkbox.has-error a, .has-error .popup-cookie-manage .checkbox a, .popup-cookie-manage .radio.error a, .popup-cookie-manage .radio.has-error a, .has-error .popup-cookie-manage .radio a{
  --tw-text-opacity: 1;
  color: rgba(219, 54, 36, var(--tw-text-opacity));
}
.popup-cookie-manage .checkbox input[type=checkbox]:checked + label:after{
  --tw-bg-opacity: 1;
  background-color: rgba(52, 48, 61, var(--tw-bg-opacity));
  background-image: url(../images/icons/icons-functional-check.svg);
  background-size: 80% auto;
}
.popup-cookie-manage .checkbox--normal input[type=checkbox], .popup-cookie-manage .checkbox--normal input[type=radio]{
  top: .05rem;
}
.popup-cookie-manage .checkbox--normal label:before, .popup-cookie-manage .checkbox--normal label:after{
  top: .05rem !important;
}

.form-select{
  pointer-events: auto;
}

.container-dropdown .label-desc{
  padding-right: 1.75rem;
}

.container-colors--products.form-label.is-dropdown .select2-container .select2-results__options .select2-results__option{
  padding-left: 2.5rem !important;
}
.container-colors--products .select2-results__option:before{
  left: .8rem;
  top: .9rem;
}
.container-colors--products .select2-selection__rendered{
  padding-left: 2rem !important;
}
.container-colors--products .select2-selection__rendered:before{
  left: .4rem;
  top: 50%;
  --tw-translate-y: -50%;
  transform: var(--tw-transform);
  transform: var(--tw-transform);
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=ruby-fuse]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*="Ruby Fuse"]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=ruby-fuse]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*="Ruby Fuse"]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=ruby-fuse]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*="Ruby Fuse"]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=ruby-fuse]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*="Ruby Fuse"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=ruby-fuse]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*="Ruby Fuse"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=ruby-fuse]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*="Ruby Fuse"]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=ruby-fuse]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*="Ruby Fuse"]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=ruby-fuse]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*="Ruby Fuse"]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=ruby-fuse]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*="Ruby Fuse"]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=ruby-fuse]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*="Ruby Fuse"]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=ruby-fuse]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*="Ruby Fuse"]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=ruby-fuse]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*="Ruby Fuse"]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(182, 13, 59, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=abora]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*=Abora]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=abora]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*=Abora]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=abora]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*=Abora]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=abora]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*=Abora]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=abora]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*=Abora]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=abora]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*=Abora]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=abora]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*=Abora]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=abora]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*=Abora]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=abora]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*=Abora]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=abora]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*=Abora]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=abora]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*=Abora]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=abora]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*=Abora]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(53, 170, 36, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=amelia]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*=Amelia]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=amelia]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*=Amelia]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=amelia]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*=Amelia]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=amelia]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*=Amelia]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=amelia]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*=Amelia]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=amelia]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*=Amelia]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=amelia]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*=Amelia]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=amelia]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*=Amelia]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=amelia]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*=Amelia]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=amelia]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*=Amelia]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=amelia]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*=Amelia]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=amelia]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*=Amelia]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(234, 39, 60, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=laguna-swift]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*="Laguna Swift"]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=laguna-swift]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*="Laguna Swift"]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=laguna-swift]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*="Laguna Swift"]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=laguna-swift]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*="Laguna Swift"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=laguna-swift]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*="Laguna Swift"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=laguna-swift]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*="Laguna Swift"]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=laguna-swift]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*="Laguna Swift"]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=laguna-swift]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*="Laguna Swift"]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=laguna-swift]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*="Laguna Swift"]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=laguna-swift]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*="Laguna Swift"]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=laguna-swift]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*="Laguna Swift"]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=laguna-swift]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*="Laguna Swift"]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 208, 64, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=mauve]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*=Mauve]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=mauve]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*=Mauve]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=mauve]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*=Mauve]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=mauve]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*=Mauve]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=mauve]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*=Mauve]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=mauve]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*=Mauve]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=mauve]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*=Mauve]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=mauve]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*=Mauve]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=mauve]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*=Mauve]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=mauve]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*=Mauve]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=mauve]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*=Mauve]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=mauve]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*=Mauve]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(182, 158, 202, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=teak]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*=Teak]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=teak]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*=Teak]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=teak]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*=Teak]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=teak]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*=Teak]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=teak]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*=Teak]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=teak]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*=Teak]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=teak]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*=Teak]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=teak]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*=Teak]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=teak]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*=Teak]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=teak]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*=Teak]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=teak]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*=Teak]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=teak]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*=Teak]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(141, 102, 94, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=russet]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*=Russet]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=russet]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*=Russet]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=russet]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*=Russet]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=russet]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*=Russet]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=russet]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*=Russet]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=russet]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*=Russet]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=russet]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*=Russet]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=russet]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*=Russet]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=russet]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*=Russet]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=russet]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*=Russet]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=russet]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*=Russet]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=russet]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*=Russet]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(117, 21, 69, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=silver]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*=Silver]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=silver]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*=Silver]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=silver]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*=Silver]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=silver]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*=Silver]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=silver]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*=Silver]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=silver]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*=Silver]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=silver]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*=Silver]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=silver]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*=Silver]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=silver]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*=Silver]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=silver]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*=Silver]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=silver]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*=Silver]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=silver]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*=Silver]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(141, 147, 146, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=sienna]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*=Sienna]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=sienna]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*=Sienna]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=sienna]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*=Sienna]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=sienna]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*=Sienna]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=sienna]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*=Sienna]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=sienna]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*=Sienna]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=sienna]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*=Sienna]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=sienna]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*=Sienna]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=sienna]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*=Sienna]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=sienna]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*=Sienna]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=sienna]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*=Sienna]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=sienna]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*=Sienna]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(191, 36, 32, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=bronze]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*=Bronze]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=bronze]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*=Bronze]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=bronze]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*=Bronze]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=bronze]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*=Bronze]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=bronze]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*=Bronze]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=bronze]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*=Bronze]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=bronze]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*=Bronze]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=bronze]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*=Bronze]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=bronze]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*=Bronze]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=bronze]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*=Bronze]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=bronze]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*=Bronze]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=bronze]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*=Bronze]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(173, 86, 40, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=amber]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*=Amber]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=amber]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*=Amber]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=amber]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*=Amber]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=amber]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*=Amber]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=amber]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*=Amber]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=amber]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*=Amber]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=amber]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*=Amber]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=amber]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*=Amber]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=amber]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*=Amber]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=amber]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*=Amber]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=amber]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*=Amber]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=amber]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*=Amber]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 112, 33, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=yellow]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*=Yellow]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=yellow]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*=Yellow]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=yellow]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*=Yellow]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=yellow]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*=Yellow]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=yellow]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*=Yellow]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=yellow]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*=Yellow]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=yellow]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*=Yellow]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=yellow]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*=Yellow]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=yellow]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*=Yellow]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=yellow]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*=Yellow]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=yellow]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*=Yellow]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=yellow]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*=Yellow]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 200, 84, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=blue]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*=Blue]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=blue]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*=Blue]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=blue]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*=Blue]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=blue]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*=Blue]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=blue]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*=Blue]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=blue]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*=Blue]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=blue]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*=Blue]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=blue]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*=Blue]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=blue]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*=Blue]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=blue]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*=Blue]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=blue]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*=Blue]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=blue]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*=Blue]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(17, 89, 214, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=sienna-caps]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*="Sienna Caps"]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=sienna-caps]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*="Sienna Caps"]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=sienna-caps]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*="Sienna Caps"]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=sienna-caps]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*="Sienna Caps"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=sienna-caps]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*="Sienna Caps"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=sienna-caps]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*="Sienna Caps"]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=sienna-caps]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*="Sienna Caps"]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=sienna-caps]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*="Sienna Caps"]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=sienna-caps]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*="Sienna Caps"]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=sienna-caps]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*="Sienna Caps"]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=sienna-caps]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*="Sienna Caps"]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=sienna-caps]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*="Sienna Caps"]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(180, 224, 227, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=kelly]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*=Kelly]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=kelly]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*=Kelly]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=kelly]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*=Kelly]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=kelly]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*=Kelly]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=kelly]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*=Kelly]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=kelly]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*=Kelly]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=kelly]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*=Kelly]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=kelly]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*=Kelly]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=kelly]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*=Kelly]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=kelly]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*=Kelly]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=kelly]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*=Kelly]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=kelly]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*=Kelly]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(169, 205, 91, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=regular]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*=Regular]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=regular]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*=Regular]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=regular]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*=Regular]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=regular]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*=Regular]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=regular]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*=Regular]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=regular]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*=Regular]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=regular]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*=Regular]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=regular]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*=Regular]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=regular]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*=Regular]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=regular]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*=Regular]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=regular]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*=Regular]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=regular]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*=Regular]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(164, 204, 226, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=marine]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*=Marine]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=marine]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*=Marine]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=marine]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*=Marine]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=marine]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*=Marine]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=marine]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*=Marine]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=marine]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*=Marine]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=marine]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*=Marine]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=marine]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*=Marine]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=marine]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*=Marine]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=marine]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*=Marine]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=marine]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*=Marine]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=marine]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*=Marine]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(115, 195, 175, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=regulardeep]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*="Regular Deep"]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=regulardeep]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*="Regular Deep"]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=regulardeep]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*="Regular Deep"]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=regulardeep]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*="Regular Deep"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=regulardeep]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*="Regular Deep"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=regulardeep]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*="Regular Deep"]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=regulardeep]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*="Regular Deep"]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=regulardeep]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*="Regular Deep"]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=regulardeep]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*="Regular Deep"]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=regulardeep]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*="Regular Deep"]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=regulardeep]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*="Regular Deep"]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=regulardeep]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*="Regular Deep"]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(212, 51, 66, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=regularsky]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*="Regular Sky"]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=regularsky]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*="Regular Sky"]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=regularsky]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*="Regular Sky"]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=regularsky]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*="Regular Sky"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=regularsky]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*="Regular Sky"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=regularsky]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*="Regular Sky"]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=regularsky]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*="Regular Sky"]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=regularsky]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*="Regular Sky"]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=regularsky]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*="Regular Sky"]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=regularsky]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*="Regular Sky"]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=regularsky]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*="Regular Sky"]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=regularsky]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*="Regular Sky"]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(199, 204, 210, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=turquoise]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*=Turquoise]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=turquoise]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*=Turquoise]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=turquoise]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*=Turquoise]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=turquoise]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*=Turquoise]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=turquoise]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*=Turquoise]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=turquoise]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*=Turquoise]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=turquoise]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*=Turquoise]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=turquoise]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*=Turquoise]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=turquoise]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*=Turquoise]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=turquoise]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*=Turquoise]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=turquoise]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*=Turquoise]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=turquoise]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*=Turquoise]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(35, 161, 173, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=amarelofuse]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*="Amarelo Fuse"]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=amarelofuse]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*="Amarelo Fuse"]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=amarelofuse]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*="Amarelo Fuse"]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=amarelofuse]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*="Amarelo Fuse"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=amarelofuse]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*="Amarelo Fuse"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=amarelofuse]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*="Amarelo Fuse"]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=amarelofuse]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*="Amarelo Fuse"]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=amarelofuse]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*="Amarelo Fuse"]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=amarelofuse]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*="Amarelo Fuse"]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=amarelofuse]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*="Amarelo Fuse"]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=amarelofuse]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*="Amarelo Fuse"]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=amarelofuse]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*="Amarelo Fuse"]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(163, 158, 36, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=windfuse]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*="Wind Fuse"]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=windfuse]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*="Wind Fuse"]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=windfuse]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*="Wind Fuse"]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=windfuse]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*="Wind Fuse"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=windfuse]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*="Wind Fuse"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=windfuse]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*="Wind Fuse"]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=windfuse]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*="Wind Fuse"]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=windfuse]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*="Wind Fuse"]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=windfuse]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*="Wind Fuse"]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=windfuse]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*="Wind Fuse"]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=windfuse]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*="Wind Fuse"]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=windfuse]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*="Wind Fuse"]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(67, 138, 172, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=cloudfuse]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*="Cloud Fuse"]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=cloudfuse]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*="Cloud Fuse"]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=cloudfuse]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*="Cloud Fuse"]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=cloudfuse]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*="Cloud Fuse"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=cloudfuse]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*="Cloud Fuse"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=cloudfuse]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*="Cloud Fuse"]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=cloudfuse]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*="Cloud Fuse"]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=cloudfuse]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*="Cloud Fuse"]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=cloudfuse]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*="Cloud Fuse"]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=cloudfuse]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*="Cloud Fuse"]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=cloudfuse]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*="Cloud Fuse"]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=cloudfuse]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*="Cloud Fuse"]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(131, 180, 206, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=electrorouge]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*="Electro Rouge"]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=electrorouge]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*="Electro Rouge"]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=electrorouge]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*="Electro Rouge"]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=electrorouge]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*="Electro Rouge"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=electrorouge]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*="Electro Rouge"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=electrorouge]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*="Electro Rouge"]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=electrorouge]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*="Electro Rouge"]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=electrorouge]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*="Electro Rouge"]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=electrorouge]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*="Electro Rouge"]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=electrorouge]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*="Electro Rouge"]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=electrorouge]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*="Electro Rouge"]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=electrorouge]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*="Electro Rouge"]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(196, 57, 98, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=islandbeat]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*="Island Beat"]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=islandbeat]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*="Island Beat"]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=islandbeat]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*="Island Beat"]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=islandbeat]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*="Island Beat"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=islandbeat]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*="Island Beat"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=islandbeat]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*="Island Beat"]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=islandbeat]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*="Island Beat"]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=islandbeat]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*="Island Beat"]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=islandbeat]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*="Island Beat"]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=islandbeat]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*="Island Beat"]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=islandbeat]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*="Island Beat"]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=islandbeat]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*="Island Beat"]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(49, 151, 173, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=regularLilSolid]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*="Fiit Regular"]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=regularLilSolid]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*="Fiit Regular"]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=regularLilSolid]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*="Fiit Regular"]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=regularLilSolid]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*="Fiit Regular"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=regularLilSolid]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*="Fiit Regular"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=regularLilSolid]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*="Fiit Regular"]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=regularLilSolid]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*="Fiit Regular"]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=regularLilSolid]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*="Fiit Regular"]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=regularLilSolid]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*="Fiit Regular"]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=regularLilSolid]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*="Fiit Regular"]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=regularLilSolid]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*="Fiit Regular"]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=regularLilSolid]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*="Fiit Regular"]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(92, 54, 45, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=marineLilSolid]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*="Fiit Marine"]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=marineLilSolid]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*="Fiit Marine"]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=marineLilSolid]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*="Fiit Marine"]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=marineLilSolid]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*="Fiit Marine"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=marineLilSolid]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*="Fiit Marine"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=marineLilSolid]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*="Fiit Marine"]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=marineLilSolid]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*="Fiit Marine"]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=marineLilSolid]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*="Fiit Marine"]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=marineLilSolid]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*="Fiit Marine"]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=marineLilSolid]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*="Fiit Marine"]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=marineLilSolid]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*="Fiit Marine"]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=marineLilSolid]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*="Fiit Marine"]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(1, 205, 162, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=regularskylilsolid]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*="Fiit Regular Sky"]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=regularskylilsolid]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*="Fiit Regular Sky"]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=regularskylilsolid]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*="Fiit Regular Sky"]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=regularskylilsolid]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*="Fiit Regular Sky"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=regularskylilsolid]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*="Fiit Regular Sky"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=regularskylilsolid]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*="Fiit Regular Sky"]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=regularskylilsolid]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*="Fiit Regular Sky"]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=regularskylilsolid]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*="Fiit Regular Sky"]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=regularskylilsolid]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*="Fiit Regular Sky"]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=regularskylilsolid]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*="Fiit Regular Sky"]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=regularskylilsolid]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*="Fiit Regular Sky"]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=regularskylilsolid]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*="Fiit Regular Sky"]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(145, 151, 149, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=regulardeeplilsolid]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*="Fiit Regular Deep"]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=regulardeeplilsolid]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*="Fiit Regular Deep"]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=regulardeeplilsolid]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*="Fiit Regular Deep"]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=regulardeeplilsolid]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*="Fiit Regular Deep"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=regulardeeplilsolid]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*="Fiit Regular Deep"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=regulardeeplilsolid]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*="Fiit Regular Deep"]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=regulardeeplilsolid]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*="Fiit Regular Deep"]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=regulardeeplilsolid]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*="Fiit Regular Deep"]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=regulardeeplilsolid]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*="Fiit Regular Deep"]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=regulardeeplilsolid]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*="Fiit Regular Deep"]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=regulardeeplilsolid]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*="Fiit Regular Deep"]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=regulardeeplilsolid]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*="Fiit Regular Deep"]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(166, 30, 8, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=elementcaylilsolid]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*="Fiit Element Cay"]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=elementcaylilsolid]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*="Fiit Element Cay"]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=elementcaylilsolid]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*="Fiit Element Cay"]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=elementcaylilsolid]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*="Fiit Element Cay"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=elementcaylilsolid]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*="Fiit Element Cay"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=elementcaylilsolid]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*="Fiit Element Cay"]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=elementcaylilsolid]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*="Fiit Element Cay"]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=elementcaylilsolid]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*="Fiit Element Cay"]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=elementcaylilsolid]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*="Fiit Element Cay"]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=elementcaylilsolid]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*="Fiit Element Cay"]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=elementcaylilsolid]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*="Fiit Element Cay"]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=elementcaylilsolid]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*="Fiit Element Cay"]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(159, 90, 2, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=elementfalllilsolid]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*="Fiit Element Fall"]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=elementfalllilsolid]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*="Fiit Element Fall"]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=elementfalllilsolid]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*="Fiit Element Fall"]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=elementfalllilsolid]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*="Fiit Element Fall"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=elementfalllilsolid]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*="Fiit Element Fall"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=elementfalllilsolid]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*="Fiit Element Fall"]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=elementfalllilsolid]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*="Fiit Element Fall"]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=elementfalllilsolid]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*="Fiit Element Fall"]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=elementfalllilsolid]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*="Fiit Element Fall"]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=elementfalllilsolid]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*="Fiit Element Fall"]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=elementfalllilsolid]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*="Fiit Element Fall"]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=elementfalllilsolid]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*="Fiit Element Fall"]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(164, 94, 134, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=classicred]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*="Classic Red"]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=classicred]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*="Classic Red"]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=classicred]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*="Classic Red"]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=classicred]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*="Classic Red"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=classicred]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*="Classic Red"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=classicred]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*="Classic Red"]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=classicred]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*="Classic Red"]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=classicred]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*="Classic Red"]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=classicred]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*="Classic Red"]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=classicred]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*="Classic Red"]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=classicred]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*="Classic Red"]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=classicred]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*="Classic Red"]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(179, 40, 44, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=classicgold]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*="Classic Gold"]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=classicgold]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*="Classic Gold"]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=classicgold]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*="Classic Gold"]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=classicgold]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*="Classic Gold"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=classicgold]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*="Classic Gold"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=classicgold]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*="Classic Gold"]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=classicgold]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*="Classic Gold"]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=classicgold]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*="Classic Gold"]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=classicgold]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*="Classic Gold"]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=classicgold]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*="Classic Gold"]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=classicgold]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*="Classic Gold"]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=classicgold]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*="Classic Gold"]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(212, 192, 133, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=classicsilver]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*="Classic Silver"]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=classicsilver]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*="Classic Silver"]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=classicsilver]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*="Classic Silver"]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=classicsilver]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*="Classic Silver"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=classicsilver]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*="Classic Silver"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=classicsilver]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*="Classic Silver"]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=classicsilver]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*="Classic Silver"]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=classicsilver]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*="Classic Silver"]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=classicsilver]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*="Classic Silver"]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=classicsilver]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*="Classic Silver"]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=classicsilver]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*="Classic Silver"]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=classicsilver]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*="Classic Silver"]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(199, 196, 198, var(--tw-bg-opacity));
}
.container-colors--products.form-label[for*=heets] .select2-results__option[id*=classicgreen]:before, .container-colors--products.form-label[for*=heets] .select2-results__option[title*="Classic Green"]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[id*=classicgreen]:before, .container-colors--products.form-label[for*=heets] .select2-selection__rendered[title*="Classic Green"]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[id*=classicgreen]:before, .container-colors--products.form-label[for*=fiit] .select2-results__option[title*="Classic Green"]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[id*=classicgreen]:before, .container-colors--products.form-label[for*=fiit] .select2-selection__rendered[title*="Classic Green"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[id*=classicgreen]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-results__option[title*="Classic Green"]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[id*=classicgreen]:before, .container-colors--products.form-label[for*=fiitlilsolid] .select2-selection__rendered[title*="Classic Green"]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[id*=classicgreen]:before, .container-colors--products.form-label[for*=terea] .select2-results__option[title*="Classic Green"]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[id*=classicgreen]:before, .container-colors--products.form-label[for*=terea] .select2-selection__rendered[title*="Classic Green"]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[id*=classicgreen]:before, .container-colors--products.form-label[for*=levia] .select2-results__option[title*="Classic Green"]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[id*=classicgreen]:before, .container-colors--products.form-label[for*=levia] .select2-selection__rendered[title*="Classic Green"]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[id*=classicgreen]:before, .container-colors--products.form-label[for*=delia] .select2-results__option[title*="Classic Green"]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[id*=classicgreen]:before, .container-colors--products.form-label[for*=delia] .select2-selection__rendered[title*="Classic Green"]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(119, 212, 182, var(--tw-bg-opacity));
}
.container-colors--products .select2-results__option, .container-colors--products .select2-selection__rendered{
  position: relative;
}
.container-colors--products .select2-results__option:before, .container-colors--products .select2-selection__rendered:before{
  position: absolute;
  height: 1rem;
  width: 1rem;
  border-radius: 9999px;
      content: "";
}
.container-colors--products .select2-results__option[id*=gold]:before, .container-colors--products .select2-results__option[title*=old]:before, .container-colors--products .select2-selection__rendered[id*=gold]:before, .container-colors--products .select2-selection__rendered[title*=old]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(205, 185, 165, var(--tw-bg-opacity));
}
.container-colors--products .select2-results__option[id*=blue]:before, .container-colors--products .select2-results__option[title*=lue]:before, .container-colors--products .select2-selection__rendered[id*=blue]:before, .container-colors--products .select2-selection__rendered[title*=lue]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(17, 89, 214, var(--tw-bg-opacity));
}
.container-colors--products .select2-results__option[id*=grey]:before, .container-colors--products .select2-results__option[title*=rey]:before, .container-colors--products .select2-selection__rendered[id*=grey]:before, .container-colors--products .select2-selection__rendered[title*=rey]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(60, 65, 70, var(--tw-bg-opacity));
}
.container-colors--products .select2-results__option[id*=white]:before, .container-colors--products .select2-results__option[title*=hite]:before, .container-colors--products .select2-selection__rendered[id*=white]:before, .container-colors--products .select2-selection__rendered[title*=hite]:before{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(193, 192, 196, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.container-colors--products .select2-results__option[id*=scarlet]:before, .container-colors--products .select2-results__option[title*=carlet]:before, .container-colors--products .select2-selection__rendered[id*=scarlet]:before, .container-colors--products .select2-selection__rendered[title*=carlet]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(196, 37, 63, var(--tw-bg-opacity));
}
.container-colors--products .select2-results__option[id*=slate]:before, .container-colors--products .select2-results__option[title*=late]:before, .container-colors--products .select2-selection__rendered[id*=slate]:before, .container-colors--products .select2-selection__rendered[title*=late]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(52, 57, 67, var(--tw-bg-opacity));
}
.container-colors--products .select2-results__option[id*=silver]:before, .container-colors--products .select2-results__option[title*=Silver]:before, .container-colors--products .select2-selection__rendered[id*=silver]:before, .container-colors--products .select2-selection__rendered[title*=Silver]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(209, 212, 209, var(--tw-bg-opacity));
}
.container-colors--products .select2-results__option[id*=turquoise]:before, .container-colors--products .select2-results__option[title*=Turquoise]:before, .container-colors--products .select2-selection__rendered[id*=turquoise]:before, .container-colors--products .select2-selection__rendered[title*=Turquoise]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(117, 183, 209, var(--tw-bg-opacity));
}
.container-colors--products .select2-results__option[id*=mossgreen]:before, .container-colors--products .select2-results__option[title*="Moss Green"]:before, .container-colors--products .select2-selection__rendered[id*=mossgreen]:before, .container-colors--products .select2-selection__rendered[title*="Moss Green"]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(127, 148, 118, var(--tw-bg-opacity));
}
.container-colors--products .select2-results__option[id*=azureblue]:before, .container-colors--products .select2-results__option[title*="Azure Blue"]:before, .container-colors--products .select2-selection__rendered[id*=azureblue]:before, .container-colors--products .select2-selection__rendered[title*="Azure Blue"]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(102, 140, 163, var(--tw-bg-opacity));
}
.container-colors--products .select2-results__option[id*=pebblebeige]:before, .container-colors--products .select2-results__option[title*="Pebble Beige"]:before, .container-colors--products .select2-selection__rendered[id*=pebblebeige]:before, .container-colors--products .select2-selection__rendered[title*="Pebble Beige"]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(211, 199, 182, var(--tw-bg-opacity));
}
.container-colors--products .select2-results__option[id*=pebblegrey]:before, .container-colors--products .select2-results__option[title*="Pebble Grey"]:before, .container-colors--products .select2-selection__rendered[id*=pebblegrey]:before, .container-colors--products .select2-selection__rendered[title*="Pebble Grey"]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(144, 145, 148, var(--tw-bg-opacity));
}
.container-colors--products .select2-results__option[id*=sunsetred]:before, .container-colors--products .select2-results__option[title*="Sunset Red"]:before, .container-colors--products .select2-selection__rendered[id*=sunsetred]:before, .container-colors--products .select2-selection__rendered[title*="Sunset Red"]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(200, 110, 135, var(--tw-bg-opacity));
}
.container-colors--products .select2-results__option[id*=goldkhaki]:before, .container-colors--products .select2-results__option[title*="Gold Khaki"]:before, .container-colors--products .select2-selection__rendered[id*=goldkhaki]:before, .container-colors--products .select2-selection__rendered[title*="Gold Khaki"]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(213, 189, 161, var(--tw-bg-opacity));
}
.container-colors--products .select2-results__option[id*=obsidianblack]:before, .container-colors--products .select2-results__option[title*="Obsidian Black"]:before, .container-colors--products .select2-selection__rendered[id*=obsidianblack]:before, .container-colors--products .select2-selection__rendered[title*="Obsidian Black"]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(75, 75, 75, var(--tw-bg-opacity));
}
.container-colors--products .select2-results__option[id*=mossgreen]:before, .container-colors--products .select2-results__option[title*="Moss Green"]:before, .container-colors--products .select2-selection__rendered[id*=mossgreen]:before, .container-colors--products .select2-selection__rendered[title*="Moss Green"]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(127, 148, 118, var(--tw-bg-opacity));
}
.container-colors--products .select2-results__option[id*=jadegreen]:before, .container-colors--products .select2-results__option[title*="Jade Green"]:before, .container-colors--products .select2-selection__rendered[id*=jadegreen]:before, .container-colors--products .select2-selection__rendered[title*="Jade Green"]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(159, 176, 166, var(--tw-bg-opacity));
}
.container-colors--products .select2-results__option[id*=bronzetaupe]:before, .container-colors--products .select2-results__option[title*="Bronze Taupe"]:before, .container-colors--products .select2-selection__rendered[id*=bronzetaupe]:before, .container-colors--products .select2-selection__rendered[title*="Bronze Taupe"]:before{
  --tw-bg-opacity: 1;
  background-color: rgba(211, 194, 200, var(--tw-bg-opacity));
}

.form-checkbox input, .form-radio input{
  position: relative;
  opacity: 1;
}
.form-checkbox > input, .form-radio > input{
  position: absolute;
  opacity: 0;
}

.tabbed__control{
  font-weight: 400;
}

.tab-content{
  visibility: hidden;
  height: 0;
  opacity: 0;
}
.tab-content.active{
  visibility: visible;
  height: auto;
  opacity: 1;
}

.right-abonamentele-mele .tabbed__control{
  --tw-bg-opacity: 1;
  background-color: rgba(246, 244, 240, var(--tw-bg-opacity));
  font-weight: 400;
}
.right-abonamentele-mele .tabbed__control.active{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity));
}

.tooltip-container{
  display: none;
}

.tooltip-container[data-show]{
  display: block;
}

.tooltip-container{
  z-index: 999;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding: 1rem;
  text-align: left;
  font-size: .7rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 1024px){
  .tooltip-container{
    font-size: .8rem;
  }
}

.tooltip:after {
  content: "";
  padding: 0;
}

.progress-bar-wrap{
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgba(246, 244, 240, var(--tw-bg-opacity));
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  padding-top: 1.2rem;
  padding-bottom: 1.4rem;
}

.progress-bar{
  margin-bottom: .75rem;
  width: 100%;
}
.progress-bar__line{
  margin-right: .15rem;
  height: .25rem;
  width: 100%;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgba(224, 224, 226, var(--tw-bg-opacity));
}
@media (min-width: 768px){
  .progress-bar__line{
    margin-right: .25rem;
  }
}
.progress-bar--active-1 .progress-bar__line:first-child{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity));
}
.progress-bar--active-2 .progress-bar__line:nth-child(-n+2){
  --tw-bg-opacity: 1;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity));
}
.progress-bar--active-3 .progress-bar__line:nth-child(-n+3){
  --tw-bg-opacity: 1;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity));
}
.progress-bar--active-4 .progress-bar__line:nth-child(-n+4){
  --tw-bg-opacity: 1;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity));
}
.progress-bar--active-5 .progress-bar__line:nth-child(-n+5){
  --tw-bg-opacity: 1;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity));
}
.progress-bar--active-6 .progress-bar__line:nth-child(-n+6){
  --tw-bg-opacity: 1;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity));
}
.progress-bar--active-7 .progress-bar__line:nth-child(-n+7){
  --tw-bg-opacity: 1;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity));
}
.progress-bar--active-8 .progress-bar__line:nth-child(-n+8){
  --tw-bg-opacity: 1;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity));
}
.progress-bar--active-9 .progress-bar__line:nth-child(-n+9){
  --tw-bg-opacity: 1;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity));
}
.progress-bar--active-10 .progress-bar__line:nth-child(-n+10){
  --tw-bg-opacity: 1;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity));
}
.progress-bar--active-11 .progress-bar__line:nth-child(-n+11){
  --tw-bg-opacity: 1;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity));
}
.progress-bar--active-12 .progress-bar__line:nth-child(-n+12){
  --tw-bg-opacity: 1;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity));
}

.faq-page .content-wrapper p {
  margin-bottom: 1.2rem;
}
.faq-page .accordion {
  margin-top: 0;
  margin-bottom: 0;
}
.faq-page .inner-page-navigation .nav-toggle::after {
  background-image: url(../../../assets/images/icons/chevron-up-small.svg);
}
.faq-page .inner-page-navigation .nav-toggle:before {
  background-image: url(../../../assets/images/icons/chevron-up-small.svg);
  --tw-rotate: 180deg;
  transform: var(--tw-transform);
  transform: var(--tw-transform);
      transform: rotate(180deg);
}
.faq-page .inner-page {
  z-index: 5;
}
.faq-page .inner-page.has-side-navigation .content-wrapper {
  padding: 2rem;
}
@media (min-width: 960px) {
  .faq-page .inner-page.has-side-navigation .content-wrapper {
    padding: 2rem 0;
  }
}
.faq-page .inner-page.has-side-navigation .faq-details-accordion {
  border-top: 0;
  --tw-border-opacity: 1;
  border-color: rgba(185, 184, 188, var(--tw-border-opacity));
}
.faq-page .inner-page.has-side-navigation .faq-details-accordion .content-wrapper .accordion .accordion-content-wrapper{
  --tw-border-opacity: 1;
  border-color: rgba(185, 184, 188, var(--tw-border-opacity));
}
.faq-page .pre-footer {
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 1023px) {
  .blk-grid .blk-grid-col.-w-12\@mobile, .blk-sub-grid .blk-grid-col.-w-12\@mobile {
    grid-column-end: span 12;
    margin-right: 0;
  }
}
.status{
  padding: .4rem;
  font-size: 1rem;
  --tw-text-opacity: 1;
  color: rgba(52, 48, 61, var(--tw-text-opacity));
}
.status--active{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity));
}
.status--inactive{
  --tw-bg-opacity: 1;
  background-color: rgba(193, 192, 196, var(--tw-bg-opacity));
}
.status--pause{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 208, 64, var(--tw-bg-opacity));
}
.status--unsuccessful{
  --tw-bg-opacity: 1;
  background-color: rgba(193, 192, 196, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 253, 251, var(--tw-text-opacity));
}
.status--done{
  --tw-bg-opacity: 1;
  background-color: rgba(40, 123, 175, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 253, 251, var(--tw-text-opacity));
}

@media (max-width: 959px) {
  .flow-page.myaccount .content-wrapper{
    padding-left: 0;
    padding-right: 0;
  }
}
.flow-page.myaccount .content-wrapper .inner-page-content .main-section{
  height: auto;
}

.status-steps-vertical{
  overflow: hidden;
  padding-top: .8rem;
}
@media (min-width: 768px) {
  .status-steps-vertical{
    padding-right: 1rem;
  }
}
@media (min-width: 960px) {
  .status-steps-vertical{
    padding-right: 0;
  }
}
.status-steps-vertical__bullet{
  position: absolute;
  left: 4.1rem;
  z-index: 20;
  height: 1.1rem;
  width: 1.1rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(153, 151, 157, var(--tw-bg-opacity));
}
@media (min-width: 960px) {
  .status-steps-vertical__bullet{
    left: 5.4rem;
  }
  .status-steps-vertical__bullet{
    height: 1.35rem;
  }
  .status-steps-vertical__bullet{
    width: 1.35rem;
  }
}
.status-steps-vertical__step--active .status-steps-vertical__bullet{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity));
}
.status-steps-vertical__icon{
  position: absolute;
  left: 0;
  top: -0.8rem;
}
.status-steps-vertical__icon img{
  opacity: 0.7;
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-filter);
  filter: var(--tw-filter);
}
.status-steps-vertical__step--active .status-steps-vertical__icon img{
  opacity: 1;
  filter: none;
}
.status-steps-vertical__step{
  position: relative;
  padding-left: 6.3rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 960px) {
  .status-steps-vertical__step{
    padding-left: 8rem;
  }
}
.status-steps-vertical__step:first-child:after{
  z-index: 20 !important;
  height: .8rem !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
}
.status-steps-vertical__step:last-child{
  padding-bottom: 0;
}
.status-steps-vertical__step:after{
  position: absolute;
  bottom: 100%;
  left: 4.6rem;
  margin-top: .6rem;
  height: 500%;
  width: .1rem;
  --tw-bg-opacity: 1;
  background-color: rgba(153, 151, 157, var(--tw-bg-opacity));
      content: "";
}
@media (min-width: 960px) {
  .status-steps-vertical__step:after{
    left: 6rem;
  }
}
.status-steps-vertical__step--active:after{
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity));
}

.status-steps-vertical-four--1 .status-steps-vertical__step:nth-child(1) .status-steps-vertical__bullet{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity));
}
.status-steps-vertical-four--1 .status-steps-vertical__step:nth-child(1) .status-steps-vertical__icon img{
  opacity: 1;
  filter: none;
}

.status-steps-vertical-four--2 .status-steps-vertical__step:nth-child(1) .status-steps-vertical__bullet, .status-steps-vertical-four--2 .status-steps-vertical__step:nth-child(1):after, .status-steps-vertical-four--2 .status-steps-vertical__step:nth-child(2) .status-steps-vertical__bullet, .status-steps-vertical-four--2 .status-steps-vertical__step:nth-child(2):after{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity));
}
.status-steps-vertical-four--2 .status-steps-vertical__step:nth-child(1) .status-steps-vertical__icon img, .status-steps-vertical-four--2 .status-steps-vertical__step:nth-child(2) .status-steps-vertical__icon img{
  opacity: 1;
  filter: none;
}
.status-steps-vertical-four--2 .status-steps-vertical__step:nth-child(2):after{
  --tw-bg-opacity: 1;
  background-color: rgba(153, 151, 157, var(--tw-bg-opacity));
}

.status-steps-vertical-four--3 .status-steps-vertical__step:nth-child(1) .status-steps-vertical__bullet, .status-steps-vertical-four--3 .status-steps-vertical__step:nth-child(1):after, .status-steps-vertical-four--3 .status-steps-vertical__step:nth-child(2) .status-steps-vertical__bullet, .status-steps-vertical-four--3 .status-steps-vertical__step:nth-child(2):after, .status-steps-vertical-four--3 .status-steps-vertical__step:nth-child(3) .status-steps-vertical__bullet, .status-steps-vertical-four--3 .status-steps-vertical__step:nth-child(3):after{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity));
}
.status-steps-vertical-four--3 .status-steps-vertical__step:nth-child(1) .status-steps-vertical__icon img, .status-steps-vertical-four--3 .status-steps-vertical__step:nth-child(2) .status-steps-vertical__icon img, .status-steps-vertical-four--3 .status-steps-vertical__step:nth-child(3) .status-steps-vertical__icon img{
  opacity: 1;
  filter: none;
}
.status-steps-vertical-four--3 .status-steps-vertical__step:nth-child(3):after{
  --tw-bg-opacity: 1;
  background-color: rgba(153, 151, 157, var(--tw-bg-opacity));
}

.status-steps-vertical-four--4 .status-steps-vertical__step:nth-child(1) .status-steps-vertical__bullet, .status-steps-vertical-four--4 .status-steps-vertical__step:nth-child(1):after, .status-steps-vertical-four--4 .status-steps-vertical__step:nth-child(2) .status-steps-vertical__bullet, .status-steps-vertical-four--4 .status-steps-vertical__step:nth-child(2):after, .status-steps-vertical-four--4 .status-steps-vertical__step:nth-child(3) .status-steps-vertical__bullet, .status-steps-vertical-four--4 .status-steps-vertical__step:nth-child(3):after, .status-steps-vertical-four--4 .status-steps-vertical__step:nth-child(4) .status-steps-vertical__bullet, .status-steps-vertical-four--4 .status-steps-vertical__step:nth-child(4):after{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity));
}
.status-steps-vertical-four--4 .status-steps-vertical__step:nth-child(1) .status-steps-vertical__icon img, .status-steps-vertical-four--4 .status-steps-vertical__step:nth-child(2) .status-steps-vertical__icon img, .status-steps-vertical-four--4 .status-steps-vertical__step:nth-child(3) .status-steps-vertical__icon img, .status-steps-vertical-four--4 .status-steps-vertical__step:nth-child(4) .status-steps-vertical__icon img{
  opacity: 1;
  filter: none;
}
.status-steps-vertical-four--4 .status-steps-vertical__step:nth-child(4):after{
  --tw-bg-opacity: 1;
  background-color: rgba(153, 151, 157, var(--tw-bg-opacity));
}

.status-steps-vertical-four--5 .status-steps-vertical__step:nth-child(1) .status-steps-vertical__bullet, .status-steps-vertical-four--5 .status-steps-vertical__step:nth-child(1):after, .status-steps-vertical-four--5 .status-steps-vertical__step:nth-child(2) .status-steps-vertical__bullet, .status-steps-vertical-four--5 .status-steps-vertical__step:nth-child(2):after, .status-steps-vertical-four--5 .status-steps-vertical__step:nth-child(3) .status-steps-vertical__bullet, .status-steps-vertical-four--5 .status-steps-vertical__step:nth-child(3):after, .status-steps-vertical-four--5 .status-steps-vertical__step:nth-child(4) .status-steps-vertical__bullet, .status-steps-vertical-four--5 .status-steps-vertical__step:nth-child(4):after, .status-steps-vertical-four--5 .status-steps-vertical__step:nth-child(5) .status-steps-vertical__bullet, .status-steps-vertical-four--5 .status-steps-vertical__step:nth-child(5):after{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity));
}
.status-steps-vertical-four--5 .status-steps-vertical__step:nth-child(1) .status-steps-vertical__icon img, .status-steps-vertical-four--5 .status-steps-vertical__step:nth-child(2) .status-steps-vertical__icon img, .status-steps-vertical-four--5 .status-steps-vertical__step:nth-child(3) .status-steps-vertical__icon img, .status-steps-vertical-four--5 .status-steps-vertical__step:nth-child(4) .status-steps-vertical__icon img, .status-steps-vertical-four--5 .status-steps-vertical__step:nth-child(5) .status-steps-vertical__icon img{
  opacity: 1;
  filter: none;
}
.status-steps-vertical-four--5 .status-steps-vertical__step:nth-child(5):after{
  --tw-bg-opacity: 1;
  background-color: rgba(153, 151, 157, var(--tw-bg-opacity));
}

.status-steps-vertical-four--all .status-steps-vertical__step .status-steps-vertical__bullet, .status-steps-vertical-four--all .status-steps-vertical__step:after{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity));
}
.status-steps-vertical-four--all .status-steps-vertical__step .status-steps-vertical__icon img{
  opacity: 1;
  filter: none;
}

.history-slide:first-child .history-slide__icon:before{
  display: none;
}
.history-slide:last-child .history-slide--inner{
  padding-bottom: 0;
}
.history-slide:last-child .history-slide__icon:after{
  display: none;
}
@media (min-width: 640px) {
  .history-slide:last-child .history-slide__icon:after{
    display: block;
  }
}
.history-slide-box .history-slide__icon:before{
  margin-left: 0;
  margin-bottom: .05rem;
  display: block;
}
.history-slide--inner{
  display: flex;
  overflow: hidden;
  padding-bottom: 1.4rem;
  font-size: .8rem;
}
@media (min-width: 640px) {
  .history-slide--inner{
    flex-direction: column;
  }
  .history-slide--inner{
    padding-left: .4rem;
    padding-right: .4rem;
  }
  .history-slide--inner{
    padding-bottom: 0;
  }
  .history-slide--inner{
    text-align: center;
  }
}
.history-slide--inner h4{
  margin-bottom: 0;
  font-size: .8rem;
}
.history-status--finish .history-slide--inner h4{
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(0, 209, 210, var(--tw-text-opacity));
}
.history-status--progress .history-slide--inner h4{
  --tw-text-opacity: 1;
  color: rgba(227, 129, 59, var(--tw-text-opacity));
}
.history-status--future .history-slide--inner h4{
  --tw-text-opacity: 1;
  color: rgba(153, 151, 157, var(--tw-text-opacity));
}
.history-slide--inner p{
  margin-bottom: .4rem;
  font-weight: 300;
}
.history-slide--inner span{
  display: block;
  font-size: .7rem;
}
.history-slide__icon{
  position: relative;
  background-size: 50%;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 640px) {
  .history-slide__icon{
    background-size: auto;
  }
}
.history-slide__icon:before, .history-slide__icon:after{
  position: absolute;
  left: 50%;
  margin-left: -1px;
  height: 25rem;
  width: .1rem;
  --tw-bg-opacity: 1;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity));
      content: "";
}
.history-status--progress .history-slide__icon:before, .history-status--future .history-slide__icon:before, .history-status--progress .history-slide__icon:after, .history-status--future .history-slide__icon:after{
  --tw-bg-opacity: 1;
  background-color: rgba(246, 244, 240, var(--tw-bg-opacity));
}
@media (min-width: 640px) {
  .history-slide__icon:before, .history-slide__icon:after{
    position: absolute;
  }
  .history-slide__icon:before, .history-slide__icon:after{
    top: 50%;
  }
  .history-slide__icon:before, .history-slide__icon:after{
    top: auto;
  }
  .history-slide__icon:before, .history-slide__icon:after{
    margin-top: -0.1rem;
  }
  .history-slide__icon:before, .history-slide__icon:after{
    margin-top: 0;
  }
  .history-slide__icon:before, .history-slide__icon:after{
    margin-left: 1px;
  }
  .history-slide__icon:before, .history-slide__icon:after{
    height: .2rem;
  }
  .history-slide__icon:before, .history-slide__icon:after{
    width: 25rem;
  }

    .history-slide__icon:before, .history-slide__icon:after {
      content: "";
    }
}
.history-slide__icon:before{
  left: auto;
  bottom: 100%;
  display: none;
}
.history-status--current-js.history-status--progress .history-slide__icon:before{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity));
}
@media (min-width: 640px) {
  .history-slide__icon:before{
    bottom: auto;
  }
  .history-slide__icon:before{
    right: 100%;
  }
  .history-slide__icon:before{
    margin-right: 1px;
  }
  .history-slide__icon:before{
    display: block;
  }
}
.history-slide__icon:after{
  top: 100%;
  margin-top: 1px;
}
.history-status--current-js.history-status--pause .history-slide__icon:after, .history-status--current-js.history-status--finish .history-slide__icon:after{
  --tw-bg-opacity: 1;
  background-color: rgba(246, 244, 240, var(--tw-bg-opacity));
}
@media (min-width: 640px) {
  .history-slide__icon:after{
    top: auto;
  }
  .history-slide__icon:after{
    left: 100%;
  }
  .history-slide__icon:after{
    margin-left: 1px;
  }
  .history-slide__icon:after{
    margin-top: 0;
  }
}
.history-status--finish .history-slide__icon{
  --tw-border-opacity: 1;
  border-color: rgba(0, 209, 210, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity));
  background-image: url(../images/icons/icons-functional-check-dark.svg);
}
.history-status--finish-points .history-slide__icon{
  --tw-border-opacity: 1;
  border-color: rgba(255, 208, 64, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 208, 64, var(--tw-bg-opacity));
  background-image: url(../images/icons/icons-functional-star-big.svg);
}
.history-status--finish-points0 .history-slide__icon{
  --tw-border-opacity: 1;
  border-color: rgba(255, 208, 64, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 208, 64, var(--tw-bg-opacity));
  background-image: url(../images/icons/icons-functional-star-small.svg);
}
.history-status--pause .history-slide__icon{
  --tw-border-opacity: 1;
  border-color: rgba(153, 151, 157, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(153, 151, 157, var(--tw-bg-opacity));
  background-image: url(../images/icons/icons-pictogram-pause.svg);
}
.history-status--progress .history-slide__icon{
  --tw-border-opacity: 1;
  border-color: rgba(227, 129, 59, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(227, 129, 59, var(--tw-bg-opacity));
  background-image: url(../images/icons/icons-pictogram-dots-solid-white.svg);
}
.history-status--future .history-slide__icon{
  --tw-border-opacity: 1;
  border-color: rgba(153, 151, 157, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(153, 151, 157, var(--tw-bg-opacity));
}

.history-detail{
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 640px) {
  .history-detail{
    display: flex;
  }
  .history-detail{
    justify-content: space-between;
  }
  .history-detail .history-slide{
    width: 25%;
  }
}
.history-detail .history-slide:first-child .history-slide__icon:before{
  display: none;
}
.history-detail .history-slide:last-child .history-slide__icon:after{
  display: none;
}
.history-detail .history-slide--inner{
  width: auto;
}

.history-detail-slider{
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}

[class*=swiper-history-button]{
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
[class*=swiper-history-button].swiper-button-disabled{
  pointer-events: none;
  opacity: 0.5;
}

.history-detail-container .swiper-wrapper{
  flex-direction: column;
}
@media (min-width: 640px) {
  .history-detail-container .swiper-wrapper{
    flex-direction: row;
  }
}

@media (min-width: 1024px) {
  .kbs-banner-img-abonamente {
    background-image: url("../../../assets/images/iluma/banner-abonamente-8-11-23.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
}

.registration-step .content-wrapper{
  padding-left: 0;
  padding-right: 0;
}

.popup_password_info_wrapper{
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s;
}
.popup_password_info_wrapper.show{
  max-height: 100vh;
}
.popup_password_info_wrapper .popup_password_info{
  position: relative;
  display: block;
  padding: 0;
  padding-bottom: 2rem;
}
.popup_password_info_wrapper .popup_password_info.left-icon-list{
  margin: 0;
}
.popup_password_info_wrapper .popup_password_info.left-icon-list > ul{
  margin-top: .5rem;
}
.popup_password_info_wrapper .popup_password_info.left-icon-list > ul li:before{
  visibility: hidden;
}
.popup_password_info_wrapper .popup_password_info.left-icon-list > ul li.turquoise:before{
  visibility: visible;
}

.steps-wrapper li b:after{
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/icons/icons-functional-check-dark.svg);
}

.flow-page .registration-step .actions-wrapper{
  margin-bottom: 2rem;
}

.steps-wrapper{
  margin-top: 2rem;
}
.steps-wrapper ul li span{
  font-size: .8rem;
  line-height: 1.4rem;
}
.steps-wrapper ul li.active ~ li span{
  font-size: .8rem;
  line-height: 1.4rem;
}

.order-summary{
  display: flex;
  width: 100%;
  flex-direction: column;
}
@media (min-width: 960px) {
  .order-summary{
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .order-summary{
    width: 66.666667%;
  }
}
@media (min-width: 1024px) {
  .order-summary{
    width: 50%;
  }
}
.order-summary__column{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
}
@media (min-width: 960px){
  .order-summary__column{
    margin-bottom: 1.75rem;
  }
}
.order-summary__calc{
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 2rem;
}
.order-summary__totals{
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
.order-summary__totals .order-summary__row{
  width: 100%;
  max-width: none;
}
.order-summary__col{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding-left: .5rem;
  padding-right: .5rem;
}
.order-summary__row{
  margin-bottom: 1rem;
  display: flex;
  min-height: 3rem;
  max-width: 90%;
  flex-direction: row;
  align-items: flex-start;
}
@media (min-width: 960px) {
  .order-summary__row{
    max-width: 100%;
  }
}
.order-summary__copy{
  padding-top: .2rem;
  padding-bottom: .2rem;
}
.order-summary__copy--price{
  margin-left: auto;
  font-size: 1rem;
  font-weight: 700;
}
.order-summary__copy--total{
  font-size: 1.2rem;
  font-weight: 700;
}
.order-summary__ctas{
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1280px) {
  .order-summary__ctas{
    flex-direction: row;
  }
}
.order-summary .info-ab__inner .order-summary__totals{
  padding-top: 1.5rem;
}
.order-summary .order-summary__col.order-summary__col--prices .order-summary__row{
  width: 100% !important;
  max-width: none !important;
}

.slider-pay-points-current-order.noUi-target, .slider-pay-points.noUi-target{
  display: block;
  height: .4rem;
  border-radius: 0px;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgba(224, 224, 226, var(--tw-bg-opacity));
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.slider-pay-points-current-order .noUi-connect, .slider-pay-points .noUi-connect{
  height: .4rem;
  transform-origin: left;
  --tw-bg-opacity: 1;
  background-color: rgba(52, 48, 61, var(--tw-bg-opacity));
}
.slider-pay-points-current-order .noUi-base, .slider-pay-points .noUi-base{
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.slider-pay-points-current-order .noUi-base .noUi-connects, .slider-pay-points .noUi-base .noUi-connects{
  position: relative;
  z-index: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 0.125rem;
}
.slider-pay-points-current-order .noUi-base .noUi-origin, .slider-pay-points .noUi-base .noUi-origin{
  position: absolute;
  top: 0;
  right: 0;
  height: 0;
  width: 10%;
  will-change: transform;
  z-index: 4;
  transform-origin: 0px 0px;
  transform-style: flat;
}
.slider-pay-points-current-order .noUi-base .noUi-handle, .slider-pay-points .noUi-base .noUi-handle{
  position: absolute;
  right: -1rem;
  top: -0.5rem;
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  cursor: pointer;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(52, 48, 61, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 253, 251, var(--tw-bg-opacity));
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.slider-pay-points-current-order .noUi-base .noUi-handle .noUi-touch-area, .slider-pay-points .noUi-base .noUi-handle .noUi-touch-area{
  height: 100%;
  width: 100%;
}
.slider-pay-points-current-order .noUi-base .noUi-handle .noUi-tooltip, .slider-pay-points .noUi-base .noUi-handle .noUi-tooltip{
  display: none;
}

div.package-configurator{
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (min-width: 960px) {
  div.package-configurator{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  div.package-configurator{
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;
  }
}
@media (min-width: 1280px) {
  div.package-configurator{
    padding-right: 5rem !important;
  }
}

.invoices-content{
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 960px) {
  .invoices-content{
    padding-left: 0;
    padding-right: 0;
  }
}

.invoices-filters__col .form-group{
  width: 100%;
  min-width: 10rem;
}
@media (min-width: 640px) {
  .invoices-filters__col .form-group input{
    max-width: 10rem;
  }
}

.invoices-list{
  margin-bottom: 2.5rem;
}
.invoices-list__row{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(224, 224, 226, var(--tw-border-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (min-width: 960px) {
  .invoices-list__row{
    display: flex;
  }
  .invoices-list__row{
    align-items: center;
  }
  .invoices-list__row > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .invoices-list__row{
    padding-top: 0;
    padding-bottom: 0;
  }
}
.invoices-list__row:first-child{
  display: none;
}
.invoices-list__row:first-child > div{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (min-width: 960px) {
  .invoices-list__row:first-child{
    display: flex;
  }
  .invoices-list__row:first-child{
    --tw-border-opacity: 1;
    border-color: rgba(122, 120, 128, var(--tw-border-opacity));
  }
}
.invoices-list__row > div{
  display: flex;
  justify-content: space-between;
}
.invoices-list__row > div > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.invoices-list__row > div{
  padding-top: .4rem;
  padding-bottom: .4rem;
}
.invoices-list__row > div div:first-child{
  font-weight: 700;
}
.invoices-list__row > div div:last-child{
  text-align: right;
}
@media (min-width: 960px) {
  .invoices-list__row > div div:last-child{
    text-align: left;
  }
  .invoices-list__row > div{
    flex: 1 1 0%;
  }
  .invoices-list__row > div > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0px * var(--tw-space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
  }
  .invoices-list__row > div{
    padding-top: .75rem;
    padding-bottom: .75rem;
  }
  .invoices-list__row > div div:first-child{
    display: none;
  }
  .invoices-list__row .ils{
    display: block;
  }
  .invoices-list__row .ils{
    width: 7rem;
  }
}
.invoices-list .btn, .invoices-list .ui_558574, .invoices-list .ui_517427, .invoices-list .ui_464917, .invoices-list .inputfile + label{
  margin-top: .75rem;
  width: 9rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 960px) {
  .invoices-list .btn, .invoices-list .ui_558574, .invoices-list .ui_517427, .invoices-list .ui_464917, .invoices-list .inputfile + label{
    margin-top: 0;
  }
}

.pointer-events-none{
  pointer-events: none !important;
}

.visible{
  visibility: visible !important;
}

.static{
  position: static !important;
}

.fixed{
  position: fixed !important;
}

.absolute{
  position: absolute !important;
}

.relative{
  position: relative !important;
}

.inset-0{
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
}

.top-10{
  top: .5rem !important;
}

.-right-20{
  right: -1rem !important;
}

.top-0{
  top: 0 !important;
}

.-right-30{
  right: -1.5rem !important;
}

.top-1\/2{
  top: 50% !important;
}

.left-0{
  left: 0 !important;
}

.bottom-0{
  bottom: 0 !important;
}

.right-2{
  right: .1rem !important;
}

.right-0{
  right: 0 !important;
}

.top-4{
  top: .2rem !important;
}

.right-5p{
  right: 5% !important;
}

.top-20p{
  top: 20% !important;
}

.bottom-20p{
  bottom: 20% !important;
}

.bottom-5p{
  bottom: 5% !important;
}

.bottom-30p{
  bottom: 30% !important;
}

.left-3{
  left: .15rem !important;
}

.top-\[53\%\]{
  top: 53% !important;
}

.right-\[10px\]{
  right: 10px !important;
}

.left-1\/2{
  left: 50% !important;
}

.-left-40{
  left: -2rem !important;
}

.top-\[83\%\]{
  top: 83% !important;
}

.right-\[0\]{
  right: 0 !important;
}

.right-\[3\%\]{
  right: 3% !important;
}

.left-\[-14\%\]{
  left: -14% !important;
}

.right-24{
  right: 1.2rem !important;
}

.right-20{
  right: 1rem !important;
}

.right-10{
  right: .5rem !important;
}

.bottom-1\/2{
  bottom: 50% !important;
}

.-bottom-10{
  bottom: -0.5rem !important;
}

.-bottom-5{
  bottom: -0.25rem !important;
}

.-bottom-2{
  bottom: -0.1rem !important;
}

.z-1001{
  z-index: 1001 !important;
}

.z-999{
  z-index: 999 !important;
}

.z-1000{
  z-index: 1000 !important;
}

.z-10{
  z-index: 10 !important;
}

.order-2{
  order: 2 !important;
}

.order-1{
  order: 1 !important;
}

.order-3{
  order: 3 !important;
}

.order-4{
  order: 4 !important;
}

.order-last{
  order: 9999 !important;
}

.float-right{
  float: right !important;
}

.m-0{
  margin: 0 !important;
}

.m-auto{
  margin: auto !important;
}

.m-1{
  margin: .05rem !important;
}

.mx-auto{
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-20{
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-25{
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}

.-mx-32{
  margin-left: -1.6rem !important;
  margin-right: -1.6rem !important;
}

.-mx-25{
  margin-left: -1.25rem !important;
  margin-right: -1.25rem !important;
}

.-mx-8{
  margin-left: -0.4rem !important;
  margin-right: -0.4rem !important;
}

.my-35{
  margin-top: 1.75rem !important;
  margin-bottom: 1.75rem !important;
}

.my-10{
  margin-top: .5rem !important;
  margin-bottom: .5rem !important;
}

.mx-2{
  margin-left: .1rem !important;
  margin-right: .1rem !important;
}

.-mx-12{
  margin-left: -0.6rem !important;
  margin-right: -0.6rem !important;
}

.my-50{
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.my-30{
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.-mx-10{
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}

.my-15{
  margin-top: .75rem !important;
  margin-bottom: .75rem !important;
}

.-mx-1{
  margin-left: -0.05rem !important;
  margin-right: -0.05rem !important;
}

.my-40{
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.-mx-30{
  margin-left: -1.5rem !important;
  margin-right: -1.5rem !important;
}

.mx-0{
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mx-10{
  margin-left: .5rem !important;
  margin-right: .5rem !important;
}

.-mx-20{
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}

.my-60{
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.mb-20{
  margin-bottom: 1rem !important;
}

.mr-20{
  margin-right: 1rem !important;
}

.mt-40{
  margin-top: 2rem !important;
}

.mt-35{
  margin-top: 1.75rem !important;
}

.mb-50{
  margin-bottom: 2.5rem !important;
}

.mb-100{
  margin-bottom: 5rem !important;
}

.mb-30{
  margin-bottom: 1.5rem !important;
}

.mb-10{
  margin-bottom: .5rem !important;
}

.mb-0{
  margin-bottom: 0 !important;
}

.mb-35{
  margin-bottom: 1.75rem !important;
}

.mb-40{
  margin-bottom: 2rem !important;
}

.ml-auto{
  margin-left: auto !important;
}

.mb-25{
  margin-bottom: 1.25rem !important;
}

.mt-auto{
  margin-top: auto !important;
}

.mt-20{
  margin-top: 1rem !important;
}

.mb-15{
  margin-bottom: .75rem !important;
}

.mr-30{
  margin-right: 1.5rem !important;
}

.mr-auto{
  margin-right: auto !important;
}

.mt-25{
  margin-top: 1.25rem !important;
}

.mt-32{
  margin-top: 1.6rem !important;
}

.mb-14{
  margin-bottom: .7rem !important;
}

.mr-16{
  margin-right: .8rem !important;
}

.mt-50{
  margin-top: 2.5rem !important;
}

.mt-60{
  margin-top: 3rem !important;
}

.mb-80{
  margin-bottom: 4rem !important;
}

.mb-45{
  margin-bottom: 2.25rem !important;
}

.ml-10{
  margin-left: .5rem !important;
}

.mt-30{
  margin-top: 1.5rem !important;
}

.mb-16{
  margin-bottom: .8rem !important;
}

.mr-45{
  margin-right: 2.25rem !important;
}

.mt-5{
  margin-top: .25rem !important;
}

.mr-10{
  margin-right: .5rem !important;
}

.-mb-25{
  margin-bottom: -1.25rem !important;
}

.mb-24{
  margin-bottom: 1.2rem !important;
}

.mb-12{
  margin-bottom: .6rem !important;
}

.mt-12{
  margin-top: .6rem !important;
}

.mb-32{
  margin-bottom: 1.6rem !important;
}

.mt-10{
  margin-top: .5rem !important;
}

.mr-35{
  margin-right: 1.75rem !important;
}

.ml-5{
  margin-left: .25rem !important;
}

.mb-8{
  margin-bottom: .4rem !important;
}

.mb-5{
  margin-bottom: .25rem !important;
}

.mb-60{
  margin-bottom: 3rem !important;
}

.mr-14{
  margin-right: .7rem !important;
}

.ml-15{
  margin-left: .75rem !important;
}

.mt-0{
  margin-top: 0 !important;
}

.mb-6{
  margin-bottom: .3rem !important;
}

.mt-45{
  margin-top: 2.25rem !important;
}

.-ml-40{
  margin-left: -2rem !important;
}

.ml-35{
  margin-left: 1.75rem !important;
}

.mr-40{
  margin-right: 2rem !important;
}

.-ml-35{
  margin-left: -1.75rem !important;
}

.mr-5{
  margin-right: .25rem !important;
}

.mt-24{
  margin-top: 1.2rem !important;
}

.mb-70{
  margin-bottom: 3.5rem !important;
}

.mb-56{
  margin-bottom: 2.8rem !important;
}

.ml-30{
  margin-left: 1.5rem !important;
}

.mr-0{
  margin-right: 0 !important;
}

.ml-40{
  margin-left: 2rem !important;
}

.ml-\[40px\]{
  margin-left: 40px !important;
}

.block{
  display: block !important;
}

.inline-block{
  display: inline-block !important;
}

.inline{
  display: inline !important;
}

.flex{
  display: flex !important;
}

.table{
  display: table !important;
}

.flow-root{
  display: flow-root !important;
}

.hidden{
  display: none !important;
}

.h-30{
  height: 1.5rem !important;
}

.h-32{
  height: 1.6rem !important;
}

.h-full{
  height: 100% !important;
}

.h-500{
  height: 25rem !important;
}

.h-40{
  height: 2rem !important;
}

.h-48{
  height: 2.4rem !important;
}

.h-22{
  height: 1.1rem !important;
}

.h-\[486px\]{
  height: 486px !important;
}

.h-\[400px\]{
  height: 400px !important;
}

.h-60{
  height: 3rem !important;
}

.h-20{
  height: 1rem !important;
}

.h-50{
  height: 2.5rem !important;
}

.h-10{
  height: .5rem !important;
}

.h-100{
  height: 5rem !important;
}

.h-4{
  height: .2rem !important;
}

.max-h-28{
  max-height: 1.4rem !important;
}

.max-h-14{
  max-height: .7rem !important;
}

.max-h-48{
  max-height: 2.4rem !important;
}

.max-h-\[485px\]{
  max-height: 485px !important;
}

.min-h-100{
  min-height: 5rem !important;
}

.min-h-112{
  min-height: 5.6rem !important;
}

.min-h-50{
  min-height: 2.5rem !important;
}

.w-32{
  width: 1.6rem !important;
}

.w-full{
  width: 100% !important;
}

.w-64{
  width: 3.2rem !important;
}

.w-60{
  width: 3rem !important;
}

.w-160{
  width: 8rem !important;
}

.w-128{
  width: 6.4rem !important;
}

.w-180{
  width: 9rem !important;
}

.w-22{
  width: 1.1rem !important;
}

.w-auto{
  width: auto !important;
}

.w-150{
  width: 7.5rem !important;
}

.w-1\/2{
  width: 50% !important;
}

.w-16{
  width: .8rem !important;
}

.w-1\/3{
  width: 33.333333% !important;
}

.w-120{
  width: 6rem !important;
}

.w-15{
  width: .75rem !important;
}

.w-20{
  width: 1rem !important;
}

.w-2\/3{
  width: 66.666667% !important;
}

.w-40{
  width: 2rem !important;
}

.w-200{
  width: 10rem !important;
}

.w-1\/4{
  width: 25% !important;
}

.w-46\/12{
  width: 46.333333% !important;
}

.w-25{
  width: 1.25rem !important;
}

.w-3\/5{
  width: 60% !important;
}

.w-2\/5{
  width: 40% !important;
}

.w-2\.75\/5{
  width: 55% !important;
}

.w-2{
  width: .1rem !important;
}

.w-2\.25\/5{
  width: 45% !important;
}

.w-3\/4{
  width: 75% !important;
}

.w-10p{
  width: 10% !important;
}

.w-90p{
  width: 90% !important;
}

.w-\[70\%\]{
  width: 70% !important;
}

.w-\[30\%\]{
  width: 30% !important;
}

.w-50{
  width: 2.5rem !important;
}

.w-\[250px\]{
  width: 250px !important;
}

.w-\[115px\]{
  width: 115px !important;
}

.w-\[124px\]{
  width: 124px !important;
}

.w-\[80px\]{
  width: 80px !important;
}

.w-140{
  width: 7rem !important;
}

.w-48{
  width: 2.4rem !important;
}

.w-82{
  width: 4.1rem !important;
}

.w-80{
  width: 4rem !important;
}

.min-w-\[35\%\]{
  min-width: 35% !important;
}

.max-w-xs{
  max-width: 16rem !important;
}

.max-w-lg{
  max-width: 25.6rem !important;
}

.max-w-md{
  max-width: 22.4rem !important;
}

.max-w-\[975px\]{
  max-width: 975px !important;
}

.max-w-90{
  max-width: 4.5rem !important;
}

.max-w-256{
  max-width: 12.8rem !important;
}

.max-w-1086{
  max-width: 55rem !important;
}

.max-w-\[360px\]{
  max-width: 360px !important;
}

.max-w-320{
  max-width: 16rem !important;
}

.max-w-240{
  max-width: 12rem !important;
}

.max-w-2xl{
  max-width: 33.6rem !important;
}

.max-w-full{
  max-width: 100% !important;
}

.max-w-866{
  max-width: 43.3rem !important;
}

.max-w-64{
  max-width: 3.2rem !important;
}

.max-w-120{
  max-width: 6rem !important;
}

.max-w-144{
  max-width: 7.2rem !important;
}

.max-w-575{
  max-width: 28.75rem !important;
}

.max-w-200{
  max-width: 10rem !important;
}

.max-w-128{
  max-width: 6.4rem !important;
}

.max-w-sm{
  max-width: 19.2rem !important;
}

.max-w-100{
  max-width: 5rem !important;
}

.max-w-380{
  max-width: 19rem !important;
}

.max-w-650{
  max-width: 32.5rem !important;
}

.max-w-none{
  max-width: none !important;
}

.max-w-180{
  max-width: 9rem !important;
}

.max-w-350{
  max-width: 17.5rem !important;
}

.max-w-\[34px\]{
  max-width: 34px !important;
}

.max-w-\[64px\]{
  max-width: 64px !important;
}

.max-w-\[50\%\]{
  max-width: 50% !important;
}

.max-w-\[600px\]{
  max-width: 600px !important;
}

.max-w-\[930px\]{
  max-width: 930px !important;
}

.max-w-\[220px\]{
  max-width: 220px !important;
}

.max-w-\[1200px\]{
  max-width: 1200px !important;
}

.max-w-\[1000px\]{
  max-width: 1000px !important;
}

.max-w-\[400px\]{
  max-width: 400px !important;
}

.max-w-800{
  max-width: 40rem !important;
}

.max-w-1xl{
  max-width: 30.5rem !important;
}

.max-w-5xl{
  max-width: 51.2rem !important;
}

.max-w-28{
  max-width: 1.4rem !important;
}

.max-w-xl{
  max-width: 28.8rem !important;
}

.max-w-\[195px\]{
  max-width: 195px !important;
}

.max-w-\[250px\]{
  max-width: 250px !important;
}

.-translate-y-1\/2{
  --tw-translate-y: -50% !important;
  transform: var(--tw-transform) !important;
}

.-translate-x-1\/2{
  --tw-translate-x: -50% !important;
  transform: var(--tw-transform) !important;
}

.rotate-90{
  --tw-rotate: 90deg !important;
  transform: var(--tw-transform) !important;
}

.transform{
  transform: var(--tw-transform) !important;
}

.cursor-pointer{
  cursor: pointer !important;
}

.resize{
  resize: both !important;
}

.flex-row{
  flex-direction: row !important;
}

.flex-row-reverse{
  flex-direction: row-reverse !important;
}

.flex-col{
  flex-direction: column !important;
}

.flex-col-reverse{
  flex-direction: column-reverse !important;
}

.flex-wrap{
  flex-wrap: wrap !important;
}

.flex-nowrap{
  flex-wrap: nowrap !important;
}

.items-start{
  align-items: flex-start !important;
}

.items-end{
  align-items: flex-end !important;
}

.items-center{
  align-items: center !important;
}

.justify-start{
  justify-content: flex-start !important;
}

.justify-end{
  justify-content: flex-end !important;
}

.justify-center{
  justify-content: center !important;
}

.justify-between{
  justify-content: space-between !important;
}

.gap-10{
  gap: .5rem !important;
}

.gap-20{
  gap: 1rem !important;
}

.space-x-15 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(.75rem * var(--tw-space-x-reverse)) !important;
  margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse))) !important;
}

.space-x-20 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(1rem * var(--tw-space-x-reverse)) !important;
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) !important;
}

.self-start{
  align-self: flex-start !important;
}

.self-end{
  align-self: flex-end !important;
}

.justify-self-start{
  justify-self: start !important;
}

.overflow-auto{
  overflow: auto !important;
}

.overflow-hidden{
  overflow: hidden !important;
}

.whitespace-normal{
  white-space: normal !important;
}

.whitespace-nowrap{
  white-space: nowrap !important;
}

.rounded-4{
  border-radius: .2rem !important;
}

.rounded-full{
  border-radius: 9999px !important;
}

.rounded-3{
  border-radius: .15rem !important;
}

.rounded-md{
  border-radius: 0.375rem !important;
}

.rounded{
  border-radius: 0.25rem !important;
}

.rounded-lg{
  border-radius: 0.5rem !important;
}

.border{
  border-width: 1px !important;
}

.border-b{
  border-bottom-width: 1px !important;
}

.border-l-4{
  border-left-width: 4px !important;
}

.border-t{
  border-top-width: 1px !important;
}

.border-b-2{
  border-bottom-width: 2px !important;
}

.border-solid{
  border-style: solid !important;
}

.border-none{
  border-style: none !important;
}

.border-gray-300{
  --tw-border-opacity: 1 !important;
  border-color: rgba(185, 184, 188, var(--tw-border-opacity)) !important;
}

.border-device-grey{
  --tw-border-opacity: 1 !important;
  border-color: rgba(60, 65, 70, var(--tw-border-opacity)) !important;
}

.border-slate-15{
  --tw-border-opacity: 1 !important;
  border-color: rgba(224, 224, 226, var(--tw-border-opacity)) !important;
}

.border-hard-white{
  --tw-border-opacity: 1 !important;
  border-color: rgba(246, 244, 240, var(--tw-border-opacity)) !important;
}

.border-gray-200{
  --tw-border-opacity: 1 !important;
  border-color: rgba(246, 244, 240, var(--tw-border-opacity)) !important;
}

.border-gray-500{
  --tw-border-opacity: 1 !important;
  border-color: rgba(193, 192, 196, var(--tw-border-opacity)) !important;
}

.bg-white{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
}

.bg-purple{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(52, 48, 61, var(--tw-bg-opacity)) !important;
}

.bg-cyan{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity)) !important;
}

.bg-gray-200{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(246, 244, 240, var(--tw-bg-opacity)) !important;
}

.bg-turquoise-15{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(217, 248, 248, var(--tw-bg-opacity)) !important;
}

.bg-turquoise-85{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(43, 215, 216, var(--tw-bg-opacity)) !important;
}

.bg-hard-white{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(246, 244, 240, var(--tw-bg-opacity)) !important;
}

.bg-slate{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(52, 48, 61, var(--tw-bg-opacity)) !important;
}

.bg-soft-white{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(255, 253, 251, var(--tw-bg-opacity)) !important;
}

.bg-red{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(219, 54, 36, var(--tw-bg-opacity)) !important;
}

.bg-turquoise{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(0, 209, 210, var(--tw-bg-opacity)) !important;
}

.bg-blue-200{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(220, 240, 239, var(--tw-bg-opacity)) !important;
}

.bg-device-gold{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(205, 185, 165, var(--tw-bg-opacity)) !important;
}

.bg-device-blue{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(17, 89, 214, var(--tw-bg-opacity)) !important;
}

.bg-device-grey{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(60, 65, 70, var(--tw-bg-opacity)) !important;
}

.bg-device-white{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
}

.bg-heets-bronze{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(173, 86, 40, var(--tw-bg-opacity)) !important;
}

.bg-heets-sienna{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(191, 36, 32, var(--tw-bg-opacity)) !important;
}

.bg-heets-amber{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(255, 112, 33, var(--tw-bg-opacity)) !important;
}

.bg-heets-yellow{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(255, 200, 84, var(--tw-bg-opacity)) !important;
}

.bg-heets-blue{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(17, 89, 214, var(--tw-bg-opacity)) !important;
}

.bg-heets-turquoise{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(35, 161, 173, var(--tw-bg-opacity)) !important;
}

.bg-heets-russet{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(117, 21, 69, var(--tw-bg-opacity)) !important;
}

.bg-heets-teak{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(141, 102, 94, var(--tw-bg-opacity)) !important;
}

.bg-heets-kelly{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(169, 205, 91, var(--tw-bg-opacity)) !important;
}

.bg-heets-siennacaps{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(180, 224, 227, var(--tw-bg-opacity)) !important;
}

.bg-heets-silver{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(141, 147, 146, var(--tw-bg-opacity)) !important;
}

.bg-heets-mauve{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(182, 158, 202, var(--tw-bg-opacity)) !important;
}

.bg-yellow{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(255, 208, 64, var(--tw-bg-opacity)) !important;
}

.bg-heets-lagunaswift{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(255, 208, 64, var(--tw-bg-opacity)) !important;
}

.bg-custom-bg{
  background-color: rgba(255, 253, 251, 0.6) !important;
}

.bg-transparent{
  background-color: transparent !important;
}

.bg-device-goldkhaki{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(213, 189, 161, var(--tw-bg-opacity)) !important;
}

.bg-device-obsidianblack{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(75, 75, 75, var(--tw-bg-opacity)) !important;
}

.bg-device-jadegreen{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(159, 176, 166, var(--tw-bg-opacity)) !important;
}

.bg-device-bronzetaupe{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(211, 194, 200, var(--tw-bg-opacity)) !important;
}

.bg-device-mossgreen{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(127, 148, 118, var(--tw-bg-opacity)) !important;
}

.bg-device-azureblue{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(102, 140, 163, var(--tw-bg-opacity)) !important;
}

.bg-device-pebblebeige{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(211, 199, 182, var(--tw-bg-opacity)) !important;
}

.bg-device-pebblegrey{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(144, 145, 148, var(--tw-bg-opacity)) !important;
}

.bg-device-sunsetred{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(200, 110, 135, var(--tw-bg-opacity)) !important;
}

.bg-amber{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(227, 129, 59, var(--tw-bg-opacity)) !important;
}

.bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important;
}

.bg-none{
  background-image: none !important;
}

.from-soft-white{
  --tw-gradient-from: #FFFDFB !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 253, 251, 0)) !important;
}

.from-transparent{
  --tw-gradient-from: transparent !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0)) !important;
}

.to-transparent{
  --tw-gradient-to: transparent !important;
}

.to-soft-white{
  --tw-gradient-to: #FFFDFB !important;
}

.bg-contain{
  background-size: contain !important;
}

.object-cover{
  -o-object-fit: cover !important;
  object-fit: cover !important;
}

.p-30{
  padding: 1.5rem !important;
}

.p-0{
  padding: 0 !important;
}

.p-25{
  padding: 1.25rem !important;
}

.p-9{
  padding: .45rem !important;
}

.p-15{
  padding: .75rem !important;
}

.p-20{
  padding: 1rem !important;
}

.p-10{
  padding: .5rem !important;
}

.p-5{
  padding: .25rem !important;
}

.px-10{
  padding-left: .5rem !important;
  padding-right: .5rem !important;
}

.py-40{
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.px-20{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.px-40{
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.py-15{
  padding-top: .75rem !important;
  padding-bottom: .75rem !important;
}

.px-35{
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
}

.py-50{
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.py-60{
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.py-0{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-35{
  padding-top: 1.75rem !important;
  padding-bottom: 1.75rem !important;
}

.px-25{
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

.py-5{
  padding-top: .25rem !important;
  padding-bottom: .25rem !important;
}

.py-10{
  padding-top: .5rem !important;
  padding-bottom: .5rem !important;
}

.px-0{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py-30{
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.px-8{
  padding-left: .4rem !important;
  padding-right: .4rem !important;
}

.py-48{
  padding-top: 2.4rem !important;
  padding-bottom: 2.4rem !important;
}

.px-30{
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.px-12{
  padding-left: .6rem !important;
  padding-right: .6rem !important;
}

.px-32{
  padding-left: 1.6rem !important;
  padding-right: 1.6rem !important;
}

.px-14{
  padding-left: .7rem !important;
  padding-right: .7rem !important;
}

.py-70{
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}

.px-24{
  padding-left: 1.2rem !important;
  padding-right: 1.2rem !important;
}

.px-15{
  padding-left: .75rem !important;
  padding-right: .75rem !important;
}

.py-20{
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.px-60{
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.px-5{
  padding-left: .25rem !important;
  padding-right: .25rem !important;
}

.py-80{
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.py-16{
  padding-top: .8rem !important;
  padding-bottom: .8rem !important;
}

.pt-60{
  padding-top: 3rem !important;
}

.pb-0{
  padding-bottom: 0 !important;
}

.pr-10{
  padding-right: .5rem !important;
}

.pb-40{
  padding-bottom: 2rem !important;
}

.pt-20{
  padding-top: 1rem !important;
}

.pb-5{
  padding-bottom: .25rem !important;
}

.pt-5{
  padding-top: .25rem !important;
}

.pb-20{
  padding-bottom: 1rem !important;
}

.pb-25{
  padding-bottom: 1.25rem !important;
}

.pr-40{
  padding-right: 2rem !important;
}

.pt-30{
  padding-top: 1.5rem !important;
}

.pl-25{
  padding-left: 1.25rem !important;
}

.pr-0{
  padding-right: 0 !important;
}

.pt-40{
  padding-top: 2rem !important;
}

.pt-0{
  padding-top: 0 !important;
}

.pb-80{
  padding-bottom: 4rem !important;
}

.pt-16{
  padding-top: .8rem !important;
}

.pt-80{
  padding-top: 4rem !important;
}

.pt-50{
  padding-top: 2.5rem !important;
}

.pb-60{
  padding-bottom: 3rem !important;
}

.pb-\[35px\]{
  padding-bottom: 35px !important;
}

.pr-5{
  padding-right: .25rem !important;
}

.pb-16{
  padding-bottom: .8rem !important;
}

.pb-48{
  padding-bottom: 2.4rem !important;
}

.pb-35{
  padding-bottom: 1.75rem !important;
}

.pl-20{
  padding-left: 1rem !important;
}

.pl-6{
  padding-left: .3rem !important;
}

.pr-70{
  padding-right: 3.5rem !important;
}

.pr-30{
  padding-right: 1.5rem !important;
}

.pt-75{
  padding-top: 3.75rem !important;
}

.pb-30{
  padding-bottom: 1.5rem !important;
}

.pb-50{
  padding-bottom: 2.5rem !important;
}

.pt-15{
  padding-top: .75rem !important;
}

.pr-15{
  padding-right: .75rem !important;
}

.pl-15{
  padding-left: .75rem !important;
}

.pb-10{
  padding-bottom: .5rem !important;
}

.pt-10{
  padding-top: .5rem !important;
}

.pl-40{
  padding-left: 2rem !important;
}

.pr-45{
  padding-right: 2.25rem !important;
}

.pl-10{
  padding-left: .5rem !important;
}

.pl-\[10px\]{
  padding-left: 10px !important;
}

.text-left{
  text-align: left !important;
}

.text-center{
  text-align: center !important;
}

.text-right{
  text-align: right !important;
}

.align-top{
  vertical-align: top !important;
}

.font-iqos{
  font-family: "iqos", serif !important;
}

.text-32{
  font-size: 1.6rem !important;
}

.text-20{
  font-size: 1rem !important;
}

.text-18{
  font-size: .9rem !important;
}

.text-30{
  font-size: 1.5rem !important;
}

.text-16{
  font-size: .8rem !important;
}

.text-28{
  font-size: 1.4rem !important;
}

.text-14{
  font-size: .7rem !important;
}

.text-24{
  font-size: 1.2rem !important;
}

.text-12{
  font-size: .6rem !important;
}

.text-13{
  font-size: .65rem !important;
}

.text-21{
  font-size: 1.05rem !important;
}

.text-26{
  font-size: 1.3rem !important;
}

.text-11{
  font-size: .55rem !important;
}

.text-10{
  font-size: .5rem !important;
}

.font-bold{
  font-weight: 700 !important;
}

.font-light{
  font-weight: 300 !important;
}

.font-normal{
  font-weight: 400 !important;
}

.leading-49{
  line-height: 2.45rem !important;
}

.leading-tight{
  line-height: 1.23 !important;
}

.leading-28{
  line-height: 1.4rem !important;
}

.leading-none{
  line-height: 1 !important;
}

.leading-10{
  line-height: 1.25rem !important;
}

.leading-9{
  line-height: 1.125rem !important;
}

.leading-\[38px\]{
  line-height: 38px !important;
}

.leading-relaxed{
  line-height: 1.625 !important;
}

.text-soft-white{
  --tw-text-opacity: 1 !important;
  color: rgba(255, 253, 251, var(--tw-text-opacity)) !important;
}

.text-orange{
  --tw-text-opacity: 1 !important;
  color: rgba(227, 129, 59, var(--tw-text-opacity)) !important;
}

.text-cyan{
  --tw-text-opacity: 1 !important;
  color: rgba(0, 209, 210, var(--tw-text-opacity)) !important;
}

.text-white{
  --tw-text-opacity: 1 !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.text-black{
  --tw-text-opacity: 1 !important;
  color: rgba(0, 0, 0, var(--tw-text-opacity)) !important;
}

.text-purple{
  --tw-text-opacity: 1 !important;
  color: rgba(52, 48, 61, var(--tw-text-opacity)) !important;
}

.text-turquoise{
  --tw-text-opacity: 1 !important;
  color: rgba(0, 209, 210, var(--tw-text-opacity)) !important;
}

.text-slate{
  --tw-text-opacity: 1 !important;
  color: rgba(52, 48, 61, var(--tw-text-opacity)) !important;
}

.text-green-100{
  --tw-text-opacity: 1 !important;
  color: rgba(87, 118, 19, var(--tw-text-opacity)) !important;
}

.text-slate-65{
  --tw-text-opacity: 1 !important;
  color: rgba(122, 120, 128, var(--tw-text-opacity)) !important;
}

.underline{
  text-decoration: underline !important;
}

.no-underline{
  text-decoration: none !important;
}

.opacity-100{
  opacity: 1 !important;
}

.outline-none{
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.blur{
  --tw-blur: blur(8px) !important;
  filter: var(--tw-filter) !important;
}

.invert{
  --tw-invert: invert(100%) !important;
  filter: var(--tw-filter) !important;
}

.filter{
  filter: var(--tw-filter) !important;
}

.transition-all{
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}

.transition{
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}

.duration-200{
  transition-duration: 200ms !important;
}

.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}

.rotate-90 {
      transform: rotate(90deg) !important;
    }

.clearfix{
  display: inline-block;
  width: 100%;
}

.clearfix:after{
  clear: both;
  display: table;
  content: "";
}

.swing {
      animation-duration: 1s !important;
      animation-fill-mode: both !important;
      transform-origin: top center !important;
      animation-name: swing !important;
    }
/**
* IQOS Utility Styles
*
* Add styles for utilities like animations, transitions, etc
* Take advantage of Tailwind's functions: @ variants and @ responsive
* https://tailwindcss.com/docs/functions-and-directives#variants
*/
/* <div class="rotate-180 md:rotate-0 hover:rotate-90"></div> */
@responsive {
  @variants hover, focus {
    .text-decoration-blue {
      text-decoration-color: #00D1D2 !important;
    }

    .text-decoration-under {
      text-underline-position: under !important;
    }

    .t-scale-100 {
      transform: scale(1);
    }

    .t-scale-150 {
      transform: scale(1.5);
    }

    .t-scale-160 {
      transform: scale(1.6);
    }

    .content-pseudo {
      content: "";
    }

    .rotate-0 {
      transform: rotate(0deg);
    }

    .rotate-90 {
      transform: rotate(90deg);
    }

    .rotate-180 {
      transform: rotate(180deg);
    }

    .rotate-270 {
      transform: rotate(270deg);
    }

    .transform-reset {
      transform: none;
    }

    .-translate-x-50 {
      transform: translateX(-50%);
    }

    .-translate {
      transform: translate(-50%, -50%);
    }

    .-translate-rotate {
      transform: translate(-50%, -50%) rotate(45deg);
    }

    .transition-3s-all {
      transition: all 0.3s ease;
    }

    .transition-3s-bg {
      transition: background 0.3s ease;
    }

    .transition-5s-all {
      transition: all 0.5s ease;
    }

    .transition-3s-border-bg {
      transition: border 0.3s ease, background 0.3s ease;
    }

    .transition-3s-opacity {
      transition: opacity 0.3s ease;
    }

    .transition-3s-color {
      transition: color 0.3s ease;
    }

    .flip-x {
      transform: scaleX(-1);
    }

    .flip-y {
      transform: scaleY(-1);
    }

    .clearfix{
      display: inline-block;
    }

    .clearfix{
      width: 100%;
    }
    .clearfix:after{
      clear: both;
    }
    .clearfix:after{
      display: table;
    }
    .clearfix:after{
      content: "";
    }

    .swing {
      animation-duration: 1s;
      animation-fill-mode: both;
      transform-origin: top center;
      animation-name: swing;
    }

    .pulse {
      animation-duration: 1s;
      animation-fill-mode: both;
      animation-name: pulse;
    }

    .bounceIn {
      animation-fill-mode: both;
      animation-duration: 0.75s;
      animation-name: bounceIn;
    }

    .zoomIn {
      animation-duration: 1s;
      animation-fill-mode: both;
      animation-name: zoomIn;
    }

    .fadeIn {
      animation-duration: 0.6s;
      animation-fill-mode: both;
      animation-name: fadeIn;
    }

    .dont-break-out {
      /* These are technically the same, but use both */
      overflow-wrap: break-word;
      word-wrap: break-word;
      -ms-word-break: break-all;
      /* This is the dangerous one in WebKit, as it breaks things wherever */
      word-break: break-all;
      /* Instead use this non-standard one: */
      word-break: break-word;
      /* Adds a hyphen where the word breaks, if supported (No Blink) */
      -webkit-hyphens: auto;
      hyphens: auto;
    }
  }
}
@media (min-width: 768px) {
  .min-h-md-3-rows {
    min-height: 4.5em;
  }

  .min-h-md-4-rows {
    min-height: 6em;
  }
}
.grabbable {
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -webkit-grab;
}

.hover\:text-turquoise:hover{
  --tw-text-opacity: 1 !important;
  color: rgba(0, 209, 210, var(--tw-text-opacity)) !important;
}

.hover\:underline:hover{
  text-decoration: underline !important;
}

@media (min-width: 370px){
  .xss\:right-\[20\%\]{
    right: 20% !important;
  }
  .xss\:w-\[110px\]{
    width: 110px !important;
  }
  .xss\:w-\[90px\]{
    width: 90px !important;
  }
  .xss\:w-\[80px\]{
    width: 80px !important;
  }
}

@media (min-width: 550px){
  .xsss\:right-\[25\%\]{
    right: 25% !important;
  }
}

@media (min-width: 640px){
  .sm\:right-\[30\%\]{
    right: 30% !important;
  }
  .sm\:left-0{
    left: 0 !important;
  }
  .sm\:right-\[4\%\]{
    right: 4% !important;
  }
  .sm\:right-\[12\%\]{
    right: 12% !important;
  }
  .sm\:left-\[0\]{
    left: 0 !important;
  }
  .sm\:order-last{
    order: 9999 !important;
  }
  .sm\:mx-auto{
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .sm\:mt-25{
    margin-top: 1.25rem !important;
  }
  .sm\:ml-0{
    margin-left: 0 !important;
  }
  .sm\:mb-0{
    margin-bottom: 0 !important;
  }
  .sm\:mb-50{
    margin-bottom: 2.5rem !important;
  }
  .sm\:mb-80{
    margin-bottom: 4rem !important;
  }
  .sm\:mb-\[80px\]{
    margin-bottom: 80px !important;
  }
  .sm\:mb-\[100px\]{
    margin-bottom: 100px !important;
  }
  .sm\:block{
    display: block !important;
  }
  .sm\:flex{
    display: flex !important;
  }
  .sm\:hidden{
    display: none !important;
  }
  .sm\:h-32{
    height: 1.6rem !important;
  }
  .sm\:w-32{
    width: 1.6rem !important;
  }
  .sm\:w-5\/12{
    width: 41.666667% !important;
  }
  .sm\:w-10p{
    width: 10% !important;
  }
  .sm\:w-90p{
    width: 90% !important;
  }
  .sm\:w-1\/2{
    width: 50% !important;
  }
  .sm\:max-w-120{
    max-width: 6rem !important;
  }
  .sm\:flex-row{
    flex-direction: row !important;
  }
  .sm\:justify-end{
    justify-content: flex-end !important;
  }
  .sm\:justify-center{
    justify-content: center !important;
  }
  .sm\:justify-between{
    justify-content: space-between !important;
  }
  .sm\:space-x-100 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0 !important;
    margin-right: calc(5rem * var(--tw-space-x-reverse)) !important;
    margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse))) !important;
  }
  .sm\:px-20{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .sm\:pr-0{
    padding-right: 0 !important;
  }
  .sm\:pr-10{
    padding-right: .5rem !important;
  }
  .sm\:pl-0{
    padding-left: 0 !important;
  }
  .sm\:pt-6{
    padding-top: .3rem !important;
  }
  .sm\:pl-\[10\%\]{
    padding-left: 10% !important;
  }
  .sm\:text-center{
    text-align: center !important;
  }
  .sm\:text-40{
    font-size: 2rem !important;
  }
}

@media (min-width: 768px){
  .md\:right-10{
    right: .5rem !important;
  }
  .md\:right-15p{
    right: 15% !important;
  }
  .md\:bottom-10p{
    bottom: 10% !important;
  }
  .md\:right-\[34\%\]{
    right: 34% !important;
  }
  .md\:left-\[6\%\]{
    left: 6% !important;
  }
  .md\:top-1\/2{
    top: 50% !important;
  }
  .md\:right-\[14\%\]{
    right: 14% !important;
  }
  .md\:right-\[17\%\]{
    right: 17% !important;
  }
  .md\:right-\[10\%\]{
    right: 10% !important;
  }
  .md\:order-last{
    order: 9999 !important;
  }
  .md\:mx-0{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .md\:-mx-10{
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .md\:my-30{
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .md\:mx-auto{
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .md\:mb-40{
    margin-bottom: 2rem !important;
  }
  .md\:mb-30{
    margin-bottom: 1.5rem !important;
  }
  .md\:mb-0{
    margin-bottom: 0 !important;
  }
  .md\:mt-0{
    margin-top: 0 !important;
  }
  .md\:ml-30{
    margin-left: 1.5rem !important;
  }
  .md\:mb-20{
    margin-bottom: 1rem !important;
  }
  .md\:mr-20{
    margin-right: 1rem !important;
  }
  .md\:mb-35{
    margin-bottom: 1.75rem !important;
  }
  .md\:-mr-35{
    margin-right: -1.75rem !important;
  }
  .md\:-mb-50{
    margin-bottom: -2.5rem !important;
  }
  .md\:mt-30{
    margin-top: 1.5rem !important;
  }
  .md\:mb-50{
    margin-bottom: 2.5rem !important;
  }
  .md\:mr-35{
    margin-right: 1.75rem !important;
  }
  .md\:mb-60{
    margin-bottom: 3rem !important;
  }
  .md\:ml-20{
    margin-left: 1rem !important;
  }
  .md\:ml-80{
    margin-left: 4rem !important;
  }
  .md\:block{
    display: block !important;
  }
  .md\:inline-block{
    display: inline-block !important;
  }
  .md\:inline{
    display: inline !important;
  }
  .md\:flex{
    display: flex !important;
  }
  .md\:table-cell{
    display: table-cell !important;
  }
  .md\:hidden{
    display: none !important;
  }
  .md\:h-\[600px\]{
    height: 600px !important;
  }
  .md\:h-\[486px\]{
    height: 486px !important;
  }
  .md\:h-\[400px\]{
    height: 400px !important;
  }
  .md\:h-25{
    height: 1.25rem !important;
  }
  .md\:h-70{
    height: 3.5rem !important;
  }
  .md\:h-500{
    height: 25rem !important;
  }
  .md\:h-full{
    height: 100% !important;
  }
  .md\:h-80{
    height: 4rem !important;
  }
  .md\:h-380{
    height: 19rem !important;
  }
  .md\:h-\[580px\]{
    height: 580px !important;
  }
  .md\:w-1\/2{
    width: 50% !important;
  }
  .md\:w-6\/12{
    width: 50% !important;
  }
  .md\:w-25{
    width: 1.25rem !important;
  }
  .md\:w-1\/4{
    width: 25% !important;
  }
  .md\:w-1\/3{
    width: 33.333333% !important;
  }
  .md\:w-auto{
    width: auto !important;
  }
  .md\:w-2\/3{
    width: 66.666667% !important;
  }
  .md\:w-210{
    width: 10.5rem !important;
  }
  .md\:w-3\/5{
    width: 60% !important;
  }
  .md\:w-2\/5{
    width: 40% !important;
  }
  .md\:max-w-full{
    max-width: 100% !important;
  }
  .md\:max-w-1xl{
    max-width: 30.5rem !important;
  }
  .md\:max-w-lg{
    max-width: 25.6rem !important;
  }
  .md\:max-w-400{
    max-width: 20rem !important;
  }
  .md\:max-w-100{
    max-width: 5rem !important;
  }
  .md\:max-w-1312{
    max-width: 65.6rem !important;
  }
  .md\:max-w-\[630px\]{
    max-width: 630px !important;
  }
  .md\:max-w-1000{
    max-width: 50rem !important;
  }
  .md\:flex-row{
    flex-direction: row !important;
  }
  .md\:flex-nowrap{
    flex-wrap: nowrap !important;
  }
  .md\:items-start{
    align-items: flex-start !important;
  }
  .md\:items-center{
    align-items: center !important;
  }
  .md\:justify-between{
    justify-content: space-between !important;
  }
  .md\:p-10{
    padding: .5rem !important;
  }
  .md\:p-30{
    padding: 1.5rem !important;
  }
  .md\:px-40{
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .md\:px-50{
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .md\:px-20{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .md\:px-15{
    padding-left: .75rem !important;
    padding-right: .75rem !important;
  }
  .md\:px-25{
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
  .md\:py-60{
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .md\:px-100{
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .md\:px-70{
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
  .md\:px-30{
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .md\:px-10{
    padding-left: .5rem !important;
    padding-right: .5rem !important;
  }
  .md\:py-80{
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .md\:pr-50{
    padding-right: 2.5rem !important;
  }
  .md\:pt-50{
    padding-top: 2.5rem !important;
  }
  .md\:pl-30{
    padding-left: 1.5rem !important;
  }
  .md\:pt-80{
    padding-top: 4rem !important;
  }
  .md\:pb-\[190px\]{
    padding-bottom: 190px !important;
  }
  .md\:pt-0{
    padding-top: 0 !important;
  }
  .md\:pl-15{
    padding-left: .75rem !important;
  }
  .md\:pt-40{
    padding-top: 2rem !important;
  }
  .md\:pl-0{
    padding-left: 0 !important;
  }
  .md\:pb-30{
    padding-bottom: 1.5rem !important;
  }
  .md\:pr-10{
    padding-right: .5rem !important;
  }
  .md\:pt-10{
    padding-top: .5rem !important;
  }
  .md\:pt-15{
    padding-top: .75rem !important;
  }
  .md\:pb-0{
    padding-bottom: 0 !important;
  }
  .md\:pl-20{
    padding-left: 1rem !important;
  }
  .md\:text-left{
    text-align: left !important;
  }
  .md\:text-right{
    text-align: right !important;
  }
  .md\:text-42{
    font-size: 2.1rem !important;
  }
  .md\:text-40{
    font-size: 2rem !important;
  }
  .md\:text-32{
    font-size: 1.6rem !important;
  }
  .md\:text-21{
    font-size: 1.05rem !important;
  }
  .md\:text-16{
    font-size: .8rem !important;
  }
  .md\:text-20{
    font-size: 1rem !important;
  }
}

@media (min-width: 960px){
  .lmd\:relative{
    position: relative !important;
  }
  .lmd\:right-0{
    right: 0 !important;
  }
  .lmd\:top-0{
    top: 0 !important;
  }
  .lmd\:bottom-0{
    bottom: 0 !important;
  }
  .lmd\:right-\[22\%\]{
    right: 22% !important;
  }
  .lmd\:left-0{
    left: 0 !important;
  }
  .lmd\:left-\[-12\%\]{
    left: -12% !important;
  }
  .lmd\:right-\[0\%\]{
    right: 0% !important;
  }
  .lmd\:right-\[15\%\]{
    right: 15% !important;
  }
  .lmd\:order-1{
    order: 1 !important;
  }
  .lmd\:order-2{
    order: 2 !important;
  }
  .lmd\:order-3{
    order: 3 !important;
  }
  .lmd\:my-30{
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .lmd\:mx-0{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .lmd\:-mx-50{
    margin-left: -2.5rem !important;
    margin-right: -2.5rem !important;
  }
  .lmd\:my-80{
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .lmd\:mb-0{
    margin-bottom: 0 !important;
  }
  .lmd\:mb-40{
    margin-bottom: 2rem !important;
  }
  .lmd\:mt-0{
    margin-top: 0 !important;
  }
  .lmd\:ml-20{
    margin-left: 1rem !important;
  }
  .lmd\:mt-40{
    margin-top: 2rem !important;
  }
  .lmd\:mb-50{
    margin-bottom: 2.5rem !important;
  }
  .lmd\:mt-50{
    margin-top: 2.5rem !important;
  }
  .lmd\:mr-20{
    margin-right: 1rem !important;
  }
  .lmd\:mt-70{
    margin-top: 3.5rem !important;
  }
  .lmd\:mb-25{
    margin-bottom: 1.25rem !important;
  }
  .lmd\:mb-70{
    margin-bottom: 3.5rem !important;
  }
  .lmd\:mr-35{
    margin-right: 1.75rem !important;
  }
  .lmd\:mt-30{
    margin-top: 1.5rem !important;
  }
  .lmd\:mb-60{
    margin-bottom: 3rem !important;
  }
  .lmd\:mr-40{
    margin-right: 2rem !important;
  }
  .lmd\:mb-80{
    margin-bottom: 4rem !important;
  }
  .lmd\:ml-10p{
    margin-left: 10% !important;
  }
  .lmd\:mt-20{
    margin-top: 1rem !important;
  }
  .lmd\:mb-45{
    margin-bottom: 2.25rem !important;
  }
  .lmd\:ml-0{
    margin-left: 0 !important;
  }
  .lmd\:mt-60{
    margin-top: 3rem !important;
  }
  .lmd\:mt-35{
    margin-top: 1.75rem !important;
  }
  .lmd\:mr-32{
    margin-right: 1.6rem !important;
  }
  .lmd\:mr-0{
    margin-right: 0 !important;
  }
  .lmd\:mr-60{
    margin-right: 3rem !important;
  }
  .lmd\:block{
    display: block !important;
  }
  .lmd\:hidden{
    display: none !important;
  }
  .lmd\:h-50{
    height: 2.5rem !important;
  }
  .lmd\:h-200{
    height: 10rem !important;
  }
  .lmd\:max-h-full{
    max-height: 100% !important;
  }
  .lmd\:min-h-full{
    min-height: 100% !important;
  }
  .lmd\:w-1\/3{
    width: 33.333333% !important;
  }
  .lmd\:w-full{
    width: 100% !important;
  }
  .lmd\:w-auto{
    width: auto !important;
  }
  .lmd\:w-48{
    width: 2.4rem !important;
  }
  .lmd\:w-160{
    width: 8rem !important;
  }
  .lmd\:w-1\/2{
    width: 50% !important;
  }
  .lmd\:w-1\/4{
    width: 25% !important;
  }
  .lmd\:w-2\/3{
    width: 66.666667% !important;
  }
  .lmd\:w-\[70\%\]{
    width: 70% !important;
  }
  .lmd\:w-\[30\%\]{
    width: 30% !important;
  }
  .lmd\:w-380{
    width: 19rem !important;
  }
  .lmd\:min-w-\[0\]{
    min-width: 0 !important;
  }
  .lmd\:max-w-1280{
    max-width: 64rem !important;
  }
  .lmd\:max-w-75{
    max-width: 3.75rem !important;
  }
  .lmd\:max-w-128{
    max-width: 6.4rem !important;
  }
  .lmd\:max-w-866{
    max-width: 43.3rem !important;
  }
  .lmd\:max-w-160{
    max-width: 8rem !important;
  }
  .lmd\:max-w-140{
    max-width: 7rem !important;
  }
  .lmd\:max-w-2xl{
    max-width: 33.6rem !important;
  }
  .lmd\:max-w-md{
    max-width: 22.4rem !important;
  }
  .lmd\:max-w-\[450\]{
    max-width: 450 !important;
  }
  .lmd\:max-w-200{
    max-width: 10rem !important;
  }
  .lmd\:flex-row{
    flex-direction: row !important;
  }
  .lmd\:flex-row-reverse{
    flex-direction: row-reverse !important;
  }
  .lmd\:flex-col{
    flex-direction: column !important;
  }
  .lmd\:flex-nowrap{
    flex-wrap: nowrap !important;
  }
  .lmd\:items-start{
    align-items: flex-start !important;
  }
  .lmd\:items-center{
    align-items: center !important;
  }
  .lmd\:justify-center{
    justify-content: center !important;
  }
  .lmd\:justify-between{
    justify-content: space-between !important;
  }
  .lmd\:space-x-80 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0 !important;
    margin-right: calc(4rem * var(--tw-space-x-reverse)) !important;
    margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse))) !important;
  }
  .lmd\:self-center{
    align-self: center !important;
  }
  .lmd\:border-t{
    border-top-width: 1px !important;
  }
  .lmd\:border-none{
    border-style: none !important;
  }
  .lmd\:bg-hard-white{
    --tw-bg-opacity: 1 !important;
    background-color: rgba(246, 244, 240, var(--tw-bg-opacity)) !important;
  }
  .lmd\:bg-turquoise{
    --tw-bg-opacity: 1 !important;
    background-color: rgba(0, 209, 210, var(--tw-bg-opacity)) !important;
  }
  .lmd\:p-20{
    padding: 1rem !important;
  }
  .lmd\:p-110{
    padding: 5.5rem !important;
  }
  .lmd\:px-30{
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .lmd\:px-25{
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
  .lmd\:px-0{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .lmd\:py-50{
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .lmd\:py-25{
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .lmd\:px-50{
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .lmd\:py-80{
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .lmd\:px-20{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .lmd\:py-0{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .lmd\:px-200{
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
  .lmd\:py-110{
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }
  .lmd\:px-10{
    padding-left: .5rem !important;
    padding-right: .5rem !important;
  }
  .lmd\:py-100{
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .lmd\:px-70{
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
  .lmd\:pr-20{
    padding-right: 1rem !important;
  }
  .lmd\:pr-30{
    padding-right: 1.5rem !important;
  }
  .lmd\:pt-60{
    padding-top: 3rem !important;
  }
  .lmd\:pt-48{
    padding-top: 2.4rem !important;
  }
  .lmd\:pt-100{
    padding-top: 5rem !important;
  }
  .lmd\:pb-50{
    padding-bottom: 2.5rem !important;
  }
  .lmd\:pt-30{
    padding-top: 1.5rem !important;
  }
  .lmd\:pt-50{
    padding-top: 2.5rem !important;
  }
  .lmd\:pt-0{
    padding-top: 0 !important;
  }
  .lmd\:pl-30{
    padding-left: 1.5rem !important;
  }
  .lmd\:pt-45{
    padding-top: 2.25rem !important;
  }
  .lmd\:pb-80{
    padding-bottom: 4rem !important;
  }
  .lmd\:pb-70{
    padding-bottom: 3.5rem !important;
  }
  .lmd\:text-left{
    text-align: left !important;
  }
  .lmd\:text-50{
    font-size: 2.5rem !important;
  }
  .lmd\:text-40{
    font-size: 2rem !important;
  }
  .lmd\:text-14{
    font-size: .7rem !important;
  }
  .lmd\:text-16{
    font-size: .8rem !important;
  }
  .lmd\:text-24{
    font-size: 1.2rem !important;
  }
  .lmd\:text-28{
    font-size: 1.4rem !important;
  }
  .lmd\:text-20{
    font-size: 1rem !important;
  }
  .lmd\:text-42{
    font-size: 2.1rem !important;
  }
  .lmd\:text-36{
    font-size: 1.8rem !important;
  }
  .lmd\:text-32{
    font-size: 1.6rem !important;
  }
  .lmd\:leading-56{
    line-height: 2.53rem !important;
  }
}

@media (min-width: 1024px){
  .lg\:container{
    width: 100%;
  }
  @media (min-width: 340px){
    .lg\:container{
      max-width: 340px;
    }
  }
  @media (min-width: 370px){
    .lg\:container{
      max-width: 370px;
    }
  }
  @media (min-width: 550px){
    .lg\:container{
      max-width: 550px;
    }
  }
  @media (min-width: 640px){
    .lg\:container{
      max-width: 640px;
    }
  }
  @media (min-width: 768px){
    .lg\:container{
      max-width: 768px;
    }
  }
  @media (min-width: 960px){
    .lg\:container{
      max-width: 960px;
    }
  }
  @media (min-width: 1024px){
    .lg\:container{
      max-width: 1024px;
    }
  }
  @media (min-width: 1280px){
    .lg\:container{
      max-width: 1280px;
    }
  }
  .lg\:relative{
    position: relative !important;
  }
  .lg\:right-5p{
    right: 5% !important;
  }
  .lg\:order-last{
    order: 9999 !important;
  }
  .lg\:order-1{
    order: 1 !important;
  }
  .lg\:order-2{
    order: 2 !important;
  }
  .lg\:-mx-20{
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .lg\:mt-5{
    margin-top: .25rem !important;
  }
  .lg\:mb-0{
    margin-bottom: 0 !important;
  }
  .lg\:mb-70{
    margin-bottom: 3.5rem !important;
  }
  .lg\:mb-30{
    margin-bottom: 1.5rem !important;
  }
  .lg\:mb-25{
    margin-bottom: 1.25rem !important;
  }
  .lg\:mt-0{
    margin-top: 0 !important;
  }
  .lg\:mt-30{
    margin-top: 1.5rem !important;
  }
  .lg\:mb-40{
    margin-bottom: 2rem !important;
  }
  .lg\:ml-0{
    margin-left: 0 !important;
  }
  .lg\:block{
    display: block !important;
  }
  .lg\:hidden{
    display: none !important;
  }
  .lg\:w-1\/3{
    width: 33.333333% !important;
  }
  .lg\:w-1\/2{
    width: 50% !important;
  }
  .lg\:w-2\/3{
    width: 66.666667% !important;
  }
  .lg\:w-20p{
    width: 20% !important;
  }
  .lg\:w-full{
    width: 100% !important;
  }
  .lg\:w-\[290px\]{
    width: 290px !important;
  }
  .lg\:w-\[90px\]{
    width: 90px !important;
  }
  .lg\:w-\[80px\]{
    width: 80px !important;
  }
  .lg\:flex-col{
    flex-direction: column !important;
  }
  .lg\:gap-0{
    gap: 0 !important;
  }
  .lg\:space-x-30 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0 !important;
    margin-right: calc(1.5rem * var(--tw-space-x-reverse)) !important;
    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))) !important;
  }
  .lg\:p-20{
    padding: 1rem !important;
  }
  .lg\:p-30{
    padding: 1.5rem !important;
  }
  .lg\:py-80{
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .lg\:px-60{
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .lg\:py-70{
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .lg\:px-0{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .lg\:px-40{
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .lg\:px-100{
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .lg\:pb-10{
    padding-bottom: .5rem !important;
  }
  .lg\:pr-20{
    padding-right: 1rem !important;
  }
  .lg\:pr-40{
    padding-right: 2rem !important;
  }
  .lg\:pl-0{
    padding-left: 0 !important;
  }
  .lg\:pb-40{
    padding-bottom: 2rem !important;
  }
  .lg\:text-left{
    text-align: left !important;
  }
  .lg\:text-center{
    text-align: center !important;
  }
  .lg\:text-32{
    font-size: 1.6rem !important;
  }
  .lg\:text-42{
    font-size: 2.1rem !important;
  }
  .lg\:text-16{
    font-size: .8rem !important;
  }
}

@media (min-width: 1280px){
  .xl\:right-\[30\%\]{
    right: 30% !important;
  }
  .xl\:left-\[-4\%\]{
    left: -4% !important;
  }
  .xl\:right-\[4\%\]{
    right: 4% !important;
  }
  .xl\:right-\[18\%\]{
    right: 18% !important;
  }
  .xl\:order-last{
    order: 9999 !important;
  }
  .xl\:-mx-24{
    margin-left: -1.2rem !important;
    margin-right: -1.2rem !important;
  }
  .xl\:mb-0{
    margin-bottom: 0 !important;
  }
  .xl\:mr-20{
    margin-right: 1rem !important;
  }
  .xl\:mr-30{
    margin-right: 1.5rem !important;
  }
  .xl\:mt-5{
    margin-top: .25rem !important;
  }
  .xl\:block{
    display: block !important;
  }
  .xl\:w-5\/12{
    width: 41.666667% !important;
  }
  .xl\:w-1\/3{
    width: 33.333333% !important;
  }
  .xl\:w-20p{
    width: 20% !important;
  }
  .xl\:w-1\/4{
    width: 25% !important;
  }
  .xl\:w-\[40\%\]{
    width: 40% !important;
  }
  .xl\:w-\[60\%\]{
    width: 60% !important;
  }
  .xl\:w-\[290px\]{
    width: 290px !important;
  }
  .xl\:w-\[80px\]{
    width: 80px !important;
  }
  .xl\:w-\[90px\]{
    width: 90px !important;
  }
  .xl\:max-w-144{
    max-width: 7.2rem !important;
  }
  .xl\:flex-row{
    flex-direction: row !important;
  }
  .xl\:pb-0{
    padding-bottom: 0 !important;
  }
  .xl\:pl-0{
    padding-left: 0 !important;
  }
  .xl\:pr-20{
    padding-right: 1rem !important;
  }
  .xl\:text-60{
    font-size: 3rem !important;
  }
  .xl\:text-16{
    font-size: .8rem !important;
  }
}