

/* Start:/ru/services/iqos-iluma/style.css?175868340024595*/
/* animation */
.circularAnimation {}
.circularAnimation .circleSmall,
.circularAnimation .circleMiddle,
.circularAnimation .circleBig {
    transform-origin: center;
    transform-style: preserve-3d;
    animation: circleSmall linear infinite;
    z-index: 1;
}
.circularAnimation .circleSmall {
    animation-duration: 3s;
    left: calc(50% - 145px);
    bottom: calc(-26% + 190px);
}
.circularAnimation .circleMiddle {
    animation-duration: 6s;
    left: calc(50% - 216px);
    bottom: calc(-26% + 86px);
}
.circularAnimation .circleBig {
    animation-duration: 9s;
    left: calc(50% - 326px);
    bottom: -26%;
}
.circularAnimation .iqos1,
.circularAnimation .iqos2,
.circularAnimation .iqos3 {
    top: 23%;
    left: 14%;
    animation: iqosIn forwards;
}
.circularAnimation .iqos1 {
    animation-duration: 1.5s;
    transform: translate(150%, -70%);
    z-index: 3;
}
.circularAnimation .iqos2 {
    animation-duration: 2.5s;
    transform: translate(150%, -70%);
    z-index: 2;
}
.circularAnimation .iqos3 {
    animation-duration: 3.2s;
    transform: translate(150%, -70%);
    z-index: 1;
}
.circularAnimation .iqosIlumaOne {
    transform: scale(0.1);
    opacity: 0;
    z-index: 3;
    animation: iqosIlumaOne forwards 2s;
}
@media (min-width: 1201px)
{
    .circularAnimation .iqosIlumaOne {
        height: 82%;
    }
    @-moz-keyframes circleSmall {
        0%{ transform: rotateX(70deg) rotate(0deg) }
        100%{ transform: rotateX(70deg) rotate(360deg) }
    }
    @-webkit-keyframes circleSmall {
        0%{ transform: rotateX(70deg) rotate(0deg) }
        100%{ transform: rotateX(70deg) rotate(360deg) }
    }
    @-o-keyframes circleSmall {
        0%{ transform: rotateX(70deg) rotate(0deg) }
        100%{ transform: rotateX(70deg) rotate(360deg) }
    }
    @keyframes circleSmall {
        0%{ transform: rotateX(70deg) rotate(0deg) }
        100%{ transform: rotateX(70deg) rotate(360deg) }
    }
    @-moz-keyframes iqosIn {
        0%{ transform: translate(150%, -70%) scale(2) }
        100%{ transform: translate(0, 0) scale(1) }
    }
    @-webkit-keyframes iqosIn {
        0%{ transform: translate(150%, -70%) scale(2) }
        100%{ transform: translate(0, 0) scale(1) }
    }
    @-o-keyframes iqosIn {
        0%{ transform: translate(150%, -70%) scale(2) }
        100%{ transform: translate(0, 0) scale(1) }
    }
    @keyframes iqosIn {
        0%{ transform: translate(150%, -70%) scale(2) }
        100%{ transform: translate(0, 0) scale(1) }
    }
    @-moz-keyframes iqosIlumaOne {
        0%{ transform: scale(0.1); opacity: 0; }
        100%{ transform: scale(1); opacity: 1; }
    }
    @-webkit-keyframes iqosIlumaOne {
        0%{ transform: scale(0.1); opacity: 0; }
        100%{ transform: scale(1); opacity: 1; }
    }
    @-o-keyframes iqosIlumaOne {
        0%{ transform: scale(0.1); opacity: 0; }
        100%{ transform: scale(1); opacity: 1; }
    }
    @keyframes iqosIlumaOne {
        0%{ transform: scale(0.1); opacity: 0; }
        100%{ transform: scale(1); opacity: 1; }
    }
}
@media (max-width: 1200px) and (min-width: 1023px)
{
    .circularAnimation .iqosIlumaOne {
        height: 72%;
    }
    @-moz-keyframes circleSmall {
        0%{ transform: rotateX(70deg) rotate(0deg) scale(0.7) }
        100%{ transform: rotateX(70deg) rotate(360deg) scale(0.7) }
    }
    @-webkit-keyframes circleSmall {
        0%{ transform: rotateX(70deg) rotate(0deg) scale(0.7) }
        100%{ transform: rotateX(70deg) rotate(360deg) scale(0.7) }
    }
    @-o-keyframes circleSmall {
        0%{ transform: rotateX(70deg) rotate(0deg) scale(0.7) }
        100%{ transform: rotateX(70deg) rotate(360deg) scale(0.7) }
    }
    @keyframes circleSmall {
        0%{ transform: rotateX(70deg) rotate(0deg) scale(0.7) }
        100%{ transform: rotateX(70deg) rotate(360deg) scale(0.7) }
    }
    @-moz-keyframes iqosIn {
        0%{ transform: translate(150%, -70%) scale(1.7) }
        100%{ transform: translate(-11%, -13%) scale(0.7) }
    }
    @-webkit-keyframes iqosIn {
        0%{ transform: translate(150%, -70%) scale(1.7) }
        100%{ transform: translate(-11%, -13%) scale(0.7) }
    }
    @-o-keyframes iqosIn {
        0%{ transform: translate(150%, -70%) scale(1.7) }
        100%{ transform: translate(-11%, -13%) scale(0.7) }
    }
    @keyframes iqosIn {
        0%{ transform: translate(150%, -70%) scale(1.7) }
        100%{ transform: translate(-11%, -13%) scale(0.7) }
    }
    @-moz-keyframes iqosIlumaOne {
        0%{ transform: scale(0.1); opacity: 0; }
        100%{ transform: scale(1); opacity: 1; }
    }
    @-webkit-keyframes iqosIlumaOne {
        0%{ transform: scale(0.1); opacity: 0; }
        100%{ transform: scale(1); opacity: 1; }
    }
    @-o-keyframes iqosIlumaOne {
        0%{ transform: scale(0.1); opacity: 0; }
        100%{ transform: scale(1); opacity: 1; }
    }
    @keyframes iqosIlumaOne {
        0%{ transform: scale(0.1); opacity: 0; }
        100%{ transform: scale(1); opacity: 1; }
    }
}
@media (max-width: 1022px)
{
    .circularAnimation .circleSmall{ bottom: calc(-60% + 190px) }
    .circularAnimation .circleMiddle{ bottom: calc(-60% + 86px) }
    .circularAnimation .circleBig{ bottom: -60% }
    .circularAnimation .iqos1,
    .circularAnimation .iqos2,
    .circularAnimation .iqos3 {
        left: 50%;
    }
    .circularAnimation .iqosIlumaOne {
        height: 95%;
    }
    @-moz-keyframes circleSmall {
        0%{ transform: rotateX(70deg) rotate(0deg) scale(0.7) }
        100%{ transform: rotateX(70deg) rotate(360deg) scale(0.7) }
    }
    @-webkit-keyframes circleSmall {
        0%{ transform: rotateX(70deg) rotate(0deg) scale(0.7) }
        100%{ transform: rotateX(70deg) rotate(360deg) scale(0.7) }
    }
    @-o-keyframes circleSmall {
        0%{ transform: rotateX(70deg) rotate(0deg) scale(0.7) }
        100%{ transform: rotateX(70deg) rotate(360deg) scale(0.7) }
    }
    @keyframes circleSmall {
        0%{ transform: rotateX(70deg) rotate(0deg) scale(0.7) }
        100%{ transform: rotateX(70deg) rotate(360deg) scale(0.7) }
    }
    @-moz-keyframes iqosIn {
        0%{ transform: translate(150%, -70%) scale(1.6) }
        100%{ transform: translate(-50%, -23%) scale(0.6) }
    }
    @-webkit-keyframes iqosIn {
        0%{ transform: translate(150%, -70%) scale(1.6) }
        100%{ transform: translate(-50%, -23%) scale(0.6) }
    }
    @-o-keyframes iqosIn {
        0%{ transform: translate(150%, -70%) scale(1.6) }
        100%{ transform: translate(-50%, -23%) scale(0.6) }
    }
    @keyframes iqosIn {
        0%{ transform: translate(150%, -70%) scale(1.6) }
        100%{ transform: translate(-50%, -23%) scale(0.6) }
    }
    @-moz-keyframes iqosIlumaOne {
        0%{ transform: scale(0.1); opacity: 0; }
        100%{ transform: scale(1); opacity: 1; }
    }
    @-webkit-keyframes iqosIlumaOne {
        0%{ transform: scale(0.1); opacity: 0; }
        100%{ transform: scale(1); opacity: 1; }
    }
    @-o-keyframes iqosIlumaOne {
        0%{ transform: scale(0.1); opacity: 0; }
        100%{ transform: scale(1); opacity: 1; }
    }
    @keyframes iqosIlumaOne {
        0%{ transform: scale(0.1); opacity: 0; }
        100%{ transform: scale(1); opacity: 1; }
    }
}
@media (max-width: 400px)
{
    .circularAnimation .iqosIlumaOne{ height: 82% }
}
@media (max-width: 319px)
{
    .circularAnimation .iqosIlumaOne{ height: 72% }
}
/* first block for iluma prime and iluma */
.iluma-first-content {
    overflow: hidden;
}
#ilumaBanner {
    display: none;
    background: var(--turquoise);
}
#ilumaBanner.is-active {
    display: block;
}
.iluma-first-content .container {}
.iluma-first-content-inner {}
.iluma-first-content-article {
    width: 48%;
    gap: 30px;
    justify-content: center;
    padding-left: 60px;
}
.iluma-first-content-preview{ width: 52% }

