/* Start:/local/templates/deus/assets/css/global.css?176846782925584*/
html, body {
    scroll-behavior: smooth;
}

body {
    font-family: "Iqos-Regular", sans-serif;
    color: var(--color-text);
    overflow-x: hidden;
}

body.no-scroll {
    overflow: hidden;
}

:root {
    --color-text: #34303D;
    --color-text-white: #FFFDFB;
    --color-white: #FFFDFB;
    --color-grey-light: #F3F3F3;

    /* Core colors */
    --slate: #34303D;
    --turquoise: #00D1D2;
    --turquoise-light: #00D5D4;
    --turquoise-dark: #18b2a5;
    --soft-white: #FFFDFB;
    --deep-red: #A22F26;
    --amber: #E27D34;
    --blue: #2980B5;
    --red: #DB3826;
    --yellow: #FFD040;
    --slate-t-5: #F7F7F7;
    --slate-t-15: #E1E0E2;
    --slate-t-30: #B8B7BB;
    --slate-t-50: #99979E;
    --slate-t-65: #7B7881;
    --slate-t-85: #524F5A;
    --dark-slate: #232029;
    --hard-white: #F6F4F0;
    --alert-red: #C73636;
    --alert-green: #57760C;
    --alert-amber: #E5B052;
    --lil-blue: #1253A1;

    /* ILUMA core colors */
    --iluma-lightest-teal: #1BDAC1;
    --iluma-bright-teal: #19CCBA;
    --iluma-darkest-teal: #18BFAE;
    --iluma-lightest-red: #FF0012;
    --iluma-bright-red: #F90112;
    --iluma-darkest-red: #DA000F;
    --iluma-lightest-yellow: #FEC127;
    --iluma-bright-yellow: #FAB414;
    --iluma-darkest-yellow: #F9B301;
    --iluma-lightest-blue: #28BFF4;
    --iluma-bright-blue: #00B4F3;
    --iluma-darkest-blue: #00ADEA;
    --iluma-hard-white: #fffdbf;
    --iluma-soft-white: #FFFDFB;
    --iluma-white: #FFFFFF;
    --iluma-slate: #34303D;

    /* VEEV core colors */
    --veev-turquoise: #00D1D2;
    --veev-amber: #E3813B;
    --veev-slate: #34303d;
    --veev-cobalt: #00a8e7;
    --veev-coral: #e54360;

    /* BONDS core colors */
    --bonds-lightest-red: #ef4e20;
    --bonds-light-red: #fb2227;
    --bonds-red: #d51113;
    --bonds-dark-red: #c31819;
    --bonds-darkest-red: #b71718;
    --bonds-blue: #4382FD;
    --bonds-yellow: #FDBC49;

    /* VEEBA core colors */
    --veeba-blue: #005D7E;
    --veeba-white: #FFFFFF;
    --veeba-turquoise: #00d1d2;
    --veeba-summer-yellow: #FBDF4B;
    --veeba-violet: #7964B9;

    /* IQOS Z WE Edition core colors */
    --we-embrace: #9A7FFF;
    --we-celebrate: #E56444;
    --we-belong: #EBBE37;
    --we-unite: #00a8e7;

    /* TEREA crafted core colors */
    --terea-crafted-botanicals: #9A7FFF;
    --terea-crafted-star-anise: #E56444;
    --terea-crafted-natural-rosemary: #EBBE37;
    --terea-crafted-natural-clove: #00a8e7;
    --terea-crafted-blue-crafted: #EBBE37;

    /* NBW Originals core colors */
    --originals-blue: #86CADD;
    --originals-grey: #767F90;
    --originals-red: #DB5C60;
    --originals-white: #E8EEEB;

    /* HEETS Capsules core colors */
    --heets-blue: #34303D;
    --heets-orange: #E84929;
    --heets-green: #32AC5C;

    /* TEREA Capsules core colors */
    --terea-orange: #D7440C;
    --terea-green: #009633;

    /* VEEBA Flavour core colors */
    --flavour-classic: #C09E8C;
    --flavour-turquoise: #A0D2D6;
    --flavour-mauve: #D987C4;
    --flavour-yellow: #FBDF4B;
    --flavour-na: #FFB2CA;
    --flavour-red: #E55555;
    --flavour-gold: #FCC9A4;
    --flavour-yellow-green: #7DCE73;
    --flavour-indiblue: #B896DF;

    /* sizes */
    --header-height: 70px;

    /* spacing */
    --spacing-0: 0px;
    --spacing-1: 4px;
    --spacing-2: 8px;
    --spacing-3: 12px;
    --spacing-4: 16px;
    --spacing-5: 20px;
    --spacing-6: 24px;
    --spacing-7: 28px;
    --spacing-8: 32px;
    --spacing-9: 36px;
    --spacing-10: 40px;
    --spacing-15: 60px;
    --spacing-20: 80px;
    --spacing-25: 100px;
    --spacing-50: 200px;
}

body {
    color: var(--slate);
    background-color: var(--soft-white);
}

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

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr,
acronym, address, big, cite,
code, del, dfn, em, img, ins,
kbd, q, s, samp, small, strike,
strong, sub, tt, var, b, u,
i, center, dl, dt, dd, ol, ul,
li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead,
tr, th, td, article, aside, canvas,
details, embed, figure, figcaption,
footer, header, hgroup, menu, nav,
output, ruby, section, summary, time,
mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

textarea, input, button {
    font-family: "Iqos-Regular", sans-serif;
}

a {
    text-decoration: none;
    color: inherit;
}

ol, ul {
    list-style-type: none;
}

.container {
    max-width: 1350px;
    margin: 0 auto;
    padding: 0 15px;
}

.container-md {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 15px;
}

#bx-panel {
    box-shadow: none !important;
}

h1, .title {
    font-weight: 700;
    font-size: 64px;
    line-height: 72px;
    font-family: Iqos-Bold, sans-serif;
}

h2, .title-2 {
    font-weight: 700;
    font-size: 56px;
    line-height: 64px;
    font-family: Iqos-Bold, sans-serif;
}

h3, .title-3 {
    font-weight: 700;
    font-size: 42px;
    line-height: 56px;
    font-family: Iqos-Bold, sans-serif;
}

h4, .title-4 {
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    font-family: Iqos-Bold, sans-serif;
}

h5, .title-5 {
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    font-family: Iqos-Bold, sans-serif;
}

h6, .title-6 {
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    font-family: Iqos-Bold, sans-serif;
}

/* no use */
.pg-nano {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    font-family: Iqos-Regular, sans-serif;
}

.pg-min {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    font-family: Iqos-Regular, sans-serif;
}
/* no use */

/* Call Out Headline */
.headline {
    font-weight: 700;
    font-size: 96px;
    line-height: 104px;
    font-family: Iqos-Bold, sans-serif;
}

/* Quote */
.quote {
    font-weight: 400;
    font-size: 48px;
    line-height: 64px;
    font-family: Iqos-Regular, sans-serif;
}

/* Super-Paragraph Large */
.pg-large {
    font-weight: 400;
    font-size: 28px;
    line-height: 40px;
    font-family: Iqos-Regular, sans-serif;
}

/* Super-Paragraph Small */
.pg-small {
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    font-family: Iqos-Regular, sans-serif;
}

/* Caption Medium */
.cap-md {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    font-family: Iqos-Bold, sans-serif;
}

/* Caption Small */
.cap-sm {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    font-family: Iqos-Bold, sans-serif;
}

/* Hint Text Medium */
.hint-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    font-family: Iqos-Regular, sans-serif;
}

/* Regulatory Text Medium */
.rg-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    font-family: Iqos-Regular, sans-serif;
}

/* Regulatory Text Small */
.rg-text-sm {
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    font-family: Iqos-Regular, sans-serif;
}

/* Body Large */
.bd-lg {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-family: Iqos-Regular, sans-serif;
}

/* Body Medium */
.bd-md {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    font-family: Iqos-Regular, sans-serif;
}

/* Body Small */
.bd-sm {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    font-family: Iqos-Regular, sans-serif;
}

/* Body X Small */
.bd-x-sm {
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    font-family: Iqos-Regular, sans-serif;
}

/* link Medium */
.link-md {
    font-size: 14px;
    line-height: 24px;
    font-family: Iqos-Regular, sans-serif;
    font-weight: 400;
}

/* link Small */
.link-sm {
    font-size: 10px;
    line-height: 12px;
    font-family: Iqos-Regular, sans-serif;
    font-weight: 400;
    letter-spacing: 0.2px;
}

/* form label */
.form-lb {
    font-size: 14px;
    line-height: 16px;
    font-family: Iqos-Regular, sans-serif;
    font-weight: 400;
    letter-spacing: 0.4px;
}

/* form helper text */
.form-ht {
    font-size: 12px;
    line-height: 20px;
    font-family: Iqos-Regular, sans-serif;
    font-weight: 400;
    letter-spacing: 0.4px;
}

/* form placeholder */
.form-ph {
    font-size: 16px;
    line-height: 24px;
    font-family: Iqos-Regular, sans-serif;
    font-weight: 400;
}

/* Button label M */
.btn-lb-m {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    font-family: Iqos-Regular, sans-serif;
    font-weight: 400;
}

/* link Large */
.link-lg {
    font-size: 16px;
    line-height: 24px;
    font-family: Iqos-Regular, sans-serif;
    font-weight: 400;
}

.bullet {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-family: Iqos-Regular, sans-serif;
}

.text-bold, b {
    font-weight: 700;
    font-family: Iqos-Bold, sans-serif;
}

.text-reg {
    font-weight: 400;
    font-family: Iqos-Regular, sans-serif;
}

.text-thin {
    font-weight: 300;
    font-family: Iqos-Thin, sans-serif;
}

/* text-decoration */
.strike {text-decoration: dashed}
.text-dec-line {text-decoration-line: line-through}
.text-dec-under {text-decoration: underline}

/* text-align */
.text-align-center {text-align: center}
.text-center {text-align: center}
.text-right {text-align: right}
.text-left {text-align: left}
.text-justify {text-align: justify}

/* text-transform */
.text-lowercase {text-transform: lowercase}
.text-uppercase {text-transform: uppercase}
.text-capitalize {text-transform: capitalize}

/* letter-spacing */
.let-init {letter-spacing: initial}

/* text colors */
.text-bg {color: var(--color-text-white)}
.text-grey {color: #808080}
.text-slate {color: var(--slate)}
.text-turquoise {color: var(--turquoise)}
.text-white {color: var(--soft-white)}
.text-deep-red {color: var(--deep-red)}
.text-amber {color: var(--amber)}
.text-blue {color: var(--blue)}
.text-red {color: var(--red)}
.text-yellow {color: var(--yellow)}
.text-slate-t-5 {color: var(--slate-t-5)}
.text-slate-t-15 {color: var(--slate-t-15)}
.text-slate-t-30 {color: var(--slate-t-30)}
.text-slate-t-50 {color: var(--slate-t-50)}
.text-slate-t-65 {color: var(--slate-t-65)}
.text-slate-t-85 {color: var(--slate-t-85)}
.text-dark-slate {color: var(--dark-slate)}
.text-hard-white {color: var(--hard-white)}
.text-alert-red {color: var(--alert-red)}
.text-alert-green {color: var(--alert-green)}
.text-alert-amber {color: var(--alert-amber)}
.text-iluma-bright-teal {color: var(--iluma-bright-teal)}
.text-lil-blue {color: var(--lil-blue)}

/* background color */
.bg-slate {background-color: var(--slate)}
.bg-turquoise {background-color: var(--turquoise)}
.bg-turquoise-bright-teal {background-color: var(--iluma-bright-teal)}
.bg-turquoise-light {background-color: var(--turquoise-light)}
.bg-turquoise-dark {background-color: var(--turquoise-dark)}
.bg-white {background-color: var(--soft-white)}
.bg-grey-light {background-color: var(--color-grey-light)}
.bg-deep-red {background-color: var(--deep-red)}
.bg-amber {background-color: var(--amber)}
.bg-blue {background-color: var(--blue)}
.bg-red {background-color: var(--red)}
.bg-yellow {background-color: var(--yellow)}
.bg-slate-t-5 {background-color: var(--slate-t-5)}
.bg-slate-t-15 {background-color: var(--slate-t-15)}
.bg-slate-t-30 {background-color: var(--slate-t-30)}
.bg-slate-t-50 {background-color: var(--slate-t-50)}
.bg-slate-t-65 {background-color: var(--slate-t-65)}
.bg-slate-t-85 {background-color: var(--slate-t-85)}
.bg-dark-slate {background-color: var(--dark-slate)}
.bg-hard-white {background-color: var(--hard-white)}
.bg-alert-red {background-color: var(--alert-red)}
.bg-alert-green {background-color: var(--alert-green)}
.bg-alert-amber {background-color: var(--alert-amber)}
.bg-iluma-bright-teal {background-color: var(--iluma-bright-teal)}
.bg-lil-blue {background-color: var(--lil-blue)}


/* position */
.pos-rel {position: relative}
.pos-abs {position: absolute}

/* display */
.dp-block {display:block}
.dp-inline {display:inline}
.dp-flex {display:flex}
.dp-none {display:none}
.d-none {display: none !important}

@media (min-width:769px)/* desktop */
{
    .d-dp-none {display: none}
}
@media (max-width:768px)/* mobile */
{
    .m-dp-none {display: none}
}

/* flex-direction */
.flex-col {flex-direction: column}
.flex-col-rev {flex-direction: column-reverse}
.flex-row-rev {flex-direction: row-reverse}

.justify-between{justify-content: space-between}
.align-center{align-items: center}

/* width */
.w-auto {width: auto}
.w-fit {width: fit-content}
.w-100 {width: 100%}

/* height */
.h-auto {height: auto}
.h-100 {height: 100%}

/* margin */
/* auto */
.mn-a {margin: auto}
.mn-x-a {margin-left: auto; margin-right: auto}
.mn-t-a {margin-top: auto}
.mn-r-a {margin-right: auto}
.mn-b-a {margin-bottom: auto}
.mn-l-a {margin-left: auto}
/* 0 */
.mn-x-0 {margin: var(--spacing-0) var(--spacing-0)}
.mn-y-0 {margin: var(--spacing-0) var(--spacing-0)}
.mn-0 {margin: var(--spacing-0)}
.mn-t-0 {margin-top: var(--spacing-0)}
.mn-r-0 {margin-right: var(--spacing-0)}
.mn-b-0 {margin-bottom: var(--spacing-0)}
.mn-l-0 {margin-left: var(--spacing-0)}
/* 4px */
.mn-x-1 {margin: var(--spacing-0) var(--spacing-1)}
.mn-y-1 {margin: var(--spacing-1) var(--spacing-0)}
.mn-1 {margin: var(--spacing-1)}
.mn-t-1 {margin-top: var(--spacing-1)}
.mn-r-1 {margin-right: var(--spacing-1)}
.mn-b-1 {margin-bottom: var(--spacing-1)}
.mn-l-1 {margin-left: var(--spacing-1)}
/* 8px */
.mn-x-2 {margin: var(--spacing-0) var(--spacing-2)}
.mn-y-2 {margin: var(--spacing-2) var(--spacing-0)}
.mn-2 {margin: var(--spacing-2)}
.mn-t-2 {margin-top: var(--spacing-2)}
.mn-r-2 {margin-right: var(--spacing-2)}
.mn-b-2 {margin-bottom: var(--spacing-2)}
.mn-l-2 {margin-left: var(--spacing-2)}
/* 12px */
.mn-x-3 {margin: var(--spacing-0) var(--spacing-3)}
.mn-y-3 {margin: var(--spacing-3) var(--spacing-0)}
.mn-3 {margin: var(--spacing-3)}
.mn-t-3 {margin-top: var(--spacing-3)}
.mn-r-3 {margin-right: var(--spacing-3)}
.mn-b-3 {margin-bottom: var(--spacing-3)}
.mn-l-3 {margin-left: var(--spacing-3)}
/* 16px */
.mn-x-4 {margin: var(--spacing-0) var(--spacing-4)}
.mn-y-4 {margin: var(--spacing-4) var(--spacing-0)}
.mn-4 {margin: var(--spacing-4)}
.mn-t-4 {margin-top: var(--spacing-4)}
.mn-r-4 {margin-right: var(--spacing-4)}
.mn-b-4 {margin-bottom: var(--spacing-4)}
.mn-l-4 {margin-left: var(--spacing-4)}
/* 20px */
.mn-x-5 {margin: var(--spacing-0) var(--spacing-5)}
.mn-y-5 {margin: var(--spacing-5) var(--spacing-0)}
.mn-5 {margin: var(--spacing-5)}
.mn-t-5 {margin-top: var(--spacing-5)}
.mn-r-5 {margin-right: var(--spacing-5)}
.mn-b-5 {margin-bottom: var(--spacing-5)}
.mn-l-5 {margin-left: var(--spacing-5)}
/* 24px */
.mn-x-6 {margin: var(--spacing-0) var(--spacing-6)}
.mn-y-6 {margin: var(--spacing-6) var(--spacing-0)}
.mn-6 {margin: var(--spacing-6)}
.mn-t-6 {margin-top: var(--spacing-6)}
.mn-r-6 {margin-right: var(--spacing-6)}
.mn-b-6 {margin-bottom: var(--spacing-6)}
.mn-l-6 {margin-left: var(--spacing-6)}
/* 28px */
.mn-x-7 {margin: var(--spacing-0) var(--spacing-7)}
.mn-y-7 {margin: var(--spacing-7) var(--spacing-0)}
.mn-7 {margin: var(--spacing-7)}
.mn-t-7 {margin-top: var(--spacing-7)}
.mn-r-7 {margin-right: var(--spacing-7)}
.mn-b-7 {margin-bottom: var(--spacing-7)}
.mn-l-7 {margin-left: var(--spacing-7)}
/* 32px */
.mn-x-8 {margin: var(--spacing-0) var(--spacing-8)}
.mn-y-8 {margin: var(--spacing-8) var(--spacing-0)}
.mn-8 {margin: var(--spacing-8)}
.mn-t-8 {margin-top: var(--spacing-8)}
.mn-r-8 {margin-right: var(--spacing-8)}
.mn-b-8 {margin-bottom: var(--spacing-8)}
.mn-l-8 {margin-left: var(--spacing-8)}
/* 36px */
.mn-x-9 {margin: var(--spacing-0) var(--spacing-9)}
.mn-y-9 {margin: var(--spacing-9) var(--spacing-0)}
.mn-9 {margin: var(--spacing-9)}
.mn-t-9 {margin-top: var(--spacing-9)}
.mn-r-9 {margin-right: var(--spacing-9)}
.mn-b-9 {margin-bottom: var(--spacing-9)}
.mn-l-9 {margin-left: var(--spacing-9)}
/* 40px */
.mn-x-10 {margin: var(--spacing-0) var(--spacing-10)}
.mn-y-10 {margin: var(--spacing-10) var(--spacing-0)}
.mn-10 {margin: var(--spacing-10)}
.mn-t-10 {margin-top: var(--spacing-10)}
.mn-r-10 {margin-right: var(--spacing-10)}
.mn-b-10 {margin-bottom: var(--spacing-10)}
.mn-l-10 {margin-left: var(--spacing-10)}
/* 60px */
.mn-x-15 {margin: var(--spacing-0) var(--spacing-15)}
.mn-y-15 {margin: var(--spacing-15) var(--spacing-0)}
.mn-15 {margin: var(--spacing-15)}
.mn-t-15 {margin-top: var(--spacing-15)}
.mn-r-15 {margin-right: var(--spacing-15)}
.mn-b-15 {margin-bottom: var(--spacing-15)}
.mn-l-15 {margin-left: var(--spacing-15)}
/* 80px */
.mn-x-20 {margin: var(--spacing-0) var(--spacing-20)}
.mn-y-20 {margin: var(--spacing-20) var(--spacing-0)}
.mn-20 {margin: var(--spacing-20)}
.mn-t-20 {margin-top: var(--spacing-20)}
.mn-r-20 {margin-right: var(--spacing-20)}
.mn-b-20 {margin-bottom: var(--spacing-20)}
.mn-l-20 {margin-left: var(--spacing-20)}
/* 100px */
.mn-x-25 {margin: var(--spacing-0) var(--spacing-25)}
.mn-y-25 {margin: var(--spacing-25) var(--spacing-0)}
.mn-25 {margin: var(--spacing-25)}
.mn-t-25 {margin-top: var(--spacing-25)}
.mn-r-25 {margin-right: var(--spacing-25)}
.mn-b-25 {margin-bottom: var(--spacing-25)}
.mn-l-25 {margin-left: var(--spacing-25)}
/* 200px */
.mn-x-50 {margin: var(--spacing-0) var(--spacing-50)}
.mn-y-50 {margin: var(--spacing-50) var(--spacing-0)}
.mn-50 {margin: var(--spacing-50)}
.mn-t-50 {margin-top: var(--spacing-50)}
.mn-r-50 {margin-right: var(--spacing-50)}
.mn-b-50 {margin-bottom: var(--spacing-50)}
.mn-l-50 {margin-left: var(--spacing-50)}

/* padding */
/* 0 */
.pg-x-0 {padding-left: var(--spacing-0); padding-right: var(--spacing-0)}
.pg-y-0 {padding: var(--spacing-0) var(--spacing-0)}
.pg-0 {padding: var(--spacing-0)}
.pg-t-0 {padding-top: var(--spacing-0)}
.pg-r-0 {padding-right: var(--spacing-0)}
.pg-b-0 {padding-bottom: var(--spacing-0)}
.pg-l-0 {padding-left: var(--spacing-0)}
/* 4px */
.pg-x-1 {padding: var(--spacing-0) var(--spacing-1)}
.pg-y-1 {padding: var(--spacing-1) var(--spacing-0)}
.pg-1 {padding: var(--spacing-1)}
.pg-t-1 {padding-top: var(--spacing-1)}
.pg-r-1 {padding-right: var(--spacing-1)}
.pg-b-1 {padding-bottom: var(--spacing-1)}
.pg-l-1 {padding-left: var(--spacing-1)}
/* 8px */
.pg-x-2 {padding: var(--spacing-0) var(--spacing-2)}
.pg-y-2 {padding: var(--spacing-2) var(--spacing-0)}
.pg-2 {padding: var(--spacing-2)}
.pg-t-2 {padding-top: var(--spacing-2)}
.pg-r-2 {padding-right: var(--spacing-2)}
.pg-b-2 {padding-bottom: var(--spacing-2)}
.pg-l-2 {padding-left: var(--spacing-2)}
/* 12px */
.pg-x-3 {padding: var(--spacing-0) var(--spacing-3);}
.pg-y-3 {padding: var(--spacing-3) var(--spacing-0)}
.pg-3 {padding: var(--spacing-3)}
.pg-t-3 {padding-top: var(--spacing-3)}
.pg-r-3 {padding-right: var(--spacing-3)}
.pg-b-3 {padding-bottom: var(--spacing-3)}
.pg-l-3 {padding-left: var(--spacing-3)}
/* 16px */
.pg-x-4 {padding: var(--spacing-0) var(--spacing-4)}
.pg-y-4 {padding: var(--spacing-4) var(--spacing-0)}
.pg-4 {padding: var(--spacing-4)}
.pg-t-4 {padding-top: var(--spacing-4)}
.pg-r-4 {padding-right: var(--spacing-4)}
.pg-b-4 {padding-bottom: var(--spacing-4)}
.pg-l-4 {padding-left: var(--spacing-4)}
/* 20px */
.pg-x-5 {padding: var(--spacing-0) var(--spacing-5)}
.pg-y-5 {padding: var(--spacing-5) var(--spacing-0)}
.pg-5 {padding: var(--spacing-5)}
.pg-t-5 {padding-top: var(--spacing-5)}
.pg-r-5 {padding-right: var(--spacing-5)}
.pg-b-5 {padding-bottom: var(--spacing-5)}
.pg-l-5 {padding-left: var(--spacing-5)}
/* 24px */
.pg-x-6 {padding: var(--spacing-0) var(--spacing-6)}
.pg-y-6 {padding: var(--spacing-6) var(--spacing-0)}
.pg-6 {padding: var(--spacing-6)}
.pg-t-6 {padding-top: var(--spacing-6)}
.pg-r-6 {padding-right: var(--spacing-6)}
.pg-b-6 {padding-bottom: var(--spacing-6)}
.pg-l-6 {padding-left: var(--spacing-6)}
/* 28px */
.pg-x-7 {padding: var(--spacing-0) var(--spacing-7)}
.pg-y-7 {padding: var(--spacing-7) var(--spacing-0)}
.pg-7 {padding: var(--spacing-7)}
.pg-t-7 {padding-top: var(--spacing-7)}
.pg-r-7 {padding-right: var(--spacing-7)}
.pg-b-7 {padding-bottom: var(--spacing-7)}
.pg-l-7 {padding-left: var(--spacing-7)}
/* 32px */
.pg-x-8 {padding: var(--spacing-0) var(--spacing-8)}
.pg-y-8 {padding: var(--spacing-8) var(--spacing-0)}
.pg-8 {padding: var(--spacing-8)}
.pg-t-8 {padding-top: var(--spacing-8)}
.pg-r-8 {padding-right: var(--spacing-8)}
.pg-b-8 {padding-bottom: var(--spacing-8)}
.pg-l-8 {padding-left: var(--spacing-8)}
/* 36px */
.pg-x-9 {padding: var(--spacing-0) var(--spacing-9)}
.pg-y-9 {padding: var(--spacing-9) var(--spacing-0)}
.pg-9 {padding: var(--spacing-9)}
.pg-t-9 {padding-top: var(--spacing-9)}
.pg-r-9 {padding-right: var(--spacing-9)}
.pg-b-9 {padding-bottom: var(--spacing-9)}
.pg-l-9 {padding-left: var(--spacing-9)}
/* 40px */
.pg-x-10 {padding: var(--spacing-0) var(--spacing-10)}
.pg-y-10 {padding: var(--spacing-10) var(--spacing-0)}
.pg-10 {padding: var(--spacing-10)}
.pg-t-10 {padding-top: var(--spacing-10)}
.pg-r-10 {padding-right: var(--spacing-10)}
.pg-b-10 {padding-bottom: var(--spacing-10)}
.pg-l-10 {padding-left: var(--spacing-10)}
/* 60px */
.pg-x-15 {padding: var(--spacing-0) var(--spacing-15)}
.pg-y-15 {padding: var(--spacing-15) var(--spacing-0)}
.pg-15 {padding: var(--spacing-15)}
.pg-t-15 {padding-top: var(--spacing-15)}
.pg-r-15 {padding-right: var(--spacing-15)}
.pg-b-15 {padding-bottom: var(--spacing-15)}
.pg-l-15 {padding-left: var(--spacing-15)}
/* 80px */
.pg-x-20 {padding: var(--spacing-0) var(--spacing-20)}
.pg-y-20 {padding: var(--spacing-20) var(--spacing-0)}
.pg-20 {padding: var(--spacing-20)}
.pg-t-20 {padding-top: var(--spacing-20)}
.pg-r-20 {padding-right: var(--spacing-20)}
.pg-b-20 {padding-bottom: var(--spacing-20)}
.pg-l-20 {padding-left: var(--spacing-20)}
/* 100px */
.pg-x-25 {padding: var(--spacing-0) var(--spacing-25)}
.pg-y-25 {padding: var(--spacing-25) var(--spacing-0)}
.pg-25 {padding: var(--spacing-25)}
.pg-t-25 {padding-top: var(--spacing-25)}
.pg-r-25 {padding-right: var(--spacing-25)}
.pg-b-25 {padding-bottom: var(--spacing-25)}
.pg-l-25 {padding-left: var(--spacing-25)}
/* 200px */
.pg-x-50 {padding: var(--spacing-0) var(--spacing-50)}
.pg-y-50 {padding: var(--spacing-50) var(--spacing-0)}
.pg-50 {padding: var(--spacing-50)}
.pg-t-50 {padding-top: var(--spacing-50)}
.pg-r-50 {padding-right: var(--spacing-50)}
.pg-b-50 {padding-bottom: var(--spacing-50)}
.pg-l-50 {padding-left: var(--spacing-50)}

.d-none{
    display: none !important;
}

/* Tablet */
@media (max-width:1023px) {
    h1, .title {
        font-weight: 700;
        font-size: 56px;
        line-height: 64px;
    }

    h2, .title-2 {
        font-weight: 700;
        font-size: 44px;
        line-height: 56px;
    }

    h3, .title-3 {
        font-weight: 700;
        font-size: 36px;
        line-height: 48px;
    }

    h4, .title-4 {
        font-weight: 700;
        font-size: 28px;
        line-height: 36px;
    }

    h5, .title-5 {
        font-weight: 700;
        font-size: 24px;
        line-height: 32px;
    }

    h6, .title-6 {
        font-weight: 700;
        font-size: 20px;
        line-height: 32px;
    }

    .pg-nano {
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
    }

    .pg-min {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
    }

    .pg-small {
        font-weight: 400;
        font-size: 18px;
        line-height: 28px;
    }

    .pg-large {
        font-weight: 400;
        font-size: 24px;
        line-height: 36px;
    }

    .quote {
        font-weight: 400;
        font-size: 36px;
        line-height: 48px;
    }

    .headline {
        font-weight: 700;
        font-size: 64px;
        line-height: 72px;
    }

    .text-bold {
        font-weight: 700;
        font-family: Iqos-Bold, sans-serif;
    }

    .text-reg {
        font-weight: 400;
        font-family: Iqos-Regular, sans-serif;
    }

    .text-thin {
        font-weight: 300;
        font-family: Iqos-Thin, sans-serif;
    }
}


/* Mobile */
@media (max-width:767px) {
    h1, .title {
        font-weight: 700;
        font-size: 36px;
        line-height: 44px;
    }

    h2, .title-2 {
        font-weight: 700;
        font-size: 32px;
        line-height: 40px;
    }

    h3, .title-3 {
        font-weight: 700;
        font-size: 28px;
        line-height: 40px;
    }

    h4, .title-4 {
        font-weight: 700;
        font-size: 24px;
        line-height: 32px;
    }

    h5, .title-5 {
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
    }

    h6, .title-6 {
        font-weight: 700;
        font-size: 18px;
        line-height: 28px;
    }

    .pg-nano {
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
    }

    .pg-min {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
    }

    .pg-small {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
    }

    .pg-large {
        font-weight: 400;
        font-size: 20px;
        line-height: 28px;
    }

    .quote {
        font-weight: 400;
        font-size: 28px;
        line-height: 38px;
    }

    .headline {
        font-weight: 700;
        font-size: 40px;
        line-height: 48px;
    }

    .text-bold {
        font-weight: 700;
        font-family: Iqos-Bold, sans-serif;
    }

    .text-reg {
        font-weight: 400;
        font-family: Iqos-Regular, sans-serif;
    }

    .text-thin {
        font-weight: 300;
        font-family: Iqos-Thin, sans-serif;
    }
}
/* End */


/* Start:/local/templates/deus/assets/css/icons.css?17266451342624*/
@font-face {
  font-family: 'icomoon';
  src:  url('/local/templates/deus/assets/css/../fonts/icons/icomoon.eot?j99tbu');
  src:  url('/local/templates/deus/assets/css/../fonts/icons/icomoon.eot?j99tbu#iefix') format('embedded-opentype'),
  url('/local/templates/deus/assets/css/../fonts/icons/icomoon.ttf?j99tbu') format('truetype'),
  url('/local/templates/deus/assets/css/../fonts/icons/icomoon.woff?j99tbu') format('woff'),
  url('/local/templates/deus/assets/css/../fonts/icons/icomoon.svg?j99tbu#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !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;
}

.icon-favorite-fill:before {
  content: "\e900";
}
.icon-account:before {
  content: "\e901";
}
.icon-bell:before {
  content: "\e902";
}
.icon-chevron-down:before {
  content: "\e903";
}
.icon-play:before {
  content: "\e904";
}
.icon-arrow-right:before {
  content: "\e905";
}
.icon-star:before {
  content: "\e906";
}
.icon-arrow-left:before {
  content: "\e907";
}
.icon-cancel:before {
  content: "\e908";
}
.icon-location:before {
  content: "\e909";
}
.icon-favorite:before {
  content: "\e90a";
}
.icon-down:before {
  content: "\e90b";
}
.icon-basket:before {
  content: "\e90c";
}
.icon-search:before {
  content: "\e90d";
}
.icon-bag:before {
  content: "\e90e";
}
.icon-chevron-right:before {
  content: "\e90f";
}
.icon-info:before {
  content: "\e910";
}
.icon-lock:before {
  content: "\e911";
}
.icon-logout:before {
  content: "\e912";
}
.icon-mail:before {
  content: "\e913";
}
.icon-profile:before {
  content: "\e914";
}
.icon-repeat:before {
  content: "\e915";
}
.icon-replace:before {
  content: "\e916";
}
.icon-settings:before {
  content: "\e917";
}
.icon-sort:before {
  content: "\e918";
}
.icon-fullscreen:before {
  content: "\e919";
}
.icon-chevron-left:before {
  content: "\e91a";
}
.icon-copy:before {
  content: "\e91b";
}
.icon-device:before {
  content: "\e91c";
}
.icon-edit:before {
  content: "\e91d";
}
.icon-minus:before {
  content: "\e91e";
}
.icon-plus:before {
  content: "\e91f";
}
.icon-tick:before {
  content: "\e920";
}
.icon-trash:before {
  content: "\e921";
}
.icon-contact:before {
  content: "\e922";
}
.icon-compare:before {
  content: "\e923";
}
.icon-cards:before {
  content: "\e924";
}
.icon-camera:before {
  content: "\e925";
}
.icon-alert:before {
  content: "\e926";
}
.icon-chevron-up:before {
  content: "\e927";
}

/* End */


/* Start:/local/templates/deus/assets/css/button.css?177242932917213*/
/* main btn */
button.btn {
    outline: none;
    border: none;
}
.btn {
    display: inline-block;
    padding: 12px 32px;
    background: var(--slate);
    border-radius: 30px;
    color: var(--soft-white);
    font-family: "Iqos-Regular", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    z-index: 0;
    text-decoration: none;
    box-sizing: border-box;
}
.btn::after {
    content: "";
    display: block;
    position: absolute;
    width: 150%;
    height: 150%;
    top: 0;
    left: -160%;
    -webkit-transform: skew(0);
    transform: skew(0);
    transition: all .5s ease-out;
    z-index: -1;
    background-color: var(--turquoise);
}
.btn:hover {
    transition: color .2s ease-out .1s, background-color .2s ease .2s, box-shadow .2s ease;
    color: var(--slate);
}
.btn:hover::after {
    left: -30%;
    -webkit-transform: skew(-45deg);
    transform: skew(-45deg);
}
.btn.disabled,
.btn.btn-disabled,
.btn[disabled] {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.4;
    -webkit-user-select: none; /* Chrome, Safari */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE/Edge */
    user-select: none;         /* Стандартное свойство */
}

.btn.btn-loader[disabled] {
    color: transparent !important;
}

.btn::before {
    content: none;
    position: absolute;
    top: calc(50% - 1rem);
    left: calc(50% - 1rem);
    color: var(--soft-white);
}

.btn.btn-loader[disabled]::before {
    content: "";
    animation: spinner 1s linear infinite;
    border: .25em solid;
    border-radius: 50%;
    border-right: .25em solid transparent;
    height: 2rem;
    vertical-align: -.125em;
    width: 2rem;
    display: inline-block;
}

/* Анимация вращения спиннера */
@keyframes spinner {
    to {  transform: rotate(1turn); }
}

.btn.btn-block{ width: 100% }

.btn.btn-with-icon {
    display: flex;
    align-items: center;
    width: fit-content;
}

.btn.btn-with-icon i {
    font-size: 24px;
    margin: 0 0 0 12px;
}

/* btn core colors start */
.btn.btn-white {
    background-color: var(--soft-white);
    color: var(--slate);
}
.btn.btn-white:hover{ color: var(--slate) }
.btn.btn-turquoise {
    background-color: var(--turquoise);
    color: var(--slate);
}
.btn.btn-turquoise:hover{ color: var(--slate) }
/* btn core colors end*/

/* btn additional colors start*/
.btn.btn-deep-red{ background-color: var(--deep-red) }
.btn.btn-amber{ background-color: var(--amber) }
.btn.btn-blue{ background-color: var(--blue) }
.btn.btn-red{ background-color: var(--red) }
.btn.btn-yellow{ background-color: var(--yellow) }
.btn.btn-slate-t-5{ background-color: var(--slate-t-5) }
.btn.btn-slate-t-15{ background-color: var(--slate-t-15) }
.btn.btn-slate-t-30{ background-color: var(--slate-t-30) }
.btn.btn-slate-t-50{ background-color: var(--slate-t-50) }
.btn.btn-slate-t-65{ background-color: var(--slate-t-65) }
.btn.btn-slate-t-85{ background-color: var(--slate-t-85) }
.btn.btn-dark-slate{ background-color: var(--dark-slate) }
.btn.btn-hard-white{ background-color: var(--hard-white) }
.btn.btn-alert-red{ background-color: var(--alert-red) }
.btn.btn-alert-green{ background-color: var(--alert-green) }
.btn.btn-alert-amber{ background-color: var(--alert-amber) }
.btn.btn-iluma-bright-teal{ background-color: var(--iluma-bright-teal) }
.btn.btn-lil-blue{ background-color: var(--lil-blue) }
/* btn additional colors end */

/* btn hover core colors start */
.btn.btn-hover-slate:hover{ color: var(--soft-white) }
.btn.btn-hover-slate::after{ background-color: var(--slate) }
.btn.btn-hover-white::after{ background-color: var(--soft-white) }
.btn.btn-hover-turquoise::after{ background-color: var(--turquoise) }
/* btn hover core colors end */

/* btn hover additional colors start */
.btn.btn-hover-deep-red:after{ background-color: var(--deep-red) }
.btn.btn-hover-amber:after{ background-color: var(--amber) }
.btn.btn-hover-blue:after{ background-color: var(--blue) }
.btn.btn-hover-red:after{ background-color: var(--red) }
.btn.btn-hover-yellow:after{ background-color: var(--yellow) }
.btn.btn-hover-slate-t-5:after{ background-color: var(--slate-t-5) }
.btn.btn-hover-slate-t-15:after{ background-color: var(--slate-t-15) }
.btn.btn-hover-slate-t-30:after{ background-color: var(--slate-t-30) }
.btn.btn-hover-slate-t-50:after{ background-color: var(--slate-t-50) }
.btn.btn-hover-slate-t-65:after{ background-color: var(--slate-t-65) }
.btn.btn-hover-slate-t-85:after{ background-color: var(--slate-t-85) }
.btn.btn-hover-dark-slate:after{ background-color: var(--dark-slate) }
.btn.btn-hover-hard-white:after{ background-color: var(--hard-white) }
.btn.btn-hover-alert-red:after{ background-color: var(--alert-red) }
.btn.btn-hover-alert-green:after{ background-color: var(--alert-green) }
.btn.btn-hover-alert-amber:after{ background-color: var(--alert-amber) }
.btn.btn-hover-alert-amber:after{ background-color: var(--alert-amber) }
.btn.btn-hover-lil-blue:after{ background-color: var(--lil-blue) }
/* btn hover additional colors end */

/* btn outline start */
.btn.btn-outline {
    color: var(--slate);
    box-shadow: inset 0px 0px 0px 1.5px var(--slate);
    background-color: transparent;
    transition: color 0.2s linear;
}
.btn.btn-outline:hover{ color: var(--slate) !important }
/* btn outline end */

/* btn outline color start */
.btn.btn-outline.btn-white {
    color: var(--soft-white);
    box-shadow: inset 0px 0px 0px 1.5px var(--soft-white);
}

.btn.btn-outline.btn-turquoise {
    color: var(--turquoise);
    box-shadow: inset 0px 0px 0px 1.5px var(--turquoise);
}

.btn.btn-outline.btn-deep-red {
    color: var(--deep-red);
    box-shadow: inset 0px 0px 0px 1.5px var(--deep-red);
}

.btn.btn-outline.btn-amber {
    color: var(--amber);
    box-shadow: inset 0px 0px 0px 1.5px var(--amber);
}

.btn.btn-outline.btn-blue {
    color: var(--blue);
    box-shadow: inset 0px 0px 0px 1.5px var(--blue);
}

.btn.btn-outline.btn-red {
    color: var(--red);
    box-shadow: inset 0px 0px 0px 1.5px var(--red);
}

.btn.btn-outline.btn-yellow {
    color: var(--yellow);
    box-shadow: inset 0px 0px 0px 1.5px var(--yellow);
}

.btn.btn-outline.btn-slate-t-5 {
    color: var(--slate-t-5);
    box-shadow: inset 0px 0px 0px 1.5px var(--slate-t-5);
}

.btn.btn-outline.btn-slate-t-15 {
    color: var(--slate-t-15);
    box-shadow: inset 0px 0px 0px 1.5px var(--slate-t-15);
}

.btn.btn-outline.btn-slate-t-30 {
    color: var(--slate-t-30);
    box-shadow: inset 0px 0px 0px 1.5px var(--slate-t-30);
}

.btn.btn-outline.btn-slate-t-50 {
    color: var(--slate-t-50);
    box-shadow: inset 0px 0px 0px 1.5px var(--slate-t-50);
}

.btn.btn-outline.btn-slate-t-65 {
    color: var(--slate-t-65);
    box-shadow: inset 0px 0px 0px 1.5px var(--slate-t-65);
}

.btn.btn-outline.btn-slate-t-85 {
    color: var(--slate-t-85);
    box-shadow: inset 0px 0px 0px 1.5px var(--slate-t-85);
}

.btn.btn-outline.btn-dark-slate {
    color: var(--dark-slate);
    box-shadow: inset 0px 0px 0px 1.5px var(--dark-slate);
}

.btn.btn-outline.btn-hard-white {
    color: var(--hard-white);
    box-shadow: inset 0px 0px 0px 1.5px var(--hard-white);
}

.btn.btn-outline.btn-alert-red {
    color: var(--alert-red);
    box-shadow: inset 0px 0px 0px 1.5px var(--alert-red);
}

.btn.btn-outline.btn-alert-green {
    color: var(--alert-green);
    box-shadow: inset 0px 0px 0px 1.5px var(--alert-green);
}

.btn.btn-outline.btn-alert-amber {
    color: var(--alert-amber);
    box-shadow: inset 0px 0px 0px 1.5px var(--alert-amber);
}

.btn.btn-outline.btn-lil-blue {
    color: var(--lil-blue);
    box-shadow: inset 0px 0px 0px 1.5px var(--lil-blue);
}
/* btn outline color end */

/* btn dotted start */
.btn.btn-dotted {
    background-color: transparent;
    color: var(--slate);
}
.btn.btn-dotted::before {
    content: '';
    position: absolute;
    left: -4px;
    top: -4px;
    right: -4px;
    bottom: -4px;
    border: 6px dashed currentColor;
    border-radius: 30px;
    box-sizing: border-box;
    transition: .2s ease;
}
.btn.btn-dotted::after{ display: none }
.btn.btn-dotted:hover::before{ border: 6px dashed var(--slate-t-30) !important }
/* btn dotted end */

/* btn dotted color start */
.btn.btn-dotted.btn-white{ color: var(--soft-white) }
.btn.btn-dotted.btn-turquoise{ color: var(--turquoise) }
/* btn outline color end */

/* btn dotted additional color start */
.btn.btn-dotted.btn-deep-red{ color: var(--deep-red) }
.btn.btn-dotted.btn-amber{ color: var(--amber) }
.btn.btn-dotted.btn-blue{ color: var(--blue) }
.btn.btn-dotted.btn-red{ color: var(--red) }
.btn.btn-dotted.btn-yellow{ color: var(--yellow) }
.btn.btn-dotted.btn-slate-t-5{ color: var(--slate-t-5) }
.btn.btn-dotted.btn-slate-t-15{ color: var(--slate-t-15) }
.btn.btn-dotted.btn-slate-t-30{ color: var(--slate-t-30) }
.btn.btn-dotted.btn-slate-t-50{ color: var(--slate-t-50) }
.btn.btn-dotted.btn-slate-t-65{ color: var(--slate-t-65) }
.btn.btn-dotted.btn-slate-t-85{ color: var(--slate-t-85) }
.btn.btn-dotted.btn-dark-slate{ color: var(--dark-slate) }
.btn.btn-dotted.btn-hard-white{ color: var(--hard-white) }
.btn.btn-dotted.btn-alert-red{ color: var(--alert-red) }
.btn.btn-dotted.btn-alert-green{ color: var(--alert-green) }
.btn.btn-dotted.btn-alert-amber{ color: var(--alert-amber) }
.btn.btn-dotted.btn-lil-blue{ color: var(--lil-blue) }
/* btn dotted additional color end */

/* btn tertiary start */
.btn.btn-tertiary {
    border: none;
    background-color: transparent;
    display: flex;
    align-items: center;
    color: var(--slate);
    border-radius: 0;
}
.btn.btn-tertiary::after {
    display: none;
}
.btn.btn-tertiary i {
    font-size: 24px;
    margin-left: 12px;
}

.btn.btn-tertiary:hover {
    color: var(--turquoise);
    transition: .2s ease;
}

.btn.btn-tertiary.btn-tertiary-reverse i {
    margin-right: 12px;
    margin-left: 0px;
}

/* btn tertiary color start */
.btn.btn-tertiary.btn-white{ color: var(--soft-white) }
.btn.btn-tertiary.btn-turquoise{ color: var(--turquoise) }
/* btn tertiary color end */

/* btn tertiary additional color start */
.btn.btn-tertiary.btn-deep-red{ color: var(--deep-red) }
.btn.btn-tertiary.btn-amber{ color: var(--amber) }
.btn.btn-tertiary.btn-blue{ color: var(--blue) }
.btn.btn-tertiary.btn-red{ color: var(--red) }
.btn.btn-tertiary.btn-yellow{ color: var(--yellow) }
.btn.btn-tertiary.btn-slate-t-5{ color: var(--slate-t-5) }
.btn.btn-tertiary.btn-slate-t-15{ color: var(--slate-t-15) }
.btn.btn-tertiary.btn-slate-t-30{ color: var(--slate-t-30) }
.btn.btn-tertiary.btn-slate-t-50{ color: var(--slate-t-50) }
.btn.btn-tertiary.btn-slate-t-65{ color: var(--slate-t-65) }
.btn.btn-tertiary.btn-slate-t-85{ color: var(--slate-t-85) }
.btn.btn-tertiary.btn-dark-slate{ color: var(--dark-slate) }
.btn.btn-tertiary.btn-hard-white{ color: var(--hard-white) }
.btn.btn-tertiary.btn-alert-red{ color: var(--alert-red) }
.btn.btn-tertiary.btn-alert-green{ color: var(--alert-green) }
.btn.btn-tertiary.btn-alert-amber{ color: var(--alert-amber) }
.btn.btn-tertiary.btn-lil-blue{ color: var(--lil-blue) }
/* btn tertiary additional color end */

/* btn tertiary hover color start */
.btn.btn-tertiary.btn-hover-slate:hover { color: var(--slate) }
.btn.btn-tertiary.btn-hover-white:hover { color: var(--soft-white) }
.btn.btn-tertiary.btn-hover-turquoise:hover { color: var(--turquoise) }
/* btn tertiary hover color end */

/* btn tertiary hover additional color start */
.btn.btn-tertiary.btn-hover-deep-red:hover i{ color: var(--deep-red) }
.btn.btn-tertiary.btn-hover-amber:hover i{ color: var(--amber) }
.btn.btn-tertiary.btn-hover-blue:hover i{ color: var(--blue) }
.btn.btn-tertiary.btn-hover-red:hover i{ color: var(--red) }
.btn.btn-tertiary.btn-hover-yellow:hover i{ color: var(--yellow) }
.btn.btn-tertiary.btn-hover-slate-t-5:hover i{ color: var(--slate-t-5) }
.btn.btn-tertiary.btn-hover-slate-t-15:hover i{ color: var(--slate-t-15) }
.btn.btn-tertiary.btn-hover-slate-t-30:hover i{ color: var(--slate-t-30) }
.btn.btn-tertiary.btn-hover-slate-t-50:hover i{ color: var(--slate-t-50) }
.btn.btn-tertiary.btn-hover-slate-t-65:hover i{ color: var(--slate-t-65) }
.btn.btn-tertiary.btn-hover-slate-t-85:hover i{ color: var(--slate-t-85) }
.btn.btn-tertiary.btn-hover-dark-slate:hover i{ color: var(--dark-slate) }
.btn.btn-tertiary.btn-hover-hard-white:hover i{ color: var(--hard-white) }
.btn.btn-tertiary.btn-hover-alert-red:hover i{ color: var(--alert-red) }
.btn.btn-tertiary.btn-hover-alert-green:hover i{ color: var(--alert-green) }
.btn.btn-tertiary.btn-hover-alert-amber:hover i{ color: var(--alert-amber) }
.btn.btn-tertiary.btn-hover-lil-blue:hover i{ color: var(--lil-blue) }
/* btn tertiary hover additional color end */

/* btn tertiary start */
.btn.btn-save {
    display: flex;
    align-items: center;
    padding-right: 8px;
}
.btn.btn-save span {
    padding-right: 12px;
    border-right: 1px solid var(--slate-t-85);
    transition: border .2s ease;
}
.btn.btn-save i {
    font-size: 24px;
    margin-left: 12px;
}
.btn.btn-save:hover span{ border-right: 1px solid #FFFFFF33 }
/* btn tertiary end */

/* btn link start */
.btn.btn-link,
.btn.btn-link-m,
.btn.btn-link-sm {
    background-color: transparent;
    border: none;
    color: var(--slate);
}

.btn.btn-link::after,
.btn.btn-link-m::after,
.btn.btn-link-sm::after {
    display: none;
}

.btn.btn-link span,
.btn.btn-link-m span,
.btn.btn-link-sm span {
  border-bottom: 1px solid currentColor;
  position: relative;
  display: block;
}

.btn.btn-link span::before,
.btn.btn-link-m span::before,
.btn.btn-link-sm span::before {
    width: 0%;
    height: 1px;
    background-color: var(--turquoise);
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    transition: width 0.4s ease;
}

.btn.btn-link:hover span::before,
.btn.btn-link-m:hover span::before,
.btn.btn-link-sm:hover span::before {
    width: 100%;
}

.btn.btn-link-m {
    font-size: 14px;
    padding: 8px 20px;
}

.btn.btn-link-sm {
    font-size: 12px;
    padding: 4px 8px;
    letter-spacing: 0.2px;
}
/* btn link end */

/* btn icon start */
.btn.btn-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    padding: 0;
    transition: background-color 0.2s ease;
}
.btn.btn-icon::after{ display: none }
.btn.btn-icon i{ font-size: 24px }
.btn.btn-icon:hover{ background-color: var(--turquoise) }
/* btn icon end */

/* btn icon hover color start */
.btn.btn-icon.btn-hover-white:hover{ background-color: var(--soft-white) }
.btn.btn-icon.btn-hover-slate:hover{ background-color: var(--slate) }
/* btn icon hover color end */

/* btn icon hover additional color start */
.btn.btn-icon.btn-hover-deep-red:hover{ background-color: var(--deep-red) }
.btn.btn-icon.btn-hover-amber:hover{ background-color: var(--amber) }
.btn.btn-icon.btn-hover-blue:hover{ background-color: var(--blue) }
.btn.btn-icon.btn-hover-red:hover{ background-color: var(--red) }
.btn.btn-icon.btn-hover-yellow:hover{ background-color: var(--yellow) }
.btn.btn-icon.btn-hover-slate-t-5:hover{ background-color: var(--slate-t-5) }
.btn.btn-icon.btn-hover-slate-t-15:hover{ background-color: var(--slate-t-15) }
.btn.btn-icon.btn-hover-slate-t-30:hover{ background-color: var(--slate-t-30) }
.btn.btn-icon.btn-hover-slate-t-50:hover{ background-color: var(--slate-t-50) }
.btn.btn-icon.btn-hover-slate-t-65:hover{ background-color: var(--slate-t-65) }
.btn.btn-icon.btn-hover-slate-t-85:hover{ background-color: var(--slate-t-85) }
.btn.btn-icon.btn-hover-dark-slate:hover{ background-color: var(--dark-slate) }
.btn.btn-icon.btn-hover-hard-white:hover{ background-color: var(--hard-white) }
.btn.btn-icon.btn-hover-alert-red:hover{ background-color: var(--alert-red) }
.btn.btn-icon.btn-hover-alert-green:hover{ background-color: var(--alert-green) }
.btn.btn-icon.btn-hover-alert-amber:hover{ background-color: var(--alert-amber) }
.btn.btn-icon.btn-hover-lil-blue:hover{ background-color: var(--lil-blue) }
/* btn icon hover additional color end */

/* btn text color start */
.btn.btn-text-white{ color: var(--soft-white) }
.btn.btn-text-slate{ color: var(--slate) }
.btn.btn-text-deep-red{ color: var(--deep-red) }
.btn.btn-text-amber{ color: var(--amber) }
.btn.btn-text-blue{ color: var(--blue) }
.btn.btn-text-red{ color: var(--red) }
.btn.btn-text-yellow{ color: var(--yellow) }
.btn.btn-text-slate-t-5{ color: var(--slate-t-5) }
.btn.btn-text-slate-t-15{ color: var(--slate-t-15) }
.btn.btn-text-slate-t-30{ color: var(--slate-t-30) }
.btn.btn-text-slate-t-50{ color: var(--slate-t-50) }
.btn.btn-text-slate-t-65{ color: var(--slate-t-65) }
.btn.btn-text-slate-t-85{ color: var(--slate-t-85) }
.btn.btn-text-dark-slate{ color: var(--dark-slate) }
.btn.btn-text-hard-white{ color: var(--hard-white) }
.btn.btn-text-alert-red{ color: var(--alert-red) }
.btn.btn-text-alert-green{ color: var(--alert-green) }
.btn.btn-text-alert-amber{ color: var(--alert-amber) }
.btn.btn-text-lil-blue{ color: var(--lil-blue) }
/* btn text color end */
/* End */


/* Start:/local/templates/deus/assets/css/globalcomponents.css?175515504314467*/
@charset "UTF-8";

@font-face {
  font-family: 'Iqos-Light';
  font-style: normal;
  font-weight: 300;
  src: url(/local/templates/deus/assets/css/../fonts/iqos/IQOS-Light.woff) format("woff");
}

@font-face {
  font-family: 'Iqos-Regular';
  font-style: normal;
  font-weight: 400;
  src: url(/local/templates/deus/assets/css/../fonts/iqos/IQOS-Regular.woff) format("woff");
}

@font-face {
  font-family: 'Iqos-Bold';
  font-style: normal;
  font-weight: 700;
  src: url(/local/templates/deus/assets/css/../fonts/iqos/IQOS-Bold.woff) format("woff");

}

body {
  font-family: "Iqos-Regular", sans-serif;
}

/* checkbox */

.form-group input[type="checkbox"],
input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  vertical-align: top;
  border: 1px solid #232029;
  border-radius: 3px;
  background: #fff no-repeat center center;
  background-size: 80%;
  padding: 0;
  box-sizing: border-box;
  transition: 0.1s all ease;
}

.form-group input[type="checkbox"]:checked,
input[type="checkbox"]:checked {
  background-image: url("/images/global/check.svg");
  background-color: #232029;
}

/* hover */

.form-group input[type="checkbox"]:checked:hover,
input[type="checkbox"]:checked:hover {
  border: 1px solid #7B7881;
  background: #7B7881 no-repeat center center;
  background-image: url("/images/global/check.svg");
  background-size: 80%;
}

.form-group input[type="checkbox"]:not(:checked):hover,
input[type="checkbox"]:not(:checked):hover {
  border: 1px solid #7B7881;
}

/* white theme */

input[type="checkbox"].input-white {
  border: 1px solid var(--soft-white);
  background: transparent no-repeat center center;
}

input[type="checkbox"].input-white:checked {
  background-image: url("/images/global/check-dark.svg");
  background-color: var(--turquoise);
  border: 1px solid var(--turquoise);
}

/* disabled */

.form-group input[type="checkbox"]:checked:disabled,
input[type="checkbox"]:checked:disabled {
  background-image: url("/images/global/check.svg");
  background-color: #E1E0E2;
  border: 1px solid #E1E0E2;
}

.form-group input[type="checkbox"]:not(:checked):disabled,
input[type="checkbox"]:not(:checked):disabled {
  border: 1px solid #E1E0E2;
}

/* error */

.form-group input[type="checkbox"].error,
input[type="checkbox"].error {
  border: 2px solid #C73636;
}

.form-group input[type="checkbox"].error:hover,
input[type="checkbox"].error:hover {
  border: 2px solid #C73636;
}

/* radio */
.form-group input[type="radio"],
input[type="radio"] {
  -webkit-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  vertical-align: top;
  border: 1px solid #34303D;
  border-radius: 3px;
  background: #fff no-repeat 52% 50%;
  background-size: 50%;
  padding: 0;
  box-sizing: border-box;
  transition: 0.1s all ease;
  border-radius: 50%;
}

.form-group input[type="radio"]:checked,
input[type="radio"]:checked {
  background: #fff no-repeat 52% 50%;
  background-image: url("/images/global/radio.svg");
  background-size: 50%;
}

/* hover */

.form-group input[type="radio"]:checked:hover,
input[type="radio"]:checked:hover {
  background: #fff no-repeat 52% 50%;
  background-image: url("/images/global/radio-hover.svg");
  background-size: 50%;

}

.form-group input[type="radio"]:not(:checked):hover,
input[type="radio"]:not(:checked):hover {
  border: 1px solid #7B7881;
}

/* PICB-1690 */

/* disabled */

.form-group input[type="radio"]:checked:disabled,
input[type="radio"]:checked:disabled {
  background-image: url("/images/global/radio-disabled.svg");
  border: 1px solid var(--slate-t-15);
}

.form-group input[type="radio"]:not(:checked):disabled,
input[type="radio"]:not(:checked):disabled {
  border: 1px solid var(--slate-t-15);
}

/* error */

.form-group input[type="radio"].error,
input[type="radio"].error {
  border: 2px solid var(--alert-red);
}

.form-group input[type="radio"].error:hover,
input[type="radio"].error:hover {
  border: 2px solid var(--alert-red);
}

.form-control-group {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.form-control-check {
  margin-right: 12px;
}

.form-control-radio {
  margin-right: 12px;
}

.form-control-label {
  font-family: "Iqos-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
}

/* stepper block styles */

.stepper {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}


.stepper.hide {
  display: none;
}

.stepper-step {
  position: relative;
}

.stepper-step img {
  display: none;
  width: 44px;
  height: 44px;
}

.stepper-step img.stepper-step-finish-check {
  width: 20px;
  height: 20px;
  position: absolute;
  right: -4px;
  bottom: -4px;
}

.stepper-step-line {
  width: 100%;
  height: 2px;
  background-color: #E1E0E2;
}

/* step 1 */

.stepper[data-step="1"] .stepper-step[data-step="1"] .stepper-step-active {
  display: block;
}

.stepper[data-step="1"] .stepper-step[data-step="2"] .stepper-step-default {
  display: block;
}

.stepper[data-step="1"] .stepper-step[data-step="3"] .stepper-step-default {
  display: block;
}

.stepper[data-step="1"] .stepper-step[data-step="4"] .stepper-step-default {
  display: block;
}

/* step 2 */

.stepper[data-step="2"] .stepper-step[data-step="1"] .stepper-step-finish {
  display: block;
}

.stepper[data-step="2"] .stepper-step[data-step="1"] .stepper-step-finish-check {
  display: block;
}

.stepper[data-step="2"] .stepper-step[data-step="2"] .stepper-step-active {
  display: block;
}

.stepper[data-step="2"] .stepper-step[data-step="3"] .stepper-step-default {
  display: block;
}

.stepper[data-step="2"] .stepper-step[data-step="4"] .stepper-step-default {
  display: block;
}

.stepper[data-step="2"] .stepper-step-line[data-line="1"] {
  background-color: var(--turquoise);
}

/* step 3 */

.stepper[data-step="3"] .stepper-step[data-step="1"] .stepper-step-finish {
  display: block;
}

.stepper[data-step="3"] .stepper-step[data-step="1"] .stepper-step-finish-check {
  display: block;
}

.stepper[data-step="3"] .stepper-step[data-step="2"] .stepper-step-finish {
  display: block;
}

.stepper[data-step="3"] .stepper-step[data-step="2"] .stepper-step-finish-check {
  display: block;
}

.stepper[data-step="3"] .stepper-step[data-step="3"] .stepper-step-active {
  display: block;
}

.stepper[data-step="3"] .stepper-step[data-step="4"] .stepper-step-default {
  display: block;
}

.stepper[data-step="3"] .stepper-step-line[data-line="1"] {
  background-color: var(--turquoise);
}

.stepper[data-step="3"] .stepper-step-line[data-line="2"] {
  background-color: var(--turquoise);
}

/* step 4 */

.stepper[data-step="4"] .stepper-step[data-step="1"] .stepper-step-finish {
  display: block;
}

.stepper[data-step="4"] .stepper-step[data-step="1"] .stepper-step-finish-check {
  display: block;
}

.stepper[data-step="4"] .stepper-step[data-step="2"] .stepper-step-finish {
  display: block;
}

.stepper[data-step="4"] .stepper-step[data-step="2"] .stepper-step-finish-check {
  display: block;
}

.stepper[data-step="4"] .stepper-step[data-step="3"] .stepper-step-finish {
  display: block;
}

.stepper[data-step="4"] .stepper-step[data-step="3"] .stepper-step-finish-check {
  display: block;
}

.stepper[data-step="4"] .stepper-step[data-step="4"] .stepper-step-active {
  display: block;
}

.stepper[data-step="4"] .stepper-step-line[data-line="1"] {
  background-color: var(--turquoise);
}

.stepper[data-step="4"] .stepper-step-line[data-line="2"] {
  background-color: var(--turquoise);
}

.stepper[data-step="4"] .stepper-step-line[data-line="3"] {
  background-color: var(--turquoise);
}

/* form group styles */

.form-group {
  text-align: center;
  position: relative;
  width: 100%;
}

.form-group label,
.auth-modal-content label {
  text-align: left;
  display: block;
  margin-bottom: 16px;
}

.form-group small.form-text {
  color: var(--alert-red);
  margin-top: 7px;
  display: none;
  text-align: left;
}

.form-group.invalid small.form-text {
  display: block;
}

.form-group.invalid input {
  border: 2px solid var(--alert-red) !important;
  outline: none;
}

.form-group small.helper-text {
  text-align: left;
  display: block;
  margin-top: 16px;
}


.form-group input {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid var(--slate-t-30);
  border-radius: 4px;
  background-color: var(--soft-white);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--slate);
  box-sizing: border-box;
  font-family: "Iqos-Regular", sans-serif;
}

.form-group input::placeholder {
  color: var(--slate-t-50);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.form-group .form-warn {
  display: none;
}

.form-group.invalid .form-warn {
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 12px;
  right: 16px;
}

.form-group.invalid.with-label .form-warn {
  top: 50px;
}

.form-group.invalid .form-warn svg {
  width: 100%;
  height: 100%;
}

.form-group .form-valid {
  display: none;
}

.form-group.valid .form-valid {
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 12px;
  right: 16px;
}

.form-group.valid .form-valid svg {
  width: 100%;
  height: 100%;
}

.form-group.password .show-password {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 16px;
  bottom: 12px;
  cursor: pointer;
}

.form-group.password .show-password svg {
  width: 100%;
  height: 100%;
}

.form-group.password.invalid .show-password {
    top: 50px;
}

/* otp */
input[name="code"] {
  background-color: #fffdfb;
  caret-color: black;
  max-width: 300px;
  margin: auto;
  text-align: center;
  letter-spacing: 10px;
  font-size: 30px;
}

/* custom select input */

.form-group.select .custom-select {
  width: 100%;
  cursor: pointer;
}

.form-group.select .custom-select select {
  display: none;
}

.form-group.select .custom-select .custom-select__wrapper {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid var(--slate-t-30);
  border-radius: 4px;
  background-color: var(--soft-white);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--slate);
  box-sizing: border-box;
  line-height: 1.4;
  font-family: "Iqos-Regular", sans-serif;
  position: relative;
}

.form-group.select .custom-select .custom-select__wrapper.active {
  outline: 1px solid var(--slate);
  border: 1px solid var(--slate);
}

.form-group.select .custom-select .custom-select__wrapper .custom-select__list {
  display: none;
}

.form-group.select .custom-select .custom-select__wrapper.active .custom-select__list {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(0,calc(100% + 4px));
  width: 100%;
  list-style-type: none;
  overflow-y: scroll;
  background-color: var(--soft-white);
  z-index: 2;
  height: 280px;
  text-align: left;
  outline: 2px solid var(--slate);
  border-radius: 4px;
}

.form-group.select .custom-select .custom-select__wrapper.active .custom-select__list::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(52, 48, 61, 0.15);
  border-radius: 2px;
  position: fixed;
  right: 2px;
}