@media (min-width: 1201px)
{
    .iluma-first-content{ height: 700px }
    .iluma-first-content-article{ min-width: 600px }
    .iluma-first-content-desc{ max-width: 460px }
}
@media (max-width: 1200px) and (min-width: 1023px)
{
    .iluma-first-content{ height: 600px }
    .iluma-first-content-article{ min-width: 600px }
    .iluma-first-content-desc{ max-width: 460px }
}
@media (max-width: 1022px)
{
    .iluma-first-content-inner{
        flex-direction: column-reverse;
        padding-top: 26px;
    }
    .iluma-first-content-article,
    .iluma-first-content-preview{ width: 100% }
    .iluma-first-content-article {
        padding: 40px 28px 500px;
        text-align: center;
        gap: 16px;
    }
    .iluma-first-content-preview{ height: 400px }
}
/* first block for iluma one */
#ilumaOneBanner {
    background: url("/ru/services/iqos-iluma/./assets/technology/iqos-iluma.png");
    background-size: cover;
    display: none;
}
@media (max-width: 768px) {
    #ilumaOneBanner {
        background: url("/ru/services/iqos-iluma/./assets/technology/iqos-iluma-mobile.jpg");
        background-size: cover;
        background-position: bottom;
    }
}
#ilumaOneBanner.is-active {
    display: block;
}
#ilumaOneBanner .circularAnimation
{
    justify-content: center;
    align-items: center;
}