.form-group.select .custom-select .custom-select__wrapper.active .custom-select__list::-webkit-scrollbar-thumb {
  width: 4px;
  background-color: rgba(52, 48, 61, 0.77);
  border-radius: 2px;
}

.form-group.select .custom-select .custom-select__wrapper .custom-select__current {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.form-group.select .custom-select .custom-select__wrapper .custom-select__arrow {
  width: 16px;
  height: 16px;
}

.form-group.select .custom-select .custom-select__wrapper .custom-select__arrow svg {
  width: 100%;
  height: 100%;
}

.form-group.select .custom-select .custom-select__wrapper.active .custom-select__arrow {
  transform: rotate(180deg);
}

.form-group.select .custom-select__wrapper .custom-select__item {
  padding: 12px 16px;
}

.form-group.select .custom-select__wrapper .custom-select__item:hover {
  background-color: var(--turquoise);
}

.form-group.select .custom-select__wrapper .custom-select__item.selected {
  background-color: var(--turquoise);
}

.form-group.select .custom-select .custom-select__placeholder {
  text-align: left;
  color: var(--slate-t-65);
}

.form-group.select .custom-select .custom-select__placeholder.selected {
  color: var(--slate);
}

/* sms code input */

.form-group.sms-input small.form-text {
  line-height: 1.2;
  display: none !important;
  margin-top: 10px;
  text-align: center;
}

.form-group.sms-input.invalid small.form-text {
  display: block !important;
}

.form-group.sms-input.invalid {
  padding-bottom: 25px;
}

.form-group.sms-input input[type="number"] {
  width: 51px;
  height: 66px;
  line-height: 40px;
  border-radius: 5px;
  font-size: 30px;
  padding: 10px 14px;
  border: 1px solid #33303C;
  text-shadow: 0 0 var(--slate);
  color: transparent;
  text-align: center;
  box-sizing: border-box;
}

.form-group.sms-input input[type="number"]:focus {
  animation: blinkingCaret;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

.form-group.sms-input input[type="number"]::placeholder {
  text-align: center;
  text-shadow: 0 0 #B3B3B3;
  text-decoration: underline;
  color: transparent;
}

.form-group.sms-input input[type="number"]:focus::placeholder {
  text-shadow: transparent;
  text-decoration: none;
}

.form-group.sms-input .number_input:not(:last-of-type) {
  margin-right: 30px;
}

.form-group input[type=number]::-webkit-inner-spin-button,
.form-group input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}


@keyframes blinkingCaret {
  0%   {text-decoration: #B3B3B3 underline;}
  25%   {text-decoration: #B3B3B3 underline;}
  50%   {text-decoration: #B3B3B3 underline;}
  75% {text-decoration: #B3B3B3 none;}
}

@media (max-width:767px) {
  .form-group.select .custom-select .custom-select__wrapper.active .custom-select__list {
    height: 300px;
  }

  .form-group.sms-input .number_input:not(:last-of-type) {
    margin-right: 16px;
  }
}

@media (max-width: 319px) {
  .form-group.sms-input .number_input:not(:last-of-type) {
    margin-right: 6px;
  }
}

.form-group.form-group-datapicker {
  position: relative;
}

.form-group.form-group-datapicker .form-group-datapicker-label {
  position: absolute;
  width: 14px;
  height: 15px;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  cursor: pointer;
}

.form-group.form-group-datapicker .form-group-datapicker-icon {
  width: 100%;
  height: 100%;
}
/* End */


/* Start:/local/templates/deus/assets/css/swiper-bundle.min.css?172664170018452*/
/**
 * Swiper 10.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 17, 2023
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */


/* Start:/local/templates/deus-light/assets/css/style.css?17721005599504*/
@charset "UTF-8";

@font-face {
    font-family: 'Iqos-Light';
  font-style: normal;
  font-weight: 300;
  src: url(/local/templates/deus-light/assets/css/../fonts/iqos/IQOS-Light.woff) format("woff");
}

@font-face {
    font-family: 'Iqos-Regular';
  font-style: normal;
  font-weight: 400;
  src: url(/local/templates/deus-light/assets/css/../fonts/iqos/IQOS-Regular.woff) format("woff");
}

@font-face {
    font-family: 'Iqos-Bold';
  font-style: normal;
  font-weight: 700;
  src: url(/local/templates/deus-light/assets/css/../fonts/iqos/IQOS-Bold.woff) format("woff");
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}


body {
  margin: 0;
  padding: 0;
  font-family: "Iqos-Regular", sans-serif;
  font-size: 16px;
  color: #34303d;
}

main {
  padding-left: 576px;
  background-color: #F9F7F2;
}

.content {
  box-sizing: border-box;
  padding: 70px 64px;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  position: relative;
}

.footer, .header {
  display: none;
}



/* aside styles */

.aside {
  position: fixed;
  left: 0;
  top: 0;
  width: 576px;
  height: 100vh;
  background-color: var(--slate);
  color: var(--soft-white);
  padding: 70px 0;
  box-sizing: border-box;
}

.aside-header {
  padding: 0 60px;
}

.aside-content {
  padding: 0 64px;
}

.aside-footer {
  padding: 0 64px;
}

.aside-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.aside-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}


.iqos-icon {
  width: 151px;
  height: 48px;
}

.iqos-icon img {
  width: 100%;
  height: 100%;
}

.iqos-icon .mini-logo {
  display: none;
}

/* toggle lang styles */

.toggle-lang {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: var(--soft-white);
}

.toggle-lang-to {
  margin-right: 10px;
}

.toggle-lang-to:last-child {
  margin-left: 10px;
  margin-right: 0px;
}

.toggle-lang input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.toggle-lang-slider {
  background: #524F5A;
  border-radius: 15px;
  width: 48px;
  height: 28px;
  position: relative;
}

.toggle-lang-slider::before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  top: 50%;
  left: 0;
  background-color: #00D1D2;
  transform-origin: left top;
  transform: translate(2px, -12px);
  transition: transform .2s ease;
}

.toggle-lang input:checked + .toggle-lang-slider::before {
  transform: translate(22px, -12px);
}

/* terms list style */

.terms-list {
  padding-left: 16px;
}

.terms-list-item {
  margin-bottom: 10px;
}

.terms-list-item {
  color: var(--soft-white);
  opacity: 0.8;
}

.terms-list-item a {
  color: var(--soft-white);
  text-decoration: underline;
  opacity: 0.8;
}

/* social block styles */

.social {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: auto;
}

.social-list {
  display: flex;
  align-items: center;
}

.social-list-item {
  display: block;
  width: 52px;
  height: 52px;
}

.social-list-item img {
  width: 100%;
  height: 100%;
}

.social p {
  margin-bottom: 20px;
}

.social p br {
  display: none;
}

/* terms popup styles */

.terms-popup {
  position: absolute;
  left: 0;
  top: 0;
  padding: 124px 64px 70px 64px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background-color: #F9F7F2;
  display: none;
}

.terms-popup.active {
  display: block;
}

.terms-popup-content {
  height: 100%;
  overflow-y: scroll;
  padding-right: 20px;
}

.terms-popup-content::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(52, 48, 61, 0.15);
  border-radius: 2px;
}

.terms-popup-content::-webkit-scrollbar-thumb {
  width: 4px;
  background-color: rgba(52, 48, 61, 0.77);
  border-radius: 2px;
}

.terms-popup-content h4 {
  margin-bottom: 10px;
}

.terms-popup-content a {
  color: var(--slate);
  text-decoration: underline;
}

.terms-popup-content strong {
  font-family: "Iqos-Bold", sans-serif;
}

.terms-popup-content ul {
  padding-left: 20px;
}

.terms-popup-close {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 64px;
  top: 70px;
  cursor: pointer;
}

.terms-popup-close svg {
  width: 100%;
  height: 100%;
}

.content.show-popup {
  height: 100vh;
  overflow: hidden;
}

@media (max-width: 1023px) {
  main {
    padding: 0;
  }

  .aside {
    display: none;
  }

  .content {
    padding: 20px 20px 40px 20px;
    min-height: auto;
  }

  .header {
    display: block;
    background-color: var(--slate);
  }

  .header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
  }

  .iqos-icon {
    display: block;
    width: 101px;
    height: 32px;
  }

  .iqos-icon img {
    width: 100%;
    height: 100%;
  }

  .footer {
    display: block;
    color: var(--soft-white);
    background-color: var(--slate);
    padding: 30px 20px 40px 20px;
  }

  .social p br {
    display: block;
  }

  .terms-popup {
    padding: 64px 20px 70px 20px;
  }

  .terms-popup-close {
    right: 20px;
    top: 20px;
  }

  .terms-popup-content {
    padding: 0;
  }

  .terms-popup-content::-webkit-scrollbar {
    display: none;
  }

  .content.show-popup {
    height: 640px;
  }

  .terms-popup {
    position: fixed;
    height: 100vh;
    padding-bottom: 20px;
    z-index: 4;
  }
}

@media (max-width: 1023px) and (min-width: 567px) {
  .content {
    min-height: 74vh;
  }
}

@media (max-width: 576px) {
  .terms-popup-content h4 {
    word-break: break-word;
  }
}


/* modals */
.iqos-light-blur-before {
  filter: blur(0);
  transition: filter .2s;
}

.iqos-light-blur-after {
  filter: blur(10px);
  transition: filter .2s;
}

.iqos-light-modal-wrapper {
  display: none;
  justify-content: center;
  align-items: flex-start;
  position: fixed;
  inset: 0;
  overflow-y: scroll;
  padding: 68px 16px;
  background: rgba(231, 231, 231, 0.5);
  z-index: 10;
}

.iqos-light-modal-wrapper.active {
  display: flex;
}

.iqos-light-modal-wrapper.iqos-animate {
  display: flex;
}

.iqos-light-modal {
  width: 100%;
  max-width: 1200px;
  background: var(--soft-white);
  color: var(--color-text);
  padding: 40px;
  border-radius: 8px;
  position: relative;
  box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.14);
  transform: translateY(100vh);
}

.iqos-light-modal-wrapper.iqos-animate .iqos-light-modal {
  transform: translateY(0);
  transition: transform .6s;
}

.iqos-light-modal-dismiss {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 32px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  text-decoration: none;
  transition: color .6s;
  color: var(--color-text);
}

.iqos-light-modal-dismiss:hover {
  color: var(--turquoise);
}

.iqos-light-modal-body {
  display: none;
}

.iqos-light-modal-body.active {
  display: block;
}

@media (max-width: 767.98px) {
  .iqos-light-modal {
    padding: 20px;
  }
}

/* modals content */
.reconsent-content .auth-terms-modal-title,
.deus-light-docs-modal .auth-terms-modal-title {
  font-size: 32px;
  margin-bottom: 12px;
  margin-right: 16px;
  font-weight: 700;
  display: block;
}

.reconsent-content td,
.deus-light-docs-modal td {
  padding: 0 8px;
}

.reconsent-content a:not(.iqos-light-modal-dismiss),
.deus-light-docs-modal a:not(.iqos-light-modal-dismiss) {
  color: var(--turquoise);
}

.reconsent-content h3,
.deus-light-docs-modal .modal-body h3 {
  font-size: 24px;
  line-height: 1.4;
  margin-bottom: 12px;
}

.reconsent-content p,
.deus-light-docs-modal .modal-body p {
  margin-bottom: 12px;
}