/* Tabs */
.tabs.iluma_tabs {
    justify-content: unset;
    width: fit-content;
    margin: 0 auto;
    max-width: 100vw;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
@media (max-width: 768px) {
    .tabs.iluma_tabs { 
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none; 
    }
    .tabs.iluma_tabs::-webkit-scrollbar {
        display: none;
    }
}
.tabs-link.iluma-tab {
    white-space: nowrap;
    cursor: pointer;
    appearance: none;
    border: 1px solid transparent;
}

.tabs-link.iluma-tab:hover::after {
    background-color: var(--turquoise);
}
.tabs-link.iluma-tab.is-active::after {
    background-color: var(--turquoise);
}

.iluma_tab_content{ display: none }
.iluma_tab_content.is-active{ display: block }

@media (min-width: 701px)
{
    .iluma_tabs{ gap: 24px }
    .tabs-link.iluma-tab {
        width: 200px;
        padding: 16px 32px;
        height: 56px;
    }
}
@media (max-width: 700px)
{
    .iluma-tab-text{ display: none }
    .tabs-link.iluma-tab {
        width: auto;
        padding: 20px 30px;
    }
}

/* Technology */
#iluma_i_prime .iluma_technology .container,
#iluma_i_one .iluma_technology .container {
    background-image: url("/ru/services/iqos-iluma/./assets/technology/i-prime.gif");
}
#iluma_i .iluma_technology .container {
    background-image: url("/ru/services/iqos-iluma/./assets/technology/iluma-i.gif");
}

.iluma_technology .container {
    padding: 0 76px;
    min-height: 590px;
    background-image: url("/ru/services/iqos-iluma/./assets/technology/desktop_turq.png");
    background-repeat: no-repeat;
    background-position: top right;
    justify-content: end;
}
.iluma_technology_items {}
.iluma_technology_item{ max-width: 336px }

@media (max-width: 1432px)
{
    .iluma_technology .container {
        padding: 0 15px;
        background-position: top right 15px;
    }
}
@media (max-width: 970px)
{
    .iluma_technology .container{ background-image: unset !important; }
}

@media (min-width: 751px)
{
    .iluma_technology{ margin-bottom: 100px }
    .iluma_technology_mobile{ display: none }
    .visible-xs{ display: none }
    .iluma_technology .container{ gap: 30px }
    .iluma_technology_desc {
        font-size: 16px;
        max-width: 640px;
    }
    .iluma_technology_items {
        gap: 30px;
        flex-wrap: wrap;
        padding-bottom: 48px;
        margin-top: 14px;
    }
}
@media (max-width: 750px)
{
    .iluma_technology{ margin-bottom: 60px }
    .iluma_technology h3{ text-align: center }
    .visible-desktop{ display: none }
    .iluma_technology_mobile {
        width: 100%;
        position: relative;
    }
    .iluma_technology .container{ gap: 20px }
    .iluma_technology_desc{ font-size: 14px }
    .iluma_technology_items {
        gap: 28px;
        flex-direction: column;
        padding-bottom: 0;
    }
    .iluma_technology_item {
        max-width: unset;
        width: 100%;
        margin-top: 0;
    }
}