.reconsent-content strong,
.deus-light-docs-modal .modal-body strong {
  font-weight: 700;
}

.reconsent-content li,
.deus-light-docs-modal .modal-body li {
  margin-left: 20px;
  margin-bottom: 12px;
}

.reconsent-content td,
.deus-light-docs-modal table td {
  border: 1px solid black;
}

.deus-light-docs-modal {
  display: none;
}

.deus-light-docs-modal.active {
  display: block;
}

.deus-light-docs-modal-body {
  display: none;
  max-height: calc(100vh - 194px);
  overflow-y: scroll;
  padding-right: 16px;
}

.deus-light-docs-modal-body::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(52, 48, 61, 0.15)!important;
  border-radius: 2px;
}

.deus-light-docs-modal-body::-webkit-scrollbar-thumb {
  width: 4px;
  background-color: rgba(52, 48, 61, 0.77)!important;
  border-radius: 2px;
}

.deus-light-docs-modal-body.active {
  display: block;
}

.deus-light-docs-modal-dismiss-wrapper {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 30px;
}

.deus-light-docs-modal-dismiss {
  width: 24px;
  height: 24px;
  text-decoration: none;
  transition: color .6s;
  color: var(--color-text)!important;
  line-height: 1;
}

.d-none {
  display: none!important;
}

.form-text a {
  color: var(--turquoise);
}

@media (max-width: 1023px) {

  .deus-light-docs-modal-body {
    max-height: calc(100vh - 148px);
    overflow-y: scroll;
    padding-right: 6px;
    word-wrap: break-word;
    overflow-x: hidden;
  }

  .deus-light-docs-modal-dismiss-wrapper {
    margin-bottom: 20px;
  }
}
/* End */


/* Start:/local/templates/deus-light/components/bitrix/menu/.default/style.min.css?1740567419489*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/deus-light/components/bitrix/menu/.default/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:700;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover,ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited{color:#fc8d3d}
/* End */


/* Start:/local/components/iqos/geofence/templates/nrd/style.min.css?17405674132322*/
.geofencing{position:fixed;z-index:9999;top:0;left:0;right:0;bottom:0;background:#fff}.geofencing .geofencing__wrapper{width:100%;max-width:1440px;margin:0 auto;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.geofencing .geofencing__wrapper .geofencing__logo{width:100%;max-width:230px;margin:0 auto;display:block;margin-bottom:40px}.geofencing .geofencing__wrapper .geofencing__text{width:100%;max-width:711px;margin:0 auto;display:block;text-align:center;line-height:25px;color:#000}.geofencing .geofencing__wrapper .geofencing__btn{width:100%;max-width:190px;padding:10px;border-radius:30px;margin-top:40px;background:#404040;color:#fff;text-decoration:none;text-align:center;margin-bottom:35px}.geofencing .geofencing__wrapper .geofencing__lang{position:relative}.geofencing .geofencing__wrapper .geofencing__lang:hover .geofencing__list{opacity:1;visibility:visible}.geofencing .geofencing__wrapper .geofencing__lang .geofencing__select{border:2px solid #404040;padding:5px 15px;border-radius:15px;cursor:pointer}.geofencing .geofencing__wrapper .geofencing__lang .geofencing__list{display:flex;flex-direction:column;justify-content:center;position:absolute;top:180%;left:0;right:0;opacity:0;visibility:hidden;transition:opacity .2s linear,visibility .2s linear;cursor:pointer;box-shadow:0 4px 13px 0 rgba(0,0,0,.14);border-radius:15px}.geofencing .geofencing__wrapper .geofencing__lang .geofencing__list .geofencing__link{padding:.5rem 1rem;position:relative;text-align:center;opacity:.6;transition:.7s;display:flex;justify-content:center;line-height:21.45px}.geofencing .geofencing__wrapper .geofencing__lang .geofencing__list .geofencing__link:not(:last-child)::after{content:'';position:absolute;bottom:0;width:100%;max-width:40%;display:block;margin:0 auto;height:1px;background-color:#404040}.geofencing .geofencing__wrapper .geofencing__lang .geofencing__list .geofencing__link:hover{opacity:1}@media (max-width:1000px){.geofencing .geofencing__wrapper .geofencing__text{max-width:618px}}@media (max-width:768px){.geofencing .geofencing__wrapper .geofencing__text{max-width:608px}}@media (max-width:480px){.geofencing .geofencing__wrapper .geofencing__text{max-width:363px}}@media (max-width:320px){.geofencing .geofencing__wrapper .geofencing__text{max-width:266px}}
/* End */


/* Start:/local/templates/deus/blocks/toast/style.min.css?1740567405830*/
.toast-popup{padding:20px 24px;background-color:#f6f4f0;display:flex;align-items:self-start;max-width:360px}.toast-popup-icon{margin-right:24px;margin-top:4px}.toast-popup.toast-popup-can-close{padding-right:46px;position:relative}.toast-popup i.icon-cancel{font-size:16px;position:absolute;right:12px;top:12px;cursor:pointer}.toast-popup.toast-popup-lg{padding:16px;padding-right:46px}.toast-popup.toast-popup-lg .toast-popup-icon{margin-right:16px;margin-top:0}.toast-popup.toast-popup-transparent{background-color:transparent;display:flex;align-items:center;padding:0}.toast-popup.toast-popup-transparent .toast-popup-icon{margin-right:16px;margin-top:0}.toast-list{position:fixed!important;bottom:50px;left:50%;transform:translateX(-50%);z-index:399}@media (max-width:768px){.toast-list{bottom:10px;padding:0 10px;width:100%}}
/* End */


/* Start:/local/templates/deus-light/template_styles.min.css?174056739347*/
.hidden-page{display:none}.hidden{display:none}
/* End */
/* /local/templates/deus/assets/css/global.css?176846782925584 */
/* /local/templates/deus/assets/css/icons.css?17266451342624 */
/* /local/templates/deus/assets/css/button.css?177242932917213 */
/* /local/templates/deus/assets/css/globalcomponents.css?175515504314467 */
/* /local/templates/deus/assets/css/swiper-bundle.min.css?172664170018452 */
/* /local/templates/deus-light/assets/css/style.css?17721005599504 */
/* /local/templates/deus-light/components/bitrix/menu/.default/style.min.css?1740567419489 */
/* /local/components/iqos/geofence/templates/nrd/style.min.css?17405674132322 */
/* /local/templates/deus/blocks/toast/style.min.css?1740567405830 */
/* /local/templates/deus-light/template_styles.min.css?174056739347 */