/* Tips */
.iluma_tips{ overflow-x: hidden }
.iluma_tips .container{ max-width: 1160px }
.iluma_tips h3{ margin-bottom: 60px }
.swiper.iluma_tips_swiper{ overflow-x: inherit }
.swiper.iluma_tips_swiper .iluma_tip_img_block {
    width: inherit;
    margin-bottom: 32px;
}
.swiper.iluma_tips_swiper .video-modal-link {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.iluma_tip img{ width: inherit }
.ulima_tip_title {
    font-size: 24px;
    margin-bottom: 16px;
}
.ulima_tip_desc {
    font-size: 12px;
    line-height: 166.667%;
    height: 84px;
}
.swiper-pagination.iluma_tips_swiper_pag{ position: relative }
@media (min-width: 1046px) {
    #iluma_i_prime .iluma_tips .container .swiper .swiper-wrapper,
    #iluma_i .iluma_tips .container .swiper .swiper-wrapper,
    #iluma_i_one .iluma_tips .container .swiper .swiper-wrapper {
        justify-content: center;
    }
}

@media (min-width: 768px)
{
    .iluma_tips{ background: var(--hard-white) }
    .iluma_tips .container{ padding: 88px 32px }
    .iluma_tips h3{ margin-bottom: 60px }
    .swiper-pagination.iluma_tips_swiper_pag{ margin-top: 90px }
}
@media (max-width: 767px)
{
    .iluma_tips .container{ padding: 0 32px }
    .iluma_tips h3{ margin-bottom: 40px }
    .swiper-pagination.iluma_tips_swiper_pag{ margin-top: 24px }
}

/* iluma_block_info */
.iluma_block_info{ margin-top: 134px }
.iluma_block_info .container {
    max-width: 1320px;
    background: var(--hard-white);
}
.iluma_block_info_inner {
    max-width: 1160px;
    margin: 0 auto;
}

@media (min-width: 1061px)
{
    .iluma_block_info {
        margin-top: calc(134px + 60px);
        margin-bottom: 60px;
    }
    .iluma_block_info_img {
        margin-top: -134px;
        width: 500px;
        height: 500px;
    }
    .iluma_block_info_inner{ gap: 60px }
    .iluma_block_info_article{ padding: 50px 0 60px }
    .iluma_block_info_article h3{ margin-bottom: 30px }
    .iluma_block_info_article .bd-lg{ margin-bottom: 30px }
    .iluma_block_info_article .bd-sm{ margin-bottom: 40px }
}
@media (max-width: 1060px) and (min-width: 768px)
{
    .iluma_block_info {
        margin-top: calc(26px + 50px);
        margin-bottom: 30px;
    }
    .iluma_block_info_img {
        margin-top: -26px;
        width: 380px;
        height: 380px;
    }
    .iluma_block_info_inner{ gap: 30px }
    .iluma_block_info_article{ padding: 50px 0 60px }
    .iluma_block_info_article h3{ margin-bottom: 30px }
    .iluma_block_info_article .bd-lg{ margin-bottom: 30px }
    .iluma_block_info_article .bd-sm{ margin-bottom: 40px }
}
@media (max-width: 767px)
{
    .iluma_block_info {
        margin-top: calc(84px + 50px);
        margin-bottom: 30px;
    }
    .iluma_block_info .container{ padding: 0 }
    .iluma_block_info_img {
        margin-top: -84px;
        width: 264px;
        height: 264px;
        align-self: end;
    }
    .iluma_block_info_inner {
        gap: 0;
        flex-direction: column;
    }
    .iluma_block_info_article{ padding: 40px 32px 20px }
    .iluma_block_info_article h3{ margin-bottom: 20px }
    .iluma_block_info_article .bd-lg{ margin-bottom: 24px }
    .iluma_block_info_article .bd-sm{ margin-bottom: 24px }
}

/* Collection */
.terea_collection .container {
    background: var(--turquoise);
    max-width: 1440px;
    overflow: hidden;
}
.terea_collection__content {
    margin: 0 auto;
    max-width: 1440px;
}
.terea_collection__content .terea_collection_article {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 170px 60px;
}
@media (min-width: 1600px) {
    .terea_collection__content .terea_collection_article {
        padding: 370px 60px;
    }
}
@media (max-width: 768px) {
    .terea_collection__content .terea_collection_article {
        padding: 20px 45px;
    }
}
.terea_collection__content .terea_collection_article .terea_collection_warning {
    position: absolute;
    bottom: 20px;
}

#iluma_i_prime .terea_collection,
#iluma_i .terea_collection,
#iluma_i_one .terea_collection {
    background: url("/ru/services/iqos-iluma/./assets/collection.jpg");
    background-size: cover;
    background-position: right;
}

.terea_collection.terea_collection__turquoise .container {
    background: var(--turquoise);
}
.terea_collection_article{ justify-content: center; position: relative}
.terea_collection_btns{}
.terea_collection_img_block{}
.terea_collection_img__desktop{}
.terea_collection_warning{ color: var(--slate) }

@media (min-width: 1061px)
{
    .terea_collection {
        margin-bottom: 60px;
    }
    .terea_collection_article {
        width: 48%;
        padding-left: 60px;
        gap: 30px;
    }
    .terea_collection_article p{ width: calc(100% - 20px) }
    .terea_collection_btns{ gap: 60px }
    .terea_collection_img_block{ width: 52% }
    .terea_collection_img__mobile{ display: none }
    .terea_collection_warning {
        bottom: 20px;
        left: 60px;
    }
}
@media (max-width: 1060px)
{
    .terea_collection{ margin-bottom: 30px }
    .terea_collection .container{ flex-direction: column-reverse }
    .terea_collection_article {
        padding: 26px 20px 30px;
        gap: 12px;
        text-align: center;
    }
    .terea_collection_article p {
        width: calc(88%);
        margin: 0 auto;
    }
    .terea_collection_btns {
        flex-direction: column;
        gap: 12px;
        align-items: center;
    }
    .terea_collection_btns a {
        width: 100%;
    }
    .terea_collection_btns .btn{ width: 80% }
    .terea_collection_img__desktop{ display: none }
    .terea_collection_img__mobile {
        width: 100%;
        height: auto;
    }
    .terea_collection_warning {
        font-size: 8px !important;
        line-height: 10px !important;
        left: 48px;
        right: 48px;
        bottom: 0;
    }
}
@media (max-width: 370px)
{
    .terea_collection_warning {
        left: 30px;
        right: 30px;
    }
    .terea_collection_article p {
        width: calc(94%);
    }
}

/* Accessories */
.iluma_accs{ overflow-x: hidden }
.iluma_accs:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: var(--hard-white);
    z-index: -1;
}
.iluma_accs .container{ max-width: 1160px }
.iluma_accs h3{}
.iluma_accs .btn {
    display: block;
    width: fit-content;
    margin: 0 auto;
    text-align: center;
}
.iluma_accs_swiper{ overflow-x: visible !important }
.iluma_accs_swiper .swiper-slide{ position: relative }
.iluma_accs_swiper .swiper-slide:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 6px;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0.37%, rgba(0, 0, 0, 0.8) 100%);
}
.iluma_accs_swiper .swiper-slide img{ width: inherit }
.iluma_accs_swiper .swiper-slide div {
    position: absolute;
    color: #fffdfb;
}
.swiper-pagination.iluma_accs_swiper_pag {
    position: relative;
    margin-top: 44px;
}
.swiper-pagination.iluma_accs_swiper_pag .swiper-pagination-bullet {
    background: var(--slate-t-15);
    opacity: 1;
}
.swiper-pagination.iluma_accs_swiper_pag .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: var(--turquoise) }

@media (min-width: 768px)
{
    .iluma_accs{ margin-bottom: 64px }
    .iluma_accs:before{ height: 68% }
    .iluma_accs .container{ padding: 88px 32px 0 }
    .iluma_accs h3 {
        margin: 0 auto 30px;
        max-width: 700px;
    }
    .iluma_accs .iluma_accs_desc{ margin-bottom: 30px }
    .iluma_accs_swiper{ margin-top: 60px }
    .iluma_accs_swiper .swiper-slide div {
        bottom: 40px;
        left: 40px;
        right: 40px;
        text-align: center;
        font-size: 24px;
        font-weight: 700;
        font-family: Iqos-Bold, sans-serif;
    }
}
@media (max-width: 767px)
{
    .iluma_accs{ margin-bottom: 40px }
    .iluma_accs:before{ height: 72% }
    .iluma_accs .container{ padding: 50px 32px 0 }
    .iluma_accs h3{ margin-bottom: 16px }
    .iluma_accs .iluma_accs_desc{ margin-bottom: 24px }
    .iluma_accs_swiper{ margin-top: 40px }
    .iluma_accs_swiper .swiper-slide img {
        aspect-ratio: 1;
        object-fit: cover;
        object-position: center;
    }
    .iluma_accs_swiper .swiper-slide div {
        bottom: 24px;
        left: 24px;
        right: 10px;
        text-align: left;
        font-size: 20px;
    }
}

/* Services */
.iluma_services .container {
    padding-left: 32px;
    padding-right: 32px;
}
.iluma_services svg{ display: block }
.iluma_services_block {
    justify-content: center;
    gap: 32px;
    margin-top: 80px;
}
.iluma_service {}
.btn.iluma_service_text {
    gap: 12px;
    padding: 0;
    font-weight: 700;
    font-family: Iqos-Bold, sans-serif;
}
.btn.btn-tertiary.iluma_service_text i {
    font-size: 16px;
    margin-left: 0
}

@media (min-width: 768px)
{
    .iluma_services{ margin-bottom: 96px }
    .iluma_service {
        width: 200px;
        gap: 32px;
    }
}
@media (max-width: 767px)
{
    .iluma_services{
        margin-bottom: 60px
    }
    .iluma_services_block {
        flex-direction: column;
        margin-top: 40px;
    }
    .iluma_service {
        width: 100%;
        gap: 24px;
    }
    .iluma_service svg {
        width: 48px;
        height: 48px;
    }

    #iluma_i_prime .iluma_service{
        width: 44%;
    }
    #iluma_i_prime .terea_collection .terea_collection_warning,
    #iluma_i .terea_collection .terea_collection_warning,
    #iluma_i_one .terea_collection .terea_collection_warning {
        display: none;
    }
    #iluma_i_prime .terea_collection,
    #iluma_i .terea_collection,
    #iluma_i_one .terea_collection {
        background: radial-gradient(282.73% 129.07% at 71.9% 0%, #009EA9 0%, #00515E 100%);
    }
    #iluma_i_prime .terea_collection-top-mobile img,
    #iluma_i .terea_collection-top-mobile img,
    #iluma_i_one .terea_collection-top-mobile img {
        width: 100%;
        height: auto;
        display: block;
        position: relative;
    }
    #iluma_i_prime .terea_collection-top-mobile .terea_collection_warning,
    #iluma_i .terea_collection-top-mobile .terea_collection_warning,
    #iluma_i_one .terea_collection-top-mobile .terea_collection_warning {
        left: 15px;
        bottom: 10px;
    }
    #iluma_i_prime .iluma_services_block {
        flex-direction: row;
        flex-wrap: wrap;
    }

    #iluma_i .iluma_service{
        width: 44%;
    }
    #iluma_i .iluma_services_block {
        flex-direction: row;
        flex-wrap: wrap;
    }
}

/* Comfort */
.terea_comfort .container {
    background: var(--turquoise);
    max-width: 1320px;
    overflow: hidden;
}

#iluma_i_prime .terea_comfort .container {
    background: var(--turquoise);
    max-width: 1320px;
    overflow: hidden;
    background: radial-gradient(282.73% 129.07% at 71.9% 0%, #009EA9 0%, #00515E 100%);
}

#iluma_i .terea_comfort .container {
    background: var(--turquoise);
    max-width: 1320px;
    overflow: hidden;
    background: radial-gradient(282.73% 129.07% at 71.9% 0%, #009EA9 0%, #00515E 100%);
}

.terea_comfort.terea_comfort__turquoise .container {
    background: var(--turquoise);
}
.terea_comfort_article{ justify-content: center }
.terea_comfort_btns{ flex-wrap: wrap }
.terea_comfort_img_block{ object-fit: cover }

@media (min-width: 1061px)
{
    .terea_comfort{ margin-bottom: 100px }
    .terea_comfort_article {
        width: 52%;
        padding: 40px 60px;
    }
    .terea_comfort_article h4{ margin-bottom: 10px }
    .terea_comfort_article p{ margin-bottom: 30px }
    .terea_comfort_btns{ gap: 10px }
    .terea_comfort_img_block{ width: 48% }
}
@media (max-width: 1060px)
{
    .terea_comfort{ margin-bottom: 30px }
    .terea_comfort .container{ flex-direction: column }
    .terea_comfort_article {
        padding: 40px 32px 44px;
        text-align: left;
    }
    .terea_comfort_article h4{ margin-bottom: 24px }
    .terea_comfort_article p{ margin-bottom: 32px }
    .terea_comfort_btns {
        flex-direction: column;
        gap: 12px;
    }
    .terea_comfort_btns .btn{ width: fit-content }
}
@media (max-width: 1060px)
{
    .terea_comfort_btns { width: max-content }
    .terea_comfort_btns .btn { width: auto }
}
@media (max-width: 352px)
{
    .terea_comfort_article{ padding: 30px 16px 34px }
}
/* media to 280px */
@media (max-width: 319px)
{
    .iluma_tab_content h3,
    .iluma_tab_content .title-3 {
        font-weight: 700;
        font-size: 24px;
        line-height: 36px;
    }
    .iluma_tab_content .btn
    {
        font-size: 14px;
    }
}
/* End */


/* Start:/local/templates/deus/blocks/tabs/style.css?17586834003177*/
.tabs {
  display: flex;
  align-items: center;
  width: 100%;
}

.tabs-link {
  text-decoration: none;
  text-align: center;
  display: block;
  padding: 16px 0;
  position: relative;
  width: 320px;
  background-color: #ffffff;
}

.tabs-link::after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: transparent;
  transition: background-color 0.2s ease;
}

.tabs-link span {
  color: var(--slate);
  font-size: 16px;
  line-height: 24px;
  transition: font-family 0.2s ease;
}

.tabs-link.is-active::after {
  background-color: var(--dark-slate);
}

.tabs-link:hover::after {
  background-color: var(--dark-slate);
}

.tabs-link.is-active span {
  font-family: "Iqos-Bold";
}

.tabs-link:hover span {
  font-family: "Iqos-Bold";
}

.tabs-link:is-active {
  color: var(--slate);
}

/* tabs xl */
.tabs.tabs-xl .tabs-link {
  width: 240px;
}

/* tabs xl */
.tabs.tabs-sm .tabs-link {
  width: 200px;
}

/* tabs-fit-width */
.tabs.tabs-fit-width .tabs-link {
  width: auto;
  padding: 16px 32px;
}

/* tabs-full-width */
.tabs.tabs-full-width .tabs-link {
  width: 100%;
}

/* tabs vertical */
.tabs.tabs-vertical .tabs-link {
  width: auto;
  padding: 20px 0px;
  border-bottom: 0;
}

.tabs.tabs-vertical .tabs-link span {
  letter-spacing: 0.2px;
  line-height: 20px;
  font-size: 14px;
  padding: 0 32px;
}

.tabs.tabs-vertical .tabs-link:not(:last-child) span {
  border-right: 1px solid var(--slate);
}

/* tabs in page */
.tabs.tabs-in-page {
  flex-direction: column;
  width: auto;
  align-items: flex-start;
}

.tabs.tabs-in-page .tabs-link {
  border: none;
  width: 300px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 24px 26px;
  transition: 0.2s background-color ease, 0.2s box-shadow ease;
}

.tabs.tabs-in-page .tabs-link span {
  font-family: "Iqos-Regular";
}

.tabs.tabs-in-page .tabs-link i {
  font-size: 24px;
  margin-right: 20px;
  color: var(--slate);
}

.tabs.tabs-in-page .tabs-link.is-active {
  background-color: var(--soft-white);
  box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.06);
}

.tabs.tabs-in-page .tabs-link:hover {
  background-color: var(--soft-white);
  box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.06);
}

@media (max-width: 400px) {
  .tabs.tabs-in-page .tabs-link {
    width: auto;
  }
}

/* tabs section */
.tabs-section {
  justify-content: center;
  box-shadow: 0px -1px 0px 0px var(--slate-t-15) inset;
}

.tabs-section .tabs-link {
  background-color: transparent;
  width: 200px;
}

.tabs-section .tabs-link:not(:last-child) {
  margin: 0 24px 0 0;
}

@media (max-width: 768px) {
  .tabs-section-block .container {
      padding: 0;
  }

  .tabs.tabs-section .tabs-link span {
      font-size: 14px;
      line-height: 20px;
  }

  .tabs.tabs-section .tabs-link {
      width: fit-content;
      padding: 16px 24px;
      flex-shrink: 0;
  }

  .tabs.tabs-section .tabs-link:not(:last-child) {
      margin: 0 0 0 0;
  }
}

@media (max-width: 425px) {
  .tabs-section {
    width: 100%;
    overflow-x: scroll;
    justify-content: flex-start;
  }

  .tabs-section::-webkit-scrollbar {
      display: none;
  }
}
/* End */


/* Start:/local/templates/deus/blocks/intro-video/style.min.css?17405674052997*/
.intro-video{background-color:var(--turquoise);padding-top:90px;margin-bottom:306px}.intro-video__article{max-width:865px;margin:0 auto;text-align:center;margin-bottom:40px}.intro-video__preview{max-width:100%;display:flex;align-items:center;justify-content:center;height:auto;margin:0 auto;position:absolute;bottom:0;width:100%;left:50%;transform:translateX(-50%) translateY(50%)}.intro-video__img{width:100%;height:100%;object-fit:cover}.intro-video__preview .btn{position:absolute;bottom:50%;right:50%;transform:translate(50%,50%)}.intro-video__inner{position:relative}.intro-video__article{padding-bottom:400px}.intro-video.intro-video-iluma{margin-bottom:660px;padding-top:0}.intro-video.intro-video-iluma .intro-video__preview{transform:translateX(-50%) translateY(80%)}.intro-video.intro-video-iluma .intro-video__article{padding-bottom:200px;max-width:900px}.intro-video.intro-video-iluma .intro-video__preview .btn{bottom:64px;right:120px;transform:none}.intro-video.intro-video-iluma .intro-video__inner{padding-top:100px}@media (max-width:768px){.intro-video{padding-top:40px;margin-bottom:205px}.intro-video__article{padding-bottom:235px}.intro-video__article p.pg-small{margin-bottom:32px}.intro-video__article h1{margin-bottom:24px}.intro-video.intro-video-iluma .intro-video__article{padding-bottom:90px}.intro-video.intro-video-iluma .intro-video__preview .btn{bottom:20px;right:20px}.intro-video.intro-video-iluma .intro-video__inner{padding-top:30px}.intro-video.intro-video-iluma{margin-bottom:332px}}@media (max-width:480px){.intro-video{margin-bottom:100px}.intro-video__article{padding-bottom:135px}.intro-video.intro-video-iluma{margin-bottom:132px}.intro-video.intro-video-iluma .intro-video__article{padding-bottom:30px}}@media (max-width:330px){.intro-video{margin-bottom:100px}.intro-video__article{padding-bottom:110px}}.intro-video.intro-video-iluma-one{padding-top:0;background-color:unset}.intro-video.intro-video-iluma-one .intro-video__article{padding-bottom:300px;max-width:900px}@media (max-width:768px){.intro-video{padding-top:40px;margin-bottom:205px}.intro-video__article{padding-bottom:235px}.intro-video__article p.pg-small{margin-bottom:32px}.intro-video__article h3{margin-bottom:100px}.intro-video.intro-video-iluma-one .intro-video__article{padding-bottom:90px}.intro-video.intro-video-iluma-one .intro-video__inner{padding-top:30px}.intro-video.intro-video-iluma-one{margin-bottom:332px}.intro-video__preview{height:350px}}@media (max-width:480px){.intro-video{margin-bottom:100px}.intro-video__article{padding-bottom:135px}.intro-video.intro-video-iluma-one{margin-bottom:132px}.intro-video.intro-video-iluma-one .intro-video__article{padding-bottom:30px}}@media (max-width:330px){.intro-video{margin-bottom:100px}.intro-video__article{padding-bottom:110px}}.intro-video__img.mobile{display:none}@media only screen and (max-device-width:480px){.intro-video__img{display:none}.intro-video__img.mobile{display:block}.intro-video__preview{height:200px}}
/* End */


/* Start:/local/templates/deus/blocks/video-modal/style.min.css?1740567405636*/
.modal-video .modal-inner{max-width:fit-content}.modal-video .modal-content{padding:0;border-radius:0;background-color:transparent;box-shadow:none}.icon-cancel{position:absolute;font-size:24px;right:-24px;top:-24px;cursor:pointer;color:var(--soft-white)}.modal-video-src{display:flex}.modal-video-src iframe{width:1000px;height:540px}@media (max-width:1024px){.modal-video-src iframe{width:800px;height:450px}.icon-cancel{right:0;top:-28px}}@media (max-width:768px){.modal-video-src iframe{width:600px;height:337.5px}}@media (max-width:480px){.modal-video-src iframe{height:200px;width:100%}.modal-video .modal-inner{max-width:inherit}}
/* End */


/* Start:/local/templates/deus/blocks/contacts/style.min.css?17405674051463*/
.support-social{background-color:var(--soft-white)}.support-social a:hover{text-decoration:underline;color:var(--turquoise)}.support-social__list__item a{text-decoration:none;color:var(--turquoise)}.support-social__list__item-icon{width:64px;height:64px;margin-bottom:24px}.support-social__item-icon.special{padding:0;width:55px}.support-social__item-icon{max-width:64px}.support-social.support-social-hard-white{background-color:var(--hard-white)}.support-social.support-social-turquoise{background-color:var(--turquoise);color:var(--slate)}.support-social.support-social-turquoise p{color:var(--slate)}.support-social.support-social-turquoise a{color:var(--slate)}.support-social.support-social-slate{background-color:var(--slate);color:var(--soft-white)}.support-social.support-social-slate p{color:var(--soft-white)}.support-social.support-social-slate a{color:var(--turquoise)}.support-social__inner{padding:80px 0;overflow:hidden}.support-social__list{display:flex;width:calc(100% + 32px);flex-wrap:wrap}.support-social__list__item{width:calc((100% / 3) - 32px);margin:0 32px 0 0;display:flex;flex-direction:column;align-items:center;text-align:center}.support-social__item-link{color:var(--turquoise)}@media (max-width:768px){.support-social__list{justify-content:center}.support-social__list__item{width:calc((100% / 2) - 32px);margin:0 32px 80px 0}}@media (max-width:500px){.support-social__list__item{width:calc((100% / 1) - 32px);margin:0 32px 32px 0}}
/* End */
/* /ru/services/iqos-iluma/style.css?175868340024595 */
/* /local/templates/deus/blocks/tabs/style.css?17586834003177 */
/* /local/templates/deus/blocks/intro-video/style.min.css?17405674052997 */
/* /local/templates/deus/blocks/video-modal/style.min.css?1740567405636 */
/* /local/templates/deus/blocks/contacts/style.min.css?17405674051463 */
